*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0A0A0E;
  --ink-2:#121218;
  --ink-3:#1C1C26;
  --canvas:#F2ECE1;
  --canvas-2:#E4DBC9;
  --accent:#2FE4B0;
  --accent-deep:#1FB388;
  --accent-glow:rgba(47,228,176,0.25);
  --accent-haze:rgba(47,228,176,0.10);
  --smoke:rgba(242,236,225,0.66);
  --smoke-2:rgba(242,236,225,0.42);
  --fog:rgba(242,236,225,0.12);
  --fog-strong:rgba(242,236,225,0.24);
  --field-bg:rgba(18,18,24,0.58);
  --good:#7A9266;
  --warn:#B89653;
  --bad:#B5604C;
  --color-text-em:242 236 225;
  --color-text-muted:242 236 225;
  --color-good:122 146 102;
  --color-bad:181 96 76;
}
[data-theme="light"]{
  --ink:#F2ECE1;
  --ink-2:#E8E0CE;
  --ink-3:#D9CEB8;
  --canvas:#0A0A0E;
  --canvas-2:#121218;
  --accent:#1FB388;
  --accent-deep:#148063;
  --accent-glow:rgba(31,179,136,0.22);
  --accent-haze:rgba(31,179,136,0.08);
  --smoke:rgba(10,10,14,0.66);
  --smoke-2:rgba(10,10,14,0.46);
  --fog:rgba(10,10,14,0.14);
  --fog-strong:rgba(10,10,14,0.28);
  --field-bg:rgba(255,255,255,0.48);
  --good:#3D6B4F;
  --warn:#8A6E2C;
  --bad:#8A3E2A;
  --color-text-em:10 10 14;
  --color-text-muted:10 10 14;
  --color-good:61 107 79;
  --color-bad:138 62 42;
}
html{scroll-behavior:smooth;color-scheme:dark}
[data-theme="light"]{color-scheme:light}
body{
  min-height:100vh;
  background:var(--ink);
  color:var(--canvas);
  font-family:'Inter Tight',system-ui,sans-serif;
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:background .35s ease,color .35s ease;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 78% 8%,var(--accent-glow) 0%,transparent 34%),
    radial-gradient(circle at 10% 82%,var(--accent-haze) 0%,transparent 42%);
  filter:blur(28px);
  pointer-events:none;
  z-index:0;
}
a{color:inherit;text-decoration:none}
button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer}
strong{color:var(--canvas);font-weight:600}
em{font-family:'Instrument Serif',Georgia,serif}
main,header,section,footer,nav{position:relative;z-index:1}

