:root{
  --void:#F4EFE3; --void-2:#EFE8DA; --void-3:#FFFFFF;
  --signal:#0E7A45; --signal-2:#0A5A34;
  --signal-dim:rgba(18,160,92,0.10); --signal-line:rgba(14,77,48,0.22);
  --output:#16221C; --output-65:rgba(22,34,28,0.66);
  --output-45:rgba(22,34,28,0.80); --output-30:rgba(22,34,28,0.64);
  --output-12:rgba(22,34,28,0.14); --output-04:rgba(22,34,28,0.05);
  --f-sans:'Inter',system-ui,sans-serif; --f-serif:'Fraunces',serif; --f-mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--void);color:var(--output);font-family:var(--f-sans);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
a.inline{color:var(--signal);border-bottom:1px solid var(--signal-line);}
a.inline:hover{border-bottom-color:var(--signal);}
::selection{background:var(--signal);color:#FFFFFF;}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 56px;background:rgba(247,243,234,0.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--output-04);display:flex;justify-content:space-between;align-items:center;}
.nav-left{display:flex;align-items:center;gap:13px;}
.nav-wordmark{font-size:20px;font-weight:900;letter-spacing:-0.03em;}
.nav-wordmark .dot{color:var(--signal);}
.nav-wordmark .tmx{font-size:.5em;vertical-align:.92em;margin-left:-.46em;font-weight:500;}
.nav-right{display:flex;gap:34px;align-items:center;}
.nav-link{font-family:var(--f-mono);font-size:12px;color:var(--output-45);letter-spacing:0.05em;}
.nav-link:hover{color:var(--output);}
.nav-cta{font-family:var(--f-mono);font-size:12px;color:var(--signal);padding:9px 21px;border:1px solid var(--signal-line);border-radius:100px;letter-spacing:0.05em;}
.nav-cta::before{content:'>_ ';opacity:0.7;}
.nav-cta:hover{background:var(--signal-dim);}
@media (max-width:720px){nav{padding:18px 24px;}.nav-link:not(.nav-cta){display:none;}}
.hero{max-width:880px;margin:0 auto;padding:144px 56px 21px;}
.eyebrow{font-family:var(--f-mono);font-size:11px;color:var(--signal);letter-spacing:0.25em;text-transform:uppercase;margin-bottom:28px;}
.eyebrow::before{content:'>_ ';opacity:0.6;margin-right:4px;}
h1{font-size:clamp(34px,5vw,58px);font-weight:900;letter-spacing:-0.03em;line-height:1.06;margin-bottom:28px;}
h1 .accent{color:var(--signal);}
.answer-lede{font-family:var(--f-serif);font-size:clamp(20px,2.4vw,26px);font-weight:300;font-style:italic;line-height:1.5;color:var(--output);padding-left:28px;border-left:2px solid var(--signal);margin-bottom:14px;max-width:720px;}
.answer-lede strong{font-style:normal;font-weight:600;}
.hero-art{max-width:880px;margin:0 auto;padding:0 56px;}
.hero-art svg{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--output-04);background:var(--void-3);}
article{max-width:760px;margin:0 auto;padding:34px 56px 89px;}
h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-0.025em;line-height:1.15;margin:55px 0 18px;}
h2 .accent{color:var(--signal);}
h3{font-size:clamp(19px,2.2vw,23px);font-weight:700;letter-spacing:-0.02em;line-height:1.3;margin:34px 0 12px;}
p{font-size:17px;line-height:1.75;color:var(--output-65);margin-bottom:21px;font-weight:300;}
p strong{color:var(--output);font-weight:500;}
.signal{color:var(--signal);font-weight:500;}
.check-list{list-style:none;padding:0;margin:21px 0 34px;}
.check-list li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid var(--output-04);font-size:17px;line-height:1.55;color:var(--output-65);font-weight:300;}
.check-list li:last-child{border-bottom:none;}
.check-list li::before{content:'✓';position:absolute;left:0;top:14px;color:var(--signal);font-weight:700;}
.check-list li strong{color:var(--output);font-weight:500;}
.pull{margin:34px 0;padding:28px 34px;background:var(--signal-dim);border-left:2px solid var(--signal);border-radius:4px;}
.pull p{font-family:var(--f-serif);font-size:21px;line-height:1.5;color:var(--output);font-style:italic;margin:0;}
.ruler{margin:34px 0;padding:28px 34px;background:var(--void-3);border:1px solid var(--output-04);border-radius:14px;}
.ruler .tag{font-family:var(--f-mono);font-size:11px;color:var(--signal);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:14px;}
.ruler p{font-size:15.5px;margin-bottom:12px;}
.ruler p:last-child{margin-bottom:0;}
.proof{margin:34px 0;padding:28px 34px;background:var(--void-2);border-radius:14px;}
.proof .tag{font-family:var(--f-mono);font-size:11px;color:var(--signal);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:14px;}
.proof p{font-size:16px;color:var(--output-45);margin-bottom:0;}
.proof p strong{color:var(--output);}
.cta{margin-top:55px;padding:44px 0 0;text-align:center;border-top:1px solid var(--output-04);}
.cta h3{font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-0.02em;margin-bottom:8px;}
.cta h3 .accent{color:var(--signal);}
.cta p{margin-bottom:22px;}
.cta-primary{display:inline-flex;align-items:center;gap:10px;background:var(--signal);color:#FFFFFF;padding:18px 42px;border-radius:100px;font-size:16px;font-weight:700;transition:transform 200ms ease,background 200ms ease;}
.cta-primary::after{content:'→';transition:transform 200ms ease;}
.cta-primary:hover{background:var(--signal-2);transform:translateY(-1px);}
.related{max-width:760px;margin:0 auto;padding:0 56px 55px;}
.related .tag{font-family:var(--f-mono);font-size:11px;color:var(--output-30);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:16px;}
.related a{display:block;padding:14px 0;border-top:1px solid var(--output-04);font-size:16px;color:var(--output);font-weight:500;}
.related a:hover{color:var(--signal);}
.related a span{font-family:var(--f-mono);font-size:11px;color:var(--signal);margin-right:10px;}
footer{padding:34px 56px;border-top:1px solid var(--output-04);text-align:center;font-family:var(--f-mono);font-size:11px;color:var(--output-30);letter-spacing:0.12em;}
footer .dot{color:var(--signal);}
@media (max-width:720px){.hero{padding:120px 24px 21px;}.hero-art,article,.related{padding-left:24px;padding-right:24px;}.pull,.ruler,.proof{padding:21px 24px;}footer{padding:24px;}}
