:root {
  --c003-red:#ff5a4f;
  --c003-cyan:#9dc7c4;
  --c003-bone:#e7e0d3;
  --c003-black:#070809;
  --c003-panel:rgba(10,11,12,.78);
}

body:has(.c003) { background:#070809; }
body:has(.c003) .ambient-field,
body:has(.c003) #trace-canvas { display:none; }
body:has(.c003) .wordmark-mark::after { background:var(--c003-red); box-shadow:0 0 1.1rem rgba(255,90,79,.58); }
body:has(.c003) ::selection { background:var(--c003-red); color:#090909; }

.c003 { width:min(var(--max),100%); margin-inline:auto; padding:clamp(2.5rem,6vw,6rem) var(--gutter) 8rem; }
.c003-heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(18rem,.55fr); gap:3rem; align-items:end; margin-bottom:clamp(2rem,5vw,4rem); }
.c003-heading h1 { max-width:16ch; margin:0; font-size:clamp(3rem,8.5vw,8.2rem); line-height:.86; letter-spacing:-.072em; }
.c003-heading > p { margin:0; color:var(--muted); font-size:clamp(1rem,1.75vw,1.28rem); line-height:1.45; }
.c003 .eyebrow,.c003-kicker { color:var(--c003-red); }
.c003-kicker { margin:0 0 1rem; font:600 .64rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.15em; }

.c003-frame { position:relative; isolation:isolate; min-height:min(850px,calc(100svh - 1rem)); overflow:hidden; border:1px solid #313336; background:#090a0b; box-shadow:0 3rem 9rem rgba(0,0,0,.58); }
#c003-portrait,.c003-atmosphere { position:absolute; inset:0; width:100%; height:100%; }
#c003-portrait { z-index:-3; touch-action:none; }
.c003-atmosphere { z-index:-2; pointer-events:none; background:radial-gradient(circle at 66% 38%,rgba(157,199,196,.08),transparent 31%), radial-gradient(circle at 33% 64%,rgba(255,90,79,.06),transparent 34%), linear-gradient(110deg,transparent 0 48%,rgba(255,255,255,.012) 48% 49%,transparent 49%); mix-blend-mode:screen; }
.c003-frame::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.26; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.022) 3px 4px),repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.018) 89px 90px); }
.c003-frame::after { content:""; position:absolute; inset:0; z-index:8; pointer-events:none; box-shadow:inset 0 0 8rem rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,255,255,.018); }

.c003-register i { position:absolute; z-index:5; width:1rem; height:1rem; pointer-events:none; border-color:rgba(231,224,211,.5); }
.c003-register i:nth-child(1){top:4.4rem;left:1rem;border-top:1px solid;border-left:1px solid}
.c003-register i:nth-child(2){top:4.4rem;right:1rem;border-top:1px solid;border-right:1px solid}
.c003-register i:nth-child(3){bottom:1rem;left:1rem;border-bottom:1px solid;border-left:1px solid}
.c003-register i:nth-child(4){bottom:1rem;right:1rem;border-bottom:1px solid;border-right:1px solid}

.c003-chrome { position:relative; z-index:10; display:grid; grid-template-columns:minmax(11rem,.55fr) minmax(6rem,1fr) auto auto; gap:1rem; align-items:center; min-height:4.2rem; padding:.7rem 1rem; border-bottom:1px solid rgba(231,224,211,.19); background:rgba(7,8,9,.76); backdrop-filter:blur(14px); font:500 .59rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; color:rgba(231,224,211,.56); }
.c003-chrome > div:first-child { display:flex; align-items:center; gap:1rem; min-width:0; }
.c003-chrome b { color:var(--c003-red); font-weight:600; }
.c003-progress { height:2px; overflow:hidden; background:rgba(231,224,211,.14); }
.c003-progress i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--c003-cyan),var(--c003-red)); box-shadow:0 0 1rem rgba(255,90,79,.5); transition:width .7s cubic-bezier(.2,.8,.2,1); }
.c003-chrome button { min-height:44px; padding:.65rem .8rem; border:1px solid rgba(231,224,211,.24); color:var(--c003-bone); background:rgba(7,8,9,.5); cursor:pointer; font:inherit; letter-spacing:.09em; }
.c003-chrome button:hover,.c003-chrome button:focus-visible { border-color:var(--c003-red); color:var(--c003-red); }

