/* Measured artwork contrast: retain artwork and layout, strengthen existing backings. */
.keycap-scene .keybtn:focus-visible{outline:3px solid #69ded6;outline-offset:5px}
.sunset-header{background:#171525d9}.hero-copy>.kicker{background:#171525df;width:fit-content}.feeling-art:after{background:linear-gradient(90deg,#121827f5,#15172bcc 45%,#17152555 85%)}.root-selector .root-legal{font-size:13px}.waitlist-live .f-submit{font-size:13px}
@media(max-width:760px){.feeling-art:after{background:linear-gradient(180deg,#171828ef 0%,#171828df 55%,#17182855 90%)}}
@font-face{font-family:Anton;src:url('/assets/sunset/anton-latin.woff2') format('woff2');font-weight:400;font-display:swap}
h1,h2,.steps article>b,.poster-caption strong,.price-value,.footer-name,.mode-caption>span:first-child{font-family:Anton,Impact,'Arial Narrow',sans-serif}
.keycap-scene{--cm-signal:#69ded6;--cm-signal-edge:#267b83;--cm-signal-text:#ffc0bd;--cm-graphite:#191729;--cm-graphite-key:#302840;--cm-ground:#f3c8bd;--cm-ground-2:#ad829d;--cm-card:#fff0dd;--cm-key:#fff0dd;--cm-edge:#b695a7;--cm-muted-dark:#d5c7d7;--cm-track:#514663;--cm-font-display:Anton,Impact,sans-serif;--cm-font-mono:Archivo,sans-serif;--cm-r-stage:24px;padding:24px 0;color:#fff0dd;font-size:17px}
.keycap-scene .modes{display:grid;gap:28px}.keycap-scene .switches{justify-items:start}.keycap-scene .switch{display:flex;gap:14px}.keycap-scene .switch.mode{font-size:64px}.keycap-scene .switch.con{font-size:46px}.keycap-scene .keybtn{outline:1px solid #a99bc5}.keycap-scene .step{font-family:Archivo,sans-serif;line-height:1.6}.keycap-scene .step .leg{font-size:18px}.keycap-scene .modetext{font-family:Archivo,sans-serif}.keycap-scene .modetext h3{font-family:Anton,sans-serif;letter-spacing:0;text-transform:uppercase;font-weight:400}
.keycap-scene .ps{background:var(--cm-key);border-radius:.5cqw;box-shadow:inset -.8cqw 0 var(--cm-edge),0 0 0 .15cqw var(--cm-graphite)}.keycap-scene .xb{background:var(--cm-graphite-key)}
.keycap-scene .sig.pic{background:#ffc0bd;box-shadow:0 0 0 .15cqw #191729}
.keycap-scene .stage{background:linear-gradient(#eeb8b4 0 64%,#997896 64%)}.keycap-scene .scr.live:before{background:#b84960}.keycap-scene .scr.live:after{background:#ffc0bd}.keycap-scene .lab{font-size:13px;letter-spacing:0}.keycap-scene .scene-legend{display:grid;gap:12px;font-size:15px}.keycap-scene .scene-legend b{margin-right:8px}.stage.paused *{animation-play-state:paused!important}
[hidden]{display:none!important}.mode-caption{border-color:#8c7fa7}.mode-caption .included{font-size:13px}
.hands-poster{background:radial-gradient(circle at 65% 28%,#ffc0bd 0 15%,transparent 15.3%),linear-gradient(170deg,#46354f,#ba697f 55%,#292238 56%)}.closing-art{background:radial-gradient(ellipse at 72% 10%,#b84960,transparent 45%),linear-gradient(155deg,#534165,#171525 70%)}.hero-art{animation:none}
.kicker,.section-line>span,.hero-note,.hero-bottom>span,.hero-bottom>a,.art-note,.ticker,.poster-caption>span,.poster-caption small,.ticket-top,.ticket>small,.ticket-includes,footer p,.footer-guides,.footer-top>span:nth-child(2),.footer-top>div,.language-link,.nav-cta,.mode-disclosure,.release,.requirements li>span,.requirements li p,.faq details p,.waitlist-live label>span:first-child,.waitlist-live .check,.waitlist-live .f-note,.waitlist-live .waitlist-privacy,.sunset-inner .prose .breadcrumb,.sunset-inner .prose .eyebrow{font-size:13px!important}
.art-note{opacity:1;background:#191729dd;padding:5px;writing-mode:horizontal-tb;bottom:75px;right:20px}.requirements li>span{opacity:1}.sunset-header .desktop-nav{font-size:13px}.mobile-menu summary{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #a99bc5}.sunset-inner .prose .card,.sunset-inner .prose details.faq{border-color:#8c7fa7}
.keycaps kbd{animation:key-press 3.6s infinite;transition:transform .12s}.keycaps div kbd:nth-child(1){animation-delay:.4s}.keycaps div kbd:nth-child(2){animation-delay:.8s}.keycaps div kbd:nth-child(3){animation-delay:1.2s}
@container(max-width:760px){.keycap-scene .lab{display:none}}
@media(max-width:760px){.sunset-header{position:relative;height:76px;background:#171525}.sunset-header .nav-cta{display:none}.hero{min-height:0;height:auto}.hero-art{height:235px;background-size:auto 300px;background-position:83% top}.hero-shade{background:linear-gradient(0deg,#171525 0%,#171525 54%,transparent 83%)}.hero-copy{padding:205px 20px 94px}.hero-copy .kicker{margin-bottom:12px}.hero h1,html[lang=en] .hero h1{font-size:clamp(43px,13vw,55px);line-height:1.01;white-space:normal}.hero-lede{margin-top:14px;font-size:16px}.hero .button{margin-top:18px;padding:14px;font-size:13px}.hero-note{margin-top:12px}.hero .art-note{top:160px;bottom:auto;font-size:13px;right:12px}.hero-bottom{left:20px;right:20px;bottom:15px;gap:12px}.hero-bottom>span{max-width:230px}.hero-bottom>a{white-space:normal}.keycap-scene .switches{justify-items:start}.keycap-scene .modes-head{margin:0}.ticket-top{gap:12px;flex-wrap:wrap}.mode-caption{align-items:flex-start}.mode-caption p{font-size:14px}.keycap-scene .modetext h3{font-size:28px}.keycap-scene .scene-legend{font-size:14px}.keycap-scene .step{font-size:16px}.keycap-scene .lab{display:none}}
@media(max-width:360px){.hero-copy{padding-top:170px}.hero-art{height:210px;background-size:auto 260px}.hero .art-note{top:132px}.hero h1,html[lang=en] .hero h1{font-size:43px}.hero-lede{font-size:15px}.hero-copy .kicker{letter-spacing:.06em}.hero-bottom>span{max-width:185px}.feeling h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.keycaps kbd{animation:none}.keycap-scene .sig{animation:none;left:50%}.keycap-scene .kb,.keycap-scene .ms{transition:none}}

/* Supplied inline declarations externalized for unchanged strict CSP. */
.kc-inline-0{left:10cqw;top:1.2cqw}
.kc-inline-1{left:53.4cqw;top:10.6cqw}
.kc-inline-2{left:72cqw;top:10.6cqw}
.kc-inline-3{left:62.2cqw;top:18.6cqw}
.kc-inline-4{left:60.8cqw;top:21.5cqw;width:10.8cqw}
.kc-inline-5{left:50.3cqw;top:25cqw;width:3.5cqw}
.kc-inline-6{left:49cqw;top:31.6cqw}
.kc-inline-7{left:45.5cqw;top:44cqw;width:36.5cqw}
.trk.v.kc-inline-8{left:81.85cqw;top:30.6cqw;height:13.5cqw}
.kc-inline-9{left:50cqw;top:46cqw}
.kc-inline-10{left:60.8cqw;top:25cqw;width:10.8cqw}
.kc-inline-11{left:63cqw;top:26.6cqw}
.trk.v.kc-inline-12{left:81.85cqw;top:30.6cqw;height:8.8cqw}
.kc-inline-13{top:51cqw}
.kc-inline-14{padding-bottom:clamp(64px,9vw,128px)}
.kc-inline-15{gap:26px}
.kc-inline-16{max-width:16em}
.kc-inline-17{max-width:44em}
.kc-inline-18{display:grid;gap:14px}
.kc-inline-19{color:var(--cm-signal)}
.kc-inline-20{max-width:26em}
.kc-inline-21{display:grid;gap:16px;justify-items:start;min-width:0}

/* Connection labels wrap within the existing device/route positions. */
.stage .kc-inline-2{max-width:26cqw;white-space:normal;line-height:1.25}
.stage .kc-inline-9{max-width:46cqw;white-space:normal;line-height:1.25}

/* Proportional mobile rooftop renditions; original remains desktop/high-DPR fallback. */
@media(max-width:760px) and (max-resolution:1dppx){.hero-art{background-image:url('/assets/sunset/rooftop-640.webp')}}
@media(max-width:760px) and (min-resolution:1.001dppx) and (max-resolution:2dppx){.hero-art{background-image:url('/assets/sunset/rooftop-1280.webp')}}