.docs-hero{padding:38px 0 52px}.docs-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;line-height:1.03;color:var(--text-primary);max-width:820px;margin:18px 0 16px}.docs-hero h1 em{font-style:normal;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.docs-hero .sub{font-size:17px;color:var(--text-secondary);max-width:720px;margin:0 0 24px}.docs-hero .cta{display:flex;gap:12px;flex-wrap:wrap}.docs-section{padding:var(--sp-16) 0 var(--sp-24)}.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.docs-nav{position:sticky;top:88px;display:flex;flex-direction:column;gap:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px}.docs-nav a{display:flex;align-items:center;min-height:36px;padding:0 11px;border-radius:var(--r-sm);font-size:13px;font-weight:700;color:var(--text-secondary);text-decoration:none}.docs-nav a:hover{background:var(--surface-2);color:var(--text-primary)}.docs-main{display:flex;flex-direction:column;gap:18px}.doc-block{scroll-margin-top:90px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.doc-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doc-title span{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 8px}.doc-title h2{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.doc-grid,.doc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.doc-steps.two{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-code pre,.doc-code>div,.doc-grid div,.doc-steps div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.doc-code b,.doc-grid b,.doc-steps b{display:block;font-size:14px;color:var(--text-primary);margin-bottom:6px}.doc-code p,.doc-grid p,.doc-steps p{font-size:13.5px;line-height:1.55;color:var(--text-muted);margin:0}.doc-code a,.doc-grid a,.doc-steps a{display:inline-flex;margin-top:12px;font-size:13px;font-weight:800;color:var(--accent);text-decoration:none}.doc-code{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:stretch}.doc-code pre{margin:0;overflow:auto}.doc-code code{font-family:var(--font-mono);font-size:12.5px;line-height:1.8;color:var(--text-primary)}.doc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.doc-links a{display:flex;align-items:center;min-height:44px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:0 14px;color:var(--text-primary);font-size:13.5px;font-weight:700;text-decoration:none}.doc-links a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.doc-code,.doc-grid,.doc-links,.doc-steps,.doc-steps.two{grid-template-columns:1fr}}