nav.top{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:28px 48px;
  mix-blend-mode:difference;
  pointer-events:none;
}
nav.top>*{pointer-events:auto}
nav .brand{
  color:#F2ECE1;
  display:inline-flex;
  align-items:baseline;
  gap:10px;
  font-family:'Instrument Serif',Georgia,serif;
  font-size:20px;
  letter-spacing:-0.01em;
}
nav .brand .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;transform:translateY(-3px)}
nav .right{display:flex;align-items:center;gap:24px}
nav .mail{
  color:#F2ECE1;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
nav .mail:hover{color:var(--accent)}
nav .theme{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#F2ECE1;transition:transform .25s ease,color .15s ease}
nav .theme:hover{transform:rotate(20deg);color:var(--accent)}
nav .theme svg{width:18px;height:18px;display:block}
nav .theme .icon-moon{display:none}
[data-theme="light"] nav .theme .icon-sun{display:none}
[data-theme="light"] nav .theme .icon-moon{display:block}

.wrap{max-width:980px;margin:0 auto;padding:128px 32px 120px}
.mark{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;color:var(--smoke-2);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.mark-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}
.mark-label{color:var(--canvas);font-family:'Instrument Serif',Georgia,serif;font-size:18px;letter-spacing:-.01em;text-transform:none}
h1{max-width:860px;margin-bottom:24px;color:var(--canvas);font-family:'Instrument Serif',Georgia,serif;font-size:clamp(52px,8vw,104px);font-weight:400;letter-spacing:-.035em;line-height:.98}
h1 em{font-style:italic;color:var(--accent)}
.lede{max-width:760px;margin-bottom:14px;color:var(--smoke);font-family:'Instrument Serif',Georgia,serif;font-size:clamp(22px,2.4vw,30px);font-style:italic;letter-spacing:-.01em;line-height:1.35}
.lede-sub{max-width:760px;color:var(--smoke);font-size:16px;font-weight:300;line-height:1.72}
.hr{height:1px;margin:64px 0;background:var(--fog)}
h2{margin-bottom:24px;color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
h3{margin-bottom:12px;color:var(--canvas);font-family:'Instrument Serif',Georgia,serif;font-size:clamp(28px,3.1vw,38px);font-weight:400;letter-spacing:-.015em;line-height:1.15}
h4{margin-bottom:8px;color:var(--canvas);font-size:16px;font-weight:600;letter-spacing:-.005em}
p{margin-bottom:14px;color:var(--smoke);font-weight:300}
.paragraphs p:last-child{margin-bottom:0}

.briefs,.flow{display:grid;grid-template-columns:1fr;gap:18px}
.brief,.path,.posture,.thesis,.bignum,.step,.example,.inex-col,.fmv,.checklist,.closer,.rec,.when-card,.inv-item,.callout{
  background:var(--field-bg);
  border:1px solid var(--fog);
  border-radius:8px;
}
.brief{display:block;position:relative;overflow:hidden;padding:34px 36px;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.brief:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--accent-haze)}
.brief::before,.path.recommended::before,.posture.recommended::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-deep));opacity:.95}
.brief .arrow{position:absolute;top:34px;right:36px;color:var(--accent);font-family:'Instrument Serif',Georgia,serif;font-size:28px;opacity:.72;transition:transform .2s ease,opacity .2s ease}
.brief:hover .arrow{transform:translateX(4px);opacity:1}
.brief-num,.path-num,.posture-num,.fact-label,.meta-label,.thesis .label,.example h4,.inex-col h4,.phase-label,.bignum .label{
  color:var(--smoke-2);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.brief-title{margin:8px 44px 10px 0;color:var(--canvas);font-family:'Instrument Serif',Georgia,serif;font-size:32px;letter-spacing:-.02em;line-height:1.05}
.brief-tagline{max-width:700px;margin-bottom:20px;color:var(--smoke);font-size:15.5px;line-height:1.62}
.brief-meta{display:flex;gap:28px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--fog)}
.meta-item{display:flex;flex-direction:column;gap:2px}
.meta-value{color:var(--canvas);font-size:14px}

