:root {
  --c002-accent: #9eb7ff;
  --c002-accent-soft: rgba(158,183,255,.14);
  --c002-hot: #ff796d;
  --c002-ink: #eceff8;
  --c002-grid: rgba(158,183,255,.08);
}

.c002 { width: min(var(--max),100%); margin-inline:auto; padding: clamp(3rem,7vw,7rem) var(--gutter) 8rem; }
.c002-heading { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(18rem,.55fr); gap:3rem; align-items:end; margin-bottom:clamp(3rem,7vw,6rem); }
.c002-heading h1 { max-width:62rem; margin:0; font-size:clamp(3rem,8.8vw,8.2rem); line-height:.86; letter-spacing:-.068em; }
.c002-heading > p { margin:0; color:var(--muted); font-size:clamp(1rem,1.7vw,1.18rem); }

.c002-frame { position:relative; min-height:clamp(42rem,82svh,58rem); border:1px solid var(--line); background:#0b0c10; overflow:hidden; isolation:isolate; }
.c002-frame::before { content:''; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(var(--c002-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c002-grid) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.c002-frame::after { content:''; position:absolute; inset:-40%; z-index:-1; pointer-events:none; background:radial-gradient(circle at 55% 45%,rgba(158,183,255,.09),transparent 28%); }
.c002-topline { min-height:52px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:1.4rem; padding:.65rem 1rem; border-bottom:1px solid var(--line); background:rgba(8,9,12,.86); color:var(--faint); font:700 .63rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; }
.c002-confidence { display:grid; grid-template-columns:auto 7rem 3.2rem; align-items:center; gap:.65rem; }
.c002-confidence > div { height:3px; background:#272a33; overflow:hidden; }
.c002-confidence i { display:block; width:0; height:100%; background:var(--c002-accent); box-shadow:0 0 .8rem rgba(158,183,255,.55); transition:width .55s ease,background .35s ease; }
.c002-confidence strong { color:var(--c002-ink); text-align:right; }
.c002-exit { min-height:36px; border:1px solid transparent; background:transparent; color:var(--muted); cursor:pointer; padding:.45rem .55rem; font:inherit; letter-spacing:inherit; }
.c002-exit:hover,.c002-exit:focus-visible { color:var(--text); border-color:var(--line); }

.c002-scene { display:none; min-height:calc(clamp(42rem,82svh,58rem) - 53px); padding:clamp(1rem,4vw,3rem); }
.c002-scene.is-active { display:grid; place-items:center; animation:c002-in .42s ease both; }
.c002-card { width:min(68rem,100%); }
.c002-card--consent { padding:clamp(.25rem,2vw,1rem); }
.c002-kicker { margin:0 0 1rem; color:var(--c002-accent); font:700 .66rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.14em; }
.c002-card h2,.c002-reveal-main h2 { max-width:55rem; margin:0; font-size:clamp(2.1rem,5.6vw,5.2rem); line-height:.94; letter-spacing:-.052em; }
.c002-card > p:not(.c002-kicker):not(.c002-fineprint) { max-width:48rem; color:var(--muted); }
.c002-data-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:2rem 0 1px; background:var(--line); border:1px solid var(--line); }
.c002-data-grid article { min-height:12rem; padding:1.2rem; background:#101116; }
.c002-data-grid span { color:var(--c002-accent); font:700 .63rem/1.2 ui-monospace,monospace; letter-spacing:.12em; }
.c002-data-grid strong { display:block; margin-top:1rem; font-size:1.05rem; line-height:1.3; }
.c002-data-grid p { color:var(--muted); font-size:.84rem; }
.c002-equal-actions { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-top:1rem; }
.c002-real-choice,.c002-action-primary,.c002-action-secondary,.c002-button { min-height:54px; border:1px solid var(--c002-accent); background:transparent; color:var(--text); padding:.9rem 1rem; cursor:pointer; text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease; }
.c002-real-choice:hover,.c002-real-choice:focus-visible,.c002-action-primary:hover,.c002-action-primary:focus-visible,.c002-button:hover,.c002-button:focus-visible { background:var(--c002-accent); color:#07080b; transform:translateY(-2px); }
.c002-action-primary { background:var(--c002-accent); color:#07080b; }
.c002-action-secondary { border-color:var(--line); }
.c002-fineprint { margin:1.15rem 0 0; color:var(--faint); font-size:.72rem; }

.c002-test-shell { position:relative; width:min(68rem,100%); min-height:34rem; display:grid; grid-template-columns:5.6rem 1fr; border:1px solid #30333d; background:rgba(13,14,19,.94); box-shadow:0 3rem 10rem rgba(0,0,0,.55); }
.c002-test-index { display:flex; flex-direction:column; justify-content:space-between; padding:1rem; border-right:1px solid #30333d; color:var(--faint); font:700 .65rem/1 ui-monospace,monospace; letter-spacing:.12em; }
.c002-test-index span:first-child { color:var(--c002-accent); font-size:1.45rem; letter-spacing:-.05em; }
.c002-test-content { min-width:0; display:flex; flex-direction:column; padding:clamp(1.25rem,4.5vw,3.6rem); }
.c002-test-label { margin:0; color:var(--c002-accent); font:700 .65rem/1.2 ui-monospace,monospace; letter-spacing:.14em; }
.c002-test-title { max-width:50rem; margin:1rem 0 .8rem; font-size:clamp(2rem,5.2vw,4.8rem); line-height:.94; letter-spacing:-.052em; }
.c002-test-copy { max-width:46rem; margin:0; color:var(--muted); font-size:clamp(.95rem,1.5vw,1.08rem); }
.c002-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:auto; padding-top:2rem; }
.c002-actions .c002-button { min-width:10rem; }
.c002-button[disabled] { opacity:.4; cursor:not-allowed; transform:none; background:transparent; color:var(--muted); }
.c002-button--quiet { border-color:var(--line); color:var(--muted); }
.c002-judgment { margin-top:1.5rem; padding:1rem; border-left:2px solid var(--c002-hot); background:rgba(255,121,109,.07); }
.c002-judgment span { display:block; margin-bottom:.4rem; color:var(--c002-hot); font:700 .62rem/1.2 ui-monospace,monospace; letter-spacing:.13em; }
.c002-judgment strong { font-size:clamp(1rem,2vw,1.25rem); }
.c002-judgment p { margin:.45rem 0 0; color:var(--muted); font-size:.84rem; }

.c002-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin-top:1.7rem; }
.c002-form { position:relative; min-height:9rem; border:1px solid #323540; background:#0f1015; cursor:pointer; overflow:hidden; }
.c002-form::before,.c002-form::after { content:''; position:absolute; left:50%; top:50%; width:var(--s,3.5rem); height:var(--s,3.5rem); border:1px solid var(--c002-accent); border-radius:var(--r,50%); transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px))) rotate(var(--rot,0deg)); opacity:.72; transition:transform .35s ease,opacity .35s ease,background .35s ease; }
.c002-form::after { width:calc(var(--s,3.5rem) * .38); height:calc(var(--s,3.5rem) * .38); border:0; background:var(--c002-accent); opacity:.2; filter:blur(1px); }
.c002-form:hover::before,.c002-form:focus-visible::before { opacity:1; transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px))) rotate(calc(var(--rot,0deg) + 17deg)) scale(1.08); }
.c002-form span { position:absolute; left:.7rem; bottom:.55rem; color:var(--faint); font:700 .6rem/1 ui-monospace,monospace; letter-spacing:.12em; }

.c002-pulse-zone { display:grid; place-items:center; min-height:15rem; margin-top:1.8rem; border:1px solid #30333d; background:radial-gradient(circle,rgba(158,183,255,.08),transparent 45%); touch-action:manipulation; }
.c002-pulse-button { width:min(11rem,48vw); aspect-ratio:1; border:1px solid var(--c002-accent); border-radius:50%; background:rgba(158,183,255,.035); color:var(--c002-ink); cursor:pointer; font:700 .69rem/1.3 ui-monospace,monospace; letter-spacing:.12em; }
.c002-pulse-button.is-hit { animation:c002-pulse .22s ease; }
.c002-pulse-readout { display:flex; justify-content:space-between; gap:.45rem; margin-top:.8rem; }
.c002-pulse-readout i { flex:1; height:3px; background:#252832; }
.c002-pulse-readout i.is-filled { background:var(--c002-accent); }

.c002-instrument { position:relative; margin-top:1.5rem; border:1px solid #30333d; background:#08090c; overflow:hidden; }
.c002-instrument canvas { display:block; width:100%; height:clamp(16rem,38vh,23rem); touch-action:none; outline:none; }
.c002-instrument canvas:focus-visible { box-shadow:inset 0 0 0 2px var(--c002-accent); }
.c002-instrument-status { position:absolute; left:.75rem; right:.75rem; bottom:.65rem; display:flex; justify-content:space-between; gap:1rem; pointer-events:none; color:var(--faint); font:700 .6rem/1 ui-monospace,monospace; letter-spacing:.1em; }
.c002-canvas-note { margin:.65rem 0 0; color:var(--faint); font-size:.72rem; }
.c002-mode-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.c002-mode-actions button { min-height:44px; border:1px solid var(--line); background:transparent; color:var(--muted); padding:.65rem .8rem; cursor:pointer; font-size:.72rem; }
.c002-mode-actions button:hover,.c002-mode-actions button:focus-visible { color:var(--text); border-color:var(--c002-accent); }
.c002-timer { margin-top:.75rem; height:3px; background:#252832; overflow:hidden; }
.c002-timer i { display:block; width:0; height:100%; background:var(--c002-accent); }

.c002-commitment { margin:1.5rem 0 0; padding:1rem; border:1px solid #30333d; background:#090a0e; }
.c002-commitment span { display:block; color:var(--faint); font:700 .62rem/1.2 ui-monospace,monospace; letter-spacing:.12em; }
.c002-commitment code { display:block; margin-top:.65rem; color:var(--c002-accent); font:700 clamp(.75rem,1.8vw,.94rem)/1.45 ui-monospace,monospace; overflow-wrap:anywhere; }
.c002-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:1.2rem; }
.c002-choice-grid button { min-height:8rem; border:1px solid #343742; background:#0e1015; color:var(--text); padding:1.2rem; cursor:pointer; text-align:left; font-size:clamp(1.2rem,2.8vw,2rem); line-height:1.05; letter-spacing:-.035em; }
.c002-choice-grid button:hover,.c002-choice-grid button:focus-visible { border-color:var(--c002-accent); background:var(--c002-accent-soft); }
.c002-crypto-proof { margin-top:1rem; padding-top:1rem; border-top:1px solid #30333d; color:var(--muted); font: .72rem/1.55 ui-monospace,monospace; overflow-wrap:anywhere; }
.c002-crypto-proof strong { color:var(--text); }

.c002-reveal-wrap { width:min(74rem,100%); display:grid; grid-template-columns:minmax(0,1.25fr) minmax(19rem,.75fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.c002-reveal-main,.c002-collective { background:#0d0e12; padding:clamp(1.35rem,4vw,3.5rem); }
.c002-verdict { display:inline-flex; margin-bottom:1.5rem; padding:.55rem .7rem; border:1px solid var(--c002-hot); color:var(--c002-hot); font:700 .67rem/1 ui-monospace,monospace; letter-spacing:.14em; }
.c002-reveal-main > p { max-width:50rem; color:var(--muted); }
.c002-report { display:grid; grid-template-columns:minmax(11rem,1fr) auto; gap:.7rem 1rem; margin:2rem 0; padding:1.2rem 0; border-block:1px solid var(--line); font:.75rem/1.45 ui-monospace,monospace; }
.c002-report dt { color:var(--faint); }
.c002-report dd { margin:0; max-width:24rem; color:var(--text); text-align:right; }
.c002-reveal-main blockquote { margin:2rem 0; padding:0 0 0 1rem; border-left:2px solid var(--c002-accent); }
.c002-reveal-main blockquote p { margin:0; color:var(--muted); font-size:.9rem; }
.c002-reveal-actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.c002-status { min-height:1.5em; margin:1rem 0 0; color:var(--muted); font:.72rem/1.4 ui-monospace,monospace; }
.c002-collective h3 { margin:0 0 1.5rem; font-size:clamp(1.6rem,3.4vw,2.6rem); line-height:1; letter-spacing:-.045em; }
.c002-stats { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.c002-stat { display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:baseline; padding:1rem; background:#111217; }
.c002-stat span { color:var(--muted); font-size:.76rem; }
.c002-stat strong { color:var(--c002-accent); font:700 1.25rem/1 ui-monospace,monospace; }
.c002-collective-note { color:var(--faint); font-size:.72rem; }

.c002-after { display:grid; grid-template-columns:minmax(0,.9fr) minmax(18rem,.62fr); gap:3rem; padding:clamp(5rem,10vw,9rem) 0; border-bottom:1px solid var(--line); }
.c002-after h2 { max-width:46rem; margin:0; font-size:clamp(2rem,4.8vw,4.3rem); line-height:1; letter-spacing:-.048em; }
.c002-after > div:last-child { color:var(--muted); }
.c002-noscript { margin:2rem 0; padding:2rem; border:1px solid var(--line); }

@keyframes c002-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
@keyframes c002-pulse { 0%{transform:scale(1)} 45%{transform:scale(.94);background:rgba(158,183,255,.25)} 100%{transform:scale(1)} }

@media (max-width:900px) {
  .c002-heading,.c002-reveal-wrap,.c002-after { grid-template-columns:1fr; }
  .c002-heading { gap:1.5rem; }
  .c002-collective { border-top:1px solid var(--line); }
}
@media (max-width:680px) {
  .c002 { padding-top:2rem; }
  .c002-heading h1 { font-size:clamp(3.2rem,18vw,5.7rem); }
  .c002-frame { margin-inline:calc(var(--gutter) * -1); border-inline:0; min-height:calc(100svh - var(--header-height)); }
  .c002-topline { grid-template-columns:1fr auto; gap:.6rem; padding:.55rem .75rem; }
  .c002-topline > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .c002-confidence { grid-template-columns:auto 3.5rem 2.8rem; gap:.4rem; font-size:.56rem; }
  .c002-exit { grid-column:1 / -1; justify-self:end; min-height:32px; margin-top:-.25rem; }
  .c002-scene { min-height:calc(100svh - var(--header-height) - 83px); padding:.75rem; }
  .c002-data-grid,.c002-equal-actions,.c002-choice-grid { grid-template-columns:1fr; }
  .c002-data-grid article { min-height:auto; }
  .c002-real-choice { min-height:58px; }
  .c002-test-shell { min-height:calc(100svh - var(--header-height) - 105px); grid-template-columns:3.2rem 1fr; }
  .c002-test-index { padding:.75rem .55rem; }
  .c002-test-index span:first-child { font-size:1.05rem; }
  .c002-test-content { padding:1.1rem; }
  .c002-test-title { font-size:clamp(2rem,10.5vw,3.25rem); }
  .c002-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .c002-form { min-height:7rem; }
  .c002-pulse-zone { min-height:13rem; }
  .c002-instrument canvas { height:17rem; }
  .c002-choice-grid button { min-height:6.3rem; }
  .c002-report { grid-template-columns:1fr; gap:.15rem; }
  .c002-report dd { margin-bottom:.7rem; text-align:left; }
  .c002-reveal-actions { display:grid; }
}
@media (max-width:360px) {
  .c002-heading h1 { font-size:3.05rem; }
  .c002-test-content { padding:.9rem; }
  .c002-test-title { font-size:1.9rem; }
  .c002-form { min-height:6.5rem; }
  .c002-actions { display:grid; }
  .c002-actions .c002-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .c002-scene.is-active,.c002-form::before,.c002-confidence i { animation:none; transition:none; }
}

.c002 .eyebrow { color:var(--c002-accent); }
body:has(.c002) .wordmark-mark::after { background:var(--c002-accent); box-shadow:0 0 1rem rgba(158,183,255,.65); }
body:has(.c002) ::selection { background:var(--c002-accent); color:#05060a; }

.c002-exit { min-height:44px; }
@supports (padding: max(0px)) {
  .c002-topline {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }
}
@media (max-width:680px) { .c002-exit { min-height:44px; } }
