:root{--bg:#f5f7f6;--fg:#101713;--muted:#59655d;--green:#315c43;--line:#d9dfda;--surface:#fff;--soft:#e8eee9;--font:'Manrope','Trebuchet MS',sans-serif;color-scheme:light}html[data-theme=dark]{--bg:#111915;--fg:#edf2ee;--muted:#a9b7ad;--green:#98bda4;--line:#2f3e34;--surface:#18231c;--soft:#203127;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}a:hover{color:var(--green)}.site-header{padding:31px 4.4%;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1600px;margin:auto}.wordmark{font-size:25px;letter-spacing:-1.2px;line-height:1;font-weight:800;display:flex;align-items:center;gap:8px}.brand-symbol{display:inline-block;width:18px;height:20px;position:relative}.brand-symbol:before,.brand-symbol:after{content:'';position:absolute;background:var(--green);width:5px;transform:skew(-23deg);top:1px;height:18px;left:4px}.brand-symbol:after{left:12px;height:12px;top:7px}.site-header nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:600}.site-header nav a[aria-current=page]{color:var(--green)}.theme-toggle{background:none;border:none;color:var(--fg);font-size:21px;line-height:1;padding:4px;width:30px;height:30px}.home-main{max-width:810px;padding:52px 25px 77px;margin:auto}.home-main h1{font-size:clamp(46px,6.5vw,76px);font-weight:800;line-height:1.09;letter-spacing:-3.8px;margin:0 0 33px}.home-main h1 span{color:var(--green)}.home-main .intro{font-size:17px;line-height:1.85;margin:0 0 16px;color:var(--fg);letter-spacing:-.2px}.home-main .intro.secondary{color:var(--muted)}.hero-buttons{display:flex;justify-content:center;gap:15px;margin:39px 0 0}.cta{border:1px solid var(--line);border-radius:6px;padding:9px 22px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex;gap:12px;justify-content:center;align-items:center;transition:background .2s}.cta:hover{background:var(--soft)}.cta.green{background:#244b35;border-color:#244b35;color:#fff}.cta.green:hover{background:#366448}.home-detail{max-width:1040px;margin:auto;padding:40px 25px 62px;display:grid;grid-template-columns:1fr 1fr;gap:78px;border-top:1px solid var(--line)}.section-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;color:var(--muted);margin:0 0 14px}.home-detail h2{font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.7px;margin:0 0 15px}.home-detail p:not(.section-label){color:var(--muted);font-size:13px;margin:0 0 15px;line-height:1.85}.inline-link{font-size:12px;font-weight:600;color:var(--green);display:inline-flex;gap:12px}.site-footer{padding:28px 4.4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;color:var(--muted);font-size:10px}.site-footer .wordmark{color:var(--fg);font-size:21px}.footer-meta{text-align:right}.footer-meta span{display:block}.blog-main{max-width:920px;margin:auto;padding:56px 25px 100px;min-height:calc(100vh - 190px)}.blog-heading{padding-bottom:42px}.blog-heading h1{font-size:64px;font-weight:800;letter-spacing:-3px;line-height:1.1;margin:0 0 20px}.blog-heading p{font-size:16px;color:var(--muted);max-width:530px;margin:0}.post-row{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:150px 1fr 28px;gap:25px;align-items:start}.post-meta{font-size:11px;color:var(--muted);line-height:1.8}.post-meta span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-top:4px}.post-row h2{font-size:24px;font-weight:700;letter-spacing:-.8px;line-height:1.35;margin:0 0 10px}.post-row p{font-size:13px;color:var(--muted);max-width:580px;margin:0;line-height:1.8}.post-arrow{color:var(--green);font-size:22px}.post-row:hover h2{color:var(--green)}.post-row:last-child{border-bottom:1px solid var(--line)}.article-main{max-width:790px;margin:auto;padding:45px 25px 85px;min-height:calc(100vh - 190px)}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:45px}.article-main h1{font-size:clamp(36px,5vw,54px);line-height:1.15;letter-spacing:-2px;margin:12px 0 22px;font-weight:800}.article-byline{font-size:11px;color:var(--muted);padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:29px}.article-body{font-size:15px;line-height:1.9}.article-body p{margin:0 0 21px}.article-body h2{font-size:24px;letter-spacing:-.6px;font-weight:700;line-height:1.4;margin:34px 0 14px}.article-body ul{padding-left:22px;margin:0 0 22px}.article-body li{padding-left:4px;margin:8px 0}.article-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.article-end{margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.skip{position:fixed;left:15px;top:-80px;z-index:50;background:var(--fg);color:var(--bg);padding:10px 15px}.skip:focus{top:15px}@media(min-width:1400px){.home-main{padding-top:80px;padding-bottom:90px}}@media(max-width:720px){.site-header{padding:25px 24px}.wordmark{font-size:23px}.site-header nav{gap:19px;font-size:12px}.home-main{padding:45px 24px 58px}.home-main h1{font-size:54px;letter-spacing:-2.8px;line-height:1.12}.home-main .intro{font-size:15px;line-height:1.9}.hero-buttons{justify-content:flex-start;flex-wrap:wrap;margin-top:29px}.home-detail{margin:0 24px;padding:30px 0 42px;gap:35px}.home-detail h2{font-size:21px}.site-footer{padding:26px 24px}.blog-main{padding:45px 24px 65px}.blog-heading h1{font-size:49px;letter-spacing:-2px}.blog-heading p{font-size:14px}.post-row{grid-template-columns:1fr 24px;gap:12px;padding:25px 0}.post-meta{grid-column:1/-1;display:flex;gap:14px;align-items:center}.post-meta span{margin:0}.post-row h2{font-size:23px}.article-main{padding:30px 24px 60px}.back-link{margin-bottom:30px}.article-main h1{letter-spacing:-1.8px}.article-body{font-size:14px}.article-body h2{font-size:22px}.site-footer .wordmark{font-size:19px}.footer-meta{font-size:9px}}@media(max-width:430px){.home-main h1{font-size:46px;letter-spacing:-2.5px}.home-detail{grid-template-columns:1fr;gap:30px}.home-detail h2{font-size:22px}.cta{font-size:11px;padding:10px 17px}.site-header nav{gap:16px}.site-footer{align-items:flex-start;gap:12px}.footer-meta{max-width:160px}.brand-symbol{transform:scale(.9)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}