@font-face{
  font-family:"Press Start 2P";
  src:url("/assets/press-start-2p.ttf") format("truetype");
  font-display:swap;
  font-style:normal;
  font-weight:400;
}

:root{
  --ink:#050816;
  --ink-2:#091126;
  --ink-3:#101a35;
  --panel:#0c1530;
  --paper:#f4f3e8;
  --paper-2:#dce7e4;
  --text:#f7fbff;
  --muted:#9eb1c8;
  --cyan:#00e5ff;
  --lime:#c8ff32;
  --orange:#ff814a;
  --violet:#a97cff;
  --magenta:#ff4fd8;
  --line:#30466d;
  --pixel:4px;
  --shell:min(1180px,calc(100% - 40px));
  --display:"Press Start 2P",monospace;
  --mono:"IBM Plex Mono","Courier New",monospace;
  --pixel-shadow:8px 8px 0 #02040b;
  --pixel-shadow-small:4px 4px 0 #02040b;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--mono);
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:none;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:999;
  pointer-events:none;
  opacity:.045;
  background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 3px 4px);
}
button,input,select,textarea{font:inherit}
button{border-radius:0}
a{color:inherit}
img{max-width:100%;image-rendering:pixelated}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:400}
mark{background:none;color:var(--lime)}
.shell{width:var(--shell);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:12px;z-index:1100;padding:12px 16px;border:4px solid var(--ink);background:var(--lime);color:var(--ink);font-family:var(--display);font-size:9px;transform:translateY(-180%);box-shadow:4px 4px 0 var(--cyan)}
.skip-link:focus{transform:none}

