:root{--paper:#f2efe8;--surface:#fff;--ink:#0e0f0c;--muted:#6e665a;--rule:#1a1a171f;--rule-strong:#1a1a1747;--signal:#ff4d1a;--validation:#1f4d2c;--validation-bright:#3fb56b;--hud:#5ee0d4;--warning:#ffb84d;--display:"Cabinet Grotesk", "Söhne Breit", sans-serif;--sans:"General Sans", "Söhne", sans-serif;--mono:"JetBrains Mono", "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shell-pad-x:48px;--ease-enter:cubic-bezier(.2, .8, .2, 1);--ease-move:cubic-bezier(.4, 0, .2, 1);--ease-snap:cubic-bezier(.3, .7, .4, 1);--dur-short:.14s;--dur-medium:.32s;--dur-long:.56s;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--paper:#0a0b09;--surface:#15171a;--ink:#e8e4d8;--muted:#9a9288;--rule:#e8e4d81a;--rule-strong:#e8e4d83d;--signal:#ff6a3d;--validation:#3fb56b;--validation-bright:#6ce49a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0}ul,ol{margin:0;padding:0}li{list-style:none}:focus{outline:none}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.honeypot{position:absolute;left:-100vw}.topbar,.label,.hud-top,.validations,.num,.dock-label,.lead-form label>span,.form-note,.form-message,.foot{font-variant-numeric:tabular-nums}.topbar{z-index:50;min-height:56px;padding:8px var(--shell-pad-x);color:var(--ink);background:color-mix(in srgb, var(--paper) 94%, transparent);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:background var(--dur-short) ease, border-color var(--dur-short) ease, box-shadow var(--dur-short) ease;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:sticky;top:0}.topbar.is-scrolled{background:color-mix(in srgb, var(--paper) 98%, transparent);border-bottom-color:var(--rule-strong);box-shadow:0 14px 40px color-mix(in srgb, var(--ink) 8%, transparent)}.brand{align-items:center;gap:16px;min-height:44px;padding:12px 4px;text-decoration:none;display:inline-flex}.brand span span{color:var(--muted)}.brand-dot{background:var(--signal);width:10px;height:10px;box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--rule-strong);border-radius:999px;flex:none}.topbar nav{gap:8px;display:flex}.topbar nav a{min-height:44px;color:var(--muted);align-items:center;padding:12px 16px;text-decoration:none;transition:color .12s;display:inline-flex}.topbar nav a:hover{color:var(--ink)}.theme-toggle{min-height:44px;color:var(--ink);cursor:pointer;border:1px solid var(--rule-strong);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border-radius:2px;padding:12px 16px;font-size:11px}.theme-toggle:hover{border-color:var(--ink)}.shell{max-width:1440px;padding:32px var(--shell-pad-x) 96px;margin:0 auto}section{border-top:1px solid var(--rule);padding:96px 0}section.no-top{border-top:0;padding-top:48px}.label{color:var(--muted);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:400;line-height:1.4;display:flex}.label:before{content:"";background:var(--ink);opacity:.6;width:24px;height:1px;display:inline-block}.label .id{color:var(--signal)}.section-label{margin:0}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.hero-copy h1{max-width:760px;color:var(--ink);font-family:var(--display);letter-spacing:0;text-wrap:balance;margin-top:24px;font-size:clamp(40px,5.4vw,80px);font-weight:500;line-height:1.05}.hero-copy h1 em,section h2 em{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:8px;font-style:italic;text-decoration-thickness:3px}.hero-lede{max-width:500px;color:var(--muted);margin-top:24px;font-size:17px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.hero-reveal{animation:revealUp var(--dur-long) var(--ease-enter) both}.hero-reveal:nth-child(2){animation-delay:80ms}.hero-reveal:nth-child(3){animation-delay:.16s}.hero-reveal:nth-child(4){animation-delay:.24s}.viewfinder.hero-reveal{animation-delay:.18s}[data-reveal]{opacity:0;transition:opacity var(--dur-long) var(--ease-enter), transform var(--dur-long) var(--ease-enter);transition-delay:var(--delay,0s);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.btn{min-height:44px;color:var(--paper);cursor:pointer;background:var(--ink);border:1px solid var(--ink);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:12px;text-decoration:none;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}.btn svg{transition:transform .12s}.btn:hover{color:var(--ink);background:var(--paper);border-color:var(--signal);transform:translateY(-1px)}.btn:hover svg{color:var(--signal);transform:translate(3px)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{color:var(--signal);background:0 0}.viewfinder{justify-self:end;width:100%;max-width:460px;margin:0}.phone-frame{background:linear-gradient(145deg,#ffffff1f,#0000 28%),#0a0b09;border:1px solid #ffffff14;border-radius:38px;width:100%;padding:14px;position:relative;box-shadow:0 30px 80px #0e0f0c52,0 8px 24px #0e0f0c2e,inset 0 0 0 1px #ffffff0a}.phone-frame:before{z-index:4;content:"";background:#050605;border-radius:12px;width:96px;height:22px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.phone-screen{background:radial-gradient(56% 34% at 50% 54%,#6ce49a26,#0000 70%),radial-gradient(88% 54% at 62% 22%,#202528 0%,#121517 45%,#07090a 100%);border-radius:28px;min-height:650px;position:relative;overflow:hidden}.phone-screen:before{z-index:1;content:"";background:linear-gradient(90deg,#0000,#e8e4d83d,#0000);height:1px;position:absolute;inset:116px 34px auto}.scene-floor{background:linear-gradient(135deg,#ff6a3d14,#0000 34%),radial-gradient(80% 58% at 50% 0,#6ce49a14,#0000 70%),repeating-linear-gradient(82deg,#e8e4d80d 0 1px,#0000 1px 42px),#1f1a16;position:absolute;inset:48% -18% -18%;transform:rotate(-7deg)}.hud-top{z-index:5;color:#e8e4d8d9;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:70px;left:18px;right:18px}.hud-top .live{color:var(--signal);align-items:center;gap:6px;display:inline-flex}.hud-top .live:before{content:"";background:var(--signal);border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.scan-ribbon{z-index:5;color:#e8e4d8c7;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;top:132px;left:20px;right:20px}.scan-ribbon:before{content:"";background:linear-gradient(90deg, transparent, var(--validation-bright), transparent), #e8e4d814;height:2px;box-shadow:0 0 18px color-mix(in srgb, var(--validation-bright) 50%, transparent);animation:scanLine 3.8s var(--ease-move) infinite;position:absolute;bottom:-12px;left:0;right:0}.scan-ribbon span:last-child{color:var(--validation-bright)}.device{z-index:3;aspect-ratio:5/2.65;background:linear-gradient(112deg,#fff3,#0000 18%),linear-gradient(#8b948f 0%,#59645f 50%,#343d39 100%);border:1px solid #e8e4d833;border-radius:16px;width:78%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 0 0 1px #6ce49a2e,inset 0 1px #ffffff42,inset 0 -22px 32px #0000002e,0 28px 62px #00000085,0 0 42px #6ce49a1f}.device:before{content:"";pointer-events:none;border:1px dashed #6ce49a7a;border-radius:11px;position:absolute;inset:15px 17px}.device:after{content:"";background:#e8e4d852;width:76%;height:1px;position:absolute;top:50%;left:12%;box-shadow:0 -36px #e8e4d829,0 36px #0a0b0933}.device-rail{background:linear-gradient(90deg,#6ce49a7a,#e8e4d829),#0a0b0929;border-radius:999px;width:84%;height:12px;position:absolute;left:8%}.device-rail-top{top:23%}.device-rail-bottom{bottom:23%}.device-part{background:linear-gradient(140deg,#ffffff38,#0000 42%),linear-gradient(#cfd6d0,#8d9891);border:1px solid #0a0b0933;width:28%;height:34%;position:absolute;top:33%;box-shadow:inset 0 -10px 18px #0000001f}.device-part-left{border-radius:10px 4px 4px 10px;left:22%}.device-part-right{border-radius:4px 10px 10px 4px;right:22%}.device-alignment{background:var(--validation-bright);border-radius:999px;width:4%;height:44%;position:absolute;top:28%;left:48%;box-shadow:0 0 18px #3fb56b94}.device-fastener{background:radial-gradient(circle,#e0ded4 0 24%,#4d5551 25% 58%,#171b19 59% 100%);border-radius:999px;width:18px;height:18px;position:absolute;top:44%;box-shadow:0 0 0 2px #0a0b0942}.device-fastener-a{left:17%}.device-fastener-b{right:17%}.state-card{z-index:5;color:#e8e4d8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:116px;font-family:var(--mono);text-transform:uppercase;background:#07090abd;border:1px solid #6ce49a52;border-radius:6px;gap:4px;padding:9px 11px;display:grid;position:absolute;box-shadow:0 18px 36px #00000057}.state-card span{color:var(--muted);letter-spacing:.16em;font-size:9px}.state-card strong{color:var(--validation-bright);letter-spacing:.12em;font-size:12px;font-weight:500}.state-card-current{top:178px;left:22px}.state-card-expected{top:178px;right:22px}.reticle{z-index:4;aspect-ratio:5/2.65;pointer-events:none;width:83%;animation:reticleScan 4.8s var(--ease-move) infinite;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.reticle:before,.reticle:after,.reticle>i:before,.reticle>i:after{content:"";border-color:var(--validation-bright);width:30px;height:30px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--validation-bright) 42%, transparent));border-style:solid;position:absolute}.reticle:before{border-width:2px 0 0 2px;top:-4px;left:-4px}.reticle:after{border-width:2px 2px 0 0;top:-4px;right:-4px}.reticle>i:before{border-width:0 0 2px 2px;bottom:-4px;left:-4px}.reticle>i:after{border-width:0 2px 2px 0;bottom:-4px;right:-4px}.validations{z-index:5;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:10px;font-size:11px;display:flex;position:absolute;bottom:34px;left:20px;right:20px}.validations li{color:#e8e4d8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b09c2;border:1px solid #3fb56b59;border-radius:6px;align-items:center;gap:10px;min-height:56px;padding:12px 14px;display:flex;box-shadow:0 14px 30px #00000042}.validations li>span{width:14px;height:14px;color:var(--validation-bright);border:1.5px solid var(--validation-bright);border-radius:2px;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.validations .confirmed>span:after{content:"✓"}.validations .validating{animation:confirmGlow 4.8s var(--ease-snap) infinite}.validations .pending{border-color:#ffb84d66}.validations .pending>span{color:var(--warning);border-color:var(--warning)}.validations .pending>span:after{content:".";animation:1s infinite blink}.viewfinder figcaption{color:var(--muted);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:16px;margin-top:18px;font-size:10px;display:flex}.viewfinder figcaption span:last-child{color:var(--signal)}section h2{max-width:790px;color:var(--ink);font-family:var(--display);letter-spacing:0;text-wrap:balance;margin:24px 0 48px;font-size:clamp(36px,4.5vw,56px);font-weight:500;line-height:1.08}.use-case h3,.trust-item h3{font-family:var(--display);letter-spacing:0;font-weight:500;line-height:1.15}.section-kicker{max-width:920px}.module-kicker{color:var(--signal);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.workflow-section{grid-template-columns:minmax(280px,.72fr) minmax(360px,1fr);align-items:start;gap:56px;display:grid}.workflow-copy{max-width:620px}.use-case-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.use-case{min-height:340px;padding:28px 24px 32px}.use-case h3{margin-top:16px;font-size:28px}.use-case dl{gap:18px;margin:28px 0 0;display:grid}.use-case dt{color:var(--signal);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.use-case dd{color:var(--muted);margin:6px 0 0;font-size:14px}.trust-section{grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.trust-grid{border-top:1px solid var(--rule-strong);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.trust-item{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:220px;padding:28px 24px}.trust-item span{color:var(--signal);font-family:var(--mono);letter-spacing:.18em;font-size:11px}.trust-item h3{margin-top:24px;font-size:26px}.trust-item p{color:var(--muted);margin-top:12px;font-size:14px}.pass-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.frame{background:var(--surface);border:1px solid var(--rule-strong);transition:border-color var(--dur-short) ease, background var(--dur-short) ease;position:relative}.frame:before,.frame:after,.frame>.rc:before,.frame>.rc:after{content:"";border-color:var(--ink);width:10px;height:10px;transition:width var(--dur-short) var(--ease-move), height var(--dur-short) var(--ease-move), border-color var(--dur-short) ease;border-style:solid;position:absolute}.frame:hover,.frame:focus-within{border-color:color-mix(in srgb, var(--ink) 45%, var(--rule-strong))}.frame:hover:before,.frame:hover:after,.frame:hover>.rc:before,.frame:hover>.rc:after,.frame:focus-within:before,.frame:focus-within:after,.frame:focus-within>.rc:before,.frame:focus-within>.rc:after{border-color:var(--signal);width:12px;height:12px}.frame:before{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.frame:after{border-width:1.5px 1.5px 0 0;top:-1px;right:-1px}.frame>.rc:before{border-width:0 0 1.5px 1.5px;bottom:-1px;left:-1px}.frame>.rc:after{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}.pass{min-height:236px;padding:28px 24px 32px}.pass .num{color:var(--signal);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.pass h3{font-family:var(--display);letter-spacing:0;margin-top:14px;font-size:30px;font-weight:500;line-height:1.15}.pass p:last-child{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.55}.section-blurb{max-width:640px;color:var(--muted);margin-top:-32px;margin-bottom:56px;font-size:17px}.pilot-section{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:start;gap:48px;display:grid}.pilot-copy p:last-child{max-width:620px;color:var(--muted);margin-top:-24px;font-size:17px}.lead-dock{padding:28px 24px 32px}.dock-label{color:var(--signal);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.lead-dock h3{max-width:390px;font-family:var(--display);margin-top:12px;font-size:30px;font-weight:500;line-height:1.15}.lead-form{gap:12px;margin-top:22px;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lead-form label{color:var(--muted);gap:7px;font-size:14px;display:grid}.lead-form label>span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:inline-flex}.lead-form input,.lead-form select,.lead-form textarea{width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:4px}.lead-form input,.lead-form select{min-height:45px;padding:0 12px}.lead-form textarea{resize:vertical;min-height:94px;padding:12px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb, var(--signal) 22%, transparent)}.submit-button{width:100%;margin-top:4px}.submit-button:disabled{cursor:wait;opacity:.68}.form-note{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.form-message{border:1px solid var(--rule-strong);min-height:34px;font-family:var(--mono);letter-spacing:.04em;border-radius:4px;padding:9px 11px;font-size:11px}.form-message-success{color:var(--validation);background:color-mix(in srgb, var(--validation-bright) 13%, var(--surface));border-color:color-mix(in srgb, var(--validation-bright) 42%, var(--rule-strong))}.form-message-error{color:var(--signal);background:color-mix(in srgb, var(--signal) 12%, var(--surface));border-color:color-mix(in srgb, var(--signal) 40%, var(--rule-strong))}.foot{color:var(--muted);border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:48px 0 64px;font-size:11px;display:flex}.foot>span:last-child{flex-wrap:wrap;justify-content:flex-end;gap:24px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--ink)}.foot .signal{color:var(--signal)}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reticleScan{0%,to{opacity:.84;transform:translate(-52%,-47%)rotate(-3deg)}18%{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)}24%{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)scale(.982)}34%,82%{opacity:.92;transform:translate(-50%,-50%)rotate(-3deg)}}@keyframes scanLine{0%,to{opacity:.3;transform:translate(-28%)scaleX(.42)}38%{opacity:1;transform:translate(0)scaleX(1)}64%{opacity:.58;transform:translate(28%)scaleX(.46)}}@keyframes confirmGlow{0%,19%,to{box-shadow:none;background:#0a0b09c2}25%{box-shadow:0 0 0 1px color-mix(in srgb, var(--validation-bright) 28%, transparent);background:color-mix(in srgb, var(--validation-bright) 18%, #0a0b09b8)}42%{box-shadow:none;background:#0a0b09c2}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--signal) 60%, transparent)}50%{opacity:.4;box-shadow:0 0 0 6px color-mix(in srgb, var(--signal) 0%, transparent)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=1080px){.pass-grid,.use-case-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-section{grid-template-columns:1fr}}@media (width<=980px){:root{--shell-pad-x:24px}.topbar{padding:8px 24px}.topbar nav{display:none}.hero,.workflow-section,.pilot-section{grid-template-columns:1fr}.hero{gap:48px;padding-top:56px}.viewfinder{justify-self:center;max-width:380px}.phone-screen{min-height:560px}.state-card{min-width:118px}.state-card-current,.state-card-expected{top:164px}.trust-section{grid-template-columns:1fr}}@media (width<=640px){:root{--shell-pad-x:16px}.topbar{min-height:58px;padding:8px 16px;font-size:10px}.brand{gap:10px}.brand span span{display:none}.theme-toggle{padding:10px 12px;font-size:10px}.shell{padding-bottom:64px}section{padding:64px 0}section.no-top{padding-top:44px}.hero-copy h1{font-size:clamp(38px,15vw,58px)}.hero-lede,.section-blurb,.pilot-copy p:last-child{font-size:16px}.hero-actions,.btn{width:100%}.viewfinder{max-width:335px}.phone-frame{border-radius:30px;padding:10px}.phone-screen{border-radius:22px;min-height:500px}.phone-frame:before{width:78px;height:18px;top:18px}.hud-top{top:56px}.scan-ribbon{gap:6px;display:grid;top:112px}.device{width:80%;top:47%}.state-card{display:none}.validations{font-size:10px;bottom:44px;left:14px;right:14px}.validations li{min-height:48px;padding:10px 12px}.viewfinder figcaption{display:grid}.pass-grid,.use-case-grid,.trust-grid,.field-row{grid-template-columns:1fr}.trust-grid{border-left:0}.foot,.foot>span:last-child{flex-direction:column;justify-content:flex-start;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.state-validation-graphic{--state-validation-gap:clamp(14px, 2.4vw, 28px);--state-validation-radius:8px;--state-validation-line:color-mix(in srgb, var(--ink) 18%, transparent);--state-validation-soft:color-mix(in srgb, var(--muted) 12%, transparent);--state-validation-good:var(--validation-bright,#3fb56b);width:100%;color:var(--ink);margin:0}.state-validation-graphic,.state-validation-graphic *{box-sizing:border-box}.state-validation-graphic__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.state-validation-graphic__stage{gap:var(--state-validation-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;min-height:420px;display:grid;position:relative}.state-validation-graphic__lane{background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--state-validation-radius);grid-template-rows:auto 1fr auto auto;gap:22px;min-width:0;padding:clamp(18px,2.4vw,28px);display:grid;position:relative;overflow:hidden}.state-validation-graphic__lane--bot{color:color-mix(in srgb, var(--ink) 78%, var(--muted))}.state-validation-graphic__lane--jurow{background:linear-gradient(135deg, color-mix(in srgb, var(--state-validation-good) 9%, transparent), transparent 58%), var(--surface)}.state-validation-graphic__label-row{color:var(--muted);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:11px;line-height:1.3;display:flex}.state-validation-graphic__label-row i{border:1.5px solid;border-radius:999px;flex:none;width:8px;height:8px}.state-validation-graphic__lane--jurow .state-validation-graphic__label-row i{color:var(--state-validation-good);background:var(--state-validation-good);border-color:var(--state-validation-good);animation:state-validation-pulse 2.8s var(--ease-snap,ease) infinite}.state-validation-graphic__prompt{border:1px solid var(--state-validation-line);border-radius:var(--state-validation-radius);align-self:center;gap:14px;padding:26px;display:grid}.state-validation-graphic__prompt span{background:var(--state-validation-soft);border-radius:999px;height:9px;display:block}.state-validation-graphic__prompt span:first-child{width:74%}.state-validation-graphic__prompt span:nth-child(2){width:92%}.state-validation-graphic__prompt span:nth-child(3){width:56%}.state-validation-graphic__object{aspect-ratio:1.28;border:1px solid color-mix(in srgb, var(--state-validation-good) 42%, var(--rule-strong));border-radius:var(--state-validation-radius);place-self:center;width:min(100%,300px);position:relative;overflow:hidden}.state-validation-graphic__object:before{content:"";border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:6px;position:absolute;inset:18%;transform:rotate(-3deg)}.state-validation-graphic__object:after{content:"";border:1.5px solid var(--state-validation-good);opacity:.9;animation:state-validation-lock 4.8s var(--ease-snap,ease) infinite;border-radius:7px;position:absolute;inset:15%;transform:rotate(-3deg)}.state-validation-graphic__scan{z-index:2;background:var(--state-validation-good);width:2px;box-shadow:0 0 18px color-mix(in srgb, var(--state-validation-good) 56%, transparent);animation:state-validation-scan 4.8s var(--ease-move,ease-in-out) infinite;position:absolute;top:0;bottom:0;left:18%}.state-validation-graphic__object-part{background:color-mix(in srgb, var(--ink) 12%, transparent);display:block;position:absolute}.state-validation-graphic__object-part--top{border-radius:999px;width:44%;height:10px;top:34%;left:28%}.state-validation-graphic__object-part--side{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:0 0;border-radius:5px;width:16%;height:34%;top:47%;right:27%}.state-validation-graphic__object-part--mark{background:color-mix(in srgb, var(--state-validation-good) 18%, transparent);border:1.5px solid var(--state-validation-good);border-radius:999px;width:28px;height:28px;bottom:28%;left:31%}.state-validation-graphic__steps{gap:8px;margin:0;padding:0;display:grid}.state-validation-graphic__steps li{min-width:0;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;line-height:1.35;list-style:none;display:flex}.state-validation-graphic__steps li span{border:1.5px solid;border-radius:3px;flex:none;width:12px;height:12px}.state-validation-graphic__lane--jurow .state-validation-graphic__steps li{color:var(--ink)}.state-validation-graphic__lane--jurow .state-validation-graphic__steps li span{border-color:var(--state-validation-good);position:relative}.state-validation-graphic__lane--jurow .state-validation-graphic__steps li span:after{content:"";border:solid var(--state-validation-good);border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.state-validation-graphic__loop,.state-validation-graphic__result{min-height:40px;font-family:var(--mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;border:1px solid var(--rule);border-radius:var(--state-validation-radius);justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:11px;line-height:1.3;display:inline-flex}.state-validation-graphic__loop{color:var(--muted);background:color-mix(in srgb, var(--muted) 7%, transparent)}.state-validation-graphic__result{color:var(--validation,#1f4d2c);background:color-mix(in srgb, var(--state-validation-good) 12%, transparent);border-color:color-mix(in srgb, var(--state-validation-good) 42%, var(--rule-strong))}.state-validation-graphic__result span{border:1.5px solid var(--state-validation-good);border-radius:999px;flex:none;width:14px;height:14px;position:relative}.state-validation-graphic__result span:after{content:"";border:solid var(--state-validation-good);border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.state-validation-graphic__bridge{align-self:center;width:clamp(28px,4vw,48px);position:relative}.state-validation-graphic__bridge:before{content:"";background:linear-gradient(90deg, var(--rule-strong), var(--state-validation-good));height:1px;position:absolute;top:50%;left:0;right:0}.state-validation-graphic__bridge span{border-top:1.5px solid var(--state-validation-good);border-right:1.5px solid var(--state-validation-good);width:9px;height:9px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.state-validation-graphic figcaption{max-width:720px;color:var(--muted);margin-top:18px;font-size:15px;line-height:1.55}@keyframes state-validation-scan{0%,12%{opacity:0}20%{opacity:1}62%{opacity:1;left:82%}74%,to{opacity:0;left:82%}}@keyframes state-validation-lock{0%,58%{box-shadow:0 0 0 0 color-mix(in srgb, var(--state-validation-good) 0%, transparent);opacity:.55}72%{box-shadow:0 0 0 6px color-mix(in srgb, var(--state-validation-good) 14%, transparent);opacity:1}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--state-validation-good) 0%, transparent);opacity:.8}}@keyframes state-validation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--state-validation-good) 32%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--state-validation-good) 0%, transparent)}}@media (width<=820px){.state-validation-graphic__stage{grid-template-columns:1fr;min-height:0}.state-validation-graphic__lane{min-height:340px}.state-validation-graphic__bridge{width:100%;height:32px}.state-validation-graphic__bridge:before{background:linear-gradient(180deg, var(--rule-strong), var(--state-validation-good));width:1px;height:auto;top:0;bottom:0;left:50%}.state-validation-graphic__bridge span{inset:auto auto 0 50%;transform:translate(-50%)rotate(135deg)}}@media (width<=520px){.state-validation-graphic__lane{gap:18px;min-height:320px;padding:18px}.state-validation-graphic__prompt{padding:20px}.state-validation-graphic__object{width:min(100%,250px)}.state-validation-graphic figcaption{font-size:14px}}@media (prefers-reduced-motion:reduce){.state-validation-graphic *,.state-validation-graphic :before,.state-validation-graphic :after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}