.docs-page { background:#fbfcf8; }
.docs-header { background:rgba(251,252,248,.9); border-bottom:1px solid var(--line); position:sticky; backdrop-filter:blur(16px); }
.docs-header .nav-wrap { padding-bottom:18px; padding-top:18px; }
.docs-hero { background:var(--hero); border-bottom:1px solid var(--line); padding:125px 20px 72px; }
.docs-hero>div { margin:auto; max-width:var(--max); }
.docs-hero h1 { font-size:clamp(48px,6vw,76px); letter-spacing:-.06em; line-height:1.02; margin:18px 0; max-width:820px; }
.docs-hero p { color:var(--muted); font-size:18px; line-height:1.7; margin:0; max-width:720px; }
.docs-layout { align-items:start; display:grid; gap:70px; grid-template-columns:220px minmax(0,850px); margin:0 auto; max-width:var(--max); padding:72px 20px 100px; }
.docs-toc { display:flex; flex-direction:column; gap:12px; position:sticky; top:100px; }
.docs-toc strong { font-size:13px; letter-spacing:.08em; margin-bottom:8px; text-transform:uppercase; }
.docs-toc a { color:var(--muted); font-size:14px; font-weight:650; text-decoration:none; }
.docs-toc a:hover { color:var(--ink); }
.docs-content { min-width:0; }
.docs-content>section { border-bottom:1px solid var(--line); padding:0 0 70px; scroll-margin-top:105px; }
.docs-content>section+section { padding-top:70px; }
.docs-kicker { color:#688044; display:block; font-size:12px; font-weight:850; letter-spacing:.16em; margin-bottom:12px; }
.docs-content h2 { font-size:clamp(34px,4vw,48px); letter-spacing:-.045em; line-height:1.1; margin:0 0 20px; }
.docs-content h3 { font-size:19px; letter-spacing:-.02em; margin:0 0 8px; }
.docs-content p { color:var(--muted); font-size:16px; line-height:1.75; margin:0; }
.docs-steps { display:grid; gap:1px; margin-top:30px; }
.docs-steps>div { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; }
.docs-grid { display:grid; gap:14px; grid-template-columns:1fr 1fr; margin-top:30px; }
.docs-grid>div { background:#fff; border:1px solid var(--line); border-radius:16px; padding:25px; }
.docs-grid b { color:#607846; display:block; font-size:13px; letter-spacing:.12em; margin-bottom:28px; }
.credit-box { background:#151b17; border-radius:18px; color:#fff; margin-top:30px; padding:28px; }
.credit-box h3 { margin-bottom:18px; }
.credit-box ul,.help-list { display:grid; gap:12px; list-style:none; margin:0; padding:0; }
.credit-box li { color:#cdd4cc; font-size:14px; padding-left:20px; position:relative; }
.credit-box li::before { color:var(--lime); content:'✓'; left:0; position:absolute; }
.docs-note { align-items:flex-start; background:#f0f5e6; border:1px solid #dce7ca; border-radius:14px; display:flex; gap:14px; margin-top:26px; padding:20px; }
.docs-note span { align-items:center; background:#d8f777; border-radius:50%; display:flex; flex:0 0 28px; font-weight:800; height:28px; justify-content:center; }
.help-list li { background:#fff; border:1px solid var(--line); border-radius:12px; color:var(--muted); font-size:15px; padding:18px 20px; }
.docs-cta { align-items:center; background:#171717; border-radius:24px; color:#fff; display:flex; justify-content:space-between; margin:0 auto 80px; max-width:var(--max); padding:45px 50px; }
.docs-cta h2 { font-size:34px; letter-spacing:-.04em; margin:0 0 6px; }
.docs-cta p { color:#aeb6ad; margin:0; }
.docs-footer { padding-top:0; }
@media (max-width:900px) { .docs-layout { gap:35px; grid-template-columns:180px 1fr; } }
@media (max-width:680px) {
  .docs-header nav,.docs-header .languages { display:none; }
  .docs-hero { padding:105px 16px 52px; }
  .docs-hero h1 { font-size:44px; }
  .docs-layout { display:block; padding:45px 16px 70px; }
  .docs-toc { display:none; }
  .docs-content>section { padding-bottom:48px; }
  .docs-content>section+section { padding-top:48px; }
  .docs-grid { grid-template-columns:1fr; }
  .docs-cta { align-items:flex-start; border-radius:0; flex-direction:column; gap:25px; margin-bottom:0; padding:38px 16px; }
  .docs-cta h2 { font-size:30px; }
}