.when,.bignums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.when-card,.bignum{padding:22px}
.when-card h4,.inv-item h4{color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.when-card p,.inv-item p{margin:0;color:var(--smoke);font-size:14px;line-height:1.58}
.footnote,.callout{padding:22px 26px;border-left:3px solid var(--accent);color:var(--smoke);font-size:14.5px}

.path,.posture{position:relative;overflow:hidden;padding:32px;margin-bottom:22px}
.path.recommended,.posture.recommended{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-haze),0 18px 60px rgba(0,0,0,.22)}
.path-head,.posture-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.path-title,.posture-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.badge{display:inline-block;border:1px solid var(--fog-strong);border-radius:4px;padding:4px 10px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.badge.recommended{border-color:var(--accent);background:var(--accent-haze);color:var(--accent)}
.badge.cheapest,.badge.fast{border-color:color-mix(in srgb,var(--good) 45%,transparent);background:color-mix(in srgb,var(--good) 12%,transparent);color:var(--good)}
.badge.cleanest,.badge.clean{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn)}
.tagline{margin-bottom:20px;color:var(--smoke);font-size:15px;line-height:1.58}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 18px;overflow:hidden;border:1px solid var(--fog);border-radius:8px;background:var(--fog)}
.fact{background:var(--ink-3);padding:14px 16px}
[data-theme="light"] .fact{background:rgba(255,255,255,.36)}
.fact-value{color:var(--canvas);font-size:15px;font-weight:500}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px}
ul.bullets{list-style:none;margin:10px 0 0;padding:0}
ul.bullets li{position:relative;padding:8px 0 8px 22px;color:var(--smoke);font-size:15px;line-height:1.55}
ul.bullets li::before{content:"";position:absolute;left:4px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
ul.bullets.good li::before{background:var(--good)}
ul.bullets.warn li::before{background:var(--bad)}

.inventory{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.inv-item{padding:20px}
.timeline{margin-top:22px}
.phase{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--fog)}
.phase:last-child{border-bottom:0}
.phase-body p{margin:0;font-size:14px}
.checklist{padding:24px 28px;margin-top:22px}
.checklist ul{list-style:none}
.checklist li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--fog);color:var(--smoke);font-size:15px;line-height:1.55}
.checklist li:last-child{border-bottom:0}
.checklist li::before{content:"";position:absolute;left:0;top:18px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.compare{margin-top:20px;overflow:auto;border:1px solid var(--fog);border-radius:8px;background:var(--field-bg)}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--fog);vertical-align:top}
th{background:var(--ink-3);color:var(--smoke-2);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
[data-theme="light"] th{background:rgba(255,255,255,.38)}
tbody tr:last-child td{border-bottom:0}
td.row-label{color:var(--canvas);font-weight:600}
td.highlight{background:var(--accent-haze);color:var(--accent-deep);font-weight:600}

.thesis,.closer,.rec{padding:36px;background:linear-gradient(135deg,var(--accent-haze),transparent);border-color:var(--fog-strong)}
.thesis .statement{margin:0;color:var(--canvas);font-family:'Instrument Serif',Georgia,serif;font-size:clamp(25px,3vw,34px);letter-spacing:-.015em;line-height:1.24}
.thesis .statement em,.closer h3,.rec h3{color:var(--accent);font-style:italic}
.bignum .n{margin:8px 0 14px;color:var(--accent);font-family:'Instrument Serif',Georgia,serif;font-size:54px;line-height:1;letter-spacing:-.03em}
.bignum .n-suffix{font-size:22px;color:var(--smoke)}
.bignum .body{margin:0;font-size:14.5px;line-height:1.55}
.step{display:grid;grid-template-columns:80px 1fr;gap:28px;align-items:start;padding:28px 32px}
.step-num{color:var(--accent);font-family:'Instrument Serif',Georgia,serif;font-size:44px;line-height:1;letter-spacing:-.03em}
.step-body p{margin:0;font-size:15.5px;line-height:1.58}
.example{padding:36px;margin-top:20px}
.example .scenario{color:var(--canvas);font-size:19px;font-weight:500;line-height:1.4}
.example-table{min-width:0}
.example-table td:first-child{color:var(--smoke);width:45%;padding-right:24px}
.example-table td:last-child{color:var(--canvas);font-weight:600;text-align:right}
.example-table tr.total td:last-child{color:var(--accent);font-size:20px}
.example-table tr.strike td:last-child{color:var(--smoke-2);text-decoration:line-through}
.inex{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.inex-col{padding:26px 28px}
.inex-col.yes h4{color:var(--good)}
.inex-col.no h4{color:var(--bad)}
.inex-col ul{list-style:none}
.inex-col li{position:relative;padding:9px 0 9px 26px;color:var(--smoke);font-size:15px;line-height:1.55}
.inex-col.yes li::before{content:"+";position:absolute;left:4px;top:8px;color:var(--good);font-weight:700}
.inex-col.no li::before{content:"-";position:absolute;left:4px;top:8px;color:var(--bad);font-weight:700}
.fmv{padding:26px 30px;margin-top:20px;border-left:3px solid var(--accent)}
.fmv ul{list-style:none;margin:12px 0 0}
.fmv li{position:relative;padding:10px 0 10px 26px;color:var(--smoke);font-size:15px;line-height:1.55}
.fmv li::before{content:"";position:absolute;left:3px;top:19px;width:12px;height:1px;background:var(--accent)}
.closer p,.rec p{color:var(--smoke);font-size:16px}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:80px;padding-top:32px;border-top:1px solid var(--fog);color:var(--smoke-2);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase}

@media(max-width:760px){
  nav.top{padding:20px 24px}
  nav .mail{display:none}
  .wrap{padding:112px 22px 80px}
  h1{font-size:clamp(42px,14vw,64px)}
  .when,.bignums,.inventory,.facts,.pros-cons,.inex{grid-template-columns:1fr}
  .brief,.path,.posture,.thesis,.closer,.rec,.example{padding:26px 22px}
  .brief .arrow{top:26px;right:22px}
  .brief-title{font-size:28px}
  .phase,.step{grid-template-columns:1fr;gap:10px}
  footer{flex-direction:column}
}
@media print{
  body::before,nav.top{display:none}
  body{background:white;color:black;font-size:10.5pt}
  .brief,.path,.posture,.thesis,.bignum,.step,.example,.inex-col,.fmv,.checklist,.closer,.rec,.when-card,.inv-item,.callout,.compare{background:white!important;border:1px solid #999!important;box-shadow:none!important;break-inside:avoid}
  h1,h2,h3,h4,p,li,td,th,strong,.mark-label{color:black!important}
  .wrap{padding:0}
}