/* Pixel primitives */
.button,.text-button,.product-card,.cockpit-window,.demo-frame,.assessment-card,.choice-grid label>span,.choice-list label>span,.result-block,.result-grid>div,.result-summary,.demo-metrics>div,.mini-chart,.decision-list,.report-grid>div,.contact-note{
  border-radius:0;
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 20px;
  border:4px solid #02040b;
  background:var(--lime);
  color:#06101d;
  font-family:var(--display);
  font-size:10px;
  line-height:1.45;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  box-shadow:6px 6px 0 var(--cyan);
  transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),background-color .12s linear;
}
.button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--cyan);background:#e5ff85}
.button:active{transform:translate(6px,6px);box-shadow:none}
.button:focus-visible,.text-button:focus-visible,.text-link:focus-visible,.site-nav a:focus-visible,.demo-tabs button:focus-visible,.choice-grid input:focus-visible+span,.choice-list input:focus-visible+span{outline:4px solid var(--magenta);outline-offset:4px}
.button-small{min-height:44px;padding-inline:16px;font-size:8px}
.text-link,.text-button{color:var(--cyan);font-family:var(--display);font-size:9px;font-weight:400;text-decoration:none}
.text-link{display:inline-flex;gap:10px;align-items:center;border-bottom:3px solid var(--cyan);padding:10px 0}
.text-link:hover,.text-button:hover{color:var(--lime);border-color:var(--lime)}
.text-button{border:0;border-bottom:3px solid currentColor;padding:10px 2px;background:none;cursor:pointer}
.text-button:disabled{opacity:.3;cursor:not-allowed}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:4px solid transparent;transition:background .15s linear,border-color .15s linear}
.site-header.is-scrolled{background:rgba(5,8,22,.96);border-color:var(--cyan)}
.nav-wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none}
.brand img{width:48px;height:48px;filter:drop-shadow(3px 3px 0 #02040b)}
.brand-copy{display:grid;line-height:1}
.brand-copy strong{font-family:var(--display);font-size:16px;line-height:1.4;letter-spacing:0}
.brand-copy em{color:var(--lime);font-style:normal}
.brand-copy small{margin-top:8px;color:var(--cyan);font-family:var(--display);font-size:6px;line-height:1.5;letter-spacing:.08em}
.site-nav{display:flex;align-items:center;gap:24px}
.site-nav>a:not(.button){padding:10px 0;color:#c5d4e8;font-family:var(--display);font-size:8px;text-decoration:none;border-bottom:3px solid transparent}
.site-nav>a:not(.button):hover{color:var(--cyan);border-color:var(--cyan)}
.menu-button{display:none;width:46px;height:42px;padding:9px;border:4px solid var(--cyan);background:var(--ink-2);box-shadow:4px 4px 0 #02040b}
.menu-button i{display:block;height:4px;margin:4px 0;background:var(--lime)}
.menu-button i{transition:transform .12s steps(2,end)}
.menu-button[aria-expanded="true"] i:first-of-type{transform:translateY(4px) rotate(45deg)}
.menu-button[aria-expanded="true"] i:last-of-type{transform:translateY(-4px) rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:900px;padding:150px 0 90px;overflow:hidden;background:var(--ink)}
.hero::before{content:"PLAYER 01  //  SPORT OS";position:absolute;left:4vw;bottom:24px;color:#182849;font-family:var(--display);font-size:9px;letter-spacing:.08em}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.09) 2px,transparent 2px),linear-gradient(90deg,rgba(0,229,255,.09) 2px,transparent 2px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 64%,transparent 100%)}
.hero-grid::before,.hero-grid::after{content:"";position:absolute;width:260px;height:20px;background:var(--cyan);opacity:.18}
.hero-grid::before{right:8%;top:22%;box-shadow:40px 20px 0 var(--cyan),80px 40px 0 var(--cyan),120px 60px 0 var(--cyan)}
.hero-grid::after{left:10%;bottom:22%;background:var(--lime);box-shadow:-40px 20px 0 var(--lime),-80px 40px 0 var(--lime)}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);gap:60px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--cyan);font-family:var(--display);font-size:8px;line-height:1.8;text-transform:uppercase}
.eyebrow>span{width:24px;height:8px;background:var(--cyan);box-shadow:8px 0 0 var(--lime)}
h1{max-width:760px;margin-bottom:26px;font-size:clamp(42px,5.2vw,68px);line-height:1.16;letter-spacing:-.04em;text-shadow:6px 6px 0 #10254a}
h1 mark{text-shadow:5px 5px 0 #254a19}
.hero-lede{max-width:680px;margin-bottom:36px;color:#bdcbe0;font-size:18px;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:44px}
.hero-proof span{padding:9px 10px;border:2px solid var(--line);background:var(--ink-2);color:#a9bad0;font-family:var(--display);font-size:6px;line-height:1.5}
.hero-proof span::before{content:"+";margin-right:7px;color:var(--lime)}
.hero-visual{position:relative;min-width:0}
.visual-label{position:absolute;z-index:3;right:0;top:-36px;color:var(--cyan);font-family:var(--display);font-size:6px;line-height:1.5}
.cockpit-window{position:relative;z-index:2;padding:20px;border:4px solid var(--cyan);background:var(--panel);box-shadow:12px 12px 0 #02040b,16px 16px 0 var(--violet)}
.cockpit-window::before{content:"";position:absolute;inset:-12px auto auto -12px;width:16px;height:16px;background:var(--lime)}
.window-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:4px solid var(--line)}
.window-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:7px;line-height:1.6}
.loop-mini{display:block;width:24px;height:16px;border:4px solid var(--cyan);box-shadow:4px 4px 0 var(--lime)}
.live-dot{color:var(--lime);font-family:var(--display);font-size:6px;text-transform:uppercase}
.live-dot::before{content:"■";margin-right:7px;animation:blink 1.1s steps(1,end) infinite}
@keyframes blink{50%{opacity:0}}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.status-grid article{min-width:0;padding:14px 12px;border:3px solid var(--line);background:#081126}
.status-grid small{display:block;min-height:36px;color:#8295af;font-size:10px;line-height:1.3}
.status-grid strong{display:block;margin:12px 0 6px;color:var(--text);font-family:var(--display);font-size:25px}
.trend{font-size:9px}.trend.cyan{color:var(--cyan)}.trend.lime{color:var(--lime)}.trend.orange{color:var(--orange)}.trend.violet{color:var(--violet)}
.queue-head{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#a9b9ce;font-family:var(--display);font-size:7px}
.queue-head small{font-family:var(--mono);font-size:9px}
.queue-row{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:13px 10px;border-top:2px solid var(--line);background:#091226}
.queue-row strong{display:block;font-size:11px}.queue-row small{display:block;color:#7486a1;font-size:9px}.queue-row b{color:var(--cyan);font-family:var(--display);font-size:6px}
.signal{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--cyan);box-shadow:2px 2px 0 #02040b}.signal.orange{background:var(--orange)}.signal.lime{background:var(--lime)}.signal.violet{background:var(--violet)}.signal.cyan{background:var(--cyan)}
.orbit{position:absolute;z-index:1;width:22px;height:22px;background:var(--magenta);box-shadow:8px 0 0 var(--magenta),0 8px 0 var(--magenta),8px 8px 0 var(--magenta)}
.orbit-a{right:-5px;top:-22px}.orbit-b{left:-23px;bottom:-19px;background:var(--lime);box-shadow:8px 0 0 var(--lime),0 8px 0 var(--lime),8px 8px 0 var(--lime)}

/* Shared sections */
.fit-strip{border-block:4px solid var(--cyan);background:var(--ink-2);box-shadow:inset 0 5px 0 #02040b}
.fit-grid{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.fit-grid p{margin:0;color:var(--cyan);font-family:var(--display);font-size:7px;line-height:1.7;text-transform:uppercase}
.fit-grid ul{display:flex;list-style:none;gap:28px;margin:0;padding:0;color:#d9e3f1;font-size:13px}
.fit-grid li::before{content:"■";margin-right:8px;color:var(--lime)}
.section{position:relative;padding:128px 0;border-bottom:4px solid #02040b}
.section-intro h2,.section-heading h2,.demo-header h2,.check-copy h2{margin-bottom:24px;font-size:clamp(31px,4vw,49px);line-height:1.35;letter-spacing:-.035em}
.section-intro>p:not(.eyebrow),.section-heading>p,.check-copy>p{max-width:600px;color:var(--muted);font-size:17px}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:58px}
.section-heading>p{max-width:500px;margin-bottom:12px}

.problem,.outcome,.control{background:var(--paper);color:var(--ink)}
.problem::before,.outcome::before,.control::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(5,8,22,.045) 2px,transparent 2px),linear-gradient(90deg,rgba(5,8,22,.045) 2px,transparent 2px);background-size:32px 32px;pointer-events:none}
.problem .eyebrow,.outcome .eyebrow,.control .eyebrow{color:#006e7b}.problem .eyebrow span,.outcome .eyebrow span,.control .eyebrow span{background:#006e7b;box-shadow:8px 0 0 #619b00}
.problem mark{color:#327200}
.problem-copy>p{color:#334761;font-size:20px}
.friction-list{margin-top:42px;border-top:4px solid var(--ink)}
.friction-list>div{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:21px 0;border-bottom:4px solid var(--ink)}
.friction-list b{color:#007d8c;font-family:var(--display);font-size:10px}.friction-list span{font-weight:700}

/* Products */
.products,.demo,.check-up{background-color:var(--ink-2);background-image:linear-gradient(rgba(0,229,255,.035) 2px,transparent 2px),linear-gradient(90deg,rgba(0,229,255,.035) 2px,transparent 2px);background-size:40px 40px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-card{position:relative;min-height:370px;padding:25px;border:4px solid var(--line);background:var(--panel);box-shadow:7px 7px 0 #02040b;overflow:hidden;transition:transform .12s steps(2,end),border-color .12s linear,box-shadow .12s steps(2,end)}
.product-card::after{content:"";position:absolute;right:0;bottom:0;width:18px;height:18px;background:var(--line);clip-path:polygon(100% 0,100% 100%,0 100%)}
.product-card:hover{transform:translate(-3px,-3px);border-color:var(--cyan);box-shadow:10px 10px 0 #02040b}
.product-card.feature{border-color:var(--cyan);background:#0b1d35;box-shadow:7px 7px 0 var(--cyan)}
.product-index{position:absolute;right:18px;top:17px;color:#6f83a2;font-family:var(--display);font-size:8px}
.product-icon{display:grid;place-items:center;width:52px;height:52px;margin:18px 0 42px;border:4px solid var(--text);background:var(--ink);color:var(--text);box-shadow:5px 5px 0 #02040b}
.product-icon span{font-family:var(--display);font-size:9px}.cyan-icon{border-color:var(--cyan);color:var(--cyan)}.lime-icon{border-color:var(--lime);color:var(--lime)}.orange-icon{border-color:var(--orange);color:var(--orange)}.violet-icon{border-color:var(--violet);color:var(--violet)}
.track-icon{position:relative;border-color:var(--cyan)}.track-icon i{position:absolute;width:25px;height:16px;border:3px solid var(--cyan)}.track-icon i:nth-child(2){width:17px;height:8px;border-color:var(--lime)}.track-icon i:nth-child(3){width:5px;height:5px;border:0;background:var(--orange);right:4px;top:5px}
.product-card h3{min-height:62px;margin-bottom:16px;font-size:13px;line-height:1.55}
.product-card p{color:#a7b7cd;font-size:13px;line-height:1.55}
.product-card ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:22px 0 0;padding:0}
.product-card li{padding:6px 7px;border:2px solid #334b73;color:#9fb0c7;font-size:9px}

/* Outcomes and journey */
.outcome-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center}
.outcome-stack{border-top:4px solid var(--ink)}
.outcome-stack>div{display:grid;grid-template-columns:58px 1fr 1.5fr;gap:20px;align-items:center;padding:28px 0;border-bottom:4px solid var(--ink)}
.outcome-stack>div>span{color:#007d8c;font-family:var(--display);font-size:9px}.outcome-stack h3{margin:0;font-size:11px;line-height:1.5}.outcome-stack p{margin:0;color:#53647a}
.journey{background:var(--ink)}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.journey-grid li{position:relative;min-height:320px;padding:30px 24px;border:4px solid var(--line);border-right:0;background:var(--ink-2)}
.journey-grid li:last-child{border-right:4px solid var(--line)}
.journey-grid li::before{content:"";position:absolute;top:-8px;left:24px;width:16px;height:16px;background:var(--cyan);box-shadow:4px 4px 0 #02040b}
.journey-grid li:nth-child(2)::before{background:var(--lime)}.journey-grid li:nth-child(3)::before{background:var(--orange)}.journey-grid li:nth-child(4)::before{background:var(--violet)}
.journey-grid li>span{display:block;margin-bottom:70px;color:#7890af;font-family:var(--display);font-size:8px}
.journey-grid h3{font-size:12px;line-height:1.6}.journey-grid p{color:#9caec5;font-size:13px}.journey-grid small{position:absolute;bottom:28px;color:var(--cyan);font-family:var(--display);font-size:6px;line-height:1.6;text-transform:uppercase}

/* Interface demo */
.demo-header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.demo-header h2{max-width:760px}
.demo-tabs{display:flex;padding:4px;border:4px solid var(--line);background:var(--ink)}
.demo-tabs button{border:0;padding:12px 14px;background:none;color:#8093ae;font-family:var(--display);font-size:7px;line-height:1.5;cursor:pointer}
.demo-tabs button[aria-selected="true"]{background:var(--cyan);color:var(--ink)}
.demo-frame{display:grid;grid-template-columns:170px 1fr;min-height:520px;border:4px solid var(--cyan);background:#071022;overflow:hidden;box-shadow:12px 12px 0 #02040b}
.demo-frame[hidden]{display:none}
.demo-sidebar{display:flex;flex-direction:column;gap:25px;padding:30px 24px;border-right:4px solid var(--line);background:#050b19;color:#637793;font-size:11px}
.demo-sidebar img{image-rendering:pixelated}.demo-sidebar span{color:var(--lime);font-family:var(--display);font-size:7px}.demo-sidebar i{font-style:normal}.demo-sidebar small{margin-top:auto;color:#586a84;font-family:var(--display);font-size:6px}
.demo-content{min-width:0;padding:36px}.demo-content.full{grid-column:1/-1}
.demo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.demo-top small{color:#7489a5;font-family:var(--display);font-size:6px;line-height:1.7}.demo-top h3{margin-top:14px;font-size:18px;line-height:1.5}
.health{padding:9px 11px;border:3px solid var(--lime);color:var(--lime);font-family:var(--display);font-size:6px;line-height:1.5}.orange-health{border-color:var(--orange);color:var(--orange)}
.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.demo-metrics>div{padding:16px;border:3px solid var(--line);background:#0c1830}.demo-metrics small{display:block;min-height:35px;color:#8194ae;font-size:9px}.demo-metrics strong{display:block;margin:12px 0 7px;font-family:var(--display);font-size:23px}.demo-metrics span{color:var(--cyan);font-size:9px}
.demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-chart,.decision-list{padding:20px;border:3px solid var(--line);background:#09152b}.mini-chart small,.decision-list>small{color:#7f91aa;font-family:var(--display);font-size:6px}.mini-chart>div{height:110px;display:flex;align-items:end;gap:8px;margin:18px 0;border-bottom:3px solid var(--line)}.mini-chart i{display:block;flex:1;background:var(--cyan);box-shadow:3px 0 0 #043e56}.mini-chart i:nth-child(even){background:var(--lime)}.h38{height:38%}.h46{height:46%}.h51{height:51%}.h56{height:56%}.h62{height:62%}.h70{height:70%}.h84{height:84%}.mini-chart b{font-size:11px}.mini-chart em{color:var(--lime);font-style:normal}
.decision-list p{display:flex;align-items:center;margin:14px 0;padding-top:12px;border-top:2px solid var(--line);font-size:10px}.decision-list b{margin-left:auto;color:var(--orange)}
.exception-table{margin-top:25px;border:3px solid var(--line)}.exception-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:16px;border-top:2px solid var(--line);font-size:11px}.exception-table .table-head{border-top:0;background:#132345;color:var(--cyan);font-family:var(--display);font-size:6px}.exception-table b{color:var(--lime)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.report-grid>div{padding:26px;border:3px solid var(--line);background:#0b1730}.report-grid small{color:#8194ae;font-family:var(--display);font-size:6px;line-height:1.7}.report-grid strong{display:block;margin:22px 0 14px;font-family:var(--display);font-size:13px;line-height:1.6}.report-grid p{color:#a4b4ca;font-size:13px}.report-bars p{margin:0 0 20px}.report-bars p span{display:block;margin-bottom:7px;font-size:11px}.report-bars i{display:block;height:12px;border:2px solid var(--line);background:#050a16}.report-bars b{display:block;height:100%;background:var(--cyan)}.w62{width:62%}.w72{width:72%}.w84{width:84%}

/* Control and measurement */
.control-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12vw;align-items:center}
.control-visual{display:grid;place-items:center;min-height:460px}
.control-ring{position:relative;display:grid;place-items:center;width:330px;height:330px;border:24px solid var(--cyan);outline:12px solid var(--ink);box-shadow:20px 20px 0 rgba(5,8,22,.22)}
.control-ring::before{content:"";position:absolute;inset:54px;border:16px solid var(--lime);outline:10px solid var(--ink)}
.control-ring span{position:relative;z-index:2;padding:14px;background:var(--paper);text-align:center;font-family:var(--display);font-size:10px;line-height:1.8}
.control-ring i{position:absolute;width:20px;height:20px;background:var(--orange);outline:8px solid var(--paper);box-shadow:4px 4px 0 var(--ink)}.control-ring i:nth-child(2){right:8px;top:60px}.control-ring i:nth-child(3){left:-4px;bottom:83px;background:var(--violet)}.control-ring i:nth-child(4){right:45px;bottom:17px;background:var(--lime)}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;list-style:none;margin:40px 0 0;padding:0}.check-list li{position:relative;padding-left:22px;color:#354a61;font-weight:700}.check-list li::before{content:"■";position:absolute;left:0;color:#007e8d}
.measurement{background:var(--ink)}.measurement-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.metric-list{border-top:4px solid var(--line)}.metric-list p{display:grid;grid-template-columns:54px 1fr;gap:10px;margin:0;padding:19px 0;border-bottom:4px solid var(--line);color:#cbd7e6}.metric-list span{color:var(--lime);font-family:var(--display);font-size:8px}

/* Assessment */
.check-up{background-color:#071126}.check-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.contact-note{display:grid;gap:9px;margin-top:42px;padding:20px;border:4px solid var(--orange);background:#1b1320;box-shadow:6px 6px 0 #02040b}.contact-note strong{color:var(--orange);font-family:var(--display);font-size:7px;line-height:1.6}.contact-note span{color:#a9b8cc;font-size:12px}
.assessment-card{position:relative;min-width:0;scroll-margin-top:110px;padding:36px;border:4px solid var(--cyan);background:var(--panel);box-shadow:12px 12px 0 #02040b,16px 16px 0 var(--violet)}
.assessment-card::before{content:"SELECT MODE";position:absolute;top:-13px;left:24px;padding:4px 9px;background:var(--cyan);color:var(--ink);font-family:var(--display);font-size:6px}
.assessment-top{display:flex;justify-content:space-between;gap:20px;color:#8092ac;font-family:var(--display);font-size:7px;line-height:1.6}.assessment-top span:first-child{color:var(--cyan)}
.progress-track{height:16px;margin:18px 0 36px;border:4px solid #02040b;background:#182645;overflow:hidden}.progress-track i{display:block;width:20%;height:100%;background:repeating-linear-gradient(90deg,var(--cyan) 0 14px,#07859b 14px 18px);transition:width .2s steps(5,end)}.progress-track .p20{width:20%}.progress-track .p40{width:40%}.progress-track .p60{width:60%}.progress-track .p80{width:80%}.progress-track .p100{width:100%}
.assessment-step{min-width:0;margin:0;padding:0;border:0}.assessment-step[hidden],.assessment-result[hidden]{display:none}.assessment-step legend{max-width:660px;padding:0;font-family:var(--display);font-size:clamp(18px,2vw,25px);line-height:1.55}.question-help{margin:14px 0 25px;color:#94a5bc;font-size:12px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid label,.choice-list label{position:relative;display:block;cursor:pointer}.choice-grid input,.choice-list input{position:absolute;opacity:0;pointer-events:none}.choice-grid label>span,.choice-list label>span{display:flex;min-width:0;border:3px solid var(--line);background:#0a142b;color:#dae4ef;transition:transform .1s steps(2,end),border-color .1s linear,background .1s linear,box-shadow .1s steps(2,end)}.choice-grid label>span{min-height:94px;flex-direction:column;justify-content:center;padding:15px}.choice-grid label>span b{font-family:var(--display);font-size:8px;line-height:1.6}.choice-grid label>span small{margin-top:7px;color:#8fa2bb;font-size:10px;line-height:1.35}.choice-grid label:hover>span,.choice-list label:hover>span{transform:translate(-2px,-2px);border-color:var(--cyan);box-shadow:4px 4px 0 #02040b}.choice-grid input:checked+span,.choice-list input:checked+span{border-color:var(--lime);background:#162a27;box-shadow:5px 5px 0 var(--lime)}.choice-grid input:checked+span::before,.choice-list input:checked+span::before{content:">";margin-right:8px;color:var(--lime);font-family:var(--display)}.choice-grid input:checked+span::before{position:absolute;left:12px;top:8px}.choice-grid .wide-choice{grid-column:1/-1}
.choice-list{display:grid;gap:10px}.choice-list label>span{align-items:center;min-height:54px;padding:12px 15px;font-size:12px}
.assessment-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:30px}.answer-warning{margin:0;color:var(--orange);font-family:var(--display);font-size:7px;line-height:1.5;text-align:center}.assessment-next{grid-column:3}
.result-kicker{color:var(--lime);font-family:var(--display);font-size:7px}.assessment-result h3{font-size:clamp(20px,2.8vw,31px);line-height:1.5}.result-lede{color:#b4c4d8}.result-block{margin:25px 0;padding:20px;border:4px solid var(--lime);background:#10251e;box-shadow:5px 5px 0 #02040b}.result-block small,.result-grid small,.result-summary small{display:block;margin-bottom:9px;color:var(--cyan);font-family:var(--display);font-size:6px;line-height:1.6}.result-block strong{font-size:13px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-grid>div,.result-summary{padding:18px;border:3px solid var(--line);background:#09142a}.result-grid p,.result-summary p{margin:0;color:#adbed1;font-size:12px}.result-summary{margin-top:12px}.result-actions{display:flex;align-items:center;gap:22px;margin-top:25px;flex-wrap:wrap}.copy-status{min-height:24px;margin:15px 0 0;color:var(--lime);font-size:11px}

/* Footer */
.site-footer{padding:72px 0 26px;border-top:4px solid var(--lime);background:#03050d}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:60px}.footer-brand p{margin:24px 0 0;color:#869ab5}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-links>div{display:grid;gap:11px;align-content:start}.footer-links strong{margin-bottom:8px;color:var(--cyan);font-family:var(--display);font-size:7px}.footer-links a{color:#c2d0e1;text-decoration:none}.footer-links a:hover{color:var(--lime)}.footer-links span{color:#667a96;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:3px solid #1d2e4c;color:#667992;font-family:var(--display);font-size:6px;line-height:1.6}

/* Content stays visible immediately; pixel interactions do not depend on scroll timing. */
.js .reveal{opacity:1;transform:none}

@media(max-width:1050px){
  .hero{min-height:auto}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:820px}.hero-visual{max-width:700px;margin:40px auto 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-metrics{grid-template-columns:1fr 1fr}.check-layout{gap:5vw}.fit-grid{align-items:flex-start;flex-direction:column;padding:25px 0}.fit-grid ul{flex-wrap:wrap;gap:12px 24px}
}
@media(max-width:780px){
  :root{--shell:min(calc(100% - 28px),680px);--pixel-shadow:6px 6px 0 #02040b}
  body{font-size:15px}.site-header{background:rgba(5,8,22,.97);border-color:var(--cyan)}.nav-wrap{min-height:72px}.brand img{width:40px;height:40px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:5px}.menu-button{display:block}.site-nav{position:absolute;inset:72px 14px auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:4px solid var(--cyan);background:#071126;box-shadow:8px 8px 0 #02040b}.site-nav.is-open{display:flex}.site-nav>a{padding:15px!important}.site-nav .button{margin-top:6px}.hero{padding:140px 0 90px}.hero-layout{gap:34px}h1{font-size:clamp(35px,10vw,55px);text-shadow:4px 4px 0 #10254a}.hero-lede{font-size:16px}.cockpit-window{padding:14px;box-shadow:8px 8px 0 #02040b,12px 12px 0 var(--violet)}.orbit{display:none}.status-grid{grid-template-columns:1fr}.status-grid article{display:grid;grid-template-columns:1fr auto;align-items:center}.status-grid article strong{grid-row:1/3;grid-column:2;margin:0}.queue-head small{display:none}.section{padding:86px 0}.split-layout,.outcome-layout,.control-layout,.measurement-layout,.check-layout{grid-template-columns:1fr;gap:55px}.section-heading,.demo-header{align-items:flex-start;flex-direction:column}.journey-grid{grid-template-columns:1fr 1fr}.journey-grid li:nth-child(2){border-right:4px solid var(--line)}.journey-grid li:nth-child(3){border-top:0}.journey-grid li:nth-child(4){border-top:0;border-right:4px solid var(--line)}.demo-frame{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-content{padding:24px}.exception-table>div{grid-template-columns:1.5fr 1fr}.exception-table>div span:nth-child(2),.exception-table>div span:nth-child(3){display:none}.control-visual{min-height:360px}.control-ring{width:260px;height:260px;border-width:18px}.control-ring::before{inset:44px;border-width:12px}.footer-main{flex-direction:column}.footer-bottom{flex-direction:column}.assessment-card{padding:27px;box-shadow:8px 8px 0 #02040b,12px 12px 0 var(--violet)}.assessment-top{font-size:6px}.result-actions{align-items:stretch;flex-direction:column}.result-actions .button{width:100%}
}
@media(max-width:520px){
  .hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center}.hero-proof span{font-size:5px}.fit-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-grid{grid-template-columns:1fr}.product-card{min-height:330px}.journey-grid{grid-template-columns:1fr}.journey-grid li,.journey-grid li:nth-child(2),.journey-grid li:nth-child(3),.journey-grid li:nth-child(4){border:4px solid var(--line);border-bottom:0}.journey-grid li:last-child{border-bottom:4px solid var(--line)}.demo-tabs{width:100%}.demo-tabs button{flex:1;padding-inline:7px}.demo-metrics,.demo-bottom,.report-grid{grid-template-columns:1fr}.demo-top{flex-direction:column}.check-list{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;gap:38px}.assessment-card{padding:22px}.choice-grid,.result-grid{grid-template-columns:1fr}.choice-grid .wide-choice{grid-column:auto}.assessment-actions{grid-template-columns:auto 1fr}.assessment-next{grid-column:2}.answer-warning{grid-column:1/-1;grid-row:1;text-align:left}.assessment-step legend{font-size:17px}.choice-grid label>span{min-height:82px}.assessment-top span:last-child{display:none}.window-brand{font-size:6px}.live-dot{font-size:5px}.queue-row>b{display:none}.footer-bottom{font-size:5px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}
}