:root{--bg-canvas:#eef7f2;--bg-surface:#fff;--bg-surface-hover:#f6fbf8;--text-primary:#1f2937;--text-muted:#52645a;--accent-primary:#14532d;--accent-secondary:#38734d;--border-subtle:#ccdcd1;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #14532d22;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(2.35rem,5.3vw,4.6rem);max-width:17ch;margin:.35em 0 .45em}h2{font-size:clamp(1.6rem,2.7vw,2.3rem);margin:.25em 0 .65em}h3{font-size:1.22rem;letter-spacing:-.02em}p{margin:0 0 1.2em}a{color:var(--accent-primary);text-underline-offset:5px;text-decoration-thickness:1px}a:not(.button):not(.brand){background-image:linear-gradient(var(--accent-primary),var(--accent-primary));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .3s}a:not(.button):not(.brand):hover{background-size:100% 1px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;width:100%;object-fit:cover;border-radius:4px}.skip{position:absolute;left:12px;top:-100px;padding:8px 16px;background:white;z-index:10}.skip:focus{top:12px}.site-header{position:relative;display:flex;align-items:center;gap:28px;padding:22px 28px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0;color:var(--accent-primary);font-weight:700;text-decoration:none;letter-spacing:-.04em;font-size:1.14rem}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--accent-primary);border-radius:4px;font-size:20px;transform:rotate(-8deg)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-left:auto}.site-nav a{white-space:nowrap;text-decoration:none;font-size:.88rem;font-weight:700;padding:6px 0}.site-nav a[aria-current=page]{border-bottom:2px solid var(--accent-primary)}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--border-subtle);border-radius:4px;background:white;color:var(--accent-primary);font-size:1.8rem;width:44px;height:44px;line-height:1}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:70px;padding-bottom:70px}.hero:before{content:"";position:absolute;inset:20px 5% 10px 40%;background:linear-gradient(135deg,#d8eddf99,#ffffff66,#c5e4ce77);background-size:200% 200%;animation:gradientShift 12s ease infinite;clip-path:polygon(15% 0,100% 5%,94% 100%,0 92%);z-index:-1}.eyebrow{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:.73rem;margin-bottom:16px}.intro{font-size:1.13rem;max-width:58ch;color:var(--text-muted)}.hero-photo{margin:0;transform:rotate(1deg)}.hero-photo img{aspect-ratio:4/3}.hero-photo figcaption{font-size:.76rem;color:var(--text-muted);padding-top:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);border-radius:4px;padding:12px 20px;font-weight:700;text-decoration:none;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-button{border:0;background:transparent;color:var(--accent-primary);padding:8px 0;text-decoration:underline;text-underline-offset:5px;font-weight:700}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;padding-bottom:50px}.zone{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:32px;min-width:0;grid-column:span 6;position:relative;transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}.zone:hover{box-shadow:0 8px 24px #14532d0b}.zone-wide{grid-column:span 8}.zone-small{grid-column:span 4}.zone-full{grid-column:1/-1}.zone-mint{background:#e1f0e6}.zone-label{display:flex;align-items:center;gap:12px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);font-weight:700;margin-bottom:22px}.icon{font-size:1.2rem;line-height:1;min-width:25px}.rows{margin:18px 0 0;padding:0;list-style:none}.rows>li,.resource-row{border-top:1px solid var(--border-subtle);padding:16px 0;display:flex;gap:16px;align-items:flex-start}.rows>li:last-child{padding-bottom:0}.rows strong{display:block;color:var(--text-primary)}.rows p{margin:3px 0 0;font-size:.95rem;color:var(--text-muted)}.rows a{font-weight:700}.diagram{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0}.diagram span:not(.arrow){padding:8px 12px;border:1px solid var(--border-subtle);border-radius:4px;font-size:.9rem;background:var(--bg-surface-hover)}.diagram .arrow{color:var(--accent-primary)}.note{border-left:3px solid var(--accent-primary);padding:6px 0 6px 18px;color:var(--text-muted);font-size:.95rem;margin:22px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.detail-image{aspect-ratio:4/3}.thumbnail{width:86px;height:86px;aspect-ratio:1;flex-shrink:0}.feature{padding:0;overflow:clip}.feature img{aspect-ratio:16/9}.feature-copy{padding:30px}.page-heading{padding-top:58px;padding-bottom:34px}.page-heading h1{max-width:22ch}.page-heading .intro{max-width:68ch}.article-layout{padding-bottom:40px}.article-zone{grid-column:span 8}.side-zone{grid-column:span 4;align-self:start}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:1.8rem;margin-top:1.5em}.prose h2:first-child{margin-top:0}.prose h3{margin-top:1.5em}.prose li{padding:4px 0}.prose img{margin:25px 0;aspect-ratio:16/9}.meta{font-size:.82rem;color:var(--text-muted);margin-bottom:22px}.comparison{width:100%;border-collapse:collapse;font-size:.92rem}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:13px 12px;vertical-align:top}.comparison th{color:var(--accent-primary)}.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}details{border-top:1px solid var(--border-subtle);padding:18px 0}summary{font-weight:700;cursor:pointer;color:var(--accent-primary);line-height:1.5}details p{margin:14px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-full{grid-column:1/-1}label{display:block;font-size:.92rem;font-weight:700;margin-bottom:6px}input,select,textarea{display:block;width:100%;min-width:0;background:#fff;border:1px solid #829b8c;color:var(--text-primary);padding:11px 12px;border-radius:4px}textarea{min-height:170px;resize:vertical}.hint{font-size:.84rem;color:var(--text-muted);margin-top:6px}.review-box{margin-top:26px;border-top:1px solid var(--border-subtle);padding-top:22px}.review-box pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-canvas);padding:22px;border-radius:4px;max-height:420px;overflow:auto}.status{min-height:1.75em;font-size:.9rem;color:var(--accent-primary);margin-top:12px}.site-footer{position:relative;background:#dceee2;padding:70px 0 26px;margin-top:20px;clip-path:polygon(0 22px,100% 0,100% 100%,0 100%)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid p{font-size:.9rem;max-width:48ch;color:#385143}.footer-grid h2{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{padding:3px 0;font-size:.9rem}.footer-brand{font-weight:700;font-size:1.1rem}.legal-row{border-top:1px solid #b9d0c1;margin-top:30px;padding-top:20px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:.8rem}.legal-row span{margin-right:auto}.reveal-ready{opacity:0;transform:translateY(22px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}[hidden]{display:none!important}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.site-header{gap:35px}.site-nav{max-width:750px}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:20px 18px;gap:20px;flex-wrap:wrap}.site-nav{gap:16px}.hero{gap:30px;padding-top:45px}.zone{padding:25px}.zone-wide,.article-zone{grid-column:span 7}.zone-small,.side-zone{grid-column:span 5}.footer-grid{gap:25px}}
@media(max-width:768px){.site-header{padding:16px 20px;gap:12px}.brand{font-size:1rem}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 1px);width:auto;background:#fff;border:1px solid var(--border-subtle);padding:16px 22px;box-shadow:var(--shadow-elevation);z-index:9;border-radius:4px}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px;animation:menuDown .25s var(--ease-kinetic)}.site-nav a{padding:10px 0}.hero{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:40px}.hero-photo{max-width:600px;transform:none}.hero-photo img{aspect-ratio:16/9}.bento{gap:16px}.zone,.zone-wide,.zone-small,.article-zone,.side-zone{grid-column:1/-1}.footer-grid{grid-template-columns:1.5fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.page-heading{padding-top:38px}.split{gap:22px}.legal-row{gap:14px}.zone{padding:25px}}
@media(min-width:481px) and (max-width:768px){.wrap{padding-left:24px;padding-right:24px}.hero h1{max-width:20ch}}
@media(max-width:480px){.wrap{padding-left:18px;padding-right:18px}.site-header{padding:14px}.brand{font-size:.9rem;gap:7px}.brand-mark{width:25px;height:25px}.zone{padding:23px 20px}.split,.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.actions{gap:15px}.button{padding:11px 16px}.thumbnail{width:66px;height:66px}.hero:before{left:0}.mini-grid{grid-template-columns:1fr}.legal-row span{width:100%}}
@keyframes menuDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.button:hover{transform:none}}