/*! © 2026 PYRICATO PRODUCTIONS LLC (Spectre Workflows). All rights reserved. Unauthorised copying prohibited. */

/* Layout: one long night sky. Each act is a tall wrapper with a sticky 100vh stage; scroll progress drives what moves inside it. */
:root{
  --void:#08090D; --sheet:#0D1120; --deep:#0B1030; --ink:#ECEEF3; --mist:#8B95AB; --faint:#3A4358;
  --cobalt:#3F6CF5; --cobalt-deep:#1D3CC0; --peri:#A9B8FF; --gold:#E5B856; --ok:#34D399; --warn:#F5B942; --bad:#FF5C6E;
  --career:#4B7BFF; --recruit:#8B7CF6; --ops:#34D399; --mkt:#E07BF5; --transport:#FF6B4A; --life:#4FD6A0;
  --display:"Space Grotesk",Inter,system-ui,sans-serif; --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:28px; color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--void)}
body{background:var(--void);color:var(--ink);font:400 16px/1.6 var(--body);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--void)}
a{color:inherit}
#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer{position:relative;z-index:1}
.ppveviylc{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.pill{display:inline-flex;align-items:center;gap:.6em;border-radius:999px;padding:.8em 1.4em;font:600 15px/1 var(--body);text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.pill.solid{background:linear-gradient(90deg,var(--cobalt-deep),var(--cobalt));color:#fff;box-shadow:0 10px 30px -8px rgba(63,108,245,.6)}
.pill.ghost{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid rgba(255,255,255,.16)}
.pill:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--peri);outline-offset:3px}
.eyebrow{font:700 12px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--peri)}
.mark{width:28px;height:28px;flex:none}

