:root{color-scheme:light;--paper:#f8f7f3;--ink:#222522;--muted:#5d625f;--red:#cf3526;--line:#d5d8d0;font-family:Inter,"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:2rem}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto}p{line-height:1.65}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #155ecc;outline-offset:6px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:white;padding:15px;transform:translateY(-160%)}.skip-link:focus{transform:none}.header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:30px}.wordmark{font-size:1.8rem;font-weight:800;color:var(--red);letter-spacing:-1.4px;line-height:1;display:inline-block}.wordmark span{display:block;font-size:.82rem;font-weight:600;letter-spacing:-.25px;margin-top:4px;color:var(--ink)}nav{display:flex;gap:36px;font-size:.875rem}nav a{padding:12px 0}nav a:hover{color:var(--red)}.header nav a:first-child{border-bottom:1px solid var(--ink)}.header nav span{margin-left:12px}.hero{padding-top:35px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.hero-top>p{font-size:.875rem;margin:0;line-height:1.5;color:var(--muted)}.hero-kicker,.eyebrow{font-size:.75rem;letter-spacing:1.5px;font-weight:600;line-height:1.5}.signal-dot{display:inline-block;background:var(--red);width:7px;height:7px;border-radius:50%;margin-right:12px}.hero-title{position:relative;padding-block:30px 60px}.hero h1{font-size:clamp(5rem,11.8vw,11.4rem);line-height:.88;letter-spacing:-.075em;font-weight:600;margin:0;position:relative;z-index:1}.hero h1>span{display:block}.hero h1 .next-line{padding-left:17%}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--red);letter-spacing:-.065em}.hero-description{position:absolute;right:0;top:20px;display:flex;align-items:center;gap:25px}.hero-description p{font-size:.95rem;color:var(--muted);line-height:1.55}.round-link{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--line);border-radius:50%;font-size:32px;transition:transform .25s,background .25s}.round-link:hover{background:var(--red);color:white;transform:rotate(10deg)}.cinema{width:calc(100% - 40px);margin:auto;height:690px;background:#badddf;position:relative;overflow:hidden;border-radius:5px;isolation:isolate}.cinema-light{position:absolute;inset:-10%;background:radial-gradient(ellipse at 15% 15%,#e2eaba 0,transparent 45%),radial-gradient(ellipse at 80% 60%,#fc9362 0,transparent 45%),radial-gradient(ellipse at 45% 90%,#60bed4 0,transparent 50%),#c4e0e0;animation:light-drift 16s ease-in-out infinite alternate;z-index:-1}.cinema-caption,.cinema-bottom{position:absolute;z-index:5;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cinema-caption{top:30px;font-size:.75rem;font-weight:600;letter-spacing:1.5px}.cinema-bottom{bottom:25px;font-size:.875rem}.cinema-bottom a{padding:12px 0}.cinema-bottom a span{margin-left:25px}.motion-toggle{border:1px solid #56767380;background:#ffffff6e;backdrop-filter:blur(10px);border-radius:30px;padding:11px 18px;font-size:.75rem;color:#203f43}.motion-toggle span{margin-left:10px}.cinema-screens{position:relative;width:min(900px,88%);height:100%;margin:auto;perspective:1400px;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1s cubic-bezier(.2,.8,.2,1)}.cinema-screens .shot{position:absolute;width:260px;top:90px;border:6px solid #17242b;border-radius:32px;box-shadow:0 3px 0 #f6ffffb0 inset,0 45px 55px #1e4a5945;overflow:hidden;transition:filter .3s}.cinema-screens .shot:hover{filter:brightness(1.1)}.cinema-middle{left:calc(50% - 130px);z-index:3;transform:rotate(-7deg) translateY(-14px);animation:middle-float 7s ease-in-out infinite}.cinema-left{left:7%;transform:rotate(-19deg) rotateY(15deg) scale(.87);animation:left-float 8s ease-in-out infinite}.cinema-right{right:7%;transform:rotate(19deg) rotateY(-15deg) scale(.87);animation:right-float 9s ease-in-out infinite}.hero-foot{display:flex;justify-content:space-between;gap:25px;padding-block:24px 0;font-size:.75rem;color:var(--muted)}.hero-foot span:last-child{letter-spacing:1.3px}.game{padding-block:120px 100px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{margin:0 0 25px}.game-top .eyebrow{margin:0}.status{font-size:.8rem;border:1px solid #bbc6b6;border-radius:30px;padding:10px 15px;white-space:nowrap}.game-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-block:45px 65px}.badge-heading{margin:0;max-width:450px;line-height:0}.badge-heading svg{width:100%;height:auto;display:block}.game-lead{font-size:clamp(2.4rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.06;margin:0 0 22px}.game-lead span{color:var(--red)}.game-heading>div>p:last-child{font-size:1.05rem;color:var(--muted);max-width:430px;margin:0}.story-scenes{display:grid;gap:26px}.story-scene{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:650px;padding:55px 65px;overflow:hidden;position:relative;border-radius:6px}.story-scene.blue{background:linear-gradient(130deg,#d4eaf0,#accfd1)}.story-scene.peach{background:linear-gradient(125deg,#f3e3cc,#f9b78b)}.story-scene.lilac{background:linear-gradient(120deg,#e4dcee,#c7c1e7)}.scene-copy{position:relative;z-index:1;max-width:470px}.scene-copy h3{font-size:clamp(2.3rem,3.6vw,3.3rem);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:35px 0 25px}.scene-copy h3 span{opacity:.65}.scene-copy>p:last-child{font-size:1.05rem;max-width:375px;color:#394a4f;margin:0}.scene-image{position:relative;display:grid;place-items:center;min-width:0}.scene-image .shot{display:block;width:240px;position:relative;z-index:1;border:5px solid #17242b;border-radius:28px;overflow:hidden;box-shadow:22px 28px 50px #273e5338;transform:rotate(8deg);transition:transform .7s}.scene-image .shot:hover{transform:rotate(0) translateY(-8px)}.peach .scene-image .shot{transform:rotate(-8deg)}.scene-index{position:absolute;font-size:clamp(180px,22vw,300px);font-weight:700;letter-spacing:-.09em;color:#ffffff50;bottom:-50px;right:-35px;line-height:1;user-select:none}.facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:35px;padding:50px 0 30px;border-bottom:1px solid var(--line)}.facts p{font-size:.875rem;color:var(--muted);margin:0}.facts strong{display:block;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;letter-spacing:-.05em;color:var(--ink);line-height:1.25;margin-bottom:9px}.release-note{font-size:.8rem;color:var(--muted);margin:18px 0 0}.gallery-section{padding-block:90px;background:#17232e;color:#f2f3ed;overflow:hidden}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}.gallery-heading h2,.about h2{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0}.gallery-heading h2 span{color:#a6bfd0}.gallery-controls>p{font-size:.875rem;color:#b5c2cd}.gallery-controls>div{display:flex;gap:12px}.gallery-controls button{width:48px;height:48px;border:1px solid #617482;background:transparent;color:white;border-radius:50%;font-size:24px}.gallery-controls button:hover{background:#d5e8ee;color:#17232e}.gallery{display:flex;overflow-x:auto;gap:28px;padding:15px max(48px,calc((100vw - 1320px)/2)) 30px;scroll-snap-type:x mandatory;scroll-padding-left:max(48px,calc((100vw - 1320px)/2));scrollbar-color:#809cae #283a47}.gallery figure{flex:0 0 250px;margin:0;scroll-snap-align:start}.gallery .shot{display:block;border-radius:17px;overflow:hidden;border:1px solid #617482;transition:transform .3s}.gallery .shot:hover{transform:translateY(-8px)}.gallery figcaption{display:flex;gap:12px;margin-top:22px;font-size:.875rem;line-height:1.5}.gallery figcaption span{font-size:.75rem;color:#9fb4c5}.about{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center;padding-block:120px}.about-art{position:relative;overflow:hidden;border-radius:6px}.about-art img{height:510px;object-fit:cover;object-position:center 54%}.about-art>span{display:block;padding:20px 0;font-size:.75rem;letter-spacing:1.4px;border-bottom:1px solid var(--line)}.about-copy .eyebrow{color:var(--red)}.about h2 span{color:#6b7777}.about-copy>p:not(.eyebrow){font-size:1.05rem;color:var(--muted);max-width:500px}.text-link{display:inline-flex;gap:35px;padding:12px 0;border-bottom:1px solid;margin-top:15px;font-size:1rem}.text-link:hover{color:var(--red)}.next{background:#d9ecda;padding:80px 0 90px;position:relative;overflow:hidden}.next h2{font-size:clamp(4rem,9.5vw,9rem);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:35px 0}.next h2 span{color:var(--red)}.button{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid;padding:17px 0;font-size:1rem}.button:hover{color:var(--red)}.button span{font-size:24px}.footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px;padding-block:45px 25px}.footer>p{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;margin:0;font-size:.75rem;color:var(--muted)}dialog{border:1px solid #687883;border-radius:16px;background:#17232e;color:#f5f5f0;padding:64px 24px 22px;max-width:min(92vw,600px);max-height:94dvh}dialog::backdrop{background:#06131be8;backdrop-filter:blur(8px)}dialog img{max-height:70dvh;width:auto;margin:auto;border-radius:7px}dialog p{font-size:.875rem;max-width:430px;margin:18px auto 0}.close-preview{position:absolute;right:15px;top:12px;background:transparent;border:1px solid #718594;border-radius:30px;color:white;padding:10px 20px}body:has(dialog[open]){overflow:hidden}.motion-paused .cinema *{animation-play-state:paused!important}.motion-paused .cinema-screens{transform:none}.reveal-ready{transition:opacity .7s ease,translate .7s ease}.reveal-ready:not(.in-view){opacity:0;translate:0 24px}
@keyframes middle-float{50%{transform:rotate(-4deg) translateY(-26px)}}@keyframes left-float{50%{transform:rotate(-16deg) rotateY(15deg) scale(.87) translateY(16px)}}@keyframes right-float{50%{transform:rotate(16deg) rotateY(-15deg) scale(.87) translateY(-12px)}}@keyframes light-drift{to{transform:translate3d(3%,2%,0) scale(1.1)}}
@media(min-width:1600px){.cinema{height:760px}.cinema-screens .shot{width:290px;top:100px}.cinema-middle{left:calc(50% - 145px)}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-description p{display:none}.hero-title{padding-bottom:40px}.hero-description{top:0}.hero h1{font-size:12vw}.hero h1 .next-line{padding-left:8%}.cinema{height:610px}.cinema-screens .shot{width:230px;top:85px}.cinema-middle{left:calc(50% - 115px)}.cinema-left{left:3%}.cinema-right{right:3%}.story-scene{padding:40px;min-height:580px}.scene-image .shot{width:210px}.scene-copy h3{font-size:2.7rem}.gallery{padding-inline:28px;scroll-padding-left:28px}.about{gap:6%}.about-art img{height:440px}}
@media(max-width:740px){.header{flex-wrap:wrap;gap:22px}.header nav{gap:24px;font-size:.8rem}.hero-top>p{font-size:.75rem}.hero-description{display:none}.hero-title{padding-block:28px 40px}.hero h1{font-size:14vw;letter-spacing:-.075em}.hero h1 .next-line{padding-left:0}.hero h1 em{display:inline}.cinema{height:550px;width:calc(100% - 24px)}.cinema-caption{left:22px;right:22px;font-size:.65rem;letter-spacing:1px}.cinema-caption span:last-child{display:none}.cinema-screens{width:100%}.cinema-screens .shot{width:205px;top:95px;border-width:4px;border-radius:26px}.cinema-middle{left:calc(50% - 102.5px)}.cinema-left{left:calc(50% - 260px);transform:rotate(-19deg) scale(.8)}.cinema-right{right:calc(50% - 260px);transform:rotate(19deg) scale(.8)}.cinema-bottom{left:22px;right:22px;bottom:18px;font-size:.75rem}.hero-foot{font-size:.7rem;align-items:start}.hero-foot span:last-child{max-width:90px;text-align:right;font-size:.65rem}.game{padding-block:70px}.game-heading{grid-template-columns:1fr;gap:32px;padding-block:35px 40px}.badge-heading{max-width:350px}.game-lead{font-size:2.8rem}.game-heading>div>p:last-child{max-width:520px}.story-scene{grid-template-columns:1fr;gap:35px;padding:35px 28px 50px}.scene-copy{max-width:none}.scene-copy h3{font-size:2.6rem;margin-block:25px 20px}.scene-copy>p:last-child{max-width:480px}.scene-image{padding-block:15px}.scene-image .shot{width:220px}.scene-index{font-size:250px;right:0;bottom:0}.facts{grid-template-columns:1fr 1fr;padding-top:30px;gap:25px}.facts p:last-child{grid-column:1/-1}.facts strong{font-size:2.8rem}.gallery-section{padding-block:60px}.gallery-heading{display:block}.gallery-heading h2{font-size:3rem}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.gallery-controls p{font-size:.8rem;margin:0}.gallery figure{flex-basis:230px}.about{grid-template-columns:1fr;padding-block:70px;gap:35px}.about-art{order:2;max-width:500px;width:100%;margin:auto}.about-art img{height:460px}.about-copy h2{font-size:3rem}.next{padding-block:60px}.next h2{font-size:4.5rem}.footer nav{gap:18px;font-size:.8rem}.footer{gap:30px}}
@media(max-width:440px){.wrap{width:calc(100% - 36px)}.header{padding-block:22px}.wordmark{font-size:1.6rem}.header nav{width:100%;justify-content:space-between;gap:14px;font-size:.75rem}.hero{padding-top:20px}.hero-top>p{display:none}.hero-kicker{font-size:.65rem}.hero h1{font-size:15vw;line-height:.96}.hero-title{padding-block:24px 34px}.cinema{height:480px}.cinema-screens .shot{width:180px;top:85px}.cinema-middle{left:calc(50% - 90px)}.cinema-left{left:calc(50% - 220px)}.cinema-right{right:calc(50% - 220px)}.cinema-caption{top:22px}.motion-toggle{padding:10px 13px;font-size:.7rem}.cinema-bottom a span{margin-left:8px}.hero-foot span:first-child{max-width:190px}.eyebrow{font-size:.7rem;letter-spacing:1.2px}.status{font-size:.7rem;padding:9px 12px}.game-top{gap:12px}.game-top .eyebrow{font-size:.65rem}.scene-copy h3{font-size:2.2rem}.scene-copy>p:last-child{font-size:1rem}.story-scene{padding:30px 22px 40px}.scene-image .shot{width:205px}.gallery{padding-inline:18px;scroll-padding-left:18px;gap:20px}.gallery-heading h2{font-size:2.6rem}.gallery-controls button{width:42px;height:42px}.about-copy h2{font-size:2.5rem}.about-copy>p:not(.eyebrow){font-size:1rem}.about-art img{height:375px}.next h2{font-size:14vw}.footer{grid-template-columns:1fr}.footer nav{flex-direction:column;gap:0;align-items:start}.footer>p{grid-column:1}.facts strong{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cinema-screens{transform:none!important}.reveal-ready:not(.in-view){opacity:1;translate:0}.motion-toggle{display:none}}
/* A clear control rail remains readable over the moving screenshots. */
.cinema-bottom{left:0;right:0;bottom:0;padding:12px 30px;background:linear-gradient(transparent,#dce9e1e8 40%);font-size:.875rem}.motion-toggle{font-size:.875rem}.hero h1{letter-spacing:-.065em}.hero h1 em{letter-spacing:-.055em}
@media(max-width:440px){.cinema-bottom{padding:10px 18px;font-size:.8rem}.motion-toggle{font-size:.75rem}.hero h1{letter-spacing:-.065em}}

/* Existing product, support, and policy routes retain their layouts. */

.subpage{min-height:100vh;background:var(--paper)}
.subpage .header .wordmark,.subpage .footer .wordmark{color:var(--red)}
.page-main{padding-bottom:80px}
.page-hero{padding-block:72px 58px;border-bottom:1px solid #d6d4cf}
.page-kicker{font-size:11px;font-weight:700;letter-spacing:1.6px;margin:0 0 20px;color:var(--red)}
.page-title{font-size:clamp(48px,7vw,86px);line-height:1;letter-spacing:-4px;margin:0;max-width:950px}
.page-title span{color:var(--red)}
.page-lede{font-size:clamp(18px,2vw,23px);color:var(--muted);max-width:760px;margin:28px 0 0;line-height:1.55}
.page-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:32px}
.page-actions .text-link{margin:0}
.page-section{padding-top:58px}
.page-section>h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;margin:0 0 28px;line-height:1.08}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{border-radius:20px;padding:27px;background:white;border:1px solid #ddd9d1}
.info-card:nth-child(3n+1){background:var(--blue);border-color:transparent}
.info-card:nth-child(3n+2){background:var(--yellow);border-color:transparent}
.info-card:nth-child(3n+3){background:var(--pink);border-color:transparent}
.info-card .feature-number{display:block;margin-bottom:18px}
.info-card h2,.info-card h3{font-size:25px;line-height:1.12;letter-spacing:-.7px;margin:0 0 12px}
.info-card p{font-size:15px;margin:0;color:#34373b}
.product-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.product-shots figure{margin:0}
.product-shots .shot{display:block;overflow:hidden;border:4px solid white;border-radius:20px;box-shadow:0 14px 32px #30304020}
.product-shots .shot img{border-radius:16px}
.product-shots figcaption{font-size:13px;color:var(--muted);margin-top:13px;line-height:1.5}
.status-panel{background:#131d27;color:white;border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.status-panel h2{font-size:30px;margin:0 0 8px;letter-spacing:-1px}
.status-panel p{margin:0;color:#d4dbe2}
.status-panel .status{background:var(--yellow);color:var(--ink);border:0;white-space:nowrap}
.policy-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}
.policy-content{max-width:820px}
.policy-section{padding:28px 0;border-bottom:1px solid #d6d4cf}
.policy-section:first-child{padding-top:0}
.policy-section h2{font-size:25px;letter-spacing:-.7px;margin:0 0 10px}
.policy-section p,.policy-section li{font-size:16px;color:var(--muted)}
.policy-section p{margin:0}
.policy-section p+p{margin-top:12px}
.policy-section ul{padding-left:20px;margin:12px 0 0}
.policy-nav{position:sticky;top:24px;background:var(--blue);border-radius:18px;padding:22px}
.policy-nav strong{display:block;font-size:13px;letter-spacing:.8px;margin-bottom:12px}
.policy-nav a{display:block;padding:9px 0;border-top:1px solid #abc7d9;font-size:14px}
.contact-card{background:var(--yellow);border-radius:22px;padding:30px;margin-top:30px}
.contact-card h2{font-size:28px;letter-spacing:-1px;margin:0 0 10px}
.contact-card p{margin:0;color:#3f4042}
.contact-card .text-link{font-weight:700;margin-top:18px}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-top:24px;color:var(--muted)}
.back-link:hover{color:var(--red)}
@media(max-width:800px){.info-grid{grid-template-columns:1fr}.product-shots{grid-template-columns:repeat(3,1fr)}.policy-layout{grid-template-columns:1fr;gap:35px}.policy-nav{position:static;order:-1}.status-panel{align-items:flex-start}}
@media(max-width:560px){.page-main{padding-bottom:55px}.page-hero{padding-block:45px 38px}.page-title{font-size:46px;letter-spacing:-2.4px}.page-lede{font-size:17px}.page-section{padding-top:42px}.product-shots{grid-template-columns:1fr;gap:28px}.product-shots figure{max-width:300px}.status-panel{display:block;padding:25px}.status-panel .status{display:inline-block;margin-top:18px}.policy-section h2{font-size:22px}}

:root{--blue:#d4eaf0;--yellow:#f3e3cc;--pink:#e4dcee}.page-title{font-weight:500}.info-card{border-radius:6px}.policy-nav,.contact-card,.status-panel{border-radius:6px}.feature-number{font-size:.75rem;letter-spacing:1px}.policy-content .text-link{overflow-wrap:anywhere;display:inline}.page-section p{font-size:1rem}

/* The supplied brand artwork leads the page; the standalone slogan is secondary. */
.header .brand-image{display:block;width:360px;flex:0 0 auto;line-height:0;letter-spacing:normal}
.header .brand-image svg{display:block;width:100%;height:auto}
.header{padding-block:12px;align-items:center}
body:not(.subpage) .header .brand-image{width:420px}
.hero{padding-top:12px}
.hero-title{padding-block:24px 36px}
.hero h1{font-size:clamp(3rem,6.5vw,6rem);line-height:1;letter-spacing:-.05em}
.hero h1>span{display:inline}
.hero h1 .next-line{padding-left:0}
.hero-description{top:20px}
@media(max-width:1050px){body:not(.subpage) .header .brand-image{width:360px}.header nav{gap:22px}.hero h1{font-size:6.5vw}}
@media(max-width:740px){.header{gap:10px}.header .brand-image,body:not(.subpage) .header .brand-image{width:300px;max-width:100%}.header nav{width:100%;justify-content:space-between}.hero h1{font-size:clamp(2.5rem,7.6vw,3.8rem)}.hero-title{padding-block:20px 28px}}
@media(max-width:440px){.header .brand-image,body:not(.subpage) .header .brand-image{width:285px}.header{padding-top:0}.hero h1{font-size:9vw;letter-spacing:-.045em}.hero-title{padding-block:16px 24px}}

/* Homepage: one centered brand lockup with navigation above. */
.header.centered-navigation{justify-content:center;padding-block:20px;border-bottom:1px solid var(--line)}
.centered-navigation nav{justify-content:center;gap:44px;width:auto;flex-wrap:wrap}
.hero:has(.centered-brand){padding-top:0}
.centered-brand{display:flex;justify-content:center;padding:28px 0 38px}
.hero .centered-brand h1{width:min(540px,100%);margin:0;line-height:0;font-size:inherit}
.centered-brand .brand-image{display:block;width:100%;line-height:0}
.centered-brand svg{display:block;width:100%;height:auto}
.next{padding-block:42px}.next .eyebrow{margin-bottom:10px}
@media(max-width:740px){.centered-navigation nav{width:100%;gap:30px}.centered-brand{padding:22px 0 30px}.hero .centered-brand h1{width:min(420px,100%)}}
@media(max-width:440px){.header.centered-navigation{padding-block:15px}.centered-navigation nav{gap:22px;justify-content:center;font-size:.8rem}.hero .centered-brand h1{width:100%}.centered-brand{padding:18px 0 24px}}

/* Navigation follows the opening showcase, away from the brand lockup. */
.showcase-navigation{display:flex;justify-content:center;gap:48px;padding-block:26px;border-bottom:1px solid var(--line);margin-top:18px;font-size:.95rem}
.showcase-navigation a{padding:12px 0}.showcase-navigation a:hover{color:var(--red)}
.showcase-navigation .nav-download{background:#17232e;color:#fff;border-radius:999px;padding:12px 20px}
.showcase-navigation .nav-download:hover{background:var(--red);color:#fff}
@media(max-width:740px){.showcase-navigation{gap:28px;font-size:.85rem;padding-block:20px;flex-wrap:wrap}}
@media(max-width:440px){.showcase-navigation{gap:22px;font-size:.8rem}}

/* Released product and unified secondary-page presentation. */
.release-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-top:30px}
.app-store-button{display:inline-flex;flex-direction:column;justify-content:center;min-width:190px;padding:12px 24px;border-radius:999px;background:#17232e;color:#fff;line-height:1.05;transition:transform .2s,background .2s}
.app-store-button:hover{background:var(--red);transform:translateY(-2px)}
.app-store-button span{font-size:.68rem;letter-spacing:.04em}
.app-store-button strong{font-size:1.35rem;margin-top:3px}
.subpage-brand{display:flex;justify-content:center;padding:26px 0 34px}
.subpage-brand .brand-image{display:block;width:min(490px,100%);line-height:0}
.subpage-brand svg{display:block;width:100%;height:auto}
.page-navigation{display:flex;justify-content:center;gap:38px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.9rem;flex-wrap:wrap}
.page-navigation a{padding:9px 0}
.page-navigation a:hover{color:var(--red)}
.page-navigation [aria-current="page"]{border-bottom:1px solid currentColor}
.page-navigation .nav-download{background:#17232e;color:#fff;border:0;border-radius:999px;padding:10px 18px}
.page-navigation .nav-download:hover{background:var(--red);color:#fff}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:8%;align-items:center}
.product-hero-visual{position:relative;min-height:550px;background:linear-gradient(140deg,#d8efdc,#c5dfeb 58%,#efcdbd);overflow:hidden;border-radius:6px}
.product-hero-visual .shot{position:absolute;display:block;width:235px;border:5px solid #17232e;border-radius:28px;overflow:hidden;box-shadow:0 28px 50px #243a4840}
.product-hero-main{left:16%;top:34px;transform:rotate(-7deg);z-index:2}
.product-hero-side{right:8%;top:95px;transform:rotate(10deg)}
.status-panel .app-store-button.light{background:#fff;color:#17232e;flex:0 0 auto}
.status-panel .app-store-button.light:hover{background:#d8efdc}
@media(max-width:900px){.page-hero-grid{grid-template-columns:1fr}.product-hero-visual{min-height:500px;margin-top:35px}.subpage-brand .brand-image{width:min(430px,100%)}.page-navigation{gap:26px}}
@media(max-width:560px){.subpage-brand{padding:16px 0 22px}.subpage-brand .brand-image{width:min(330px,100%)}.page-navigation{gap:18px;font-size:.78rem;padding:14px 0}.page-navigation .nav-download{padding:8px 13px}.product-hero-visual{min-height:440px}.product-hero-visual .shot{width:190px}.product-hero-main{left:8%}.product-hero-side{right:4%}.release-actions{gap:20px}.status-panel .app-store-button{margin-top:20px}}