.onboarding-progress{display:none;margin:24px 0 8px;color:var(--muted);font-size:.82rem;font-weight:700}.onboarding-progress>div{height:5px;margin-top:8px;border-radius:99px;background:#203a32;overflow:hidden}.onboarding-progress i{display:block;width:25%;height:100%;border-radius:inherit;background:var(--brand);transition:width .25s ease}.setup-rail>div.complete{opacity:.75}.setup-rail>div.complete span{border-color:var(--brand);color:var(--brand);font-size:0}.setup-rail>div.complete span:after{content:"✓";font-size:.78rem}.onboarding-step{padding-top:6px}.step-kicker{margin:26px 0 4px!important;color:var(--brand)!important;font:700 .76rem var(--mono);text-transform:uppercase;letter-spacing:.12em}.onboarding-step h2{margin-top:0}.onboarding-step>p:not(.step-kicker){max-width:680px}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.method-card{min-height:190px;padding:20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#091713;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,background .2s}.method-card:hover,.method-card.selected{border-color:var(--brand);background:#10271f}.method-card:focus-visible{outline:3px solid #d8fff0;outline-offset:3px}.method-icon{display:grid;place-items:center;min-width:42px;height:34px;padding:0 8px;margin-bottom:22px;border-radius:8px;background:var(--brand);color:var(--brand-dark);font:800 .72rem var(--mono)}.method-card b{font-size:1rem}.method-card small{margin-top:7px;color:var(--muted);line-height:1.45}.instruction-note{display:flex;gap:8px;flex-direction:column;margin:20px 0;padding:15px 17px;border-left:3px solid var(--brand);background:var(--surface-2);color:var(--muted);font-size:.88rem}.instruction-note b{color:var(--text)}.install pre{max-height:440px;white-space:pre-wrap;overflow-wrap:anywhere}.test-request{display:flex;flex-direction:column;gap:6px;margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#07110f}.test-request span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.test-request code{color:var(--brand);font:13px var(--mono)}.test-result{display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding:18px;border:1px solid var(--brand);border-radius:12px;background:rgba(103,232,177,.08)}.test-result .result-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--brand);color:var(--brand-dark);font-weight:900}.test-result p{margin:3px 0 0;color:var(--muted)}.test-result code{color:var(--brand)}
.verify-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.verify-card{min-width:0;padding:22px;border:1px solid var(--line);background:var(--surface-2)}.verify-card h3{margin:2px 0 8px;font-size:1.12rem}.verify-card>p:not(.verify-label):not(.secret-note){margin:0;color:var(--muted)}.verify-label{margin:0;color:var(--brand);font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.request-parts{margin:20px 0}.request-parts>div{padding:12px 0;border-top:1px solid var(--line)}.request-parts dt{margin-bottom:4px;color:var(--brand);font:700 .72rem var(--mono);text-transform:uppercase}.request-parts dd{margin:0;color:var(--text);font-size:.82rem;overflow-wrap:anywhere}.request-parts code{font:12px/1.55 var(--mono)}.secret-note{margin:12px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}.verify-card .button{width:100%}
.sample-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.sample-picker button{min-height:44px;padding:0 14px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;cursor:pointer}.sample-picker button:hover,.sample-picker button.selected{border-color:var(--brand);background:var(--surface-2);color:var(--brand)}.sample-picker button:focus-visible{outline:3px solid #253f71;outline-offset:2px}.sample-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sample-heading h3{margin:2px 0}.sample-heading span{flex:none;padding:4px 8px;border:1px solid var(--line);color:var(--muted);font:700 .68rem var(--mono);text-transform:uppercase}.sample-heading span[data-decision=allow]{color:#56745b}.sample-heading span[data-decision=review]{color:#956d22}.sample-heading span[data-decision=block]{color:#a34232}.sample-json{min-height:250px;max-height:340px;margin:18px 0;padding:16px;overflow:auto;border:1px solid var(--line);background:#f7f0e4;color:var(--text);font:12px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.sample-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.test-result[data-decision=review]{border-color:#b78938;background:#fff4d8}.test-result[data-decision=block]{border-color:#b64c3c;background:#fae5df}.test-result[data-decision=review] .result-icon{background:#956d22}.test-result[data-decision=block] .result-icon{background:#a34232}
.usage-summary{display:flex;align-items:center;gap:10px}.usage-summary button{min-height:32px;padding:0 9px;border:1px solid var(--line);background:var(--surface);color:var(--brand);font-size:.75rem;font-weight:700;cursor:pointer}.usage-summary button:hover{border-color:var(--brand)}.usage-summary button:focus-visible{outline:3px solid #253f71;outline-offset:2px}.usage-summary button:disabled{cursor:wait;opacity:.55}#usage-meter{transition:width .25s ease}
.setup-rail>[data-progress]{width:100%;display:flex;gap:13px;padding:14px 8px;border:0;background:transparent;color:inherit;text-align:left;opacity:.48;cursor:pointer}.setup-rail>[data-progress]:hover,.setup-rail>[data-progress]:focus-visible{opacity:.8}.setup-rail>[data-progress]:focus-visible{outline:3px solid #253f71;outline-offset:2px}.setup-rail>[data-progress].active{opacity:1}.setup-rail>[data-progress].complete{opacity:.75}.setup-rail>[data-progress].complete span{border-color:var(--brand);color:var(--brand);font-size:0}.setup-rail>[data-progress].complete span:after{content:"✓";font-size:.78rem}.existing-key{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:18px;border:1px solid #638166;background:#eef2e7}.existing-key .result-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#56745b;color:#fff;font-weight:900}.existing-key p{margin:3px 0 0;color:var(--muted)}#regenerate-key{border-color:#9f2f2f;color:#9f2f2f}
@media(max-width:800px){.onboarding-progress{display:block}.method-grid,.verify-grid{grid-template-columns:1fr}.method-card{min-height:0}.step-actions .button{flex:1}.dashboard{padding-top:44px}.setup-card{min-width:0}.setup-rail{display:grid;grid-template-columns:repeat(4,1fr);padding:8px}.setup-rail>[data-progress]{justify-content:center;padding:10px}.setup-rail p{display:none}.install pre{font-size:11px}}
@media(prefers-reduced-motion:reduce){.onboarding-progress i{transition:none}}
@media(max-width:440px){.sample-picker{display:grid;grid-template-columns:1fr 1fr}.sample-picker button:last-child{grid-column:1/-1}.sample-actions{grid-template-columns:1fr}.sample-heading{align-items:flex-start;flex-direction:column}.sample-json{min-height:220px}}

/* Off-white origami paper theme */
:root{--bg:#f3eee2;--surface:#fffaf0;--surface-2:#ebe3d5;--line:#c9bcaa;--text:#252821;--muted:#62685e;--brand:#b64c38;--brand-dark:#fffaf0;--danger:#9f2f2f;--warning:#76500a;--shadow:0 18px 45px rgba(62,48,31,.13);--radius:5px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif}
body{position:relative;background-color:var(--bg);background-image:linear-gradient(145deg,rgba(255,255,255,.64) 0 18%,transparent 18.2%),linear-gradient(35deg,transparent 0 72%,rgba(166,143,111,.09) 72.2%),linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.38) 45.2% 55%,transparent 55.2%);background-size:680px 680px,760px 760px,920px 920px;color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(27deg,transparent 49.85%,rgba(118,99,73,.10) 50%,transparent 50.15%),linear-gradient(153deg,transparent 49.85%,rgba(255,255,255,.55) 50%,transparent 50.15%);background-size:420px 300px;opacity:.65}.nav{border-color:rgba(91,76,56,.18)}.brand,.nav nav a:hover,.link-button:hover{color:var(--text)}.brand-mark{border-radius:2px;background:var(--brand);color:#fff9ee;box-shadow:5px 5px 0 rgba(182,76,56,.12)}.nav nav a,.link-button{color:var(--muted)}.hero h1,.section-heading h2,.dashboard-head h1,.auth-copy h2{font-family:var(--display);font-weight:500}.hero h1{letter-spacing:-.045em}.hero h1 em,.eyebrow{color:var(--brand)}.hero-lede,.trust-row,.section-heading>p:last-child{color:var(--muted)}.button{border-radius:3px}.button.primary{background:var(--brand);color:#fffaf0;box-shadow:4px 4px 0 #d8c9b5}.button.primary:hover{background:#963c2c}.button.secondary{border-color:var(--line);color:var(--text);background:rgba(255,250,240,.45)}.button.secondary:hover{border-color:var(--brand);background:var(--surface)}.button:focus-visible,input:focus-visible,.tabs button:focus-visible,.copy-row button:focus-visible{outline-color:#253f71}.code-window{position:relative;transform:rotate(.6deg);background:var(--surface);border-color:var(--line);border-radius:2px;box-shadow:12px 14px 0 rgba(133,111,79,.10),var(--shadow)}.code-window:after{content:"";position:absolute;right:-1px;top:-1px;width:42px;height:42px;background:linear-gradient(225deg,var(--bg) 0 49%,#d8cbb8 50% 52%,var(--surface-2) 53%);filter:drop-shadow(-2px 2px 1px rgba(78,61,39,.12))}.window-bar{border-color:var(--line)}.window-bar span{background:#b9aa96}.window-bar code,.muted{color:#77766d}.code-window pre{color:#343a34}.string{color:#95503d}.success{color:#2d6b4d}.scan-line{background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.22}.step-grid article,.price-grid article{position:relative;overflow:hidden;background:rgba(255,250,240,.78);border-color:var(--line);border-radius:3px;box-shadow:6px 7px 0 rgba(111,91,64,.07)}.step-grid article:after,.price-grid article:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 34px 34px;border-color:transparent transparent var(--surface-2) transparent}.step-grid p,.price-grid p{color:var(--muted)}.price-grid .featured{border-color:var(--brand);box-shadow:inset 0 3px var(--brand),6px 7px 0 rgba(111,91,64,.07)}.setup-rail,.setup-card{background:rgba(255,250,240,.9);border-color:var(--line);border-radius:3px;box-shadow:7px 8px 0 rgba(111,91,64,.08)}.setup-rail span{border-color:var(--line)}.setup-rail .active span,.setup-rail>div.complete span{background:var(--brand);border-color:var(--brand);color:#fffaf0}.usage,.instruction-note{background:var(--surface-2)}.meter,.onboarding-progress>div{background:#d8cebd}.method-card{background:#f8f1e5;border-color:var(--line);color:var(--text);border-radius:3px}.method-card:hover,.method-card.selected{background:#fffaf0;border-color:var(--brand);box-shadow:4px 4px 0 rgba(182,76,56,.13)}.method-icon{background:var(--brand);color:#fffaf0;border-radius:2px}.method-card small,.setup-card>p,.setup-rail small,.test-result p{color:var(--muted)}.copy-row input,form input,.install pre,.test-request{background:#f7f0e4;border-color:var(--line);color:var(--text);border-radius:3px}.copy-row input{color:#6f3429}.copy-row button,.copy-code{background:var(--brand);color:#fffaf0;border-radius:0 3px 3px 0}.tabs{border-color:var(--line)}.tabs button{color:var(--muted)}.tabs button[aria-selected=true]{color:var(--brand);border-color:var(--brand)}.install pre{color:#343a34}.test-request code,.test-result code{color:#6f3429}.test-result{background:#eef2e7;border-color:#638166;border-radius:3px}.test-result .result-icon{background:#56745b;color:#fff}.warning{color:var(--warning)!important}.step-actions{border-color:var(--line)}dialog{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:4px;box-shadow:14px 16px 0 rgba(72,56,36,.16)}dialog::backdrop{background:rgba(67,57,43,.48);backdrop-filter:blur(2px)}.dialog-close{color:var(--muted)}.auth-copy p,.auth-switch,.divider{color:var(--muted)}.google{background:#fffdf7;color:var(--text);border-color:var(--line)}.password-field button,.auth-switch button{color:var(--brand)}.toast{background:var(--text);color:var(--surface);border-radius:3px}.form-error{color:var(--danger)}
@media(max-width:800px){.code-window{transform:none}}