@font-face { font-family:"Manrope"; src:url("/fonts/manrope.woff2") format("woff2"); font-weight:400 800; font-style:normal; font-display:swap; }
:root {
 color-scheme:light;
 --page:#f1eee5; --surface:#faf8f2; --surface-soft:#e8e3d8;
 --ink:#171613; --muted:#676154; --line:rgb(23 22 19 / 17%);
 --orange:#f04b25; --accent:#a9361d; --accent-strong:#a9361d; --accent-soft:#f5e0d8;
 --warning:#76520e; --code:#191815; --code-ink:#f1eee5;
 --body:"Manrope","Helvetica Neue",Arial,sans-serif;
 --mono:"DejaVu Sans Mono",Consolas,monospace;
 font-family:var(--body);
}
:root[data-theme="dark"] {
 color-scheme:dark;
 --page:#171613; --surface:#24221d; --surface-soft:#302c25;
 --ink:#f1eee5; --muted:#aaa397; --line:rgb(241 238 229 / 18%);
 --accent:#ff8b70; --accent-strong:#ff8b70; --accent-soft:#3d2821;
 --warning:#f0c77e; --code:#12110e; --code-ink:#f1eee5;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--page); color:var(--ink); font-size:14px; line-height:1.85; }
a { color:var(--accent); text-underline-offset:4px; }
a:hover { text-decoration-thickness:2px; }
button,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.skip-link { position:fixed; z-index:30; top:8px; left:8px; transform:translateY(-160%); padding:10px 14px; background:var(--ink); color:var(--page); }
.skip-link:focus { transform:none; }
.topbar { position:sticky; z-index:20; top:0; display:flex; min-height:80px; align-items:center; justify-content:space-between; gap:20px; padding:12px clamp(18px,4vw,56px); border-bottom:1px solid var(--line); background:var(--page); }
.brand { display:inline-flex; flex-shrink:0; align-items:center; gap:10px; color:var(--ink); font:750 23px/1.1 var(--body); letter-spacing:-.075em; text-decoration:none; }
.brand-mark { width:32px; height:32px; flex-shrink:0; }
.brand-logo { display:block; width:139px; height:32px; object-fit:contain; }
.brand-logo-dark { display:none; }
:root[data-theme="dark"] .brand-logo-light { display:none; }
:root[data-theme="dark"] .brand-logo-dark { display:block; }
.brand-lockup { display:block; }
.brand .brand-lockup small { margin-left:43px; }
@media(max-width:620px) { .brand-logo { width:122px; height:28px; }.brand .brand-lockup small { margin-left:38px; } }
.brand small { display:block; margin-top:6px; color:var(--muted); font:600 8px/1.4 var(--mono); letter-spacing:.13em; }
.top-actions { display:flex; align-items:center; gap:14px; }
.environment { color:var(--muted); font:600 9px/1.5 var(--mono); letter-spacing:.06em; }
.environment span { display:inline-block; width:5px; height:5px; margin-right:6px; background:var(--orange); }
.launch-link { display:inline-flex; min-height:42px; align-items:center; gap:12px; padding:10px 15px; background:var(--orange); color:#171613; font:750 12px/1.2 var(--body); text-decoration:none; transition:background-color .2s,box-shadow .2s; }
.launch-link svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; transition:transform .2s; }
.launch-link:hover { background:var(--ink); color:var(--page); box-shadow:3px 3px 0 var(--orange); }
.launch-link:hover svg { transform:translate(2px,-2px); }
.theme-toggle { display:grid; width:40px; height:40px; flex-shrink:0; place-items:center; padding:10px; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); cursor:pointer; }
.theme-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.theme-icon-sun { display:none; }
[data-theme="dark"] .theme-icon-moon { display:none; }
[data-theme="dark"] .theme-icon-sun { display:block; }
.docs-layout { display:grid; max-width:1440px; min-height:calc(100vh - 80px); grid-template-columns:248px minmax(0,960px); justify-content:center; margin:auto; }
.sidebar { position:sticky; top:80px; display:flex; height:calc(100vh - 80px); flex-direction:column; align-items:stretch; gap:3px; padding:34px 18px 24px; border-right:1px solid var(--line); overflow-y:auto; counter-reset:docs-nav; }
.sidebar-label { margin:27px 12px 10px; color:var(--muted); font:600 9px/1.5 var(--mono); letter-spacing:.1em; }
.sidebar-label:first-child { margin-top:0; }
.sidebar>a { position:relative; display:flex; align-items:center; gap:10px; min-height:42px; padding:10px 12px; border:1px solid transparent; color:var(--muted); font-size:11px; font-weight:550; text-decoration:none; transition:color .2s,background-color .2s,border-color .2s; }
.sidebar>a::before { counter-increment:docs-nav; content:counter(docs-nav,decimal-leading-zero); color:var(--muted); font:500 8px var(--mono); }
.sidebar>a:hover { background:var(--surface); color:var(--ink); }
.sidebar>a[aria-current] { border-color:var(--line); background:var(--accent-soft); color:var(--ink); }
.sidebar>a[aria-current]::after { position:absolute; top:9px; bottom:9px; left:-19px; width:2px; background:var(--orange); content:""; }
.sidebar>a[aria-current]::before { color:var(--accent); }
.sidebar-note { margin-top:auto; padding:22px 12px 0; border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.9; }
.sidebar-note strong { color:var(--accent); font:600 9px/1.6 var(--mono); letter-spacing:.06em; }
.content { min-width:0; padding:0 clamp(24px,5vw,72px); }
.docs-hero { position:relative; padding:72px 0 48px; animation:docs-arrive .7s cubic-bezier(.16,1,.3,1) both; }
.eyebrow,.section-label { display:flex; align-items:center; gap:12px; color:var(--accent); font:600 9px/1.6 var(--mono); letter-spacing:.07em; }
.eyebrow::before,.section-label::before { width:20px; height:1px; flex-shrink:0; background:var(--orange); content:""; }
.docs-hero h1 { margin:24px 0; font-size:clamp(44px,5.5vw,76px); font-weight:750; letter-spacing:-.075em; line-height:1.04; }
.docs-hero h1 em { color:var(--accent); font-weight:500; }
.docs-hero>p:not(.eyebrow) { max-width:650px; color:var(--muted); font-size:15px; line-height:1.9; }
.status-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.badge { display:inline-flex; min-height:28px; align-items:center; padding:5px 8px; border:1px solid var(--line); color:var(--muted); font:600 8px/1.5 var(--mono); letter-spacing:.04em; }
.badge-local { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.badge-evm { background:var(--surface); color:var(--ink); }
.doc-section { padding:44px 0; border-top:1px solid var(--line); scroll-margin-top:100px; }
.doc-section h2 { margin:14px 0 18px; font-size:clamp(26px,3vw,36px); font-weight:650; letter-spacing:-.055em; line-height:1.2; }
.doc-section p,.doc-section ol { color:var(--muted); }
.doc-section code { padding:3px 5px; border:1px solid var(--line); background:var(--surface-soft); color:var(--ink); font-size:.88em; }
pre { margin:24px 0; padding:0 22px 22px; border:1px solid #4b4237; background:var(--code); color:var(--code-ink); overflow-x:auto; }
pre::before { display:block; margin:0 -22px 18px; padding:12px 22px; border-bottom:1px solid #4b4237; color:#ff987b; content:"LOCAL / TERMINAL"; font:600 9px/1.5 var(--mono); letter-spacing:.09em; }
pre code { padding:0!important; border:0!important; background:none!important; color:inherit!important; font:400 12px/1.9 var(--mono)!important; }
.doc-section ol { padding-left:22px; }
.doc-section li { padding:4px 0 4px 6px; }
.callout { padding:18px 20px; border:1px solid var(--line); border-left:2px solid var(--orange); background:var(--surface-soft); font-size:12px; }
.callout strong { color:var(--ink); }
.source-link { display:inline-flex; min-height:36px; align-items:center; margin-top:8px; font-size:12px; font-weight:650; }
.steps,.link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
.steps>div,.link-grid>a { position:relative; min-width:0; padding:22px; border:1px solid var(--line); background:var(--surface); }
.steps>div>span { display:block; color:var(--accent); font:600 10px/1.5 var(--mono); }
.steps strong { display:block; margin-top:14px; font-size:14px; font-weight:650; letter-spacing:-.025em; }
.steps p { margin:9px 0 0; font-size:12px; line-height:1.85; }
.link-grid>a { display:flex; flex-direction:column; padding-right:38px; color:var(--ink); text-decoration:none; transition:border-color .2s,box-shadow .2s; }
.link-grid>a::after { position:absolute; top:19px; right:17px; content:"?"; color:var(--accent); transition:transform .2s; }
.link-grid>a:hover { border-color:var(--accent); box-shadow:inset 0 2px 0 var(--orange); }
.link-grid>a:hover::after { transform:translate(2px,-2px); }
.link-grid strong { font-size:13px; font-weight:650; }
.link-grid span { margin-top:6px; color:var(--muted); font-size:11px; }
.docs-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:24px 0 36px; border-top:1px solid var(--line); font:500 9px/1.6 var(--mono); }
.docs-footer span { align-self:center; color:var(--muted); }
.docs-footer a { display:inline-flex; min-height:32px; align-items:center; color:var(--ink); }
@keyframes docs-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@media(max-width:1000px) { .docs-layout { grid-template-columns:210px minmax(0,1fr); }.sidebar { padding-inline:12px; }.sidebar>a { padding-inline:8px; font-size:10px; gap:8px; }.sidebar>a[aria-current]::after { left:-13px; }.content { padding-inline:30px; }.environment { display:none; } }
@media(max-width:620px) {
 html { scroll-padding-top:90px; }.topbar { min-height:72px; padding:12px 14px; gap:12px; }.brand { font-size:20px; gap:7px; }.brand-mark { width:28px; height:28px; }.brand small { font-size:7px; letter-spacing:.05em; }.top-actions { gap:9px; }.launch-link { min-height:38px; padding:9px 11px; gap:7px; font-size:11px; }.theme-toggle { width:34px; height:34px; padding:8px; }
 .docs-layout { display:block; }.sidebar { position:static; height:auto; flex-direction:row; gap:5px; padding:10px 14px; border-right:0; border-bottom:1px solid var(--line); overflow-x:auto; }.sidebar-label,.sidebar-note { display:none; }.sidebar>a { flex-shrink:0; min-height:36px; padding:8px 10px; font-size:10px; }.sidebar>a[aria-current]::after { left:8px; right:8px; top:auto; bottom:0; width:auto; height:2px; }
 .content { padding-inline:22px; }.docs-hero { padding:44px 0 34px; }.docs-hero h1 { font-size:clamp(42px,10.5vw,60px); }.docs-hero>p:not(.eyebrow) { font-size:14px; }.eyebrow { font-size:8px; gap:8px; }.eyebrow::before { width:12px; }.doc-section { padding:34px 0; }.steps,.link-grid { grid-template-columns:1fr; }.steps>div,.link-grid>a { padding:20px; }.link-grid>a { padding-right:38px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }.launch-link:hover svg,.link-grid>a:hover::after { transform:none; } }
