html.app-ui{--paper:#f6f2ea;--surface:#fffdf8;--paper-2:#ede7db;--ink:#121212;--ink-soft:#3a3833;--muted:#6d675b;--accent:#d5a72e;--on-accent:#121212;--good:#1f7a4d;--warn:#b5522e;--shadow:#121212;--line:#121212;--hair:#12121226;--radius-brand:0px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--t-fast:.12s;--t-base:.25s;--t-slow:.55s;--ease-spring:cubic-bezier(.2, 1.2, .4, 1);--ease-crown:cubic-bezier(.3, 1.8, .5, 1)}html.app-ui[data-theme=dark]{--paper:#141311;--surface:#1b1a17;--paper-2:#211f1b;--ink:#f3eee4;--ink-soft:#cfc8ba;--muted:#9d968a;--shadow:#d5a72e;--line:#e9e3d6;--hair:#e9e3d626;--good:#2f9e67;--warn:#e0805e}html.app-ui .ink-band{--paper:#0b0b0a;--surface:#0b0b0a;--ink:#f6f2ea;--ink-soft:#cfc8ba;--line:#d5a72e;--shadow:#d5a72e;color:#f6f2ea;background:#0b0b0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}html.app-ui body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:16px;line-height:1.5;transition:background-color .25s,color .2s}html.app-ui h1,html.app-ui h2,html.app-ui h3{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-weight:800}html.app-ui a{color:inherit;text-decoration:none}html.app-ui button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}html.app-ui input,html.app-ui textarea,html.app-ui select{font-family:var(--font-body);border-radius:0;outline:none;font-size:16px}html.app-ui :focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{border:2px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-body);border-radius:var(--radius-brand);cursor:pointer;transition:background var(--t-fast) ease, box-shadow var(--t-fast) ease, transform var(--t-fast) ease;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--paper-2)}.btn-primary{background:var(--accent);color:var(--on-accent);font-family:var(--font-display);box-shadow:4px 4px 0 var(--shadow);font-weight:800}.btn-primary:hover{box-shadow:5px 5px 0 var(--shadow);background:var(--accent);transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(1px,1px)}.btn-primary:disabled{background:var(--paper-2);color:var(--muted);box-shadow:2px 2px 0 var(--shadow);cursor:not-allowed;transform:none}.btn-lg{padding:16px 28px;font-size:18px}.container{max-width:1180px;margin:0 auto;padding:0 20px}.container-sm{max-width:720px;margin:0 auto;padding:0 24px}.container-xs{max-width:460px;margin:0 auto;padding:0 24px}.card{border:2px solid var(--line);background:var(--surface);padding:24px}.card-shadow{box-shadow:6px 6px 0 var(--shadow)}.card-hover{transition:transform var(--t-fast) ease, box-shadow var(--t-fast) ease;cursor:pointer}.card-hover:hover{box-shadow:8px 8px 0 var(--shadow);transform:translate(-2px,-2px)}.mono-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:500}.badge-sample{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1.5px dashed var(--muted);color:var(--muted);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:500}.field-input{border:2px solid var(--line);background:var(--surface);width:100%;color:var(--ink);transition:border-color var(--t-fast) ease, background var(--t-fast) ease;border-radius:0;padding:12px 16px;font-size:16px}.field-input:focus{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.field-input::placeholder{color:var(--muted)}.live-dot{background:var(--good);border-radius:50%;width:8px;height:8px;animation:1.8s infinite ssh-pulse}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ssh-spin}.spinner-sm{width:14px;height:14px}.phone-frame{border:2px solid var(--line);box-shadow:8px 8px 0 var(--shadow);aspect-ratio:9/16;background:var(--surface);border-radius:14px;overflow:hidden}.progress-bar{background:var(--paper-2);border:1px solid var(--line);width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .8s var(--ease-spring)}.section-divider{border:none;border-top:2px solid var(--line)}.skeleton{background:var(--paper-2);animation:1.8s infinite ssh-skeleton}.scroll-reveal{animation:ssh-reveal-up .6s var(--ease-spring) both;animation-play-state:paused}.scroll-reveal.in-view{animation-play-state:running}@keyframes ssh-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes ssh-spin{to{transform:rotate(360deg)}}@keyframes ssh-skeleton{0%,to{opacity:.38}50%{opacity:.65}}@keyframes ssh-reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ssh-reveal-up-h2{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ssh-counter-land{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ssh-step-exit-forward{to{opacity:0;transform:translate(-32px)}}@keyframes ssh-step-enter-forward{0%{opacity:0;transform:translate(40px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ssh-step-exit-back{to{opacity:0;transform:translate(32px)}}@keyframes ssh-step-enter-back{0%{opacity:0;transform:translate(-40px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ssh-phone-reveal{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ssh-digit-lock{0%{opacity:.6;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes ssh-code-shake{0%{transform:translate(0)}15%{transform:translate(-5px)}35%{transform:translate(4px)}55%{transform:translate(-3px)}75%{transform:translate(2px)}to{transform:translate(0)}}@keyframes ssh-confetti-fall{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(105vh)}}@keyframes ssh-confetti-spin{0%{transform:translate(0)rotate(0)}to{transform:translateX(var(--wobble)) rotate(var(--r-end))}}@keyframes ssh-border-breathe{0%,to{box-shadow:6px 6px 0 var(--accent)}50%{box-shadow:8px 8px 0 var(--accent)}}@keyframes ssh-empty-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.002)}}@keyframes ssh-cta-pulse{0%,to{opacity:1}50%{opacity:.92}}@keyframes ssh-thumb-emerge{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;animation:none}.live-dot{animation:none}.spinner{animation:1.5s linear infinite ssh-spin}.skeleton{opacity:.5;animation:none}.card-hover,.btn,.btn-primary{transition:none}}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-good{color:var(--good)}.text-warn{color:var(--warn)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.tabular{font-variant-numeric:tabular-nums}nav,.sidebar,.topbar,.phase-rail{-webkit-user-select:none;user-select:none}