:root{--ink: #102018;--muted: #617166;--green: #0f6b45;--green-2: #0b3f31;--mint: #dff7ea;--lime: #baf35d;--amber: #f7b955;--red: #e45b4f;--cream: #fbf7ef;--paper: #fffdf8;--line: rgba(16, 32, 24, .14);--shadow: 0 24px 80px rgba(9, 34, 24, .14);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(186,243,93,.28),transparent 32rem),linear-gradient(180deg,#fffaf0,#eef8ec 48%,#f7fbf2)}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:#fffdf8d1;border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:0 auto;padding:.85rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;gap:.65rem;align-items:center;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;color:#fff;background:conic-gradient(from 170deg,var(--green),var(--lime),var(--green-2),var(--green));box-shadow:inset 0 0 0 2px #fff9}.nav-links{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{text-decoration:none;font-weight:750;font-size:.92rem;padding:.65rem .82rem;border-radius:999px}.nav-links a:hover{background:#0f6b4514}.nav-links .cta{background:var(--ink);color:#fff;box-shadow:0 10px 30px #10201833}main{min-height:72vh}.container{max-width:1180px;margin:0 auto;padding:0 1.1rem}.section{padding:5rem 0}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900}h1,h2,h3{letter-spacing:-.055em;line-height:.96;margin:0}h1{font-size:clamp(3.4rem,8vw,7.6rem);max-width:14ch}h2{font-size:clamp(2.2rem,5vw,4.8rem);max-width:13ch}h3{font-size:clamp(1.3rem,2.5vw,2rem)}p{color:var(--muted);line-height:1.65;font-size:1.05rem}.lead{font-size:clamp(1.15rem,2vw,1.38rem);max-width:52rem;color:#33463a}.hero{padding:5.5rem 0 3.5rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.8fr);gap:2rem;align-items:center}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.95rem 1.22rem;font-weight:900;text-decoration:none;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px #10201817}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.accent{background:var(--lime);border-color:#1020182e;color:#14220f}.card{background:#fffdf8d6;border:1px solid var(--line);border-radius:2rem;padding:1.25rem;box-shadow:var(--shadow)}.glass{background:#ffffffa3;backdrop-filter:blur(18px)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.stat{padding:1.1rem;border-radius:1.35rem;background:#fff;border:1px solid var(--line)}.stat strong{display:block;font-size:1.7rem;letter-spacing:-.05em}.pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.45rem .7rem;background:var(--mint);font-weight:850;font-size:.85rem;color:#14442d}.list{display:grid;gap:.72rem;margin:1rem 0 0;padding:0;list-style:none}.list li{background:#ffffffb8;border:1px solid var(--line);border-radius:1.1rem;padding:.85rem .95rem}.diagram-shell{min-height:22rem;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#102018f5,#0f6b45e0);color:#fff}.diagram-shell p{color:#ffffffc7}.site-footer{padding:3rem 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sticky-quiz{position:fixed;z-index:70;right:1rem;bottom:1rem;background:var(--lime);border:1px solid rgba(16,32,24,.2);color:#12210d;box-shadow:0 20px 50px #10201840}.article-wrap{max-width:980px;margin:0 auto;padding:0 1.1rem}.article-hero{padding:4.6rem 0 2.5rem}.article-hero h1{max-width:12ch}.article-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.article-body{display:grid;gap:1.25rem;padding-bottom:5rem}.article-section{background:#fffdf8c2;border:1px solid var(--line);border-radius:2rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 18px 60px #09221814}.article-section h2{font-size:clamp(1.8rem,3.5vw,3.4rem);margin-bottom:.75rem;max-width:16ch}.article-section h3{margin-top:1.25rem;margin-bottom:.4rem}.article-section p{margin:.65rem 0}.article-section ul,.article-section ol{padding-left:1.2rem;color:var(--muted);line-height:1.68}.article-section li{margin:.45rem 0}.callout{border-radius:1.4rem;padding:1rem;background:var(--mint);border:1px solid rgba(15,107,69,.2)}.warning{background:#fff1ed;border-color:#e45b4f59}.mini-nav{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.resource-grid a{text-decoration:none}.resource-card{height:100%;transition:transform .18s ease,box-shadow .18s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:0 28px 80px #09221829}.steps{counter-reset:step;list-style:none!important;padding-left:0!important}.steps li{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:1.1rem;padding:.9rem .95rem .9rem 3rem;position:relative}.steps li:before{content:counter(step);position:absolute;left:.85rem;top:.82rem;width:1.55rem;height:1.55rem;border-radius:999px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.78rem;font-weight:900}@media(max-width:820px){.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-links a:not(.cta){display:none}.section{padding:3.2rem 0}.sticky-quiz{left:1rem;right:1rem}}