:root{color-scheme:light;--ink:#1f2420;--muted:#657066;--line:#dce4dc;--surface:#fff;--surface-soft:#f5f7f2;--accent:#3f7351;--accent-dark:#254831;--warning:#8a5d24;--max:1180px;font-family:Outfit,Geist,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface-soft);color:var(--ink);scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.7}.site-header,.site-footer{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:24px;display:flex}.site-header{z-index:4;backdrop-filter:blur(16px);background:#f5f7f2d1;border-bottom:1px solid #dce4dcb8;position:sticky;top:0}.brand,.site-header nav,.site-footer nav,.hero-actions,.entry-meta{align-items:center;gap:14px;display:flex}.brand{letter-spacing:0;font-weight:750}.brand-mark{background:linear-gradient(135deg, var(--accent), #9fb38b);border-radius:3px;width:18px;height:18px;display:inline-block}.site-header nav a,.site-footer nav a{color:var(--muted);font-size:.92rem}.site-header nav a:hover,.site-footer nav a:hover,.text-link:hover{color:var(--accent-dark)}.hero,.section,.page-header,.article-shell{max-width:var(--max);margin:0 auto;padding:72px 24px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:56px;min-height:78dvh;display:grid}.hero-copy{align-self:center}.eyebrow{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800;line-height:1.2}h1,h2,h3{color:var(--ink);letter-spacing:0;margin:0;line-height:1.05}h1{max-width:11ch;font-size:clamp(2.7rem,7vw,6.4rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.35rem}.hero p{max-width:63ch;font-size:1.12rem}.button{background:var(--accent-dark);border:1px solid var(--accent-dark);color:#fff;border-radius:6px;padding:13px 18px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.button.secondary{color:var(--accent-dark);background:0 0}.button:active{transform:translateY(1px)scale(.99)}.hero-visual{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffdb,#f5f7f29e),repeating-linear-gradient(90deg,#0000 0 31px,#3f735114 32px);border-radius:8px;align-self:center;gap:16px;padding:24px;display:grid;box-shadow:0 24px 56px #1f242014}.visual-row{background:var(--surface);border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;width:76%;padding:18px;display:flex}.visual-row.wide{width:100%}.visual-row.offset{margin-left:auto}.visual-row span,.visual-row strong,.entry-meta,.source-panel dt,.calculator-grid label{font-family:JetBrains Mono,Cascadia Mono,monospace;font-size:.78rem}.visual-row strong{color:var(--accent-dark)}.split-section{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;align-items:end;gap:48px;display:grid}.product-callout{background:var(--accent-dark);color:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:42px;margin-top:24px;margin-bottom:24px;padding:clamp(30px,5vw,54px);display:grid}.product-callout h2{color:#fff;max-width:14ch}.product-callout p:not(.eyebrow){color:#c8d7cb;max-width:62ch;margin-bottom:0}.product-callout .eyebrow{color:#afd1b5}.product-callout-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.product-callout .button{color:var(--accent-dark);background:#fff;border-color:#fff}.product-callout .text-link{color:#dce9de}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.entry-grid{gap:18px;display:grid}.entry-grid.asymmetric{grid-template-columns:1.35fr .85fr 1fr}.entry-grid.two{grid-template-columns:1.2fr .8fr}.entry-list{gap:16px;display:grid}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:22px}.entry-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.entry-card h2{margin:14px 0;font-size:1.45rem;line-height:1.16}.entry-card p{margin-bottom:22px}.entry-meta{color:var(--muted);text-transform:uppercase;flex-wrap:wrap}.entry-meta span{border:1px solid var(--line);border-radius:999px;padding:5px 9px}.text-link{color:var(--accent-dark);font-weight:760}.band{border:1px solid var(--line);max-width:none;padding-left:max(24px, calc((100vw - var(--max)) / 2 + 24px));padding-right:max(24px, calc((100vw - var(--max)) / 2 + 24px));background:#edf2eb;border-left:0;border-right:0}.page-header{border-bottom:1px solid var(--line);padding-bottom:48px}.page-header h1,.article-header h1{max-width:15ch}.page-header p,.article-header p{max-width:68ch}.page-header.narrow{max-width:860px}.article-header{margin-bottom:44px}.article-header .entry-meta{margin-bottom:18px}.article-grid{grid-template-columns:minmax(0,1fr) 280px;gap:48px;display:grid}.article-content{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,5vw,54px)}.article-content h2{margin-top:44px;font-size:2rem}.article-content h3{margin-top:30px}.article-content a,.source-panel a{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline 1px}.article-content li{color:var(--muted);margin-bottom:8px;line-height:1.7}.disclosure-note,.source-panel,.calculator-shell{background:var(--surface);border:1px solid var(--line);border-radius:8px}.disclosure-note{color:var(--warning);max-width:760px;margin-top:24px;padding:16px 18px}.source-panel{align-self:start;padding:22px;position:sticky;top:104px}.source-panel h2{margin:0 0 12px;font-size:1rem}.source-panel ul{margin:0 0 24px;padding-left:18px}.source-panel dd{color:var(--muted);margin:0 0 14px}.calculator-shell{margin-bottom:42px;padding:clamp(22px,4vw,38px)}.calculator-cta{border:1px solid var(--line);background:#edf2eb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:-18px 0 42px;padding:clamp(20px,3vw,30px);display:grid}.calculator-cta h2{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.12}.calculator-cta p:not(.eyebrow){max-width:72ch;margin:12px 0 0}.calculator-cta-actions{justify-self:end}.calculator-heading{margin-bottom:24px}.calculator-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.calculator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.calculator-grid label{color:var(--muted);text-transform:uppercase;gap:8px;display:grid}.calculator-grid input{border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;padding:12px}.calculator-grid input:focus{border-color:var(--accent);outline:2px solid #3f735129}.result{background:var(--accent-dark);color:#fff;border-radius:6px;grid-column:1/-1;align-items:center;min-height:64px;padding:18px;font-weight:800;display:flex}.site-footer{border-top:1px solid var(--line);align-items:flex-start;margin-top:48px}.site-footer p{margin:8px 0 0}@media (width<=860px){.site-header,.site-footer,.section-heading,.hero-actions{flex-direction:column;align-items:flex-start}.site-header nav{flex-wrap:wrap}.hero,.split-section,.product-callout,.entry-grid.asymmetric,.entry-grid.two,.article-grid,.calculator-cta,.calculator-grid{grid-template-columns:1fr}.hero{gap:32px;min-height:auto;padding-top:48px}h1{font-size:clamp(2.4rem,14vw,4.2rem)}.visual-row{width:100%}.source-panel{position:static}.calculator-cta-actions{justify-self:start}}
