:root{--paper:#edf1ec;--paper-2:#e2e9e3;--panel:#f8faf7;--ink:#17231f;--ink-2:#4a5a54;--glass:#25624f;--glass-ink:#ffffff;--brass:#b8862b;--brass-soft:#f1e3c2;--rule:#c9d4cd;--danger:#9e2f24;--danger-soft:#f6dcd8;--ok:#25624f;--ok-soft:#d5e8df;--font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--font-code:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--step--1:0.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.563rem;--step-3:2.441rem;--step-4:clamp(2.441rem,5vw + 1rem,4.2rem);--radius-s:4px;--radius-l:14px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#111a17;--paper-2:#17221e;--panel:#1b2723;--ink:#e7eee9;--ink-2:#a3b3ac;--glass:#5fb396;--glass-ink:#0d1613;--brass:#d9aa4c;--brass-soft:#3a3020;--rule:#2d3b36;--danger:#f08c80;--danger-soft:#3b1f1b;--ok:#6fc2a4;--ok-soft:#1c3129;color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--step-0)/1.55 var(--font-body)}img,svg{max-width:100%}a{color:var(--glass);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--brass);outline-offset:2px;border-radius:2px}h1,h2,h3{font-family:var(--font-display);line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:var(--step-3);font-weight:700}h2{font-size:var(--step-2);font-weight:650}h3{font-size:var(--step-1);font-weight:600}p{margin:0 0 1em;max-width:68ch}code,pre{font-family:var(--font-code);font-size:.875rem}:not(pre)>code{background:var(--paper-2);padding:.1em .35em;border-radius:var(--radius-s)}.wrap{width:min(1080px,100% - 2.5rem);margin-inline:auto}.muted{color:var(--ink-2)}.small{font-size:var(--step--1)}.site-header{border-bottom:1px solid var(--rule)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}.wordmark{display:inline-flex;gap:.55rem;color:var(--ink);text-decoration:none;font:700 1.15rem var(--font-display)}.nav,.wordmark{align-items:center}.nav{display:flex;gap:1.25rem;font-size:var(--step--1)}.nav a{color:var(--ink);text-decoration:none}.nav a:hover{text-decoration:underline}.nav form{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:600 var(--step--1)/1 var(--font-body);padding:.8rem 1.1rem;border-radius:999px;border:1.5px solid var(--glass);background:var(--glass);color:var(--glass-ink);text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:transparent;color:var(--glass)}.btn.brass{background:var(--brass);border-color:var(--brass);color:#1d1606}.linklike{background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer}.linklike:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;padding:5rem 0 4rem}.hero h1{font-size:var(--step-4);font-weight:800;font-stretch:90%;line-height:.98;letter-spacing:-.025em}.hero .lede{font-size:var(--step-1);color:var(--ink-2);max-width:34ch}.hero .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.exchange{background:var(--ink);color:#dfe9e4;border-radius:var(--radius-l);padding:1.25rem 1.25rem 1.5rem;font-family:var(--font-code);font-size:.8rem;line-height:1.6;overflow-x:auto}@media (prefers-color-scheme:dark){.exchange{background:#0a110f;border:1px solid var(--rule)}}.exchange .line{white-space:pre;opacity:0;animation:reveal .35s ease-out forwards}.exchange .req{color:#f1d38f}.exchange .who{color:#8fa39b}.exchange .coin{color:#f1d38f;font-weight:600}@keyframes reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.exchange .line{animation:none;opacity:1}}.band{border-top:1px solid var(--rule);padding:3.5rem 0}.steps{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;counter-reset:step}.steps li{counter-increment:step}.steps li:before{content:counter(step);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--brass);color:#1d1606;font:700 .95rem var(--font-display);margin-bottom:.75rem}.two-col{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:3rem;gap:3rem;align-items:start}.surfaces{margin:0;padding:0;list-style:none}.surfaces li{padding:.75rem 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:11rem 1fr;grid-gap:1rem;gap:1rem}.surfaces li strong{font-weight:600}.form{display:grid;grid-gap:1.1rem;gap:1.1rem;max-width:560px}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field label{font-weight:600;font-size:var(--step--1)}.field .hint{font-size:var(--step--1);color:var(--ink-2)}.row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}input,select,textarea{font:inherit;color:var(--ink);background:var(--panel);border:1.5px solid var(--rule);border-radius:var(--radius-s);padding:.65rem .75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--glass);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--glass) 25%,transparent)}textarea{min-height:5rem;resize:vertical}.alert{padding:.8rem 1rem;border-radius:var(--radius-s);margin:0 0 1.5rem;max-width:72ch}.alert.error{background:var(--danger-soft);color:var(--danger)}.alert.notice{background:var(--ok-soft);color:var(--ok)}.page{padding:2.5rem 0 5rem}.page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.page-head h1{margin:0}.site-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.site-list li{border-bottom:1px solid var(--rule)}.site-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem .25rem;color:var(--ink);text-decoration:none}.site-list a:hover .domain{text-decoration:underline}.site-list .domain{font:600 var(--step-1) var(--font-display)}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--paper-2);color:var(--ink-2);white-space:nowrap}.pill.live{background:var(--ok-soft);color:var(--ok)}.pill.live:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.checklist{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);border-radius:var(--radius-l);overflow:hidden;background:var(--panel)}.checklist li{padding:1.25rem;border-right:1px solid var(--rule);display:grid;grid-gap:.6rem;gap:.6rem;align-content:start}.checklist li:last-child{border-right:0}.checklist .state{font-size:var(--step--1);font-weight:600;color:var(--ink-2)}.checklist .done .state{color:var(--ok)}.checklist form{margin:0}.section{margin-top:3rem}.section>h2{padding-bottom:.6rem;border-bottom:1px solid var(--rule)}.tech-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.tech-picker button{font:500 var(--step--1) var(--font-body);padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer}.tech-picker button[aria-pressed=true]{border-color:var(--glass);background:var(--glass);color:var(--glass-ink)}.snippet{margin:0 0 1.75rem}.snippet h3{margin-bottom:.25rem}.snippet .where{font-size:var(--step--1);color:var(--ink-2);margin-bottom:.6rem}.code{position:relative}.code pre{margin:0;background:var(--ink);color:#e4ece8;padding:1rem 1.1rem;border-radius:var(--radius-s);overflow-x:auto;line-height:1.5;max-height:26rem}@media (prefers-color-scheme:dark){.code pre{background:#0a110f;border:1px solid var(--rule)}}.code .filename{font:500 .78rem var(--font-code);color:var(--ink-2);margin-bottom:.3rem}.code .copy{position:absolute;top:.5rem;right:.5rem;font:600 .75rem var(--font-body);padding:.35rem .7rem;border-radius:999px;border:0;background:var(--brass);color:#1d1606;cursor:pointer}.code .filename+.copy{top:1.9rem}.stats{display:flex;gap:3rem;margin:1.25rem 0 1.5rem}.stats div{display:grid}.stats strong{font:700 var(--step-2) var(--font-display)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--step--1)}td,th{text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--rule);vertical-align:top}th{font-weight:600;color:var(--ink-2)}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tip-page{max-width:620px;padding:4rem 0 5rem}.amounts{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.amounts button{font:700 var(--step-1) var(--font-display);min-width:6rem;padding:.9rem 1.2rem;border-radius:var(--radius-l);border:2px solid var(--brass);background:var(--brass-soft);color:var(--ink);cursor:pointer}.amounts button:hover{background:var(--brass);color:#1d1606}.footer{border-top:1px solid var(--rule);padding:2rem 0 3rem;font-size:var(--step--1);color:var(--ink-2)}@media (max-width:820px){.hero,.two-col{grid-template-columns:1fr;gap:2rem}.hero{padding-top:3rem}.checklist,.row,.steps{grid-template-columns:1fr}.checklist li{border-right:0;border-bottom:1px solid var(--rule)}.checklist li:last-child{border-bottom:0}.surfaces li{grid-template-columns:1fr;gap:.2rem}.stats{gap:2rem}}.nav a,.nav button{white-space:nowrap}@media (max-width:520px){.nav{gap:.9rem}.nav .hide-sm{display:none}.nav .btn{padding:.65rem .9rem}.wordmark{font-size:1rem}}