.c003-scene { display:none; position:relative; min-height:calc(min(850px,100svh - 1rem) - 4.2rem); }
.c003-scene.is-active { display:grid; animation:c003-scene-in .65s cubic-bezier(.2,.8,.2,1) both; }
.c003-consent-card { align-self:end; width:min(70rem,calc(100% - 2rem)); margin:clamp(1rem,5vw,4rem); padding:clamp(1.2rem,4vw,3rem); border:1px solid rgba(231,224,211,.25); background:rgba(9,10,11,.88); backdrop-filter:blur(20px); box-shadow:0 2rem 6rem rgba(0,0,0,.5); }
.c003-consent-card h2 { max-width:17ch; margin:0; color:var(--c003-bone); font-size:clamp(2rem,5.2vw,4.6rem); line-height:.94; letter-spacing:-.052em; }
.c003-consent-lead { max-width:54rem; margin:1.3rem 0 1.8rem; color:rgba(231,224,211,.66); }
.c003-data-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(231,224,211,.18); border:1px solid rgba(231,224,211,.18); }
.c003-data-choices article { min-height:11rem; padding:1.15rem; background:rgba(11,12,13,.95); }
.c003-data-choices span { color:var(--c003-cyan); font:600 .62rem/1.2 ui-monospace,monospace; letter-spacing:.13em; }
.c003-data-choices strong { display:block; margin:2rem 0 .6rem; color:var(--c003-bone); font-size:1rem; }
.c003-data-choices p { margin:0; color:rgba(231,224,211,.55); font-size:.82rem; }
.c003-equal-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin-top:.8rem; }
.c003-equal-actions button,.c003-final-actions button,.c003-control-button { min-height:54px; padding:.85rem 1rem; border:1px solid var(--c003-red); background:transparent; color:var(--c003-bone); cursor:pointer; font:600 .7rem/1.2 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; transition:background .2s,color .2s,transform .2s; }
.c003-equal-actions button:hover,.c003-equal-actions button:focus-visible,.c003-final-actions button:hover,.c003-final-actions button:focus-visible,.c003-control-button:hover,.c003-control-button:focus-visible { background:var(--c003-red); color:#090909; transform:translateY(-1px); }
.c003-fineprint { margin:1rem 0 0; color:rgba(231,224,211,.4); font-size:.68rem; line-height:1.5; }

#c003-encounter { align-items:end; }
.c003-scan-copy { position:absolute; inset:1.25rem 1.25rem auto; display:flex; justify-content:space-between; color:rgba(231,224,211,.35); font:500 .56rem/1.2 ui-monospace,monospace; letter-spacing:.13em; pointer-events:none; }
.c003-prompt { position:relative; z-index:4; width:min(39rem,calc(100% - 2rem)); margin:1rem; padding:clamp(1.1rem,3.4vw,2rem); border:1px solid rgba(231,224,211,.27); background:linear-gradient(135deg,rgba(11,12,13,.91),rgba(11,12,13,.72)); backdrop-filter:blur(18px); box-shadow:0 1.7rem 5rem rgba(0,0,0,.54); }
.c003-probe-label { display:flex; justify-content:space-between; gap:1rem; margin:0 0 1rem; color:var(--c003-red); font:600 .61rem/1.2 ui-monospace,monospace; letter-spacing:.13em; }
.c003-prompt h2 { max-width:14ch; margin:0; color:var(--c003-bone); font-size:clamp(2rem,5vw,4.4rem); line-height:.92; letter-spacing:-.055em; text-wrap:balance; }
.c003-prompt > p:not(.c003-probe-label):not(.c003-feedback) { max-width:35rem; margin:1rem 0; color:rgba(231,224,211,.66); }
.c003-control { margin-top:1.3rem; }
.c003-feedback { min-height:1.4em; margin:.8rem 0 0; color:var(--c003-cyan); font:500 .67rem/1.4 ui-monospace,monospace; letter-spacing:.06em; }

.c003-hold { position:relative; display:grid; place-items:center; width:100%; min-height:9.5rem; overflow:hidden; border:1px solid rgba(231,224,211,.26); background:rgba(255,255,255,.015); color:var(--c003-bone); touch-action:none; cursor:crosshair; }
.c003-hold::before { content:""; position:absolute; width:2rem; aspect-ratio:1; border:1px solid var(--c003-red); border-radius:50%; transform:scale(var(--hold-scale,.6)); opacity:.8; transition:transform .1s linear; }
.c003-hold span { position:relative; z-index:1; font:600 .67rem/1.2 ui-monospace,monospace; letter-spacing:.12em; }
.c003-hold.is-holding { background:radial-gradient(circle,rgba(255,90,79,.12),transparent 52%); }

.c003-forms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.c003-form { position:relative; min-height:8.5rem; overflow:hidden; border:1px solid rgba(231,224,211,.24); background:rgba(255,255,255,.015); cursor:pointer; }
.c003-form::before,.c003-form::after { content:""; position:absolute; inset:20%; border:1px solid rgba(231,224,211,.62); border-radius:48% 52% 46% 54%/55% 42% 58% 45%; transform:rotate(var(--r,0deg)); }
.c003-form::after { inset:34% 22%; border-color:var(--c003-red); transform:translate(var(--x,0),var(--y,0)) rotate(calc(var(--r,0deg) * -1)); opacity:.72; }
.c003-form:nth-child(1){--r:18deg;--x:7px;--y:-5px}
.c003-form:nth-child(2){--r:-37deg;--x:-8px;--y:4px}
.c003-form:nth-child(3){--r:71deg;--x:2px;--y:9px}
.c003-form:hover,.c003-form:focus-visible,.c003-form.is-selected { border-color:var(--c003-red); background:rgba(255,90,79,.065); }
.c003-form span { position:absolute; left:.6rem; bottom:.5rem; color:rgba(231,224,211,.5); font:500 .57rem/1 ui-monospace,monospace; letter-spacing:.1em; }

.c003-align-view { position:relative; height:9rem; overflow:hidden; border:1px solid rgba(231,224,211,.2); background:rgba(255,255,255,.012); }
.c003-align-face { position:absolute; left:50%; top:50%; width:6.5rem; height:7.7rem; border:1px solid var(--c003-bone); border-radius:48% 52% 44% 46%/43% 43% 57% 57%; transform:translate(-50%,-50%); opacity:.47; }
.c003-align-face::before { content:""; position:absolute; left:20%; right:20%; top:42%; height:1px; background:var(--c003-bone); box-shadow:0 1.45rem 0 rgba(231,224,211,.75); }
.c003-align-face.is-layer { border-color:var(--c003-red); transform:translate(calc(-50% + var(--align-shift,28px)),-50%); opacity:.76; mix-blend-mode:screen; }
.c003-range { width:100%; margin:1rem 0 .4rem; accent-color:var(--c003-red); }
.c003-inline-actions { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
.c003-inline-actions .c003-control-button { flex:1 1 12rem; }

.c003-swipe { position:relative; min-height:9rem; overflow:hidden; border:1px solid rgba(231,224,211,.23); background:linear-gradient(90deg,rgba(157,199,196,.035),transparent 50%,rgba(255,90,79,.04)); touch-action:none; cursor:grab; }
.c003-swipe-fragment { position:absolute; left:50%; top:50%; width:5.2rem; height:6.3rem; border:1px solid var(--c003-red); transform:translate(calc(-50% + var(--swipe-x,0px)),calc(-50% + var(--swipe-y,0px))) rotate(var(--swipe-r,0deg)); background:repeating-linear-gradient(0deg,rgba(255,90,79,.1) 0 1px,transparent 1px 8px); box-shadow:1rem 0 0 -1px rgba(157,199,196,.18); }
.c003-swipe-fragment::after { content:"EXTRACT"; position:absolute; inset:auto .3rem .3rem; color:var(--c003-red); font:600 .52rem/1 ui-monospace,monospace; letter-spacing:.08em; }

.c003-stillness { position:relative; display:grid; place-items:center; min-height:9rem; border:1px solid rgba(231,224,211,.22); background:rgba(255,255,255,.012); overflow:hidden; }
.c003-stillness-ring { width:3.4rem; aspect-ratio:1; border:1px solid var(--c003-cyan); border-radius:50%; transform:scale(var(--still-scale,.2)); opacity:var(--still-opacity,.4); }
.c003-stillness-count { position:absolute; color:rgba(231,224,211,.55); font:500 .63rem/1 ui-monospace,monospace; letter-spacing:.1em; }

.c003-motion-choice { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.c003-motion-field { position:relative; display:grid; place-items:center; min-height:8.5rem; margin-top:.6rem; overflow:hidden; border:1px solid rgba(231,224,211,.22); touch-action:none; }
.c003-motion-orb { width:3.2rem; aspect-ratio:1; border:1px solid var(--c003-red); border-radius:50%; transform:translate(var(--motion-x,0),var(--motion-y,0)); box-shadow:inset 0 0 0 .8rem rgba(255,90,79,.06),0 0 2.2rem rgba(255,90,79,.13); }

.c003-final { grid-template-columns:minmax(0,1.15fr) minmax(17rem,.48fr); align-items:end; gap:1px; background:linear-gradient(90deg,transparent 0 66%,rgba(7,8,9,.3) 66%); }
.c003-final-copy,.c003-collective { position:relative; z-index:4; align-self:stretch; padding:clamp(1.2rem,4vw,3rem); background:rgba(7,8,9,.73); backdrop-filter:blur(16px); }
.c003-final-copy { display:flex; flex-direction:column; justify-content:flex-end; }
.c003-archetype { width:fit-content; margin:0 0 1.2rem; padding:.42rem .55rem; background:var(--c003-red); color:#08090a; font:700 .65rem/1 ui-monospace,monospace; letter-spacing:.12em; }
.c003-final h2 { max-width:14ch; margin:0; color:var(--c003-bone); font-size:clamp(2.35rem,6vw,5.6rem); line-height:.88; letter-spacing:-.065em; }
.c003-final-summary { max-width:44rem; color:rgba(231,224,211,.68); font-size:1rem; }
.c003-claims { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:1.4rem 0; background:rgba(231,224,211,.16); border:1px solid rgba(231,224,211,.16); }
.c003-claim { min-height:5.7rem; padding:.8rem; background:rgba(9,10,11,.92); }
.c003-claim span { display:block; margin-bottom:1.2rem; color:rgba(231,224,211,.36); font:500 .54rem/1 ui-monospace,monospace; letter-spacing:.12em; }
.c003-claim strong { color:var(--c003-bone); font-size:.78rem; line-height:1.3; }
.c003-reveal-note { max-width:52rem; padding:1rem; border-left:2px solid var(--c003-red); background:rgba(255,90,79,.06); }
.c003-reveal-note strong { color:var(--c003-red); }
.c003-reveal-note p { margin:.45rem 0 0; color:rgba(231,224,211,.64); font-size:.82rem; }
.c003-final-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.c003-final-actions button { min-height:48px; flex:1 1 10rem; font-size:.61rem; }
.c003-status { min-height:1.3em; margin:.7rem 0 0; color:var(--c003-cyan); font:500 .64rem/1.3 ui-monospace,monospace; }
.c003-collective { border-left:1px solid rgba(231,224,211,.18); }
.c003-collective h3 { margin:0 0 1.3rem; color:var(--c003-bone); font-size:clamp(1.5rem,3vw,2.7rem); line-height:.98; letter-spacing:-.045em; }
.c003-collective > p:last-child { color:rgba(231,224,211,.4); font-size:.68rem; }
.c003-stats { display:grid; gap:1px; margin-bottom:1rem; background:rgba(231,224,211,.15); border:1px solid rgba(231,224,211,.15); }
.c003-stat { display:grid; grid-template-columns:1fr auto; gap:.6rem; padding:.75rem; background:rgba(10,11,12,.95); }
.c003-stat span { color:rgba(231,224,211,.53); font-size:.69rem; }
.c003-stat strong { color:var(--c003-cyan); font:700 .8rem/1 ui-monospace,monospace; }
.c003-noscript { align-self:center; margin:2rem; padding:2rem; border:1px solid rgba(231,224,211,.25); background:#0b0c0d; }

.c003-after { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.58fr); gap:3rem; padding:clamp(5rem,10vw,9rem) 0; border-bottom:1px solid var(--line); }
.c003-after h2 { max-width:48rem; margin:0; font-size:clamp(2.1rem,5vw,4.7rem); line-height:.96; letter-spacing:-.052em; }
.c003-after > div:last-child { color:var(--muted); }

@keyframes c003-scene-in { from{opacity:0;filter:blur(5px);transform:translateY(8px)} to{opacity:1;filter:none;transform:none} }
@media (max-width:900px) {
  .c003-heading,.c003-after { grid-template-columns:1fr; }
  .c003-final { grid-template-columns:1fr; align-items:stretch; }
  .c003-collective { border-left:0; border-top:1px solid rgba(231,224,211,.18); }
}
@media (max-width:680px) {
  .c003 { padding-top:2rem; }
  .c003-heading { gap:1.4rem; }
  .c003-heading h1 { font-size:clamp(3.15rem,17vw,5.8rem); }
  .c003-frame { min-height:calc(100svh - var(--header-height)); margin-inline:calc(var(--gutter) * -1); border-inline:0; }
  .c003-scene { min-height:calc(100svh - var(--header-height) - 4.2rem); }
  .c003-chrome { grid-template-columns:1fr auto; gap:.45rem .8rem; min-height:4.7rem; padding:.55rem max(.7rem,env(safe-area-inset-right)) .55rem max(.7rem,env(safe-area-inset-left)); }
  .c003-chrome > div:first-child { gap:.5rem; }
  .c003-progress { grid-column:1 / -1; grid-row:2; }
  #c003-mode { justify-self:end; white-space:nowrap; font-size:.5rem; }
  .c003-chrome button { position:absolute; right:.6rem; top:4.75rem; z-index:12; background:#090a0b; }
  .c003-consent-card { width:calc(100% - 1rem); margin:.5rem; padding:1rem; max-height:calc(100svh - var(--header-height) - 5.2rem); overflow:auto; }
  .c003-consent-card h2 { font-size:clamp(2rem,10vw,3.1rem); }
  .c003-data-choices,.c003-equal-actions { grid-template-columns:1fr; }
  .c003-data-choices article { min-height:auto; }
  .c003-data-choices strong { margin:1rem 0 .4rem; }
  .c003-prompt { width:calc(100% - 1rem); margin:.5rem; padding:1rem; max-height:calc(100svh - var(--header-height) - 6rem); overflow:auto; }
  .c003-prompt h2 { font-size:clamp(2rem,10vw,3.25rem); }
  .c003-forms { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .c003-form { min-height:6.8rem; }
  .c003-final-copy,.c003-collective { padding:1rem; }
  .c003-final { overflow:auto; max-height:calc(100svh - var(--header-height) - 4.7rem); padding-top:31svh; background:linear-gradient(180deg,transparent 0 27svh,rgba(7,8,9,.22) 31svh); }
  .c003-final-copy { background:linear-gradient(180deg,rgba(7,8,9,.82),rgba(7,8,9,.96)); }
  .c003-final h2 { font-size:clamp(2.4rem,12vw,4rem); }
  .c003-claims { grid-template-columns:1fr 1fr; }
  .c003-claim { min-height:5.2rem; }
  .c003-scan-copy { top:3.5rem; }
}
@media (max-width:360px) {
  .c003-heading h1 { font-size:3.05rem; }
  .c003-chrome { font-size:.52rem; }
  .c003-consent-card h2,.c003-prompt h2 { font-size:1.92rem; }
  .c003-consent-lead { font-size:.86rem; }
  .c003-claims { grid-template-columns:1fr; }
  .c003-final-actions { display:grid; }
  .c003-final-actions button { width:100%; }
}
@media (orientation:landscape) and (max-height:600px) {
  .c003-frame { min-height:720px; }
  .c003-scene { min-height:654px; }
}
@media (prefers-reduced-motion:reduce) {
  .c003-scene.is-active,.c003-progress i,.c003-equal-actions button,.c003-final-actions button,.c003-control-button { animation:none; transition:none; }
  .c003-atmosphere { display:none; }
}