
:root{
  --field:#F4FF3A;--magenta:#FF2BD6;--cyan:#00E5FF;--lime:#B8FF00;--orange:#FF6A00;
  --paper:#FFF8E8;--ink:#111;--muted:#59564d;--line:#111;--soft:#e8e2d1;
  --display:'Archivo Black','Arial Black',Impact,sans-serif;
  --mono:'IBM Plex Mono','Courier New',monospace;--body:'Archivo',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--field);color:var(--ink);font-family:var(--body);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-radial-gradient(circle at 0 0,rgba(17,17,17,.13) 0 1px,transparent 1px 7px);mix-blend-mode:multiply;opacity:.44}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background-image:repeating-radial-gradient(circle at 3px 3px,rgba(17,17,17,.045) 0 1px,transparent 1px 5px);mix-blend-mode:multiply}
a{color:inherit}::selection{background:var(--magenta);color:var(--paper)}
#progress{position:fixed;top:0;left:0;height:6px;width:0;z-index:90;background:linear-gradient(90deg,var(--magenta) 0 25%,var(--cyan) 25% 50%,var(--lime) 50% 75%,var(--orange) 75%);mix-blend-mode:multiply}
.cropmark{position:fixed;width:22px;height:22px;z-index:70;pointer-events:none;mix-blend-mode:multiply}.cropmark:before,.cropmark:after{content:"";position:absolute;background:var(--ink)}.cropmark:before{height:2px;width:100%}.cropmark:after{width:2px;height:100%}.tl{top:14px;left:14px}.tr{top:14px;right:14px}.bl{bottom:14px;left:14px}.br{bottom:14px;right:14px}.tr:before,.br:before{right:0}.tr:after,.br:after{right:0}.bl:before,.br:before{bottom:0}.bl:after,.br:after{bottom:0}
.ticket{position:sticky;top:0;z-index:50;background:var(--ink);color:var(--paper);font:500 10.5px/1 var(--mono);letter-spacing:.08em;overflow:hidden;white-space:nowrap;border-bottom:3px solid var(--ink)}.ticket-track{display:inline-block;padding:9px 0;animation:ticker 40s linear infinite}.ticket b{color:var(--lime)}.ticket .m{color:var(--magenta)}.ticket .c{color:var(--cyan)}.ticket .o{color:var(--orange)}@keyframes ticker{to{transform:translateX(-50%)}}
.wrap{max-width:1240px;margin:auto;padding:0 clamp(20px,4vw,56px);position:relative;z-index:2}.hero{min-height:94svh;display:flex;flex-direction:column;justify-content:flex-end;padding:100px 0 8vh;position:relative;overflow:hidden}.hero.compact{min-height:76svh}.hero-bg{position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 18%,var(--cyan) 0 13%,transparent 13.5%),radial-gradient(circle at 12% 30%,var(--magenta) 0 8%,transparent 8.5%),repeating-radial-gradient(circle at 82% 22%,rgba(17,17,17,.24) 0 1.4px,transparent 1.4px 9px),repeating-linear-gradient(45deg,transparent 0 22px,rgba(17,17,17,.07) 22px 23px);mix-blend-mode:multiply;animation:drift 15s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(-12px,8px) rotate(.5deg)}}
.eyebrow{display:inline-block;width:max-content;background:var(--ink);color:var(--field);box-shadow:6px 6px 0 var(--magenta);font:700 11px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;transform:rotate(-1deg);margin-bottom:24px}.wordmark{font-family:var(--display);font-size:clamp(62px,11.5vw,180px);line-height:.82;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 28px;max-width:1100px}.wordmark .pink{color:var(--magenta)}.wordmark .cyan{color:#00cfe8}.wordmark .outline{color:transparent;-webkit-text-stroke:3px var(--ink)}
.hero-dek{font-size:clamp(17px,1.7vw,22px);line-height:1.46;font-weight:600;max-width:760px;border-left:7px solid var(--magenta);padding-left:18px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;font:600 10.5px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase}.hero-meta span{border-top:2px solid var(--ink);padding-top:6px}
.ribbon{background:var(--magenta);color:var(--paper);font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,3.3vw,42px);padding:13px 0;overflow:hidden;white-space:nowrap;border-block:3px solid var(--ink);transform:rotate(-.8deg) scale(1.01);margin:5vh 0;position:relative;z-index:3}.ribbon.cyan{background:var(--cyan);color:var(--ink);transform:rotate(.8deg) scale(1.01)}.ribbon-track{display:inline-block;animation:ticker 24s linear infinite}.ribbon .alt{color:var(--field)}
section{padding:7vh 0;position:relative}.sec-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:4vh}.sec-num{font:700 12px/1 var(--mono);letter-spacing:.14em;background:var(--ink);color:var(--lime);padding:6px 11px;transform:rotate(-2deg)}.sec-title{font-family:var(--display);font-size:clamp(36px,6vw,82px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;margin:0}.sec-title .crop{color:transparent;-webkit-text-stroke:2.5px var(--ink)}.sec-kicker{font:600 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;width:100%;opacity:.75}.bigline{font-family:var(--display);text-transform:uppercase;line-height:1.02;font-size:clamp(28px,4.4vw,58px);max-width:22ch;margin:0 0 5vh}.bigline em{font-style:normal;color:var(--magenta)}.bigline u{text-decoration:none;box-shadow:inset 0 -.32em 0 var(--cyan)}
.grid2,.grid3{display:grid;gap:22px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:26px 24px;position:relative;font-size:16px;line-height:1.52;font-weight:600}.card:before{content:attr(data-tag);position:absolute;top:-14px;left:14px;background:var(--cyan);border:2px solid var(--ink);padding:3px 8px;font:700 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.card.m:before{background:var(--magenta);color:var(--paper)}.card.l:before{background:var(--lime)}.card.o:before{background:var(--orange);color:var(--paper)}.card h3{font-family:var(--display);font-size:22px;line-height:1;text-transform:uppercase;margin:4px 0 12px}.card p{margin:0}.card small{display:block;margin-top:13px;font:600 10px/1.45 var(--mono);letter-spacing:.05em;color:#5e5a4f}
.sheet{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:clamp(20px,3vw,42px);position:relative}.sheet:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(17,17,17,.35);pointer-events:none}.sheet-item{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:20px 0;border-bottom:2px solid var(--ink);position:relative;z-index:2}.sheet-item:last-child{border-bottom:0}.icon{width:56px;height:56px;border:3px solid var(--ink);display:grid;place-items:center;font-family:var(--display);font-size:22px;background:var(--lime)}.sheet-item:nth-child(3n+2) .icon{background:var(--magenta);color:var(--paper)}.sheet-item:nth-child(3n) .icon{background:var(--cyan)}.sheet-item h3{font-family:var(--display);font-size:clamp(18px,2vw,24px);text-transform:uppercase;margin:0 0 7px;line-height:1}.sheet-item p{font-size:15.5px;line-height:1.5;font-weight:600;margin:0;max-width:75ch}.mono-tag{font:700 9.5px/1 var(--mono);letter-spacing:.12em;background:var(--ink);color:var(--lime);padding:3px 7px;margin-left:8px;vertical-align:middle;white-space:nowrap}
.xlate{width:100%;border-collapse:collapse;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--magenta)}.xlate th{background:var(--ink);color:var(--lime);font:700 10px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;text-align:left;padding:12px}.xlate td{border:2px solid var(--ink);padding:14px;vertical-align:top;font-size:14.5px;line-height:1.48;font-weight:600}.xlate td.spec{font:700 12px/1.45 var(--mono);background:rgba(0,229,255,.18)}.xlate tr:nth-child(even) td.spec{background:rgba(184,255,0,.3)}.xlate td.arrow{font-family:var(--display);font-size:20px;text-align:center;width:46px}.xlate td.real b{background:linear-gradient(transparent 64%,var(--lime) 64%)}
.badge{display:inline-block;border:2px solid var(--ink);padding:4px 7px;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.measured{background:var(--lime)}.observed{background:var(--cyan)}.vendor{background:#ffd8f3}.inferred{background:#dfd0ff}.unverified{background:#ffd0b5}.failed{background:var(--ink);color:var(--paper)}.status{font-family:var(--display);font-size:15px;text-transform:uppercase}.status.pass{color:#167316}.status.edge{color:#a04100}.status.wait{color:#7b0071}.status.fail{color:#bb0049}
.evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence .e{border:3px solid var(--ink);background:var(--paper);padding:18px;box-shadow:6px 6px 0 var(--ink)}.evidence .e p{font-size:14px;line-height:1.45;font-weight:600;margin:10px 0 0}.evidence .e b{font-family:var(--display);text-transform:uppercase;font-size:17px}
.capmap{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--cyan);padding:24px}.caprow{display:grid;grid-template-columns:170px 1fr 160px;gap:16px;align-items:center;padding:13px 0;border-bottom:2px solid var(--ink)}.caprow:last-child{border-bottom:0}.capname{font:700 11px/1.3 var(--mono);text-transform:uppercase}.track{height:18px;border:2px solid var(--ink);background:#fff;overflow:hidden}.fill{height:100%;background:repeating-linear-gradient(90deg,var(--lime) 0 9px,var(--field) 9px 13px)}.fill.m{background:repeating-linear-gradient(90deg,var(--magenta) 0 9px,#ffd7f4 9px 13px)}.fill.o{background:repeating-linear-gradient(90deg,var(--orange) 0 9px,#ffd3b7 9px 13px)}.verdict{font:700 10px/1.35 var(--mono);text-transform:uppercase;text-align:right}
.tests-wrap{overflow:auto}.tests{width:100%;border-collapse:collapse;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--magenta);min-width:880px}.tests th{background:var(--ink);color:var(--lime);font:700 10px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;text-align:left;padding:12px}.tests td{border:2px solid var(--ink);padding:13px;font-size:13.5px;line-height:1.42;font-weight:600;vertical-align:top}.tests .tname{font-family:var(--display);text-transform:uppercase;background:var(--cyan);font-size:14px;white-space:nowrap}.tests tr:nth-child(even) .tname{background:var(--lime)}
.pull{margin:5vh 0 0;border-left:8px solid var(--magenta);padding-left:20px;font-family:var(--display);text-transform:uppercase;font-size:clamp(25px,3.7vw,50px);line-height:1.04;max-width:950px}.pull small{display:block;font:600 10px/1.4 var(--mono);letter-spacing:.12em;color:#4e4b43;margin-top:12px}.pull.c{border-color:var(--cyan)}.pull.l{border-color:var(--lime)}
.note{background:var(--ink);color:var(--paper);padding:6vh 0;position:relative;overflow:hidden}.note:before{content:"";position:absolute;inset:0;background-image:repeating-radial-gradient(circle at 0 0,rgba(244,255,58,.16) 0 1.3px,transparent 1.3px 8px)}.note .wrap{position:relative}.note blockquote{font-family:var(--display);font-size:clamp(30px,5vw,68px);line-height:1;text-transform:uppercase;max-width:22ch;margin:0}.note blockquote span{color:var(--magenta)}.note p{font:500 14px/1.7 var(--mono);max-width:820px;color:#eee8da;margin:28px 0 0}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cta a{display:block;text-decoration:none;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:24px}.cta a:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--magenta)}.cta b{font-family:var(--display);font-size:25px;text-transform:uppercase}.cta span{display:block;font:600 11px/1.4 var(--mono);margin-top:7px;color:#5b574e}
footer{background:var(--ink);color:var(--paper);position:relative;z-index:2}.cmyk{display:flex;height:14px}.cmyk i{flex:1}.cmyk i:nth-child(1){background:var(--cyan)}.cmyk i:nth-child(2){background:var(--magenta)}.cmyk i:nth-child(3){background:var(--lime)}.cmyk i:nth-child(4){background:var(--orange)}.cmyk i:nth-child(5){background:var(--field)}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 30px;padding:24px clamp(20px,4vw,56px);font:500 10px/1.45 var(--mono);letter-spacing:.1em;text-transform:uppercase}.foot a{color:var(--lime);text-decoration:none;border-bottom:1px solid var(--magenta)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.grid3,.evidence{grid-template-columns:1fr 1fr}.caprow{grid-template-columns:130px 1fr}.verdict{grid-column:2;text-align:left}.hero.compact{min-height:72svh}}
@media(max-width:680px){.grid2,.grid3,.evidence,.cta{grid-template-columns:1fr}.sheet-item{grid-template-columns:1fr}.icon{width:44px;height:44px}.wordmark{font-size:clamp(54px,16vw,92px)}.hero{min-height:84svh;padding-top:70px}.hero.compact{min-height:66svh}.cropmark{display:none}.xlate{display:block;overflow:auto}.caprow{grid-template-columns:1fr}.verdict{grid-column:1;text-align:left}.mono-tag{display:inline-block;margin:7px 0 0}.ticket-track{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v3: network navigation + showroom */
.site-nav{position:relative;z-index:45;background:var(--paper);border-bottom:3px solid var(--ink);font:700 10px/1 var(--mono);letter-spacing:.10em;text-transform:uppercase}
.site-nav .nav-inner{max-width:1240px;margin:auto;padding:10px clamp(20px,4vw,56px);display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.site-nav a{text-decoration:none;border-bottom:2px solid transparent}.site-nav a:hover{border-color:var(--magenta)}
.site-nav .home{background:var(--ink);color:var(--lime);padding:6px 9px;border:0}
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.device-card{display:block;text-decoration:none;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px;min-height:230px}
.device-card:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--magenta)}
.device-card .dtype{font:700 9px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.device-card h3{font-family:var(--display);font-size:24px;line-height:1;text-transform:uppercase;margin:10px 0}
.device-card p{font-size:14.5px;line-height:1.5;font-weight:600;margin:0}
.device-card .why{margin-top:14px;padding-top:12px;border-top:2px solid var(--ink);font:600 10px/1.45 var(--mono)}
.device-card.watch{box-shadow:8px 8px 0 var(--cyan)}.device-card.research{box-shadow:8px 8px 0 var(--orange)}
.network-note{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--cyan);padding:26px;font-weight:600;line-height:1.55}
.network-note b{font-family:var(--display);text-transform:uppercase}
@media(max-width:900px){.device-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.device-grid{grid-template-columns:1fr}.site-nav .nav-inner{gap:10px}}
