:root{color-scheme:dark;--bg:#1b1725;--sidebar:#211b2d;--panel:#2a2338;--panel2:#30273f;--line:#483b58;--text:#f2edf5;--muted:#b9adc4;--rose:#e5b6d0;--lav:#c9b9e8;--mint:#afd5c2}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;min-width:320px;background:radial-gradient(circle at 87% 0,#3b2b48 0,transparent 33%),var(--bg);color:var(--text);font:15px/1.72 'DM Sans',sans-serif}
a{color:var(--lav);text-decoration:none}
a:hover{color:#edc9de}
button,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
code,pre{font-family:'JetBrains Mono',monospace}
.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(20px,3.5vw,54px);background:#211b2df2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.wordmark{display:flex;align-items:center;gap:11px;color:var(--text);font:800 18px/1.1 Manrope,sans-serif;white-space:nowrap}
.wordmark:hover{color:var(--text)}
.wordmark img{width:36px;height:36px;border-radius:10px}
.wordmark small{display:block;color:#b8a9c4;font:600 10px/1.4 'DM Sans',sans-serif;letter-spacing:.03em;margin-top:2px}
.site-header nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}
.site-header nav>a{color:#c5b7d1;white-space:nowrap}
.site-header nav>a:hover{color:#fff}
.site-header .header-cta{color:#251b2c;background:linear-gradient(110deg,#e8b8d2,#c9bbe9);padding:8px 13px;border-radius:10px}
.site-header .header-cta:hover{color:#251b2c;filter:brightness(1.08)}
.docs-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1680px;margin:auto}
.docs-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto;padding:27px 17px 35px;background:#211b2dc4;border-right:1px solid var(--line);scrollbar-width:thin}
.docs-sidebar .nav-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#a98ebb;margin:20px 12px 8px}
.docs-sidebar .nav-label:first-child{margin-top:0}
.docs-sidebar>a{display:block;color:#c9bfd2;font-size:12px;font-weight:700;line-height:1.3;padding:9px 12px;border-radius:9px;border-left:2px solid transparent}
.docs-sidebar>a:hover{background:#362b45;color:#fff}
.docs-sidebar>a.active{background:#42324f;color:#fff;border-left-color:var(--rose)}
.sidebar-help{margin:28px 5px 0;padding:16px;border:1px solid #59466a;border-radius:13px;background:#332640;display:grid;gap:5px}
.sidebar-help strong{font-size:12px}.sidebar-help span{color:var(--muted);font-size:11px;line-height:1.5}.sidebar-help a{font-size:11px;font-weight:800;margin-top:5px}
.docs-main{min-width:0;max-width:1120px;width:100%;padding:45px clamp(24px,5vw,84px) 80px;margin:auto}
.mobile-toc{display:none}
.hero{position:relative;overflow:hidden;padding:48px clamp(26px,5vw,56px) 35px;background:radial-gradient(circle at 94% 3%,#604270 0,transparent 47%),linear-gradient(125deg,#3b2a50,#342743 64%,#3d2a43);border:1px solid #70547e;border-radius:23px;box-shadow:0 24px 55px #110c1c38}
.hero:after{content:'';position:absolute;width:280px;height:280px;right:-120px;bottom:-160px;border:1px solid #d8bddc40;border-radius:50%;pointer-events:none}
.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#d8bcdf}
.status-dot{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}
.hero h1{font:800 clamp(36px,5vw,62px)/1.12 Manrope,sans-serif;letter-spacing:-.06em;margin:16px 0 17px}
.hero h1 em{font-style:normal;color:#edc4dc}
.hero>p{max-width:620px;color:#d7c8df;font-size:15px;line-height:1.7;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:10px;font-size:12px;font-weight:800;transition:transform .18s ease,background .18s ease,filter .18s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{background:linear-gradient(110deg,#eabed5,#cdbfe8);color:#2b2034}
.button.primary:hover{color:#2b2034;filter:brightness(1.07)}
.button.secondary{border:1px solid #ad89b8;color:#f1e5f5;background:#ffffff0b}
.button.secondary:hover{color:#fff;background:#ffffff18}
.endpoint-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:34px;padding:12px 13px;background:#21192c99;border:1px solid #8a67947a;border-radius:11px;max-width:620px}
.endpoint-line span{color:#c6b2d1;font-size:11px;font-weight:700}.endpoint-line code{color:#fff;font-size:12px;overflow-wrap:anywhere}
.endpoint-line button{margin-left:auto;border:1px solid #8c7096;background:#493655;color:#f5e8f8;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}
.endpoint-line button:hover{background:#60446d}
.doc-section{border-bottom:1px solid #493b56;padding:66px 0 62px;scroll-margin-top:72px}
.doc-section h2{font:800 clamp(25px,3vw,32px)/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:9px 0 18px}
.doc-section p{color:var(--muted);max-width:800px;margin:0 0 18px}
.doc-section p a{text-decoration:underline;text-decoration-color:#b292c180;text-underline-offset:3px}
.doc-section p code,.step-grid code,.faq code{background:#3b2e4a;color:#e5cee9;border:1px solid #5a446b;border-radius:5px;padding:1px 5px;font-size:.83em;overflow-wrap:anywhere}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.step-grid>div{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:13px}
.step-grid span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#64476e;color:#f7eaf7;font-size:12px;font-weight:800;margin-bottom:13px}
.step-grid strong{display:block;font-size:13px}.step-grid p{font-size:11px;margin:4px 0 0}
.callout{border:1px solid #725875;border-left:3px solid var(--rose);background:#392b43;border-radius:10px;padding:16px 18px;margin:23px 0}
.callout.muted{border-color:#584d68;border-left-color:var(--lav);background:#2d273d}
.callout strong{font-size:12px}.callout p{font-size:12px;margin:4px 0 0;line-height:1.6}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:22px 0}
table{border-collapse:collapse;min-width:560px;width:100%;font-size:12px}th{text-align:left;color:#cab4d6;font-size:10px;letter-spacing:.07em;background:#362943}td,th{padding:12px 14px;border-bottom:1px solid #483c54}tbody tr:last-child td{border-bottom:0}tbody tr{background:#292337}tbody tr:nth-child(even){background:#2e263b}td{color:#c7bdcf}td:first-child{color:#f0e5f4}td code{white-space:nowrap;font-size:11px}
.codebox{border:1px solid #554460;border-radius:12px;background:#1b1724;margin:20px 0;overflow:hidden}
.codebar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #493a56;background:#30263d;padding:8px 11px 8px 15px;color:#c4b2d0;font-size:11px;font-weight:700}
.codebar button{background:#4a3657;border:1px solid #72557f;color:#f2e6f5;border-radius:7px;padding:5px 10px;font-size:10px;font-weight:700}
.codebar button:hover{background:#60456e}
.codebox pre{overflow:auto;margin:0;padding:17px 18px;line-height:1.75;font-size:11px;color:#eadfeb;tab-size:2}
.codebox code{white-space:pre}
.source-note{font-size:11px!important;color:#a99eb3!important;margin-top:18px!important}
.faq{display:grid;gap:9px;margin:23px 0}
.faq details{border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.faq summary{cursor:pointer;padding:14px 18px;font-size:13px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font-size:20px;font-weight:400;color:#ddbad4}
.faq details[open] summary:after{content:'−'}
.faq details p{font-size:12px;margin:0;padding:0 18px 16px}
.bottom-cta{border:1px solid #765c81;border-radius:14px;background:linear-gradient(110deg,#3d2d50,#442e49);padding:21px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px}
.bottom-cta strong{font:800 16px Manrope,sans-serif}.bottom-cta p{font-size:11px;margin:5px 0 0}
.docs-footer{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#9f91ab;padding-top:33px}.docs-footer span{margin-right:auto}
.copy-toast{display:none;position:fixed;bottom:22px;right:22px;background:#d6bdd4;color:#291f30;padding:10px 15px;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 14px 30px #0e091c80;z-index:30}
@media(max-width:960px){.docs-layout{grid-template-columns:195px minmax(0,1fr)}.docs-sidebar{padding-inline:10px}.docs-main{padding:30px 28px 70px}.step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-header{height:62px;padding:0 16px}.site-header nav{gap:10px}.site-header nav>a:not(.header-cta){display:none}.site-header .header-cta{font-size:11px;padding:7px 9px}.wordmark{font-size:15px}.wordmark img{width:30px;height:30px}.docs-layout{display:block}.docs-sidebar{display:none}.docs-main{padding:16px 17px 55px}.mobile-toc{display:flex;align-items:center;gap:8px;margin:0 0 15px}.mobile-toc label{font-size:11px;color:#b7a7c2;font-weight:700}.mobile-toc select{min-width:0;flex:1;background:#30263d;color:#eadfee;border:1px solid #584661;border-radius:9px;padding:8px}.hero{padding:31px 23px 25px}.hero h1{font-size:39px}.hero>p{font-size:13px}.endpoint-line{gap:6px}.endpoint-line span{width:100%}.doc-section{padding:48px 0}.bottom-cta{align-items:flex-start;flex-direction:column}.docs-footer span{width:100%}}
@media(max-width:480px){.step-grid{grid-template-columns:1fr}.endpoint-line code{font-size:11px}.endpoint-line button{margin-left:0}.codebox pre{font-size:10px;padding:14px}.hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Multi-page guides. */
.guide-shell{max-width:1200px;margin:auto;padding:34px clamp(18px,4vw,50px) 70px}
.guide-nav{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:43px}
.guide-nav a{color:#c9bed4;background:#2c2439;border:1px solid #4d3d5a;border-radius:9px;padding:6px 11px;font-size:11px;font-weight:700}
.guide-nav a:hover,.guide-nav a[aria-current="page"]{background:#54405f;border-color:#876a92;color:#fff}
.guide-main{max-width:920px;margin:auto}
.guide-breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:#a99ab5;margin-bottom:21px}
.guide-breadcrumb a{color:#c6b5d4}
.guide-head{padding:28px 0 27px;border-bottom:1px solid var(--line)}
.guide-head h1{font:800 clamp(32px,4.4vw,50px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;margin:11px 0 16px}
.guide-head .lead{max-width:750px;color:#c7bacf;font-size:15px;line-height:1.7;margin:0}
.guide-main .doc-section{padding:45px 0 41px}
.guide-main .doc-section:first-of-type{padding-top:40px}
.guide-main .doc-section h2{font-size:25px}
.guide-main .doc-section h3{font:800 17px Manrope,sans-serif;margin:24px 0 9px;color:#e9dcea}
.guide-main .doc-section ul,.guide-main .doc-section ol{padding-left:21px;color:var(--muted);font-size:13px;line-height:1.8}
.guide-main .doc-section li{margin:5px 0}
.guide-main .doc-section li code{background:#3b2e4a;color:#e5cee9;border:1px solid #5a446b;border-radius:5px;padding:1px 5px;font-size:.84em;overflow-wrap:anywhere}
.guide-main .doc-section .mini-note{font-size:12px;color:#a99db5}
.guide-main .doc-section .inline-link{font-weight:700}
.guide-main .doc-section .table-wrap td{vertical-align:top}
.guide-main .doc-section .table-wrap td code{white-space:normal;overflow-wrap:anywhere}
.guide-toc{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 0}
.guide-toc a{border:1px solid #594766;border-radius:9px;color:#d4c3de;background:#31273e;padding:5px 9px;font-size:11px;font-weight:700}
.guide-toc a:hover{background:#483551}
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.guide-card{display:block;padding:19px 19px 16px;background:linear-gradient(145deg,#342841,#2d243a);border:1px solid #594766;border-radius:13px;color:#f2edf5;transition:transform .18s ease,border-color .18s ease}
.guide-card:hover{color:#fff;border-color:#a476a3;transform:translateY(-2px)}
.guide-card span{display:block;color:#d3b2d7;font-size:10px;letter-spacing:.12em;font-weight:800}
.guide-card strong{display:block;font:800 16px Manrope,sans-serif;margin:10px 0 5px}
.guide-card p{color:#baadc5;font-size:11px;line-height:1.5;margin:0}
.guide-next{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:33px;padding:22px;border:1px solid #654e70;border-radius:13px;background:#352742}
.guide-next span{font-size:11px;color:#b6a6c2}
.guide-next a{font-weight:800;font-size:13px}
.guide-main .docs-footer{border-top:1px solid var(--line);margin-top:44px}
@media(max-width:720px){.guide-shell{padding:19px 17px 55px}.guide-nav{margin-bottom:22px}.guide-nav a{font-size:10px;padding:5px 8px}.guide-head{padding-top:12px}.guide-head h1{font-size:35px}.guide-head .lead{font-size:13px}.guide-cards{grid-template-columns:1fr}.guide-main .doc-section{padding:37px 0}.guide-next{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}