:root{
  --teal:#09ECA3;
  --bg:#0A0A0A;
  --line:rgba(255,255,255,0.08);
  --line-2:rgba(255,255,255,0.14);
  --muted:#888780;
  --dim:#5b5a55;
  --pad:clamp(20px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:#fff;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body{font-size:16px;line-height:1.6;font-weight:400;letter-spacing:-0.003em}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--teal);color:#0A0A0A}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-0.025em;line-height:1.05;color:#fff}

/* NAV */
.lnav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad);
  background:rgba(10,10,10,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.lnav .logo img{height:38px;width:auto;display:block}
.lnav .back{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;
  color:var(--teal);transition:opacity .2s;
}
.lnav .back:hover{opacity:.7}

/* DOC */
.doc{max-width:820px;margin:0 auto;padding:clamp(56px,9vw,110px) var(--pad) clamp(64px,9vw,120px)}
.doc .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted)}
.doc h1{font-size:clamp(40px,7vw,68px);letter-spacing:-0.035em;margin-top:18px;line-height:1}
.doc .updated{margin-top:18px;color:var(--muted);font-size:15px}
.doc .rule{height:2px;width:88px;background:var(--teal);border-radius:2px;margin-top:28px;box-shadow:0 0 20px rgba(9,236,163,0.4)}

.sectn{margin-top:52px;scroll-margin-top:90px}
.sectn h2{
  font-size:clamp(20px,2.4vw,26px);color:var(--teal);letter-spacing:-0.02em;line-height:1.2;
  display:flex;gap:14px;align-items:baseline;
}
.sectn h2 .n{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--teal);opacity:.7;flex:none}
.sectn .b{margin-top:16px}
.sectn p{color:#d3d3cc;font-size:16px;line-height:1.7}
.sectn p + p{margin-top:14px}
.sectn h3{font-size:16px;color:#fff;margin-top:22px;font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.01em}
.sectn a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(9,236,163,0.4)}
.sectn a:hover{text-decoration-color:var(--teal)}
.sectn ul{list-style:none;margin:16px 0 0;display:flex;flex-direction:column;gap:11px}
.sectn ul li{position:relative;padding-left:24px;color:#d3d3cc;font-size:16px;line-height:1.6}
.sectn ul li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px rgba(9,236,163,0.5)}
.sectn .contact{margin-top:16px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.02)}
.sectn .contact .name{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#fff;font-size:18px;letter-spacing:-0.01em}
.sectn .contact p{margin-top:8px}

/* FOOTER (matches main site) */
.foot{border-top:1px solid var(--line);background:#070707;padding:64px 0 36px}
.foot .shell{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;align-items:start}
@media (max-width:860px){ .foot-grid{grid-template-columns:1fr 1fr} .foot-cell.brand{grid-column:1/-1} }
.foot .logo img{height:36px}
.foot .tagline{margin-top:18px;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:20px;letter-spacing:-0.02em;line-height:1.25;color:#dcdcd6;max-width:340px}
.foot h4{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);font-weight:500}
.foot ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:10px}
.foot ul a{color:#dcdcd6;font-size:15px;transition:color .2s}
.foot ul a:hover{color:var(--teal)}
.foot-social{margin-top:56px;display:flex;justify-content:center;align-items:center;gap:22px}
.foot-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--teal);transition:border-color .25s, color .25s, transform .25s, box-shadow .3s}
.foot-social a:hover{color:#3affc0;border-color:rgba(9,236,163,0.4);transform:translateY(-2px);box-shadow:0 0 0 5px rgba(9,236,163,0.06)}
.foot-social svg{width:18px;height:18px;display:block}
.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:0.12em;text-transform:uppercase;gap:14px;flex-wrap:wrap}
.foot-bottom a{color:var(--teal);transition:opacity .2s}
.foot-bottom a:hover{opacity:.7}
.foot-bottom .sep{color:var(--dim)}