:root{--ink:#13221d;--paper:#f4f0e8;--line:#c9c5ba;--muted:#68706b;--lime:#c7ff4b;--teal:#0d7c70;--navy:#132237;--mono:"DM Mono",monospace;--sans:"Noto Sans SC",sans-serif;--display:"Playfair Display","Noto Sans SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6}.page-grid{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(19,34,29,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(19,34,29,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 45%)}a{color:inherit;text-decoration:none}.site-header,main,footer{position:relative;max-width:1200px;margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 22px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--ink);color:var(--lime);font-family:var(--display);font-size:20px}.brand small{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.1em;margin-left:6px}.site-header nav{display:flex;gap:25px;font-size:14px}.site-header nav a{color:#45504a}.site-header nav a:hover{color:var(--teal)}.console-link{font-family:var(--mono);font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:2px}.hero{min-height:580px;padding:94px 22px 74px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:80px;align-items:end}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.13em;color:var(--teal);margin:0 0 16px}.hero h1{font-family:var(--display);font-size:clamp(50px,7vw,92px);line-height:.98;letter-spacing:0;margin:0;max-width:800px}.hero h1 em{font-style:italic;color:var(--teal)}.hero-lede{max-width:650px;font-size:18px;color:#44514a;margin:29px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:16px;padding:13px 17px;font-size:14px;font-weight:700}.button-primary{background:var(--ink);color:#fff}.button-primary span{color:var(--lime)}.button-quiet{border:1px solid var(--ink)}.hero-note{border-top:2px solid var(--ink);padding-top:15px;margin-bottom:4px}.note-index{font:11px var(--mono);color:var(--teal)}.hero-note p{font-size:15px;margin:15px 0 18px}.hero-note a,.test-link{font:13px var(--mono);color:var(--teal)}.endpoint-section,.quickstart,.clients,.faq{padding:82px 22px;border-top:1px solid var(--line)}.section-heading{max-width:720px}.section-heading h2{font-family:var(--display);font-size:44px;line-height:1.1;letter-spacing:0;margin:0 0 14px}.section-heading>p:last-child{color:var(--muted);margin-top:0}.endpoint-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:38px}.endpoint-list{display:grid;gap:10px}.endpoint-card{font:inherit;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.18);padding:17px;display:grid;grid-template-columns:10px 1fr auto;gap:13px;align-items:center;cursor:pointer;transition:.18s ease}.endpoint-card:hover{border-color:var(--teal);transform:translateX(3px)}.endpoint-card.is-selected{border-color:var(--ink);background:#fff}.endpoint-state{width:8px;height:8px;border-radius:50%;border:1px solid var(--muted)}.is-selected .endpoint-state{background:var(--lime);border-color:var(--ink);box-shadow:0 0 0 3px var(--ink)}.endpoint-content strong{display:block;font-size:15px}.endpoint-content small{display:block;color:var(--muted);font-size:12px}.endpoint-card code{font:12px var(--mono);color:var(--teal)}.endpoint-preview{background:var(--navy);color:#e9efe9;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.preview-topline{display:flex;justify-content:space-between;width:100%;font:11px var(--mono);color:#b6c4be}.preview-topline strong{color:var(--lime);font-weight:500}.copy-line{display:flex;gap:8px;width:100%;margin:28px 0 17px}.copy-line code{min-width:0;overflow:auto;white-space:nowrap;font:14px var(--mono);padding:12px;background:rgba(255,255,255,.08);flex:1}.copy-button{border:1px solid currentColor;background:transparent;color:inherit;padding:6px 10px;font:11px var(--mono);cursor:pointer}.copy-button:hover{background:var(--lime);color:var(--ink)}.endpoint-preview p{font-size:13px;color:#b6c4be;margin:0 0 22px}.endpoint-preview p code{font-family:var(--mono);color:#fff}.endpoint-preview .test-link{color:var(--lime)}.steps{padding:0;margin:37px 0 42px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none}.steps li{border-top:1px solid var(--ink);padding-top:14px}.steps li>span,.guide-number{font:12px var(--mono);color:var(--teal)}.steps h3,.guide-card h3{font-size:18px;margin:14px 0 7px}.steps p,.guide-card p{font-size:14px;color:var(--muted);margin:0}.code-panel{background:#101e1a;color:#edf2eb;overflow:hidden}.code-panel-head{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;font:12px var(--mono);color:#aab9b2}.code-panel pre{padding:24px;margin:0;overflow:auto;font:13px/1.75 var(--mono)}.token-key{color:#c7ff4b}.token-string{color:#aad3ff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px}.guide-card{min-height:215px;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.15)}.guide-card h3{font-family:var(--display);font-size:24px}.guide-card code{font:11px var(--mono);color:var(--teal)}.guide-open,.guide-card a{margin-top:auto;padding-top:22px;background:none;border:0;font:12px var(--mono);color:var(--teal);cursor:pointer}.guide-open span,.guide-card a span{padding-left:8px}.guide-card-accent{background:var(--teal);border-color:var(--teal);color:#f5f1e9}.guide-card-accent .guide-number,.guide-card-accent p,.guide-card-accent a{color:#e4f9c1}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;margin-top:35px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none;padding-right:25px;position:relative}.faq summary:after{content:"+";position:absolute;right:2px;color:var(--teal);font:20px var(--mono)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:14px;margin:12px 0 4px}footer{display:flex;justify-content:space-between;gap:15px;padding:26px 22px 45px;font:11px var(--mono);color:var(--muted);border-top:1px solid var(--line)}.guide-dialog{width:min(680px,calc(100% - 30px));border:0;background:var(--paper);color:var(--ink);padding:28px;box-shadow:0 25px 80px rgba(10,22,17,.35)}.guide-dialog::backdrop{background:rgba(12,24,20,.7);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between}.dialog-close{border:0;background:none;font-size:30px;line-height:1;cursor:pointer}.guide-dialog h2{font:42px var(--display);margin:12px 0 22px}.guide-dialog ol{padding-left:22px}.guide-dialog li{margin:10px 0}.guide-dialog pre{padding:17px;background:var(--navy);color:#fff;overflow:auto;font:12px/1.65 var(--mono)}.guide-dialog code{font-family:var(--mono)}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,18px);background:var(--ink);color:#fff;padding:10px 15px;font:12px var(--mono);opacity:0;pointer-events:none;transition:.2s}#toast.is-visible{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.site-header nav{display:none}.site-header{height:67px}.console-link{font-size:10px}.hero{padding:65px 20px 50px;grid-template-columns:1fr;gap:45px;min-height:auto}.hero h1{font-size:54px}.endpoint-section,.quickstart,.clients,.faq{padding:58px 20px}.section-heading h2{font-size:37px}.endpoint-layout,.steps,.guide-grid,.faq-list{grid-template-columns:1fr}.endpoint-card{grid-template-columns:10px 1fr}.endpoint-card code{grid-column:2}.endpoint-preview{min-height:260px}.steps{gap:18px}.site-header,footer{padding-left:20px;padding-right:20px}footer{flex-direction:column}.guide-dialog{padding:21px}.guide-dialog h2{font-size:34px}}
