:root{--canvas:#1E1C19;--surface:#27241F;--surface-2:#2E2A24;--ink:#F3EEE3;--ink-2:#B6AF9F;--ink-3:#9A9284;--line:#3A352D;--line-2:#322E27;--clay:#CC785C;--clay-bright:#E08A66;--clay-text:#E7AB8C;--btn-ink:#211E1A;--clay-soft:#3A2A21;--clay-line:#5A3D2E;--halo:#322a20;--green:#86C495;--green-soft:#22302A;--green-line:#344B3C;--amber:#E0BD6B;--amber-soft:#322B1A;--amber-line:#4A3F23;--red:#E08A7C;--red-soft:#33211E;--red-line:#5a322b;--radius:14px;--radius-sm:10px;--max-width:1120px;--header-height:64px;--serif:"Hanken Grotesk",system-ui,sans-serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--focus-ring:0 0 0 3px rgba(204,120,92,.22);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:var(--header-height);scrollbar-color:var(--line) var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}a{color:var(--clay-text);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.875em;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.12em .42em}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-text);margin-bottom:.75rem}.section-title{margin-bottom:1.5rem}.skip-to-content{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--clay);color:var(--btn-ink);border-radius:var(--radius-sm);z-index:1000;font-weight:600}.skip-to-content:focus{top:.5rem}.btn{font-family:var(--sans);font-weight:600;font-size:15px;border-radius:var(--radius-sm);padding:11px 20px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .12s}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.55;cursor:default}.btn-primary{background:var(--clay);color:var(--btn-ink)}.btn-primary:hover{background:var(--clay-bright)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2)}.btn-text{background:none;border:none;color:var(--clay-text);font-weight:600;cursor:pointer;padding:0;font:inherit;font-size:13px}.btn-block{width:100%}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field .hint{font-size:12px;color:var(--ink-2);margin-top:6px}.input{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px}.input::placeholder{color:var(--ink-3)}.input:focus{outline:none;border-color:var(--clay);box-shadow:var(--focus-ring)}.input-wrap{position:relative}.input-wrap .toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ink-3);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:34px 30px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px}.badge.clay{background:var(--clay-soft);color:var(--clay-text);border:1px solid var(--clay-line)}.badge.green{background:var(--green-soft);color:var(--green);border:1px solid var(--green-line)}.badge.amber{background:var(--amber-soft);color:var(--amber);border:1px solid var(--amber-line)}.banner{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;border:1px solid;margin-bottom:14px}.banner.green{background:var(--green-soft);border-color:var(--green-line);color:#aedcb8}.banner.amber{background:var(--amber-soft);border-color:var(--amber-line);color:#e8d199}.banner.error{background:var(--red-soft);border-color:var(--red-line);color:#eaa99e}.banner[hidden]{display:none}.usage .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.usage .top .num{font-variant-numeric:tabular-nums;color:var(--ink-2)}.track{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--clay),var(--clay-bright));border-radius:99px}.field-error{color:#eaa99e;font-size:12.5px;margin-top:6px}.field-error[hidden]{display:none}:focus-visible{outline:2px solid var(--clay);outline-offset:2px}::selection{background:var(--clay-soft);color:var(--ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:3px solid var(--canvas)}::-webkit-scrollbar-thumb:hover{background:var(--clay-line)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-400.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-600.woff2) format("woff2")}