:root{--cream: #f4efe6;--cream-deep: #ebe3d4;--ink: #1a2f23;--ink-soft: #2d4a3a;--gold: #b8864b;--gold-deep: #8e5f2a;--rule: #d6cdb8;--paper: #faf7f0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 10%,rgba(184,134,75,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(26,47,35,.04) 0%,transparent 40%);min-height:100vh}.page{max-width:780px;margin:0 auto;padding:60px 40px 80px;background:var(--paper);box-shadow:0 0 80px #1a2f2314;position:relative;min-height:100vh}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--rule);margin-bottom:60px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft)}.top-bar .mark{color:var(--gold-deep);font-weight:500}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:28px;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:36px;height:1px;background:var(--gold)}h1.title{font-family:Fraunces,serif;font-weight:900;font-size:clamp(46px,7vw,82px);line-height:.95;letter-spacing:-.03em;color:var(--ink);margin-bottom:24px}h1.title em{font-style:italic;font-weight:400;color:var(--gold-deep)}.subtitle{font-size:22px;font-style:italic;color:var(--ink-soft);max-width:580px;line-height:1.4;margin-bottom:48px}.hero-meta{display:flex;gap:40px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:64px}.hero-meta div{display:flex;flex-direction:column}.hero-meta .label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;margin-bottom:4px}.hero-meta .value{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--ink)}.intro{font-size:21px;line-height:1.55;color:var(--ink);margin-bottom:72px;font-weight:400}.intro:first-letter{font-family:Fraunces,serif;font-weight:900;font-size:72px;float:left;line-height:.85;margin:8px 14px 0 0;color:var(--gold-deep)}.section-divider{display:flex;align-items:center;gap:16px;margin:0 0 48px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-soft)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--rule)}.steps{display:flex;flex-direction:column;gap:64px}.step{display:grid;grid-template-columns:90px 1fr;gap:32px;align-items:start;position:relative}.step-number{font-family:Fraunces,serif;font-weight:900;font-size:88px;line-height:.85;color:var(--gold);font-feature-settings:"lnum";position:relative}.step-number:after{content:"";position:absolute;left:0;bottom:-12px;width:40px;height:3px;background:var(--ink)}.step-body .kicker{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px}.step-body h2{font-family:Fraunces,serif;font-weight:700;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}.step-body p{font-size:18px;line-height:1.6;color:var(--ink-soft);margin-bottom:18px}.step-body ul{list-style:none;margin-top:18px;border-left:2px solid var(--gold);padding:4px 0 4px 20px}.step-body ul li{font-size:17px;color:var(--ink);margin-bottom:10px;line-height:1.5}.step-body ul li:last-child{margin-bottom:0}.step-body ul li strong{font-family:Fraunces,serif;font-weight:700;color:var(--ink)}.cta-card{display:block;margin-top:24px;padding:18px 22px 20px;background:var(--cream);border:1px solid var(--rule);border-left:3px solid var(--gold);text-decoration:none;color:inherit;position:relative;transition:background .2s ease,border-color .2s ease,transform .2s ease}.cta-card:hover{background:var(--cream-deep);border-left-color:var(--gold-deep);transform:translate(2px)}.cta-label{display:block;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:6px}.cta-name{display:flex;align-items:baseline;gap:10px;font-family:Fraunces,serif;font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--ink);line-height:1.2}.cta-arrow{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--gold-deep);transition:transform .2s ease;display:inline-block}.cta-card:hover .cta-arrow{transform:translate(4px)}.cta-desc{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-soft);font-style:italic}.step--critical .cta-card{background:var(--paper)}.step--critical .cta-card:hover{background:var(--cream)}.pullquote{margin:64px 0;padding:40px 32px;background:var(--ink);color:var(--cream);position:relative;font-family:Fraunces,serif;font-style:italic;font-size:24px;line-height:1.35;letter-spacing:-.01em}.pullquote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:120px;font-family:Fraunces,serif;color:var(--gold);line-height:1}.pullquote cite{display:block;margin-top:20px;font-style:normal;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.step--critical .step-number{color:var(--ink)}.step--critical .step-body h2:after{content:" ★";color:var(--gold-deep)}.step--critical .step-body{background:var(--cream-deep);padding:28px;margin-left:-28px;border-left:4px solid var(--gold)}.summary{margin-top:80px;padding:48px 40px;border:1px solid var(--ink);position:relative;background:var(--cream-deep)}.summary:before{content:"TL;DR";position:absolute;top:-12px;left:32px;background:var(--paper);padding:2px 14px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.25em;color:var(--ink);font-weight:500}.summary h3{font-family:Fraunces,serif;font-weight:700;font-size:24px;margin-bottom:16px;color:var(--ink);letter-spacing:-.01em}.summary p{font-size:17px;line-height:1.6;color:var(--ink-soft)}.footer{margin-top:80px;padding-top:32px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft)}.footer .brand{color:var(--gold-deep);font-weight:500}@media print{body{background:#fff}.page{box-shadow:none;max-width:none;padding:40px}.step{page-break-inside:avoid}}@media(max-width:640px){.page{padding:32px 20px 48px}.step{grid-template-columns:1fr;gap:8px}.step-number{font-size:64px}.step-body h2{font-size:26px}.step--critical .step-body{margin-left:0;padding:20px}.pullquote{padding:32px 24px;font-size:19px}.summary{padding:36px 24px}.hero-meta{gap:24px}}.step,.intro,h1.title,.subtitle{animation:fadeUp .8s ease-out backwards}h1.title{animation-delay:.05s}.subtitle{animation-delay:.15s}.intro{animation-delay:.25s}.step:nth-of-type(1){animation-delay:.1s}.step:nth-of-type(2){animation-delay:.15s}.step:nth-of-type(3){animation-delay:.2s}.step:nth-of-type(4){animation-delay:.25s}.step:nth-of-type(5){animation-delay:.3s}.step:nth-of-type(6){animation-delay:.35s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
