:root{color-scheme:light dark;--bg:#f4f5f1;--surface:#e9ebe5;--text:#171a17;--muted:#5d665e;--line:#cdd2ca;--accent:#176b43;--accentText:#f6fff9;--radius:14px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--sans:"Aptos","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--sans)}body{margin:0;min-height:100dvh}a{color:inherit}.nav{height:68px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:700 18px var(--mono);letter-spacing:-.04em}.brand span{color:var(--accent)}.nav-link,.privacy{font:600 13px var(--mono);color:var(--muted)}.privacy{font-weight:500}main{max-width:1240px;margin:auto;padding:0 32px}.hero{min-height:calc(100dvh - 68px);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:8vw;align-items:center;padding:64px 0}.kicker{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 22px}h1{font-size:clamp(54px,7vw,96px);line-height:.94;letter-spacing:-.075em;margin:0;max-width:10ch}h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em;line-height:1;margin:0}.lead{font-size:clamp(19px,2vw,25px);line-height:1.4;max-width:28ch;color:var(--muted);margin:28px 0 34px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button,.link-button,.secondary{font:700 14px var(--sans);border-radius:10px;padding:13px 17px;cursor:pointer;transition:transform .15s ease,background .15s ease;text-decoration:none;white-space:nowrap}.primary{border:1px solid var(--accent);background:var(--accent);color:var(--accentText)}.secondary{border:1px solid var(--line);background:transparent;color:var(--text)}button:active,.link-button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:3px}.protocol{background:#18201b;color:#dfe8e1;border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px rgba(36,48,39,.14);transform:rotate(1.5deg)}.terminal-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354139;color:#9eaaa1;font:600 10px var(--mono)}pre{margin:0;padding:28px;overflow:auto;font:13px/1.7 var(--mono)}.flow{padding:120px 0}.flow h2{max-width:11ch}.steps{margin-top:72px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;border-top:1px solid var(--line)}.steps article{padding:28px 42px 28px 0}.steps article+article{border-left:1px solid var(--line);padding-left:42px}.steps strong{font-size:18px}.steps p,.test p,.capture-intro p,.state p{color:var(--muted);line-height:1.55;max-width:40ch}.test{margin:40px 0 120px;padding:36px;background:var(--surface);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px}.test h2{font-size:34px}.test p{margin-bottom:0}footer{max-width:1240px;margin:auto;padding:28px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:12px var(--mono)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,18px);opacity:0;background:var(--text);color:var(--bg);padding:12px 16px;border-radius:10px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.capture-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:90px 32px 120px}.capture-intro{position:sticky;top:100px;align-self:start}.capture-intro h1{font-size:clamp(48px,6vw,76px);max-width:7ch}.capture-intro>p:last-child{font-size:18px}.capture-card{background:var(--surface);border-radius:var(--radius);padding:36px}.capture-card form{display:grid;gap:22px}.field-row{display:grid;grid-template-columns:1fr 2fr;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:12px 13px;font:16px/1.45 var(--sans)}textarea{resize:vertical;min-height:170px}.share{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.share input{width:18px;height:18px;margin:2px 0}.share span{display:grid;gap:4px}.share small{font-weight:400;color:var(--muted)}.login-box{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:20px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.login-box .error{grid-column:1/-1;margin:0}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.form-footer p{font-size:13px;color:var(--muted);margin:0}.state{padding:28px 0}.state h2{font-size:34px}.success{min-height:350px;align-content:center}.hidden{display:none!important}.error{color:#a42d28;font-size:13px}
@media(prefers-color-scheme:dark){:root{--bg:#111512;--surface:#1b211d;--text:#edf2ed;--muted:#a4aea6;--line:#38423b;--accent:#57bc86;--accentText:#0a1a10}.protocol{background:#0b0e0c;box-shadow:none}}
@media(max-width:767px){.nav{padding:0 18px}.privacy{font-size:10px}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:56px;padding:56px 0 70px}.hero h1{font-size:54px}.protocol{transform:none}.flow{padding:85px 0}.steps{grid-template-columns:1fr;margin-top:44px}.steps article,.steps article+article{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}.test{margin:20px 0 80px;padding:24px;align-items:flex-start;flex-direction:column}.capture-shell{grid-template-columns:1fr;gap:48px;padding:56px 18px 80px}.capture-intro{position:static}.capture-card{padding:22px}.field-row{grid-template-columns:1fr}.login-box{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer .primary{width:100%}footer{padding:24px 18px;gap:14px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}