/* September 2026: the complete show, with Classic and Unreal stages. */
.home-2026 { --cream:#fff7e8; --soft:#aeb0c6; --hot:#ff50be; background:#090811; color:var(--cream); }
.home-2026::before { display:none; }
.home-2026 main { overflow:clip; }
.home-2026 h1,.home-2026 h2,.home-2026 h3 { font-family:"Oxanium",ui-sans-serif,system-ui,sans-serif; letter-spacing:-.045em; text-transform:none; text-shadow:none; }
.home-2026 h2 { font-size:clamp(34px,4.2vw,64px); line-height:1.06; margin:14px 0 24px; }
.home-2026 h3 { font-size:27px; line-height:1.18; margin:18px 0; }
.home-2026 p { color:var(--soft); }
.home-2026 em { font-style:normal; color:#ff8ed5; }
.home-2026 .eyebrow { color:#80e5e8; font-size:11px; letter-spacing:.18em; font-weight:700; text-transform:uppercase; }
.home-2026 .site-header { position:relative; padding:24px 4.5%; background:#090811; border-bottom:1px solid #ffffff12; backdrop-filter:none; gap:20px; }
.home-2026 .brand { flex-shrink:0; }
.home-2026 .brand-mark { border-color:#ff65c75c; color:#fff7e8; box-shadow:none; }
.home-2026 .brand-name { font-size:16px; }
.home-2026 .site-nav { display:flex; gap:24px; flex-wrap:wrap; }
.home-2026 .site-nav a { font-size:12px; text-transform:none; letter-spacing:0; }
.home-2026 .site-nav .nav-cta { background:#f5b8e0; color:#160d19; border:0; border-radius:5px; padding:10px 17px; box-shadow:none; }
.home-2026 .button { font-size:13px; text-transform:none; letter-spacing:0; padding:15px 22px; border-radius:5px; }
.home-2026 .button-primary { background:#f5b8e0; color:#190e19; border:1px solid #f5b8e0; box-shadow:0 3px 24px #ff55bf12; }
.home-2026 .button-primary:hover { background:#ffd4ef; transform:translateY(-2px); }
.home-2026 .button-ghost { background:transparent; border:1px solid #ffffff30; box-shadow:none; }
.home-2026 a:focus-visible,.home-2026 summary:focus-visible,.home-2026 input:focus-visible,.home-2026 textarea:focus-visible { outline:3px solid #80e5e8; outline-offset:5px; }
.skip-link { position:absolute; left:20px; top:-100px; z-index:100; background:#fff; color:#111; padding:14px; }
.skip-link:focus { top:10px; }
.new-hero { max-width:1440px; margin:auto; min-height:740px; padding:88px 5% 100px; display:grid; grid-template-columns:1fr 1.1fr; gap:44px; position:relative; align-items:center; }
.hero-orbit { position:absolute; pointer-events:none; width:950px; height:950px; border:1px solid #ed63c311; border-radius:50%; right:-250px; top:-150px; background:radial-gradient(ellipse,#68205225,transparent 65%); z-index:0; }
.new-hero-copy { position:relative; z-index:1; }
.home-2026 h1 { font-size:clamp(46px,4.9vw,72px); line-height:1.03; margin:24px 0; max-width:none; text-wrap:initial; }
.new-hero h1 span { color:#f8a9dc; }
.home-2026 .hero-lead { font-size:16px; line-height:1.85; max-width:460px; }
.home-2026 .hero-actions { margin-top:26px; gap:12px; }
.home-2026 .hero-footnote { margin-top:25px; font-size:10px; color:#bab3c6; }
.hero-footnote span { margin:0 8px; }
.hero-devices { position:relative; padding:0 0 160px; margin-right:-18px; margin-top:28px; }
.device-label { color:#c8bfd6; font-size:11px; letter-spacing:.12em; text-transform:uppercase; margin:0 0 16px 4px; }
.device-label i { display:inline-block; width:6px; height:6px; background:#82e4d3; border-radius:50%; margin-right:10px; }
.tv-frame { background:#131219; padding:8px; border:1px solid #716572; border-radius:13px; box-shadow:0 35px 85px #0009,0 0 80px #a8337b1a; }
.tv-frame img { border-radius:6px; width:100%; height:auto; }
.tv-foot { margin:0 auto; height:17px; width:32%; background:linear-gradient(90deg,#141018,#493746,#141018); clip-path:polygon(40% 0,60% 0,75% 72%,100% 85%,100% 100%,0 100%,0 85%,25% 72%); }
.tablet-frame { position:relative; background:#111015; border:2px solid #6b636e; padding:14px 10px; border-radius:24px; box-shadow:0 25px 75px #000a; }
.tablet-frame:before { content:""; position:absolute; width:5px; height:5px; background:#48414d; border-radius:50%; top:5px; left:50%; }
.home-2026 .tablet-frame img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; border-radius:13px; }
.hero-tablet { width:32%; position:absolute; right:18px; bottom:4px; transform:rotate(7deg); padding:9px 6px; border-radius:16px; }
.hero-tablet img { border-radius:8px; }
.hero-device-note { position:absolute; bottom:50px; left:9%; font-size:13px; line-height:1.7; color:#a99aaa; }
.included-strip { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px max(5%,calc((100vw - 1280px)/2)); border-top:1px solid #ffffff12; border-bottom:1px solid #ffffff12; background:#100d18; font-size:12px; color:#c6bfcf; }
.included-strip span:first-child { font-size:9px; letter-spacing:.12em; }
.included-strip strong { display:block; color:#f2d979; font-size:29px; font-weight:800; letter-spacing:.1em; line-height:1.2; }
.editorial-section { max-width:1280px; padding:105px 40px; margin:0 auto; scroll-margin-top:30px; }
.section-top { max-width:740px; margin-bottom:42px; }
.section-top>p:last-child { max-width:590px; font-size:16px; line-height:1.8; }
.show-grid,.setup-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.show-grid article { padding:25px 0 0; border-top:1px solid #55425a; }
.show-label { display:block; color:#db95c4; font-family:"Oxanium",ui-sans-serif,system-ui,sans-serif; font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.14em; }
.show-grid p,.stage-card p,.setup-grid p { font-size:14px; line-height:1.8; }
.stage-section { max-width:none; padding:95px max(40px,calc((100vw - 1200px)/2)); background:linear-gradient(180deg,#181021,#100d18); border-block:1px solid #ffffff0d; }
.stage-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.stage-card { border:1px solid #ffffff20; border-radius:12px; overflow:hidden; background:#0c0a13; }
.stage-card-image { position:relative; }
.stage-card-image img { width:100%; aspect-ratio:16/9; object-fit:cover; height:auto; }
.stage-card-image>span { position:absolute; bottom:14px; left:20px; font-size:9px; letter-spacing:.16em; border:1px solid #ffffff45; border-radius:4px; background:#08060ddb; padding:7px 11px; }
.stage-card-copy { padding:26px 32px 34px; }
.stage-card-copy h3 { font-size:34px; }
.home-2026 .stage-card .eyebrow { font-size:9px; }
.text-link { display:inline-block; text-decoration:none; color:#f8b4de; font-size:13px; font-weight:650; border-bottom:1px solid #f8b4de66; padding-bottom:5px; margin-top:10px; }
.text-link:hover { color:white; }
.home-2026 .section-note { font-size:12px; line-height:1.8; color:#aaa0b4; margin-top:25px; }
.button-feature { display:grid; grid-template-columns:.85fr 1fr; gap:95px; align-items:center; padding:115px 70px; max-width:1300px; margin:auto; scroll-margin-top:20px; }
.button-device-scene { position:relative; }
.button-device-scene figure { position:relative; width:330px; max-width:100%; margin:auto; transform:rotate(-5deg); background:none; border:0; padding:0; box-shadow:none; overflow:visible; }
.button-device-scene figcaption { color:#978aa0; font-size:10px; text-align:center; margin-top:20px; }
.button-halo { position:absolute; inset:-80px; background:radial-gradient(ellipse,#e52a6630,transparent 65%); }
.home-2026 .feature-lead { font-size:18px; line-height:1.65; }
.button-steps { list-style:none; counter-reset:steps; padding:0; margin:32px 0; }
.button-steps li { counter-increment:steps; position:relative; padding:0 0 24px 48px; }
.button-steps li:before { content:counter(steps,decimal-leading-zero); position:absolute; left:0; color:#ff9bcc; font-family:Oxanium,system-ui; font-size:16px; }
.button-steps strong { display:block; font-size:16px; margin-bottom:6px; }
.button-steps span { display:block; font-size:13px; color:#aba0b9; line-height:1.7; }
.setup-section { border-top:1px solid #ffffff16; }
.setup-grid article { padding:25px; border:1px solid #ffffff16; border-radius:8px; }
.setup-grid article>span { color:#80e5e8; font-size:13px; }
.setup-grid h3 { font-size:23px; }
.staff-banner { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:35px; padding:24px 30px; background:#151020; border-radius:8px; }
.staff-banner h3 { font-size:20px; margin:0; }
.staff-banner p { font-size:13px; margin:8px 0 0; }
.staff-banner a { flex-shrink:0; }
.subscription-section { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; padding:90px max(40px,calc((100vw - 1200px)/2)); background:radial-gradient(ellipse at left,#50163755,transparent 70%),#130d1c; border-block:1px solid #ffffff16; }
.subscription-section>div>p:last-child { font-size:16px; line-height:1.8; max-width:430px; }
.subscription-card { padding:35px; border:1px solid #ff9bdc66; background:#110d18; border-radius:12px; }
.home-2026 .new-price { font-family:Oxanium,system-ui; font-size:65px; line-height:1; color:var(--cream); margin:24px 0 10px; font-weight:700; }
.new-price span { font-family:system-ui; font-size:15px; color:#b0a2b7; font-weight:400; margin-left:12px; }
.home-2026 .offer-label { font-size:12px; color:#e1b971; }
.subscription-card ul { list-style:none; padding:16px 0; border-block:1px solid #ffffff16; margin:24px 0 18px; }
.subscription-card li { font-size:13px; margin:12px 0; padding-left:24px; position:relative; }
.subscription-card li:before { content:'✓'; color:#82e4d3; position:absolute; left:0; }
.home-2026 .allowance-note { font-size:11px; line-height:1.8; }
.subscription-card .button { display:block; text-align:center; margin-top:25px; }
.home-2026 .faq-grid { gap:14px; }
.home-2026 .faq-grid details { background:#110e19; border:1px solid #ffffff20; border-radius:6px; box-shadow:none; padding:22px; }
.home-2026 .faq-grid summary { font-size:14px; }
.home-2026 .faq-grid p { font-size:13px; line-height:1.8; }
.home-2026 .contact-section { max-width:1200px; margin:0 auto; padding:75px 0 95px; border-top:1px solid #ffffff16; }
.home-2026 .contact-form { background:#120e1b; border-color:#ffffff20; box-shadow:none; }
.home-2026 .contact-form input,.home-2026 .contact-form textarea { background:#09070f; border-color:#ffffff24; }
.new-final { padding:75px 24px 90px; text-align:center; background:radial-gradient(ellipse at bottom,#56204b44,transparent 65%); border-top:1px solid #ffffff12; }
.new-final h2 { margin-bottom:30px; }
.home-2026 .site-footer { border-top:1px solid #ffffff16; background:#090811; }
@media(min-width:1600px) { .new-hero { padding-inline:40px; } }
@media(max-width:1100px) { .home-2026 .site-nav { gap:14px; } .home-2026 .brand-name { display:none; } .new-hero { gap:22px; min-height:650px; padding-top:70px; } .home-2026 h1 { font-size:clamp(40px,5.2vw,58px); } .hero-device-note { left:3%; font-size:11px; } .included-strip { gap:16px; font-size:11px; } .button-feature { gap:55px; padding-inline:40px; } .subscription-section { gap:45px; } .home-2026 .contact-section { margin-inline:40px; } }
@media(max-width:760px) { .home-2026 .site-header { flex-wrap:wrap; padding:20px 22px; } .home-2026 .brand-name { display:block; } .home-2026 .site-nav { width:100%; justify-content:flex-start; gap:13px 19px; } .home-2026 .site-nav a { font-size:11px; } .home-2026 .site-nav .nav-cta { padding:7px 12px; } .new-hero { grid-template-columns:1fr; padding:42px 24px 45px; gap:25px; } .home-2026 h1 { font-size:clamp(42px,9vw,65px); } .home-2026 .hero-lead { font-size:15px; } .hero-devices { width:100%; max-width:540px; margin:10px auto 0; padding-bottom:140px; } .hero-device-note { left:5%; bottom:40px; } .hero-tablet { right:16px; width:30%; } .included-strip { flex-wrap:wrap; justify-content:center; padding:25px 24px; gap:16px 24px; font-size:11px; text-align:center; } .included-strip span:first-child { width:100%; } .included-strip strong { display:inline; margin-left:8px; font-size:22px; } .editorial-section { padding:65px 24px; } .section-top { margin-bottom:30px; } .show-grid,.stage-grid,.setup-grid { grid-template-columns:1fr; gap:24px; } .show-grid article { padding-top:20px; } .show-grid h3 { margin-top:12px; } .stage-card-copy { padding:22px; } .stage-card-copy h3 { font-size:30px; } .button-feature { grid-template-columns:1fr; gap:50px; padding:70px 24px; } .button-device-scene figure { width:270px; } .button-feature-copy { max-width:520px; margin:auto; } .staff-banner { flex-direction:column; align-items:flex-start; padding:24px; } .subscription-section { grid-template-columns:1fr; gap:25px; padding:65px 24px; } .subscription-card { padding:25px; } .home-2026 .contact-section { grid-template-columns:1fr; margin:0 24px; padding:60px 0; } .home-2026 .contact-form { padding:22px; } .home-2026 .site-footer { padding:30px 24px; } .home-2026 .hero-footnote { font-size:10px; max-width:300px; line-height:1.8; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .home-2026 * { transition:none!important; animation:none!important; } }