@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-700-normal.woff2) format("woff2")}
/* Same system as cohort, audit and d2c.incrementalvalue.in: near-black, line grid fading from the top, acid-lime accent. */
:root{--ink:#ECEFF3;--ink-2:#B5BCC6;--muted:#7A838F;--line:#1C2128;--line-2:#2A313A;--grid:#1C2128;--accent:#C6F432;
  --acid:#C6F432;--acid-ink:#121A02;--acid-dim:rgba(198,244,50,.12);--acid-line:#3A4A12;--bg:#07080A;--bg-2:#0C0E11;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.35;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}
.top,main,footer{position:relative;z-index:1}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
.top{background:rgba(7,8,10,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:58px;max-width:1120px}
.logo{display:inline-flex;align-items:center;font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:17px;letter-spacing:-.02em;text-decoration:none;color:#8A929C}
.logo img{width:26px;height:26px;display:block;border-radius:7px;margin-right:9px}
.logo span{color:var(--ink);font-weight:700}
.back{font-family:var(--mono);font-size:12px;color:var(--acid);border:1px solid var(--acid-line);padding:8px 12px;border-radius:8px;text-decoration:none}
.back:hover{background:var(--acid-dim)}
.doc{padding-top:40px;padding-bottom:40px}
.doc h1{font-family:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:clamp(30px,7vw,44px);letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.meta{color:var(--muted);font-size:13px;margin:8px 0 24px;font-family:var(--mono)}
.doc h2{font-size:19px;margin:26px 0 8px;color:var(--ink)}
.doc p,.doc li{color:var(--ink-2)}
.doc p+p{margin-top:10px}
.doc ul{padding-left:20px;display:grid;gap:6px}
.doc a{color:var(--acid);text-underline-offset:3px}
.doc b,.doc strong{color:var(--ink)}
.btn{display:inline-block;margin-top:18px;background:var(--acid);color:var(--acid-ink)!important;font-weight:700;text-decoration:none!important;padding:13px 18px;border-radius:12px}
.btn:hover{filter:brightness(1.05)}
footer{padding:24px 16px 40px;color:var(--muted);font-size:13px;text-align:center;border-top:1px solid var(--line);font-family:var(--mono)}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:8px}
footer a{color:var(--ink-2);text-decoration:none}
footer a:hover{color:var(--ink)}