@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{color-scheme:dark;--muted:#999da7;--line:#262930;--reveal:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#eeeff3;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #c4cddd;outline-offset:5px}button{font:inherit}.shell{width:min(1240px,calc(100% - 96px));margin:auto}header{height:86px;position:absolute;z-index:5;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 48px;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:600;letter-spacing:-.7px}.brand img{width:32px;height:32px}nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#a8abb4}nav a:hover{color:white}.nav-cta{color:#e9eaf0;border:1px solid #ffffff25;border-radius:8px;padding:11px 16px}.hero{position:relative;min-height:780px;height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#25283066,transparent 55%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.hero-copy{position:relative;text-align:center;padding:110px 24px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:600;color:#a5a9b4;margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(76px,10vw,148px);line-height:.99;margin-bottom:32px}h1 span{background:linear-gradient(110deg,#f4f5f8 5%,#767b88 95%);background-clip:text;color:transparent}.lede{font-size:18px;line-height:1.7;color:#a2a5ae;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:36px;background:#e7e9ee;color:#14161b;padding:15px 23px;border-radius:8px;font-weight:600;font-size:14px;transition:transform .2s}.button:hover{transform:translateY(-3px);background:white}.platform{font-size:12px;color:#9397a2;margin:20px 0 0}.hero-bottom{position:absolute;bottom:30px;left:48px;right:48px;display:flex;justify-content:space-between;color:#969ba7;font-size:10px;letter-spacing:.12em}.hero-bottom a{font-size:12px;letter-spacing:0}.workspace-scroll{height:210vh;min-height:1300px}.workspace-sticky{position:sticky;top:0;height:100svh;min-height:650px;padding:50px 48px 28px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;perspective:1600px}.section-heading{text-align:center;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:clamp(38px,4.5vw,68px);line-height:1.1;margin-bottom:20px}.section-heading h2{font-size:clamp(32px,3.5vw,50px);margin-bottom:14px}.section-heading p:last-child,.muted{color:var(--muted);line-height:1.7}.screen{width:min(1050px,100%);margin:0 auto;position:relative;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;box-shadow:0 40px 100px #0009;transform:rotateX(calc((1 - var(--reveal))*8deg)) scale(calc(.93 + var(--reveal)*.07));background:#0b0c0e}.screen-bar{display:flex;justify-content:space-between;padding:12px 18px;background:#141519;font-size:10px;color:#989da8}.screen>img{display:block;width:100%;height:auto;max-height:59vh;object-fit:contain;object-position:top}.veil{position:absolute;inset:36px 0 0;background:#090a0cf2;backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:calc(1 - var(--reveal));pointer-events:none}.veil img{width:70px}.veil span{font-size:12px;color:#a0a5b0;letter-spacing:.06em}.caption{width:min(1050px,100%);margin:22px auto 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#999eaa;letter-spacing:.04em}.flow{padding:140px 0}h2 span{color:#818693}.flow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;margin-top:70px}.steps article{position:relative;padding:0 0 32px 45px;margin-bottom:32px;border-bottom:1px solid var(--line)}.steps small{position:absolute;left:0;top:5px;color:#969ca7;font-size:12px}h3{font-weight:500;font-size:23px;letter-spacing:-.035em;margin-bottom:15px}.steps p{color:var(--muted);line-height:1.8;max-width:340px;margin-bottom:0}figure{position:sticky;top:80px;margin:0}figure img{display:block;width:100%;height:auto;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 30px 80px #0007}figcaption{font-size:12px;color:var(--muted);padding:18px 0}.statement{padding:130px 0;border-block:1px solid var(--line)}.statement h2{font-size:clamp(38px,6vw,86px)}.statement-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:55px}.statement-bottom p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.plans{padding:140px 0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.plan{background:linear-gradient(145deg,#14161a,#0d0e11);border:1px solid var(--line);border-radius:12px;padding:32px}.plan .eyebrow{font-size:10px;margin-bottom:36px}.plan h3{font-size:25px}.price{font-size:50px;letter-spacing:-.05em;margin:30px 0 20px}.price small{font-size:13px;color:var(--muted);letter-spacing:0}.plan>p:not(.price):not(.eyebrow){color:var(--muted);font-size:14px}.plan button{width:100%;padding:13px;margin-top:25px;border:1px solid #35383f;border-radius:7px;background:#202228;color:#a5a9b2;font-size:13px;cursor:not-allowed}.featured{border-color:#6a707d;background:linear-gradient(145deg,#23262e,#101115)}footer{padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}footer .brand{color:#eee;font-size:17px}.progress{position:fixed;z-index:10;top:0;left:0;height:2px;width:100%;background:#c3c9d7;transform:scaleX(0);transform-origin:left}.motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion .reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.shell{width:calc(100% - 40px)}header{padding:0 20px;height:74px}nav{gap:12px}nav>a:not(.nav-cta){display:none}.hero{min-height:720px}.hero-copy{padding:100px 20px}.hero .eyebrow{font-size:9px}h1{font-size:clamp(68px,14vw,104px)}.lede{font-size:16px}.hero-bottom{left:20px;right:20px}.hero-bottom>span:first-child{display:none}.workspace-scroll{height:150vh;min-height:900px}.workspace-sticky{padding:55px 16px;min-height:550px}.screen-bar{font-size:9px;padding:10px}.caption{font-size:9px;letter-spacing:0;flex-wrap:wrap}.caption>span:last-child{display:none}.flow,.plans{padding:90px 0}.flow-layout{grid-template-columns:1fr;gap:15px;margin-top:45px}figure{position:static}.statement{padding:85px 0}.statement-bottom{gap:25px}.plan-grid{grid-template-columns:1fr}.plan .eyebrow{margin-bottom:24px}.price{margin:20px 0}.plan{padding:28px}footer{flex-wrap:wrap;gap:24px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen{transform:none}.veil{display:none}.motion .reveal{opacity:1;transform:none;transition:none}.workspace-scroll{height:auto;min-height:0}.workspace-sticky{position:relative;height:auto;min-height:0;padding-block:80px}.button{transition:none}}
/* Product features: real app captures, with room to read the interface. */
.display-features{padding:120px 0 40px;border-top:1px solid var(--line)}
.display-intro{margin-bottom:85px}.display-intro h2{font-size:clamp(48px,6.5vw,92px)}.display-intro>p:last-child{color:var(--muted);font-size:19px;line-height:1.7}
.display-feature{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:65px;padding:0 0 100px;margin-bottom:100px;border-bottom:1px solid var(--line)}
.feature-copy .eyebrow{font-size:10px;margin-bottom:22px}.feature-copy h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.05em;margin-bottom:24px}.feature-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:16px}
.feature-list{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:15px;font-size:14px;color:#d0d3db}.feature-list li{display:flex;gap:12px;align-items:baseline}.feature-list li:before{content:'+';color:#959dab;font-size:16px}
.feature-capture{position:static;min-width:0}.feature-capture img{width:100%;height:auto;border-radius:14px;border:1px solid #ffffff15;box-shadow:0 24px 70px #0008}.feature-capture figcaption{display:block;text-align:center;font-size:11px;letter-spacing:.04em;padding-top:20px}
.picture-feature{grid-template-columns:1.28fr .72fr}.picture-feature .feature-copy{grid-column:2;grid-row:1}.picture-feature .feature-capture{grid-column:1;grid-row:1}.feature-copy .quality-note{font-size:12px!important;line-height:1.7!important;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
@media(max-width:900px){.display-feature,.picture-feature{grid-template-columns:1fr;gap:35px;padding-bottom:60px;margin-bottom:60px}.picture-feature .feature-copy,.picture-feature .feature-capture{grid-column:auto;grid-row:auto}.display-features{padding-top:80px}.display-intro{margin-bottom:55px}.feature-copy{max-width:550px}}
/* Xbox signature and scroll portal */
.hero{background:radial-gradient(ellipse at 50% 73%,#8be9560c,transparent 48%),radial-gradient(ellipse at 50% 50%,#242a3450,transparent 65%)}
.hero-copy{padding-top:125px}.xbox-signature{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 34px}.xbox-signature img{filter:drop-shadow(0 0 20px #94eb6545);animation:xbox-breathe 5s ease-in-out infinite}.xbox-signature span{font-size:10px;letter-spacing:.18em;color:#b3c2ac}.hero .lede{font-size:clamp(17px,2vw,22px);color:#bcc1ca}.hero .button{background:#b2f48c;box-shadow:0 0 35px #a4f27912}.hero .button:hover{background:#c6ffa5;box-shadow:0 0 45px #a4f27925}.progress{background:#b2f48c}.hero-bottom a{color:#c8d9bf}
.workspace-scroll{--portal:1}.screen{box-shadow:0 35px 100px #0009,0 0 70px #a4f27907}.veil{background:radial-gradient(ellipse,#152015,#090b0b 62%);backdrop-filter:none;opacity:calc(1 - var(--portal));overflow:hidden}.xbox-portal{display:grid;place-items:center;width:140px;height:140px;transform:scale(calc(1 + var(--portal)*9));opacity:calc(1 - var(--portal)*.85);will-change:transform,opacity}.xbox-portal img{width:100%;height:100%;filter:drop-shadow(0 0 22px #9aef6940)}.veil>span{opacity:calc(1 - var(--portal)*3);color:#b4c3af}.section-heading .eyebrow{color:#acd096}
.session-proof{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:70px 0;border-block:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#a4f27906,transparent 60%)}.session-proof .eyebrow{margin-bottom:20px;color:#a4c395}.proof-description{font-size:clamp(24px,3vw,38px);line-height:1.2;letter-spacing:-.04em;margin:0}.proof-number{text-align:right}.proof-number>p{margin:0 0 12px;font-family:'Space Grotesk',sans-serif;font-size:clamp(56px,7vw,96px);letter-spacing:-.065em;font-variant-numeric:tabular-nums;line-height:1;color:#c0efa6}.hours-unit{font-size:24px;letter-spacing:-.025em;color:#9fba90}.proof-label{display:block;color:#c5c9d0;font-size:14px}.sample-label{display:block;margin-top:10px;color:#959ba5;font-size:12px}.feature-list li:before{color:#a4d28e}
@keyframes xbox-breathe{0%,100%{filter:drop-shadow(0 0 12px #94eb6530);transform:translateY(0)}50%{filter:drop-shadow(0 0 28px #94eb6560);transform:translateY(-4px)}}
@media(max-width:760px){.xbox-signature{gap:10px;margin-bottom:28px}.xbox-signature img{width:32px;height:32px}.xbox-signature span{font-size:9px;letter-spacing:.12em}.session-proof{flex-direction:column;align-items:flex-start;padding:50px 0;gap:32px}.proof-number{text-align:left}.xbox-portal{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){.xbox-signature img{animation:none}.xbox-portal{will-change:auto}}

/* First-scroll takeover: the workspace rises while its profile columns assemble. */
.roster-image{position:relative}.roster-image>img{display:block;width:100%;height:auto}.profile-columns{display:none}
.opening-enhanced .opening-scroll{height:245svh;position:relative;--takeover:0;--assemble:0;--hero-fade:1}
.opening-enhanced .opening-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}
.opening-enhanced .hero{height:100%;min-height:0;max-height:none}.opening-enhanced .hero-copy{opacity:var(--hero-fade);transform:translateY(calc(-35px + var(--takeover)*-145px)) scale(calc(1 - var(--takeover)*.05))}.opening-enhanced .hero-bottom{opacity:var(--hero-fade)}
.opening-enhanced .workspace-scroll{position:absolute;inset:0;height:100%;min-height:0;z-index:2;background:#080a0c;transform:translateY(calc((1 - var(--takeover))*100%));border-top:1px solid #b2f48c40;box-shadow:0 -35px 100px #0009;border-radius:28px 28px 0 0}
.opening-enhanced .workspace-sticky{position:relative;height:100%;min-height:0;padding:32px 30px 20px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#9ce06c09,transparent 70%)}
.opening-enhanced .section-heading{margin-bottom:18px}.opening-enhanced .section-heading .eyebrow{margin-bottom:12px}.opening-enhanced .section-heading h2{margin-bottom:8px}.opening-enhanced .section-heading p:last-child{margin-bottom:8px}
.opening-enhanced .screen{width:min(1180px,100%,calc(62svh * 1395 / 850));transform:scale(calc(.88 + var(--assemble)*.12));overflow:visible;border-radius:10px}.opening-enhanced .screen-bar{border-radius:10px 10px 0 0}.opening-enhanced .veil{display:none}.opening-enhanced .caption{width:min(1180px,100%,calc(62svh * 1395 / 850));margin-top:16px}
.opening-enhanced .roster-image>img{opacity:var(--assemble)}.opening-enhanced .profile-columns{position:absolute;inset:0;display:flex;pointer-events:none;opacity:clamp(0,calc((1 - var(--assemble))*10),1)}.profile-columns>div{width:33.333333%;height:100%;background-image:url('./workspace.png');background-size:300% 100%;background-repeat:no-repeat;will-change:transform}.profile-columns>div:nth-child(1){background-position:left;transform:translate(calc((1 - var(--assemble))*-100px),calc((1 - var(--assemble))*85px)) rotate(calc((1 - var(--assemble))*-5deg))}.profile-columns>div:nth-child(2){background-position:center;transform:translateY(calc((1 - var(--assemble))*145px))}.profile-columns>div:nth-child(3){background-position:right;transform:translate(calc((1 - var(--assemble))*100px),calc((1 - var(--assemble))*55px)) rotate(calc((1 - var(--assemble))*5deg))}
@media(max-width:760px){.opening-enhanced .workspace-sticky{padding:36px 16px}.opening-enhanced .section-heading h2{font-size:34px}.opening-enhanced .hero-copy{padding-top:95px;padding-bottom:65px}.opening-enhanced .hero h1{font-size:clamp(58px,13vw,92px)}}
@media(max-height:650px) and (min-width:761px){.opening-enhanced .hero h1{font-size:70px}.opening-enhanced .hero-copy{padding:85px 20px 45px}.opening-enhanced .xbox-signature{margin-bottom:16px}.opening-enhanced .hero .lede{margin-bottom:18px}.opening-enhanced .section-heading h2{font-size:30px}.opening-enhanced .section-heading .eyebrow{display:none}}

/* Interactive website mock, styled after the desktop profile workspace. */
.live-screen{overflow:visible;background:#090b0d}.demo-app{font-family:'DM Sans',sans-serif;text-align:left;color:#e9ebef;--assemble:inherit;font-size:13px;background:#090b0d;border-radius:12px}.demo-topbar{display:flex;align-items:center;gap:18px;border-bottom:1px solid #26292e;padding:18px 24px}.demo-topbar .brand{font-size:18px}.demo-topbar .brand img{width:28px;height:28px}.demo-pro{font-size:10px;border:1px solid #30333a;background:#1f2227;padding:5px 9px;border-radius:6px}.demo-displays{margin-left:auto;color:#b8bec8;font-size:12px}.demo-content{padding:22px 24px 16px}.demo-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.demo-title h3{font-size:25px;letter-spacing:-1px;font-weight:600;margin-bottom:6px}.demo-title p{font-size:12px;color:#a8aeb9;margin:0}.demo-title>span{font-size:11px;color:#a8aeb9}.demo-tools{display:flex;align-items:center;gap:20px;margin-bottom:16px}.demo-search{display:flex;align-items:center;gap:10px;border:1px solid #30343d;border-radius:7px;padding:9px 12px;width:330px;background:#111418;color:#9ba4b3}.demo-search input{font:inherit;color:#e8ebef;background:none;border:0;outline:none;min-width:0;width:100%;font-size:12px}.demo-search:focus-within{outline:2px solid #b2c0d6;outline-offset:2px}.demo-search input::placeholder{color:#939ead}.demo-hint{margin-left:auto;font-size:11px;color:#b3d7a2}.demo-selection{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #30343b;border-radius:9px;background:#121519}.demo-selection>div{display:grid;gap:5px;flex:1;min-width:0}.demo-selection strong{font-size:12px;font-weight:500}.demo-selection span{font-size:10px;color:#a3adbc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-app button{border:1px solid #353a43;border-radius:7px;background:#191d23;color:#d7dce4;padding:8px 11px;font-size:11px;cursor:pointer}.demo-app button:hover{background:#303640}.demo-app button:focus-visible,.demo-profile input:focus-visible{outline:2px solid #c2cee0;outline-offset:3px}.demo-app button:disabled{cursor:default;opacity:.5}.demo-app .demo-primary{background:#e9ecf1;color:#15191e;border-color:#e9ecf1}.demo-app .demo-primary:hover{background:white}.demo-group{display:flex;justify-content:space-between;margin:20px 0 13px;font-size:11px;color:#a7b0bd}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-profile{padding:16px;border:1px solid #292f37;border-radius:11px;background:linear-gradient(135deg,#15191e,#111418);transform-origin:center;will-change:transform;transform:translate(calc((1 - var(--assemble,1))*var(--scatter-x)),calc((1 - var(--assemble,1))*var(--scatter-y))) rotate(calc((1 - var(--assemble,1))*var(--scatter-r)))}.demo-profile.is-selected{border-color:#767e89;background:linear-gradient(135deg,#20252c,#13171c)}.demo-profile.is-running{border-color:#699158}.demo-profile label{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13px;cursor:pointer}.demo-profile input{accent-color:#e6eaf1;width:14px;height:14px;margin:0}.demo-profile .demo-game{display:flex;align-items:center;gap:7px;font-size:10px;color:#afb9c9;margin:16px 0}.demo-game img{width:13px;height:13px;filter:grayscale(1)}.demo-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0b;padding-top:12px;gap:8px}.demo-state{font-size:10px;color:#abb5c5;display:flex;align-items:center;gap:6px}.demo-state:before{content:'';width:5px;height:5px;background:#8e99a9;border-radius:50%}.is-running .demo-state:before{background:#a4df83}.demo-card-bottom button{padding:5px 10px;min-width:55px}.demo-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #282d34;padding:12px 24px;font-size:10px;color:#a4aebd}.demo-footer [role=status]{color:#b8dca7;text-align:right}#demo-empty{padding:25px 0;color:#b3bac5;text-align:center}
.opening-enhanced .live-screen{width:min(1180px,100%);transform:none;max-height:67svh}.opening-enhanced .demo-app{max-height:67svh;overflow:clip}.opening-enhanced .is-assembled .demo-app{overflow:auto}.opening-enhanced .live-screen:not(.is-assembled) .demo-app{pointer-events:none}.opening-enhanced .caption{width:min(1180px,100%)}
@media(max-width:760px){.demo-topbar{padding:12px;gap:10px}.demo-topbar .brand{font-size:15px}.demo-pro{font-size:9px;padding:4px 6px}.demo-content{padding:15px 12px}.demo-hint{display:none}.demo-search{width:100%}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-profile{padding:12px}.demo-selection{padding:10px;gap:7px}.demo-footer{padding:12px;flex-direction:column;gap:6px}.demo-footer [role=status]{text-align:left}.demo-selection button{padding:8px;font-size:10px}.demo-title h3{font-size:22px}.demo-profile label{font-size:12px}.demo-displays{font-size:10px}}
@media(prefers-reduced-motion:reduce){.demo-profile{transform:none;will-change:auto}}
/* Choreography: lift the headline, establish the frame, resolve the roster. */
.hero h1{font-size:clamp(58px,7.7vw,112px);line-height:1.02;letter-spacing:-.065em;margin-bottom:28px}.headline-line{display:block;overflow:hidden;padding:0 .06em .09em;background:none;color:#eff1f4}.hero h1 .headline-line>span{display:block;background:none;color:inherit}.hero h1 .headline-accent{background:none;color:#aeb7a6}.hero .lede{font-size:clamp(15px,1.5vw,19px);color:#a8afb9}.xbox-signature img{animation:none;width:32px;height:32px;filter:none}.xbox-signature{margin-bottom:30px}.hero .button{box-shadow:none}.hero{background:radial-gradient(ellipse at 50% 70%,#8be95607,transparent 60%),#08090b}
.opening-enhanced .opening-scroll{height:270svh;--departure:0;--frame:0;--heading:0}
.opening-enhanced .hero-copy{opacity:1;transform:translateY(calc(-40px - var(--departure)*90px))}.opening-enhanced .headline-line>span{transform:translateY(calc(var(--departure)*-110%));opacity:calc(1 - var(--departure))}.opening-enhanced .headline-line:nth-child(2)>span{transform:translateY(calc(var(--departure)*-135%))}.opening-enhanced .hero .lede,.opening-enhanced .hero .button,.opening-enhanced .hero .platform,.opening-enhanced .xbox-signature{opacity:calc(1 - var(--departure));transform:translateY(calc(var(--departure)*-35px))}
.opening-enhanced .workspace-scroll{border-radius:0;border-top:0;box-shadow:none;background:#080a0c;clip-path:inset(0 calc((1 - var(--takeover))*3%) 0 round calc((1 - var(--takeover))*24px));transform:translateY(calc((1 - var(--takeover))*100%))}
.opening-enhanced .workspace-sticky{perspective:1800px;background:radial-gradient(ellipse at 50% 75%,#9ce06c06,transparent 65%)}.opening-enhanced .section-heading{opacity:var(--heading);transform:translateY(calc((1 - var(--heading))*24px));margin-bottom:25px}.opening-enhanced .section-heading h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.055em}.opening-enhanced .section-heading .eyebrow{font-size:10px;letter-spacing:.18em}
.opening-enhanced .live-screen{opacity:var(--frame);transform:translateY(calc((1 - var(--frame))*48px)) rotateX(calc((1 - var(--frame))*3deg)) scale(calc(.96 + var(--frame)*.04));transform-origin:50% 80%;box-shadow:0 28px 85px #0008;border-color:#394139}
.opening-enhanced .demo-profile{--card-progress:0;opacity:var(--card-progress);transform:translate3d(calc((1 - var(--card-progress))*var(--scatter-x)*.28),calc((1 - var(--card-progress))*65px),0) scale(calc(.96 + var(--card-progress)*.04));will-change:transform,opacity}.opening-enhanced .is-assembled .demo-profile{will-change:auto}.opening-enhanced .caption{opacity:var(--assemble);transform:translateY(calc((1 - var(--assemble))*10px))}
@media(max-width:760px){.opening-enhanced .hero h1,.hero h1{font-size:clamp(38px,8.4vw,64px);letter-spacing:-.06em}.opening-enhanced .hero-copy{padding-inline:16px}.hero .lede{max-width:300px;margin-inline:auto;line-height:1.6}.opening-enhanced .section-heading h2{font-size:29px}.xbox-signature span{font-size:8px}.opening-enhanced .section-heading{margin-bottom:20px}}
@media(max-height:650px) and (min-width:761px){.opening-enhanced .hero h1{font-size:64px}.opening-enhanced .section-heading{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.headline-line>span{transform:none;opacity:1}}
/* Auto-layout as a quiet, living backdrop. */
.hero{isolation:isolate}.hero:before{opacity:.35}.hero-copy{z-index:2}.hero-bottom{z-index:3}.ambient-layout{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;perspective:1100px;mask-image:radial-gradient(ellipse at 50% 49%,transparent 12%,#0003 36%,#000 73%);opacity:calc(1 - var(--departure,0)*.95)}.ambient-plane{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.ambient-window{position:absolute;left:0;top:0;border:1px solid #9dacb138;border-radius:10px;background:linear-gradient(145deg,#2a333b66,#0d1117a6);box-shadow:0 16px 45px #0005,inset 0 1px 0 #d7e6ed09;overflow:hidden;will-change:transform;transform-origin:0 0;backface-visibility:hidden}.ambient-window:nth-child(3n+1){border-color:#a8d98747;background:linear-gradient(145deg,#34442d55,#0d1312bb)}.ambient-window-bar{height:25px;border-bottom:1px solid #b7c9d318;display:flex;align-items:center;gap:4px;padding:0 10px}.ambient-window-bar i{height:3px;width:3px;border-radius:50%;background:#becad75c}.ambient-window-bar:after{content:'';height:3px;width:28%;background:#b4c5ce1c;border-radius:3px;margin-left:auto}.ambient-window-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:13px;height:calc(100% - 25px)}.ambient-window-body i{border:1px solid #adbec81b;border-radius:4px;background:linear-gradient(135deg,#b6c8d008,#b6c8d002)}.ambient-window:nth-child(3n+1) .ambient-window-body i:first-child{border-color:#b2f48c42;background:#a4d8840a}.motion-toggle{padding:8px 0;color:#8f9aab;background:none;border:0;font:inherit;font-size:10px;letter-spacing:.06em;cursor:pointer}.motion-toggle:hover{color:#cee3c3}.motion-toggle:focus-visible{outline:2px solid #b2f48c;outline-offset:4px}.hero .button{transition:transform .25s,background .25s,box-shadow .25s}.hero .button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #a4f27915}.hero .button span{transition:transform .25s}.hero .button:hover span{transform:translateY(3px)}
@media(max-width:760px){.ambient-layout{mask-image:radial-gradient(ellipse at 50% 47%,transparent 20%,#0003 48%,#000 85%);opacity:calc(.7 - var(--departure,0)*.65)}.ambient-window-bar{height:19px}.ambient-window-body{height:calc(100% - 19px);padding:8px;gap:5px}.motion-toggle{font-size:9px}.hero-bottom{align-items:center}}
@media(prefers-reduced-motion:reduce){.ambient-plane,.ambient-window{will-change:auto}.hero .button,.hero .button span{transition:none}.motion-toggle{display:none}}
/* Interaction details: local light, a restrained magnetic CTA, scene progress. */
.ambient-window:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--window-light,0);background:radial-gradient(180px circle at var(--light-x,50%) var(--light-y,50%),#c1f99c1c,transparent 75%);box-shadow:inset 0 0 0 1px #b2f48c55;transition:opacity .12s linear}.ambient-window-bar img{width:10px;height:10px;margin-left:8px;opacity:.5}.ambient-window-bar:after{width:20%;background:#b4c5ce18}.hero .button{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:background .25s,box-shadow .25s}.hero .button:hover{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));box-shadow:0 6px 32px #a4f2791c}.hero .button:focus-visible{outline:2px solid white;outline-offset:6px}
.scene-tracker{display:none}.opening-enhanced .scene-tracker{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;pointer-events:none;font-size:10px;letter-spacing:.05em;color:#707b8b;opacity:var(--tracker,0)}.scene-tracker>span{transition:color .25s}.scene-tracker>span.is-current{color:#c1e3ad}.scene-tracker>i{display:block;width:42px;height:1px;background:#2b3338;overflow:hidden}.scene-tracker b{display:block;width:100%;height:100%;background:#acd88b;transform:scaleX(var(--segment,0));transform-origin:left}
@media(max-width:760px){.opening-enhanced .scene-tracker{font-size:8px;gap:8px;bottom:16px}.scene-tracker>i{width:20px}}
@media(prefers-reduced-motion:reduce){.ambient-window:after{display:none}.hero .button,.hero .button:hover{transform:none}.scene-tracker{display:none}}
/* Continuous camera move: the same ambient window resolves into the live app. */
.opening-enhanced .opening-scroll{height:250svh;--camera:0;--detail:0;--focus:0}
.opening-enhanced .hero-copy{transform:translateY(-40px) scale(calc(1 + var(--departure)*.045));opacity:calc(1 - var(--departure));filter:blur(calc(var(--departure)*3px));pointer-events:auto}.opening-enhanced .headline-line>span,.opening-enhanced .headline-line:nth-child(2)>span{transform:none;opacity:1}.opening-enhanced .hero .lede,.opening-enhanced .hero .button,.opening-enhanced .hero .platform,.opening-enhanced .xbox-signature{opacity:1;transform:none}
.opening-enhanced .ambient-layout{opacity:1;mask-image:radial-gradient(ellipse at 50% 49%,rgb(0 0 0 / var(--focus)) 12%,rgb(0 0 0 / calc(.2 + var(--focus)*.8)) 36%,#000 73%);perspective:none}.opening-enhanced .ambient-window:nth-child(2){border-color:rgb(173 204 157 / calc(.22 + var(--focus)*.38));background:linear-gradient(145deg,#222a2b,#0b0f13);box-shadow:0 24px 70px #0006}
.opening-enhanced .workspace-scroll{background:transparent;transform:none;clip-path:none;overflow:visible;pointer-events:none}.opening-enhanced .workspace-sticky{background:none;overflow:visible;perspective:none}.opening-enhanced .section-heading{transform:translateY(calc((1 - var(--heading))*12px))}.opening-enhanced .live-screen{transform-origin:0 0;opacity:var(--detail);transform:translate3d(var(--portal-x,0px),var(--portal-y,0px),0) scale(var(--portal-sx,1),var(--portal-sy,1));filter:blur(calc((1 - var(--detail))*1.5px));will-change:transform,opacity;box-shadow:0 28px 90px #0008;pointer-events:none}.opening-enhanced .live-screen.is-assembled{pointer-events:auto;will-change:auto}.opening-enhanced .demo-profile{opacity:1;transform:none;will-change:auto}.opening-enhanced .caption{transform:none;opacity:var(--heading)}
@media(max-width:760px){.opening-enhanced .hero-copy{transform:translateY(-25px) scale(calc(1 + var(--departure)*.025))}}
@media(prefers-reduced-motion:reduce){.live-screen{filter:none}.hero-copy{filter:none}}
.opening-enhanced .hero .button{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px))}
/* One persistent interface. No substitute window, morph, or crossfade. */
.opening-enhanced .opening-stage{background:radial-gradient(ellipse at 50% 65%,#8be95606,transparent 65%),#08090b}
.opening-enhanced .hero{isolation:auto;background:none}.opening-enhanced .hero-copy{z-index:4;filter:none;transform:translateY(-40px);opacity:calc(1 - var(--departure))}.opening-enhanced .hero-bottom{z-index:4}.opening-enhanced .hero .headline-line>span{filter:none}
.opening-enhanced .live-screen{transform-origin:50% 50%;opacity:1;filter:none;transform:translate3d(var(--portal-x,0px),var(--portal-y,0px),0) rotate(var(--portal-angle,0deg)) scale(var(--portal-scale,.2));will-change:transform;box-shadow:0 24px 80px #0007;overflow:hidden}
.opening-enhanced .demo-app{overflow:clip;scrollbar-width:thin;scrollbar-color:#465044 #111418}.opening-enhanced .live-screen:after{content:'';position:absolute;inset:0;background:#080b0f;opacity:calc((1 - var(--camera))*.46);pointer-events:none;border-radius:inherit}.opening-enhanced .live-screen.is-assembled:after{opacity:0}
.opening-enhanced .scene-tracker{display:none}.opening-enhanced .section-heading{transform:none}.opening-enhanced .ambient-window[hidden]{display:none}
@media(max-width:760px){.opening-enhanced .hero-copy{transform:translateY(-25px)}}
.opening-enhanced .has-entered .hero-copy,.opening-enhanced .has-entered .hero-bottom{visibility:hidden;pointer-events:none}
.launch-account,.launch-faq{padding-block:64px}.launch-account h2,.launch-faq h2{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;margin:16px 0}.launch-account p,.launch-faq p,.plan-note{color:#a0a8b5;line-height:1.7}.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.account-actions [hidden]{display:none}.account-actions button{font:inherit;cursor:pointer}.plan a.button{display:flex;justify-content:center;margin-top:24px}.plan-note{font-size:13px;margin-top:24px;max-width:850px}.launch-faq details{border-bottom:1px solid #ffffff1a;padding:20px 0}.launch-faq summary{cursor:pointer;font-size:18px}.launch-faq p{max-width:740px}.plans button:disabled,.account-actions button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b2f48c;outline-offset:4px}footer{flex-wrap:wrap;gap:24px}