:root{--navy:#061321;--navy2:#0b2034;--ink:#f4f1e9;--muted:#bdc9d3;--gold:#f0d36d;--line:rgba(204,225,245,.18);--header:92px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--navy);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}body:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:1100px;background:radial-gradient(ellipse at 77% 20%,#204a7555,transparent 60%),radial-gradient(ellipse at 0 30%,#624e2829,transparent 50%);pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button[hidden],[hidden]{display:none!important}img{display:block;width:100%;height:auto;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.03;letter-spacing:-.05em}h1{font-size:clamp(46px,5.15vw,78px);font-weight:700;margin-bottom:26px}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(34px,3.7vw,56px);margin-bottom:24px}h3{font-size:26px;letter-spacing:-.035em}p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#d8e0e6;margin-bottom:24px}.lead{font-size:18px;line-height:1.7;max-width:530px}.skip{position:fixed;top:-90px;left:16px;padding:12px 20px;z-index:1000;background:var(--gold);color:#061321}.skip:focus{top:10px}.header{height:92px;position:sticky;top:0;background:#061321f7;border-bottom:1px solid var(--line);z-index:100}.header-inner{max-width:1440px;margin:auto;padding:0 5%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.corporate-brand{width:134px;min-width:134px;height:72px;display:flex;align-items:center;justify-content:center}.corporate-brand img{width:134px;height:70px;object-fit:contain}.header nav{display:flex;align-items:center;gap:24px}.header nav a{min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:600;color:#c5d2df;white-space:nowrap}.header nav a:hover,.header nav a[aria-current]{color:var(--gold)}.header nav .nav-access{border:1px solid var(--line);padding:0 16px;border-radius:5px;margin-left:8px}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:5px;background:#0b2034;padding:12px}.menu-toggle span{height:2px;background:var(--ink);display:block;margin:6px 0}.hero{max-width:1440px;padding:76px 5% 62px;min-height:670px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2}.hero-copy .lead{max-width:460px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 20px;min-height:50px;border:1px solid #73849980;border-radius:5px;font-size:13px;font-weight:700;background:#0b2034;line-height:1.4;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#173149}.button.primary{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 10px 40px -20px #f0d36d88}.button.primary:hover{background:#ffe493}.button span{font-size:20px}.hero-stage{position:relative;padding:10px 0 100px;perspective:1200px;margin-right:-15px;min-width:0}.world-window{display:block;position:relative;overflow:hidden;border:1px solid #809fb780;border-radius:12px;transform:rotateY(-7deg) rotateZ(1deg);box-shadow:0 3px 5px #0008,0 40px 100px -25px #1469b766;transition:transform .3s}.world-window:hover{transform:rotateY(0) rotateZ(0)}.window-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#0f2337;border-bottom:1px solid var(--line)}.window-bar i{height:5px;width:5px;border-radius:50%;background:#91a6b6}.window-bar span{font-size:8px;letter-spacing:.16em;margin-left:10px;color:#c2d2df}.world-window>img{height:354px;object-position:center}.window-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 24px 22px;background:linear-gradient(transparent,#04101eef)}.window-caption span{display:block;font-size:9px;letter-spacing:.16em;color:#c8dcef}.window-caption strong{display:block;font-size:25px;letter-spacing:-.035em;margin:4px 0}.window-caption b{font-size:11px}.floating-product{position:absolute;right:14px;bottom:27px;width:285px;display:flex;background:#101d32;border:1px solid #ba95be66;box-shadow:0 20px 60px #0008,0 15px 60px -25px #e64dbb80;border-radius:8px;overflow:hidden;transform:rotateZ(-3deg);transition:transform .3s}.floating-product:hover{transform:rotateZ(0)}.floating-product img{width:100px;height:143px;object-position:center}.floating-product>div{padding:16px 14px}.floating-product span{font-size:7px;letter-spacing:.1em;color:#f0beda;display:block}.floating-product b{display:block;font-size:17px;line-height:1.2;margin:9px 0}.floating-product small{font-size:9px}.stage-footnote{position:absolute;left:5px;bottom:0;font-size:9px;color:#aebdcb}.ticker{padding:28px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1c2c;display:flex;justify-content:space-between;gap:25px;align-items:center}.ticker>span{font-size:9px;letter-spacing:.16em;color:#99acbc}.ticker>a{font-size:16px;font-weight:bold;display:flex;align-items:center;gap:15px;min-height:44px}.ticker small{font-size:10px;color:#acbecf;font-weight:normal}.page-wrap{max-width:1296px;margin:auto;padding:0 4%}.section-heading{max-width:660px;margin:110px 0 50px}.section-heading p:last-child{font-size:17px}.feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;margin:75px 0 120px;position:relative}.feature.reverse{grid-template-columns:1fr 1.2fr}.feature.reverse .feature-media{order:2}.feature-media{position:relative;border:1px solid #748da855;border-radius:12px;overflow:hidden;box-shadow:0 3px 4px #0007,0 28px 75px -30px #2a84ce66}.feature-media>img{aspect-ratio:1.23;object-fit:cover;transition:transform .5s}.feature-media:hover>img{transform:scale(1.025)}.pink .feature-media{box-shadow:0 3px 4px #0007,0 28px 75px -30px #c748a466}.media-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#05111eed);font-size:9px;letter-spacing:.12em;padding:50px 22px 18px;color:#fff}.feature-copy>p:not(.eyebrow){font-size:17px;max-width:480px}.feature-copy .button{margin-top:10px}.feature-copy .eyebrow{font-size:10px}.studio-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;margin:100px 0 140px}.studio-device{border:1px solid #bb9b6655;border-radius:12px;overflow:hidden;background:#0a1c2d;box-shadow:0 5px 5px #0006,0 30px 110px -40px #b4983866;transform:perspective(1300px) rotateY(-3deg);min-width:0}.studio-screen{padding:25px}.studio-intro{display:flex;gap:15px;align-items:center}.studio-intro small{font-size:8px;letter-spacing:.15em;color:var(--gold)}.studio-intro h3{font-size:24px;margin:5px 0 8px}.studio-intro p{font-size:10px;margin:0}.adam-sigil{width:53px;height:53px;min-width:53px;display:grid;place-items:center;border:1px solid #f0d36d88;border-radius:50%;font-size:26px;background:radial-gradient(circle,#ff9d3c44,#17b6ce11);box-shadow:0 0 22px #b68c2622;color:#f0d36d}.room-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:22px 0 15px}.room-tabs button{font-size:9px;border:1px solid #44607a66;min-height:44px;padding:8px 2px;border-radius:4px;background:#10263c}.room-tabs button[aria-pressed=true]{border-color:#ddbe68;color:#f0d36d;background:#53462c55}.room-view{position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden}.room-view>img{height:165px;object-position:50% 40%}.room-view>div{padding:17px;background:#091827}.room-view span{font-size:8px;letter-spacing:.15em;color:#e3cd8a}.room-view h3{font-size:21px;margin:8px 0}.room-view p{font-size:11px;margin-bottom:8px}.room-view a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:#d9e7f2}.command-preview{padding:12px;margin-top:16px;border:1px solid var(--line);border-radius:5px;font-size:11px;display:flex;align-items:center;gap:10px}.command-preview>span:first-child{color:var(--gold)}.command-preview>span:last-child{font-size:7px;margin-left:auto;color:#abbfd0}.closing{text-align:center;padding:90px 35px;margin-bottom:85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,#22496944,transparent 70%)}.closing .actions{justify-content:center}.closing p{max-width:640px;margin-left:auto;margin-right:auto}.closing h2{font-size:clamp(36px,4.5vw,64px)}footer{border-top:1px solid var(--line);padding:50px 5% 25px;background:#04101b}.footer-top{max-width:1296px;margin:auto;display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr;gap:35px}.footer-top p{font-size:16px;margin:8px 0}.footer-top nav{display:flex;flex-direction:column}.footer-top nav a{font-size:12px;min-height:44px;display:flex;align-items:center}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin:35px auto 0;max-width:1296px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#a9bac8}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.page-hero{max-width:1440px;padding:80px 5% 55px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;min-height:650px}.page-hero h1{font-size:clamp(44px,4.8vw,72px)}.page-hero figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid #728eac66;box-shadow:0 22px 90px -25px #2d6fb655}.page-hero figure>img{height:405px}.page-hero figcaption{font-size:10px;padding:14px 18px;background:#0b2034;color:#c5d5e3}.phone-stage{padding:40px 15px;display:grid;place-items:center;background:radial-gradient(ellipse,#29709833,transparent 65%)}.phone{border:7px solid #294052;outline:1px solid #93a5b8;border-radius:38px;padding:28px 18px 22px;width:285px;transform:rotate(5deg);background:#091827;box-shadow:0 30px 70px #0008}.phone-top{display:flex;justify-content:space-between;font-size:11px;font-weight:bold;margin-bottom:25px}.phone-top span{font-size:7px;color:#c7d5e1;font-weight:normal}.phone h3{font-size:32px;color:var(--gold)}.phone img{border-radius:8px;aspect-ratio:1.35}.phone-row{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 0;font-size:10px}.phone-row span{color:#c6d7e6;font-size:9px}.phone p{font-size:9px;margin:20px 0 0}.catalog-intro{padding-top:75px;padding-bottom:70px}.catalog-intro h1{font-size:74px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0 12px}.filters button{min-height:48px;font-size:12px;padding:10px 18px;background:#11273b;border:1px solid var(--line);border-radius:30px}.filters button[aria-pressed=true]{background:#f0d36d;color:#061321;border-color:#f0d36d}.filter-status{font-size:11px;min-height:22px;margin-bottom:25px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0a1d30;box-shadow:0 15px 40px -25px #518ac866;display:flex;flex-direction:column}.card-image{position:relative}.card-image img{aspect-ratio:1.15;transition:transform .35s}.card-image{overflow:hidden}.game-card:hover .card-image img{transform:scale(1.035)}.tag{position:absolute;left:15px;bottom:14px;padding:5px 10px;background:#051422ef;border:1px solid #b3c2d055;color:#d9e4ed;border-radius:25px;font-size:9px}.card-copy{padding:25px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.card-copy h2{font-size:28px;letter-spacing:-.035em;margin-bottom:15px}.card-copy p{font-size:14px}.card-copy .button{margin-top:auto;width:100%;font-size:11px}.portfolio-note{margin-top:70px;padding:45px;border:1px solid var(--line);background:linear-gradient(110deg,#133048,#091b2b);border-radius:10px}.portfolio-note h2{font-size:30px}.portfolio-note p{font-size:16px;max-width:800px}.portfolio-note>a{display:inline-flex;min-height:44px;align-items:center;font-size:13px;color:var(--gold)}.campaign-device{border:1px solid #8c77a066;border-radius:12px;overflow:hidden;background:#101c31;box-shadow:0 30px 80px -25px #82208f55}.campaign-content{padding:35px}.campaign-content h3{font-size:35px}.timeline{padding:0;list-style:none;margin:30px 0;counter-reset:step}.timeline li{counter-increment:step;display:grid;grid-template-columns:40px 1fr;gap:5px 15px;position:relative;padding-bottom:25px}.timeline li:before{content:"0" counter(step);grid-row:span 2;border:1px solid #c787d580;background:#392745;border-radius:50%;height:36px;display:grid;place-items:center;font-size:10px;color:#efcef4}.timeline b{font-size:16px}.timeline span{font-size:13px;color:#becedd}.sample-label,.access-note{font-size:12px;color:#b5c6d7;margin:20px 0 0}.access-note{max-width:440px}.hero-stage,.page-hero figure{animation:arrive .7s ease both}@keyframes arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}}@media(max-width:1100px){.header nav{gap:16px}.header nav a{font-size:11px}.header-inner{gap:12px}.hero{gap:15px}.hero-stage{margin:0}.hero h1{font-size:56px}.hero .button{padding:13px 15px;font-size:11px}.ticker{flex-wrap:wrap}.ticker>span{width:100%}.room-tabs{grid-template-columns:repeat(3,1fr)}.studio-screen{padding:18px}.game-grid{gap:14px}.card-copy{padding:20px}.card-copy h2{font-size:24px}}
@media(max-width:900px){:root{--header:78px}.header{height:78px}.header-inner{padding:0 5%}.corporate-brand,.corporate-brand img{width:116px;min-width:116px;height:65px}.menu-toggle{display:block}.header nav{position:fixed;top:78px;bottom:0;left:0;right:0;background:#071725;overflow:auto;display:none;padding:22px 6%;align-items:stretch;gap:4px;flex-direction:column}.header nav.open{display:flex}.header nav a{font-size:18px;min-height:55px;border-bottom:1px solid var(--line)}.header nav .nav-access{margin:15px 0 0;justify-content:center}.hero{padding:45px 6% 35px;grid-template-columns:1fr;gap:30px;min-height:0}.hero h1{font-size:54px;max-width:640px;margin-bottom:18px}.hero .lead{max-width:590px;font-size:17px}.hero-stage{max-width:650px;width:100%;margin:0 auto;padding:0 0 100px}.world-window>img{height:auto;aspect-ratio:1.8}.hero .button{font-size:12px}.hero-copy .eyebrow{font-size:9px;margin-bottom:18px}.ticker{padding:20px 6%;gap:8px 20px}.ticker>a{font-size:12px;gap:8px}.ticker small{font-size:9px}.page-wrap{padding:0 6%}.feature,.feature.reverse{grid-template-columns:1fr 1fr;gap:5%;margin:65px 0 80px}.feature-copy>p:not(.eyebrow){font-size:15px}.feature-copy h2{font-size:36px}.feature-media>img{aspect-ratio:.8}.studio-feature{grid-template-columns:1fr;gap:35px;margin:70px 0 100px}.studio-device{max-width:650px}.studio-feature .feature-copy{max-width:570px}.room-tabs{grid-template-columns:repeat(6,1fr)}.room-view>img{height:210px}.page-hero{padding:45px 6%;gap:35px;grid-template-columns:1fr;min-height:0}.page-hero h1{font-size:54px}.page-hero figure{max-width:650px;width:100%;margin:auto}.page-hero figure>img{height:auto;aspect-ratio:1.7}.page-hero .lead{max-width:650px}.game-grid{grid-template-columns:1fr 1fr}.game-grid .game-card:last-child{grid-column:span 2;width:calc(50% - 7px)}.footer-top{grid-template-columns:1fr 1fr}.section-heading{margin-top:75px}.studio-hero{gap:45px}.catalog-intro{padding-top:50px}.catalog-intro h1{font-size:60px}}
@media(max-width:600px){h1,.hero h1,.page-hero h1{font-size:43px;line-height:1.02;letter-spacing:-.055em}.hero{padding:29px 6% 22px;gap:27px}.hero .lead{font-size:15px;line-height:1.6;margin-bottom:20px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:16px}.hero .actions{gap:9px}.hero .button{font-size:10px;padding:11px 13px;gap:12px;min-height:46px}.hero-stage{padding:0 0 83px}.world-window{transform:rotateY(-3deg) rotateZ(1deg)}.window-bar{height:27px}.window-bar span{font-size:6px}.world-window>img{height:210px;aspect-ratio:auto}.window-caption{padding:55px 16px 18px}.window-caption strong{font-size:20px}.window-caption span{font-size:7px}.window-caption b{font-size:9px}.floating-product{width:210px;bottom:22px;right:7px}.floating-product img{width:76px;height:96px}.floating-product>div{padding:10px}.floating-product span{font-size:5.5px}.floating-product b{font-size:13px;margin:6px 0}.floating-product small{font-size:7px}.stage-footnote{font-size:7px;bottom:0;left:0}.ticker{align-items:flex-start;gap:5px 20px}.ticker>span{font-size:8px}.ticker>a{font-size:11px;min-height:40px}.ticker small{display:none}.section-heading{margin-top:64px;margin-bottom:30px}.section-heading h2{font-size:36px}.section-heading p:last-child{font-size:15px}.feature,.feature.reverse{grid-template-columns:1fr;gap:30px;margin:40px 0 75px}.feature.reverse .feature-media{order:0}.feature-media>img{aspect-ratio:1.2}.feature-copy h2{font-size:38px}.feature-copy .eyebrow{font-size:9px;margin-bottom:16px}.feature-copy>p:not(.eyebrow){font-size:15px}.button{font-size:12px;padding:13px 17px}.studio-feature{margin:55px 0 75px}.studio-screen{padding:17px 12px}.studio-intro{gap:10px}.studio-intro h3{font-size:20px}.studio-intro p{font-size:9px}.adam-sigil{width:42px;height:42px;min-width:42px;font-size:22px}.studio-intro small{font-size:7px}.room-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 12px}.room-tabs button{font-size:10px}.room-view>img{height:150px}.room-view>div{padding:14px}.room-view h3{font-size:22px}.command-preview{font-size:10px}.command-preview>span:last-child{font-size:6px}.closing{padding:55px 8px;margin-bottom:45px}.closing h2{font-size:36px}.closing p{font-size:14px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-top p{font-size:13px}.footer-top nav a{font-size:11px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:5px 20px}.footer-bottom>span:nth-child(2){display:none}footer{padding:30px 6% 15px}.page-hero{padding:35px 6% 25px;gap:30px}.page-hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:20px}.page-hero .lead{font-size:15px;line-height:1.65}.page-hero figure>img{aspect-ratio:1.12}.page-hero figcaption{font-size:9px}.catalog-intro{padding-top:35px}.catalog-intro h1{font-size:48px}.catalog-intro .lead{font-size:16px}.catalog-intro .eyebrow{font-size:9px}.filters{gap:6px;margin-top:25px}.filters button{font-size:10px;padding:10px 13px;min-height:44px}.game-grid{grid-template-columns:1fr;gap:25px}.game-grid .game-card:last-child{grid-column:auto;width:100%}.card-image img{aspect-ratio:1.3}.card-copy{padding:24px}.card-copy h2{font-size:30px}.card-copy p{font-size:15px}.portfolio-note{padding:27px 22px;margin-top:40px}.portfolio-note h2{font-size:30px}.portfolio-note p{font-size:14px}.campaign-content{padding:24px 19px}.campaign-content h3{font-size:30px}.campaign-content .eyebrow{font-size:8px}.timeline span{font-size:12px}.phone{width:260px}.studio-hero{gap:30px}.access-note{font-size:12px}}
@media(max-width:350px){.hero h1,.page-hero h1{font-size:37px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .button{font-size:11px}.ticker>a{font-size:10px}.studio-intro h3{font-size:17px}.room-tabs button{font-size:9px}.command-preview{font-size:9px}.command-preview>span:last-child{display:none}.window-caption strong{font-size:17px}.floating-product{width:190px}.floating-product img{width:65px}.filters button{font-size:9px}.footer-top{gap:10px}.corporate-brand,.corporate-brand img{width:108px;min-width:108px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.world-window,.floating-product,.studio-device,.phone{transform:none!important}}
/* Keep the full tagline on three deliberate lines and both actions above the mobile image. */
.hero h1{font-size:clamp(40px,4.6vw,68px)}
.corporate-brand img{mix-blend-mode:screen}
@media(max-width:600px){.hero h1{font-size:40px}.hero .actions{gap:8px}.hero .button{font-size:10px;padding:11px 10px;gap:9px}.hero .actions .secondary{font-size:9px;padding-left:10px;padding-right:10px}}
@media(max-width:350px){.hero h1{font-size:36px}}
@media(max-width:600px){.ticker>a{min-height:44px}}
/* Put ambient light on the stage itself, so decorative pseudo-elements do not obscure contrast inspection. */
body:before{content:none}
.hero,.page-hero{background:radial-gradient(ellipse at 77% 20%,#204a752a,transparent 65%)}
.header{background:#061321}
/* Solid caption backing keeps text readable over every archive frame and crop. */
.window-caption{background:#061321ed;padding:16px 24px 20px}
@media(max-width:600px){.window-caption{padding:12px 16px 16px}.window-caption strong{font-size:18px}.floating-product{bottom:12px}.hero-stage{padding-bottom:93px}.stage-footnote{bottom:0}}