/* nav */
.nav{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translate(-50%,-140%);z-index:50;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 14px;border-radius:999px;background:rgba(13,17,32,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.nav.on{transform:translate(-50%,0)}
.nav b{font:700 15px/1 var(--display);letter-spacing:.12em}
.nav .pill{padding:.7em 1.1em;font-size:14px}

/* hero */
.hero{min-height:92svh;display:grid;place-items:center;text-align:center;padding-block:96px 64px}
.hero .word{font:700 clamp(84px,19vw,260px)/.9 var(--display);letter-spacing:.02em;background:linear-gradient(110deg,#1D3CC0 0%,#2550DA 45%,#5A85FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(60,100,255,.45))}
.hero .line{font:500 clamp(14px,2.2vw,18px)/1 var(--mono);letter-spacing:.38em;text-transform:uppercase;color:var(--mist);margin-top:18px}
.hero h1{font:600 clamp(26px,4vw,40px)/1.15 var(--display);margin:42px 0 26px;text-wrap:balance}
.hero .mark{width:72px;height:72px;margin-bottom:22px}

/* acts */
.act{position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.head{text-align:center;padding-top:clamp(70px,11vh,120px)}
.head h2{font:600 clamp(32px,5.4vw,64px)/1.05 var(--display);margin:0;text-wrap:balance}
.head p{color:var(--mist);margin:12px auto 0;max-width:46ch}

/* deck */
#deck{height:620vh}
.deck{position:absolute;inset:0}
.card{position:absolute;left:50%;top:58%;width:min(78vw,380px);aspect-ratio:4/5;border-radius:var(--r);transform-origin:50% 120%;will-change:transform;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.8);background:#141a2e;border:1px solid rgba(255,255,255,.08)}
.card .tlyltwnyv{position:absolute;inset:0}
.card .q{position:absolute;left:22px;right:22px;bottom:20px;font:600 clamp(20px,2.6vw,26px)/1.12 var(--display);text-wrap:balance;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.card .stamp{position:absolute;left:20px;top:18px}
.card.final{background:var(--deep);border:0}
.card.final .q{font-size:clamp(26px,3.4vw,40px);text-shadow:none}
.mini{position:absolute;inset:0;padding:58px 18px 96px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.25))}
.mini .bar{height:10px;border-radius:5px;background:rgba(255,255,255,.12)}
.mini .row{display:flex;gap:8px;align-items:center;font:500 12px/1.2 var(--mono);color:#c9d0e0}
.mini .row i{font-style:normal;margin-left:auto;padding:3px 8px;border-radius:99px;font-size:11px}
.mini .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:4px;font:500 11px/1 var(--mono)}
.mini .grid span{background:rgba(255,255,255,.06);padding:7px 6px;border-radius:4px;color:#c9d0e0}
.mini .grid .x{outline:2px solid var(--bad);color:#fff}
.ltbkgaujn{max-width:80%;padding:8px 12px;border-radius:14px;font:500 13px/1.3 var(--body);background:rgba(52,211,153,.16)}
.ltbkgaujn.r{align-self:flex-end;background:rgba(255,255,255,.1)}

/* ticker */
#ticker{height:440vh;background:var(--deep)}
#ticker .stage{justify-content:center;background:var(--deep)}
.strip{position:absolute;top:50%;left:0;display:flex;gap:20px;transform:translateY(-50%);will-change:transform;padding-left:6vw}
.fexrqakid{flex:none;width:min(86vw,760px);aspect-ratio:16/10;border-radius:var(--r);padding:clamp(22px,4vw,44px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.fexrqakid.navy{background:#10163A;border:1px solid rgba(169,184,255,.14)}
.fexrqakid.swqatitsp{background:var(--peri);color:var(--deep)}
.fexrqakid h3{font:600 clamp(28px,4.6vw,60px)/1.02 var(--display);margin:0;text-wrap:balance}
.fexrqakid .tick{font:600 clamp(26px,4vw,52px)/1 var(--display);height:1.1em;overflow:hidden}
.fexrqakid small{display:block;font:400 clamp(14px,1.6vw,17px)/1.5 var(--body);opacity:.75;margin-top:10px;max-width:40ch}
.fexrqakid .mark{position:absolute;top:22px;right:22px}

/* sheet */
.sheet{background:var(--sheet);border-radius:44px 44px 0 0;border-top:1px solid rgba(169,184,255,.14);margin-top:-44px;position:relative;z-index:2}

/* field */
#field{height:360vh}
#field .stage{justify-content:center}
.dash{position:absolute;border-radius:14px;background:#121933;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -20px rgba(0,0,0,.8);overflow:hidden;will-change:transform}
.dash .top{height:22px;display:flex;align-items:center;gap:6px;padding:0 10px;font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.dash .top::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.dash .body{display:flex;align-items:flex-end;gap:5px;padding:10px;height:calc(100% - 22px)}
.dash .body b{flex:1;border-radius:3px;background:currentColor;opacity:.75}
#links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.reveal{position:relative;z-index:3;max-width:min(92vw,900px);text-align:center;font:600 clamp(28px,4.6vw,58px)/1.12 var(--display);text-wrap:balance;text-shadow:0 4px 30px rgba(8,9,13,.9)}
.reveal span{opacity:.16;transition:opacity .25s}
.reveal span.lit{opacity:1}
.reveal em{font-style:normal;color:var(--peri)}

/* hand */
#hand{height:420vh;background:var(--sheet)}
#hand .stage{background:var(--sheet)}
.skxzbwijj{font:600 clamp(44px,8vw,120px)/1 var(--display);text-align:center;margin-top:clamp(70px,12vh,130px);text-wrap:balance}
.zpggtndot{margin:12px auto 0;color:var(--mist);font:500 clamp(14px,1.8vw,18px)/1.4 var(--body);text-align:center}
.room{position:absolute;left:50%;top:62%;width:min(44vw,270px);height:350px;border-radius:22px;padding:0;display:block;overflow:hidden;will-change:transform;box-shadow:0 30px 60px -24px rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.14);color:#fff}
.room>img{display:block;width:100%;height:42%;object-fit:cover;object-position:top left;border-bottom:1px solid rgba(255,255,255,.14);background:#080c16}
.room-copy{display:grid;align-content:start;gap:10px;padding:16px 17px 18px}
.room h4{font:600 clamp(19px,2.2vw,26px)/1.08 var(--display);margin:0;text-wrap:balance}
.room p{font:500 clamp(11px,1.2vw,13px)/1.4 var(--body);margin:0;opacity:.9}
.room .k{font:700 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:.8}

/* badge */
.ulyyimtyh{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:center;max-width:1180px;margin:0 auto;padding-block:clamp(90px,16vh,170px)}
.xaqahjidl{font:500 clamp(24px,3.2vw,38px)/1.25 var(--display);margin:0;text-wrap:pretty}
.xaqahjidl span{color:var(--faint);transition:color .3s}
.xaqahjidl span.on{color:var(--mist)}
.xaqahjidl span.on.key{color:#fff;font-weight:700}
.badge{background:#F4F5F9;color:#111426;border-radius:24px;padding:26px;box-shadow:0 40px 90px -30px rgba(63,108,245,.55);position:relative;max-width:380px;justify-self:center;width:100%}
.badge::before{content:"";position:absolute;top:12px;left:50%;width:46px;height:7px;border-radius:7px;background:#111426;transform:translateX(-50%)}
.badge .brand{display:flex;align-items:center;gap:10px;margin-top:18px;font:700 13px/1 var(--display);letter-spacing:.14em}
.badge h5{font:600 26px/1.1 var(--display);margin:16px 0 18px}
.badge dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:0 0 22px;border-top:1px solid #dfe2ec;padding-top:16px}
.badge dt{font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6b7184;margin-bottom:5px}
.badge dd{margin:0;font:500 14px/1.35 var(--body)}
.badge dd.wide{grid-column:1/-1}
.badge .pill{width:100%;justify-content:center}

/* arc */
#arc{height:520vh}
#arc .stage{background:radial-gradient(60% 50% at 20% 100%,rgba(63,108,245,.22),transparent 70%),var(--void)}
.arcsvg{position:absolute;left:50%;top:clamp(160px,24vh,230px);transform:translateX(-50%);width:min(1400px,170vw);height:auto;overflow:visible}
.arcsvg text{font:500 22px var(--display);fill:var(--mist)}
.arcsvg text.cur{fill:var(--ink);font-weight:600}
.eqppaerod{position:absolute;top:44%;left:50%;transform:translateX(-50%);width:min(92vw,720px);text-align:center}
.chips{display:flex;gap:8px;justify-content:center;align-items:center;font:600 12px/1 var(--body)}
.chips .s{color:var(--mist)}
.chips .st{background:var(--cobalt);color:#fff;border-radius:99px;padding:6px 12px}
.eqppaerod h3{font:600 clamp(36px,6vw,72px)/1.02 var(--display);margin:18px 0 12px;text-wrap:balance;transition:filter .3s,opacity .3s}
.eqppaerod p{color:var(--mist);max-width:44ch;margin:0 auto}
.queue{display:flex;justify-content:center;margin-top:22px}
.queue span{width:34px;height:34px;border-radius:50%;margin-left:-8px;border:2px solid var(--void);display:grid;place-items:center;font:700 11px/1 var(--body)}
.queue .you{width:auto;padding:0 12px;border-radius:99px;background:var(--cobalt);color:#fff}
.scrub{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(92vw,620px);display:flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.scrub button{background:rgba(255,255,255,.08);color:var(--ink);border:0;border-radius:99px;padding:9px 14px;font:600 13px/1 var(--body);cursor:pointer}
.ruler{flex:1;height:28px;position:relative;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 8px);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ruler i{position:absolute;top:50%;transform:translate(-50%,-50%);background:var(--ink);color:var(--void);font:700 11px/1 var(--mono);padding:6px 9px;border-radius:99px;white-space:nowrap;font-style:normal}

/* cta */
.cta{position:relative;min-height:88vh;display:grid;place-items:center;text-align:center;overflow:hidden;border-radius:44px 44px 0 0;margin-top:-44px;z-index:3;background:var(--void)}
.cta video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.cta::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(8,9,13,.35),rgba(8,9,13,.92))}
.cta .in{position:relative;z-index:2;padding-block:90px}
.cta h2{font:600 clamp(40px,7vw,96px)/1 var(--display);margin:20px 0 14px;text-wrap:balance}
.cta p{color:var(--mist);margin:0 auto 30px;max-width:44ch}
.cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* faq */
.nnampifia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(24px,6vw,80px);max-width:1180px;margin:0 auto;padding-block:clamp(80px,14vh,140px)}
.nnampifia h2{font:600 clamp(36px,5vw,60px)/1.02 var(--display);margin:0;position:sticky;top:110px}
.nnampifia h2 small{display:block;font:400 15px/1.5 var(--body);color:var(--mist);margin-top:14px}
details{border-bottom:1px solid rgba(255,255,255,.12)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:500 clamp(18px,2vw,22px)/1.3 var(--display)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 26px/1 var(--body);transition:transform .3s;color:var(--peri)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 22px;color:var(--mist);max-width:60ch}

footer{background:var(--sheet);border-radius:44px 44px 0 0;margin-top:-30px;padding-block:40px calc(40px + env(safe-area-inset-bottom,0px))}
footer .in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;font:500 14px/1.4 var(--body);color:var(--mist)}
footer nav{display:flex;flex-wrap:wrap;gap:18px}
footer a{text-decoration:none}
footer .brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:700 15px/1 var(--display);letter-spacing:.14em}

@media (max-width:760px){
  .ulyyimtyh,.nnampifia{grid-template-columns:1fr}
  .nnampifia h2{position:static}
  .card{top:60%}
  .room{width:min(44vw,180px);aspect-ratio:5/4;padding:14px;top:60%}
  .room p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

body{margin:0}html{scroll-padding-top:80px}a:focus-visible{outline:2px solid var(--peri);outline-offset:4px}.skip{position:fixed;top:8px;left:8px;z-index:90;transform:translateY(-150%);background:var(--deep);padding:12px}.skip:focus{transform:none}.room{text-decoration:none}.nav{max-width:calc(100% - 24px)}.nav b{white-space:nowrap}.hero .word{font-size:clamp(64px,18vw,260px)}.hero .line{letter-spacing:.2em}.stage{isolation:isolate}#deckExpand{position:absolute;inset:0;z-index:30;background:var(--deep);clip-path:inset(100%);display:grid;place-items:center;pointer-events:none}#deckExpand p{max-width:15ch;padding:28px;text-align:center;font:600 clamp(32px,6vw,84px)/1.08 var(--display)}.tick #tickWords{will-change:transform}.tick #tickWords span{display:block;line-height:1.1}.ruler i{left:0}.arcsvg{pointer-events:none}.film-toggle{position:absolute;right:20px;bottom:22px;z-index:4;background:#10172b;color:var(--ink);border:1px solid #526184;border-radius:30px;padding:10px 16px;cursor:pointer}.cta .in{padding-inline:16px}.room:hover,.room:focus-visible{border-color:var(--peri)!important;box-shadow:0 0 28px #829cff55}.hero{min-height:100svh}.room:focus-visible{z-index:30!important}.arcsvg text{font-size:22px}
@media(max-width:760px){.nav b{display:none}.nav .pill{font-size:12px}.nav{gap:8px}.head{padding-top:80px}.skxzbwijj{margin-top:72px;font-size:36px}.zpggtndot{font-size:13px}.room{width:calc((100vw - 42px)/2);max-width:190px;height:248px;top:62%;padding:0;border-radius:17px}.room>img{height:36%}.room-copy{gap:6px;padding:10px}.room h4{font-size:16px}.room p{font-size:10.5px;line-height:1.32}.room .k{font-size:8px;letter-spacing:.12em}.eqppaerod{top:42%}.eqppaerod h3{font-size:36px}.scrub{bottom:20px}.arcsvg{top:170px}.ulyyimtyh{padding-inline:8px}.card{max-height:70svh}.hero .line{font-size:12px}.hero h1{font-size:28px}.fexrqakid{min-height:310px}.fexrqakid .tick{font-size:26px}}
@media(max-height:660px) and (min-width:761px){.card{width:270px}.room{width:180px}.head{padding-top:75px}.skxzbwijj{margin-top:70px;font-size:50px}.eqppaerod{top:35%}.eqppaerod h3{font-size:36px}.arcsvg{top:130px}}
/* Readable without scripting, and no dead pinned scroll for reduced motion. */
html:not(.story-ready) .act,html.story-reduced .act{height:auto!important;min-height:100svh}
html:not(.story-ready) .stage,html.story-reduced .stage{position:relative;height:auto;min-height:100svh;overflow:visible;padding-block:56px}
html:not(.story-ready) .deck,html.story-reduced .deck{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1100px,94vw);margin:35px auto}
html:not(.story-ready) .card,html.story-reduced .card{position:relative;inset:auto;width:100%;transform:none!important;opacity:1!important;max-height:none}
html:not(.story-ready) .strip,html.story-reduced .strip{position:relative;inset:auto;display:grid;gap:24px;padding:20px;transform:none!important}
html:not(.story-ready) .fexrqakid,html.story-reduced .fexrqakid{width:min(88vw,760px)}
html:not(.story-ready) .reveal span,html.story-reduced .reveal span{opacity:1}
html:not(.story-ready) .xaqahjidl span,html.story-reduced .xaqahjidl span{color:var(--ink)}
html:not(.story-ready) #rooms,html.story-reduced #rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(980px,94vw);margin:36px auto}
html:not(.story-ready) .room,html.story-reduced .room{position:relative;inset:auto;width:100%;max-width:none;min-height:200px;transform:none!important;opacity:1!important}
html.story-reduced #field .stage{overflow:hidden;justify-content:center}html.story-reduced #dashes{opacity:.3}
html.story-reduced #arc .stage{min-height:700px}html.story-reduced #arc .eqppaerod{top:310px}html.story-reduced #deckExpand{display:none}
@media(max-width:760px){html:not(.story-ready) .deck,html.story-reduced .deck,html:not(.story-ready) #rooms,html.story-reduced #rooms{grid-template-columns:repeat(2,minmax(0,1fr))}html.story-reduced .card .q{font-size:18px}html.story-reduced .card .mini{padding:50px 8px 80px}.story-reduced .mini .row{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Homepage gestures remain vertical; horizontal movement belongs to the viewer. */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}html.viewer-open,html.viewer-open body{overflow:hidden;overscroll-behavior:none}
.hero .wordmark{font-size:clamp(52px,11.4vw,164px);letter-spacing:.018em;filter:none;background:none;color:inherit}
.wordmark .row{display:block;overflow:hidden;padding-bottom:.04em;perspective:800px}.wordmark .ch{display:inline-block;opacity:0;background:linear-gradient(180deg,#0b2f89 0%,#1243ad 36%,#1b57c8 72%,#2869db 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #2457bf33)}
.wordmark.name-on .ch{animation:wordFade .8s ease forwards}@keyframes wordFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html:not(.story-ready) .wordmark .ch,html.story-reduced .wordmark .ch{opacity:1;transform:none}
.kpuyyfdle{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;border:0;padding:20px max(20px,env(safe-area-inset-right));background:#080c16;color:var(--ink);overscroll-behavior:none;touch-action:pan-y pinch-zoom}
.kpuyyfdle[open]{display:flex;flex-direction:column;gap:14px}.kpuyyfdle::backdrop{background:#080c16}.kpuyyfdle header{display:flex;align-items:center;justify-content:space-between;gap:16px}.kpuyyfdle h2{font:600 24px/1.1 var(--display);margin:8px 0 0}.kpuyyfdle .eyebrow{font-size:10px}
.kpuyyfdle button{color:var(--ink);background:#141c30;border:1px solid #364362;border-radius:12px;padding:12px 18px;cursor:pointer;font:500 14px var(--body)}.kpuyyfdle button:disabled{opacity:.3;cursor:default}.kpuyyfdle .command-tabs{display:flex;gap:8px;flex-wrap:wrap}.command-tabs button[aria-selected=true]{border-color:var(--command-color,#73a9ff);box-shadow:0 0 20px color-mix(in srgb,var(--command-color) 22%,transparent)}
.command-screen{position:relative;flex:1;min-height:0;display:grid;place-items:center;border:1px solid #25314a;border-radius:14px;overflow:hidden;background:#070a11}.command-screen img{width:100%;height:100%;min-height:0;object-fit:contain;transition:opacity .15s}.command-screen img.loading{opacity:.35}.command-screen .skbdwxtdb{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;padding:16px 20px;background:#0d1426dd;opacity:.65}.command-screen .skbdwxtdb:hover,.command-screen .skbdwxtdb:focus-visible{opacity:1}.skbdwxtdb.previous{left:10px}.skbdwxtdb.next{right:10px}.kpuyyfdle footer{padding:0;margin:0;border-radius:0;background:none;display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--mist);font-size:13px}.command-screen p{position:absolute;text-align:center;padding:20px;background:#10182b}
@media(max-width:700px){.hero .wordmark{font-size:13vw;max-width:calc(100vw - 28px)}.kpuyyfdle{padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px));gap:10px}.kpuyyfdle h2{font-size:20px}.kpuyyfdle .command-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.kpuyyfdle .command-tabs::-webkit-scrollbar{display:none}.kpuyyfdle .command-tabs button{flex:0 0 auto;padding:9px;font-size:12px}.kpuyyfdle .wfixumxxv{display:none}.kpuyyfdle footer{gap:8px}.kpuyyfdle footer .pill{font-size:12px;padding:.8em 1em}.command-screen{min-height:46dvh}.command-screen .skbdwxtdb{padding:10px;font-size:26px}}
@media(prefers-reduced-motion:reduce){.wordmark .ch{opacity:1!important;transform:none!important}}

/* A phone gets one clean control row. Audio remains available, but it does not
   turn the sign-in badge into a three-storey building. */
@media(max-width:760px){
  .nav.spectre-audio-host{display:grid;grid-template-columns:22px minmax(44px,1fr) auto;align-items:center;gap:8px;flex-wrap:nowrap;width:calc(100% - 24px);max-width:420px;height:54px;padding:6px 7px 6px 10px;border-radius:18px}
  .nav .mark{width:22px;height:22px}.nav .uzutkbckp{justify-self:start;padding:8px 4px;font-size:12px}.nav .pill.solid{padding:10px 12px;font-size:10.5px}
  body #nav #spectre-audio-controls{position:fixed!important;inset:auto auto calc(12px + env(safe-area-inset-bottom,0px)) 12px!important;margin:0!important;z-index:9992}
}