/* Fonts are self-hosted (SIL OFL 1.1; licenses in /assets/fonts). No request leaves this origin to render type. */
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/geist-mono-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{interpolate-size:allow-keywords;--bg:#0b0b0c;--fg:#f2f0ea;--mut:#8d8b85;--line:#656565;--card:#111112;--inv:#f2f0ea;--invfg:#0b0b0c;--warn:#f5a524;--bad:#ff5c4d;--ok:#4ade80;--sans:"Chakra Petch",system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:"Geist Mono", ui-monospace,'SF Mono',Menlo,Consolas,monospace;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}.w{max-width:1120px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono)}.eyebrow{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:12px;margin:0 0 20px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--mut)}
h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.05}h2{font-size:clamp(30px,5vw,52px);font-weight:700;max-width:18ch}
section{padding:96px 0;border-top:1px solid var(--line)}p.lead{color:var(--mut);font-size:clamp(16px,2vw,19px);max-width:56ch;margin:20px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;font:500 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid var(--fg);background:transparent;color:var(--fg);cursor:pointer;}
.btn.p{background:var(--inv);color:var(--invfg)}.btn:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--warn);outline-offset:2px}
/* nav */
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
nav{display:flex;align-items:center;justify-content:space-between;height:60px}nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font:13px var(--mono)}nav ul a{text-decoration:none;color:var(--mut)}nav ul a:hover{color:var(--fg)}
footer nav{flex-direction:column;align-items:start;}
.logo{display:inline-flex;color:var(--fg)}.logo .m{display:none}
nav .btn{min-height:38px;padding:0 14px}
/* hero */
.hero{padding:88px 0 72px;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px;background-position:center top;border-top:0}
.hero h1{font-size:clamp(40px,8.5vw,96px);font-weight:700;max-width:12ch}.hero h1 em{font-style:normal;color:var(--mut)}
.hero .sub{font-size:clamp(17px,2.2vw,21px);max-width:46ch;margin:24px 0 32px;color:var(--mut)}.cta{display:flex;gap:12px;flex-wrap:wrap}
.demo{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--fg);background:var(--card)}
.pane{padding:22px;min-width:0}.pane+.pane{border-left:1px solid var(--line)}
.lbl{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;gap:8px}
.bubble{border:1px solid var(--line);padding:14px 16px;font:14px var(--mono);margin-bottom:10px}.bubble b{color:var(--ok)}
.tag{display:inline-block;font:500 11px var(--mono);letter-spacing:.08em;padding:3px 8px;border:1px solid currentColor}.t-bad{color:var(--bad)}.t-warn{color:var(--warn)}.t-ok{color:var(--ok)}
.finding{border:1px solid var(--warn);padding:16px;margin-top:12px}.finding h3{font-size:19px;margin:8px 0}.finding p{margin:0 0 14px;color:var(--mut);font-size:15px}
.finding .row{display:flex;gap:8px;flex-wrap:wrap}.finding .btn{min-height:38px;font-size:12px;padding:0 12px}
.nsf{font:700 28px var(--sans);letter-spacing:-.02em;margin-bottom:6px}
/* problem */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.flow{border:1px solid var(--line);padding:24px;background:var(--card)}.flow.now{border-color:var(--fg)}
.flow ol{list-style:none;padding:0;margin:16px 0 0}.flow li{font:14px var(--mono);padding:4px 0}.flow li.v{white-space:pre;line-height:1.15;color:var(--mut);padding:6px 0 6px 1ch}
.flow li.q{color:var(--warn)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.chips span{border:1px solid var(--line);padding:7px 12px;font:13px var(--mono);color:var(--mut)}
/* checks */
.checks{margin-top:48px;display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--fg);background:var(--card)}
.checks .b{font-family:var(--mono);}
.q-list{list-style:none;margin:0;padding:0}.q-list li{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 22px;border-top:1px solid var(--line);font-size:15px}.q-list li:first-child{border-top:0}
.q-list .a{color:var(--ok);font-family:var(--mono);font-size:15px}.q-list .b{color:var(--warn)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border:1px solid var(--line)}.step{padding:24px;border-left:1px solid var(--line);background:var(--card)}.step:first-child{border-left:0}
.step .n{font:12px var(--mono);color:var(--mut)}.step h3{font-size:21px;margin:36px 0 10px}.step p{margin:0;color:var(--mut);font-size:15px}
.loop{margin-top:16px;border:1px solid var(--line);padding:18px 22px;display:flex;flex-wrap:wrap;gap:6px 12px;font:500 13px var(--mono);align-items:center}.loop i{font-style:normal;color:var(--mut)}.loop .f{color:var(--bad)}.loop .s{color:var(--ok)}
/* report */
.rep{margin-top:48px;border:1px solid var(--fg);background:var(--card)}
.rep-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--line)}.rep-h b{font-size:18px}
.sev{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:start;padding:18px 22px;border-top:1px solid var(--line)}.sev:first-of-type{border-top:0}
.sev h3{margin:0 0 4px;font-size:17px}.sev p{margin:0;color:var(--mut);font-size:15px}
.ver{display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px 22px;border-top:1px solid var(--line);font:14px var(--mono)}.ver span:before{content:"[v] ";color:var(--ok)}
/* diff */
.diff{margin-top:48px;border:1px solid var(--line)}.diff div{display:grid;grid-template-columns:240px 1fr;gap:16px;padding:18px 22px;border-top:1px solid var(--line)}.diff div:first-child{border-top:0}
.diff .hl{background:var(--inv);color:var(--invfg)}.diff .hl span{color:var(--invfg)}.diff b{font-family:var(--mono);font-size:14px;font-weight:500}.diff span{color:var(--mut)}
/* nobody */
/* dev */
.dev{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
.term,.term>div{font-family:var(--mono);font-size:13px;font-weight:400;line-height:1.9;letter-spacing:0;font-style:normal;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}
.term>div{margin:0;padding:0}
.term{border:1px solid var(--line);background:var(--card);padding:20px;overflow-x:auto}
/* status classes control colour only */
.term .d{color:var(--mut)}.term .r{color:var(--bad)}.term .g{color:var(--ok)}.term .y{color:var(--warn)}.term .f{color:var(--fg)}
.term .sp{height:.95em}.term .ln{display:flex;gap:1.2ch}.term .ln .m{flex:none;width:3ch}.term .ln .id{flex:none;width:9ch}.term .ln .tx{min-width:0;color:var(--fg)}.term .ln .tx.ev{color:var(--mut)}
/* access */
.form{display:flex;margin-top:32px;border:1px solid var(--fg);max-width:520px}.form input{flex:1;min-width:0;background:transparent;border:0;color:var(--fg);padding:0 16px;font:15px var(--mono);min-height:50px;outline:none;}.form input:focus-visible{outline-offset:-2px}.form .btn{border:0;min-height:50px}
.note{font:12px var(--mono);color:var(--mut);margin-top:12px}.done{display:none;margin-block:32px;border:1px solid var(--ok);padding:20px;max-width:520px}.done b{color:var(--ok);display:block;margin-bottom:6px}
@media(max-width:860px){.demo,.cols,.checks,.dev,.qs{grid-template-columns:1fr}.pane+.pane{border-left:0;border-top:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(3){border-left:0}.step:nth-child(n+3){border-top:1px solid var(--line)}.qs p{border-right:0!important}.qs p:nth-child(2){border-top:1px solid color-mix(in srgb,var(--invfg) 25%,transparent)}.dev{gap:32px}header ul{display:none}.diff div{grid-template-columns:1fr;gap:4px}section{padding:72px 0}.checks>.pane:first-child{border-bottom:1px solid var(--line)}}
@media(max-width:560px){.w{padding:0 18px}.steps{grid-template-columns:1fr}.step{border-left:0!important;border-top:1px solid var(--line)}.step:first-child{border-top:0}.sev{grid-template-columns:1fr;gap:8px}.q-list li{grid-template-columns:1fr;gap:4px}.logo .f{display:none}.logo .m{display:inline-flex}.btn{width:100%}nav .btn{width:auto}.form{flex-direction:column}.hero{padding-top:56px}.cta .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Width of the scrollbar */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

/* The track (background of the scrollbar) */
::-webkit-scrollbar-track {
  background: #000000; /* Pure black */
}

/* The thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background: #ffffff; /* White */
  border: 2px solid #000000;
}
* {
  scrollbar-color: #ffffff #000000; /* Thumb: white, Track: pure black */
  scrollbar-width: auto;
}
:root{--bg:#000;--card:#0a0a0a;--line:#242424;--mut:#9a9890;color-scheme:dark}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--inv);color:var(--invfg);padding:8px 12px;z-index:20;font:13px var(--mono)}.skip:focus{left:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nobody{background:var(--card)}.nobody h2{font-size:clamp(36px,7vw,84px);max-width:14ch}.nobody .eyebrow,.nobody p.lead{color:var(--mut)}
.qs{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--fg)}.qs p{margin:0;padding:22px;border-top:1px solid var(--line);font-size:18px}.qs p:nth-child(-n+2){border-top:0}.qs p:nth-child(odd){border-right:1px solid var(--line)}.qs p:last-child:nth-child(odd){grid-column:1/-1;border-right:0}.qs small{display:block;font:11px var(--mono);letter-spacing:.12em;color:var(--warn);margin-bottom:8px}
@media(max-width:860px){.qs p:nth-child(2){border-top:1px solid var(--line)}.qs p{border-right:0!important}}
.note[data-t=err]{color:var(--bad)}.note[data-t=ok]{color:var(--ok)}
.field{display:block;margin-top:20px}.field span{display:block;font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}.field input,.field textarea{width:100%;background:var(--card);border:1px solid var(--line);color:var(--fg);padding:12px 14px;font:16px var(--sans);border-radius:0}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid #fff;border-color:var(--fg)}
.prose{max-width:720px;padding-top:72px;padding-bottom:96px}.prose h1{font-size:clamp(36px,6vw,56px)}.prose h2{font-size:22px;margin:40px 0 8px}.prose p,.prose li{color:var(--mut)}.prose a{color:var(--fg)}.ph{color:#fff;}
.center{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
footer{border-top:1px solid var(--line);padding:48px 0 40px;font:13px var(--mono);color:var(--mut)}footer .g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}footer h2{font:500 11px var(--mono);letter-spacing:.14em;margin:0 0 12px;text-transform:uppercase;max-width:none}footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:8px}footer a{text-decoration:none}footer li a{color:var(--fg)}footer a:hover{text-decoration:underline}footer small{display:block;margin-top:16px}
@media(max-width:560px){footer .g{grid-template-columns:1fr 1fr}footer .g>:first-child{grid-column:1/-1}}
/* Shadow only on top-level visual containers */
:is(
  .demo,
  .flow,
  .checks,
  .steps,
  .loop,
  .rep,
  .diff,
  .qs,
  .term,
  .form,
  .done,
  .ai,
),
.btn:not(.form .btn) {
  box-shadow: 4px 4px 0px 0px rgba(255, 255, 255, 0.09);
}

.hero{position:relative;overflow:hidden;background-image:none}.hero .w{position:relative;z-index:1}
.dither{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;opacity:.09;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
::selection {
  background: #fff;
  color: #000;
}

::-moz-selection {
  background: #fff;
  color: #000;
}

/* hero evidence panel + coverage + self-check */
.finding.bad{border-color:var(--bad)}.finding .id{font:12px var(--mono);color:var(--bad)}.finding h3{margin:8px 0 0}
.evd{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:14px 0 0;font:13px/1.5 var(--mono)}.evd dt{color:var(--mut);text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding-top:2px}.evd dd{margin:0;min-width:0}.evd dd.r{color:var(--bad)}
.nobody .chips{margin-top:32px}
.fine{font:12px var(--mono);color:var(--mut);margin:16px 0 0;max-width:72ch}
.sc{margin-top:48px}

/* actionable examples (product mockup only: see assets/demo.js) */
[hidden]{display:none!important}
.btn{transition:background-color .12s,border-color .12s,color .12s,transform .06s,box-shadow .06s}
.btn:hover{border-color:#fff;background:#1a1a1a}.btn.p:hover{background:#fff}
.btn:active{box-shadow:2px 2px 0 0 rgba(255,255,255,.09)}
.btn[aria-expanded=true]{background:#1a1a1a;border-color:#fff}
.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn[aria-disabled=true]:hover{background:transparent;border-color:var(--fg)}.btn[aria-disabled=true]:active{transform:none}
.btn.is-done{border-color:var(--ok);color:var(--ok);cursor:default}.btn.is-done:hover{background:transparent;border-color:var(--ok)}.btn.is-done:active{transform:none}
.btn.sm{min-height:40px;padding:0 12px;font-size:12px}
.btn:focus-visible{outline:2px solid var(--warn);outline-offset:2px}
.act{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.act .btn{width:auto}
.term .ln .tx.act{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 6px}
.out{margin-top:12px;border:1px dashed var(--line);padding:12px 14px}.out .evd{margin:0}
.devx .loop{margin:0 0 16px}.devx .fine{margin-top:12px}
.stages span{color:var(--mut)}.stages .is-done{color:var(--fg)}.stages .on{color:var(--warn)}.stages .ok{color:var(--ok)}
[data-state=verified] [data-was]{color:var(--mut);text-decoration:line-through}
.pane[data-demo] .finding.bad{min-width:0}
@media(max-width:560px){.act .btn{flex:1 1 auto}}

/* ---- v2: primary Fix action, spacing, literal | / v flow indicators, disclosure, consent ---- */
/* Literal monospace flow indicator: the text "|" then "v" (real characters in the DOM, no icons). */
.fl,.term .fl{white-space:pre;font-family:var(--mono);font-size:13px;line-height:1.15;color:var(--mut);padding:6px 0 6px 1.5ch;margin:0}
.acc>.fl{padding:4px 0 4px 1.5ch}

/* hero finding: grouped header / title / evidence / actions */
.finding{padding:20px}
.finding.bad{transition:border-color .12s}
.fh{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.fh .id{font:12px var(--mono);letter-spacing:.06em}
.fh .stat{font:500 12px var(--mono);letter-spacing:.08em;color:var(--bad)}
.finding h3{font-size:19px;line-height:1.25;margin:12px 0 0}
.finding .evd{gap:10px 18px}
.finding .act{margin-top:20px;padding-block:18px;border-top:1px solid var(--line);gap:10px}
.out{margin-top:14px}.out+.out{margin-top:8px}
.out .evd{gap:8px 16px}
.evd dd.g{color:var(--ok)}
[data-state=verified] .finding.bad{border-color:var(--ok)}
[data-state=verified] .fh .id,[data-state=verified] .fh .stat{color:var(--ok)}
[data-state=verified] .evd dd.r{color:var(--ok)}

/* Fix = primary action; Create task = quieter secondary path */
.btn.fix{min-height:44px;padding:0 24px;background:var(--inv);color:var(--invfg);border-color:var(--inv);font-weight:700;letter-spacing:.08em}
.btn.fix:hover{background:#fff;border-color:#fff}
.btn.fix:focus-visible{outline-offset:3px}
.btn.fix.is-done{background:transparent;color:var(--ok);border-color:var(--ok)}
.btn.fix.is-done:hover{background:transparent;border-color:var(--ok)}
.btn.fix[aria-disabled=true]:hover{background:var(--inv);border-color:var(--inv)}
.btn.fix.is-done[aria-disabled=true]:hover{background:transparent;border-color:var(--ok)}
.btn.sec{color:var(--mut);border-color:var(--line)}
.btn.sec:hover{color:var(--fg);border-color:var(--fg);background:#141414}
.btn.sec.is-done{color:var(--ok);border-color:var(--ok)}
.term .act{margin-top:12px;gap:10px}
.term .ln .tx.act{margin:6px 0 10px;gap:10px}
.term .ln .tx.g{color:var(--ok)}
[data-state=verified] .term .ln.r{color:var(--ok)}
[data-state=verified] .term .ln.r .tx{color:var(--fg)}

/* claim / test / result disclosure (one open at a time: see demo.js) */
.acc{display:block}
.ai{border:1px solid var(--line);background:var(--bg);transition:border-color 0.2s}
.ai.is-open{border-color:var(--fg)}
.ai.is-open .ah{background-color:rgba(255, 255, 255, 0.09);}
.ah{margin:0;font:inherit;letter-spacing:0;line-height:inherit;transition:background-color 0.2s;}
.ab{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t x" "s x";column-gap:16px;row-gap:2px;width:100%;min-height:56px;text-align:left;background:transparent;color:var(--fg);border:0;border-radius:0;padding:16px 16px 12px;font:inherit;cursor:pointer}
.ab:hover{border-color:#fff;}
.ab:focus-visible{outline:2px solid var(--warn);outline-offset:-2px}
.at{grid-area:t;font:700 16px/1.3 var(--sans);letter-spacing:-.01em}
.as{grid-area:s;font:13px/1.5 var(--mono);color:var(--mut);min-width:0}
.as.r{color:var(--bad)}
[data-state=verified] .as.r{color:var(--ok)}
.ax{grid-area:x;align-self:center;font:500 16px var(--mono);color:var(--mut);width:2ch;text-align:center}
.ap{padding:2px 16px 16px;}
.ap .evd{margin:12px 0 0;gap:8px 16px}
.ap .evd dd.r{color:var(--bad)}
[data-state=verified] .ap .evd dd.r{color:var(--ok)}
[data-state=verified] .ap [data-was]{text-decoration:none}

/* waitlist marketing consent (separate from joining) */
.wl{max-width:520px}.wl .form{max-width:none}
.consent{display:flex;align-items:flex-start;gap:12px;margin-top:16px;font:13px/1.5 var(--mono);color:var(--mut);cursor:pointer}
.consent input{flex:none;appearance:auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--inv);cursor:pointer}
.consent input:focus-visible{outline:2px solid var(--warn);outline-offset:2px}
.consent:hover{color:var(--fg)}
.form-note{margin-top:20px}

@media(max-width:560px){.finding{padding:16px}.fh{margin-bottom:0}.act .btn.fix{flex:1 1 100%}.term .ln .tx.act .btn.fix{flex:1 1 100%}.ab{padding:12px 14px}}
*{-webkit-tap-highlight-color: transparent;}
.logo .f{display:flex;align-items:center;}
/* mobile header and footer: this rule comes after the 560px query above and would otherwise re-show the wordmark next to the mobile icon */
@media(max-width:560px){.logo .f{display:none}}
.form .btn[disabled]{cursor:progress;opacity:.7}.form .btn[disabled]:hover{background:var(--inv);border-color:var(--fg)}