@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17243a;--muted:#68758a;--brand:#285b50;--brand2:#d9eddf;--paper:#f8f8f4;--line:#e4e8e1;--gold:#e7b86a;--white:#fff;--radius:20px;--shadow:0 18px 45px rgba(22,45,38,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.7 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1140px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:white;padding:12px;z-index:100}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
.site-header{height:78px;border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font:800 19px/1.1 Manrope,sans-serif;letter-spacing:-.65px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:20px;box-shadow:0 6px 15px #285b5029}.brand-sub{display:block;font:600 9px/1.3 "DM Sans",sans-serif;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;margin-top:4px}.nav{display:flex;align-items:center;gap:29px;color:#586577;font-size:13px;font-weight:700}.nav a:hover,.nav a.active{color:var(--brand)}.nav .nav-cta{background:var(--brand);color:white;border-radius:10px;padding:10px 14px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 12px}
.hero{background:var(--paper);overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;min-height:490px;padding-block:54px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;color:var(--brand);margin:0 0 14px;text-transform:uppercase}.eyebrow .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h1,.page-hero h1{font:800 clamp(39px,5vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-2.8px;margin:0;max-width:650px}.hero h1 span{color:var(--brand)}.hero-intro{color:var(--muted);font-size:17px;max-width:520px;margin:22px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:11px;padding:13px 18px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand);color:white}.button-primary:hover{background:#1e473e}.button-outline{border:1px solid #cbd6d0;background:#fff;color:var(--brand)}.hero-note{display:flex;align-items:center;gap:10px;margin-top:25px;color:#788476;font-size:11px}.hero-note span:first-child{display:grid;place-items:center;width:26px;height:26px;background:var(--brand2);border-radius:50%;color:var(--brand);font-weight:800}
.hero-visual{position:relative;height:350px;background:#dfece2;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.hero-visual:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#f0c985;right:23px;top:-53px}.hero-visual:after{content:"";position:absolute;inset:22px;border:1px solid #ffffffa8;border-radius:18px}.visual-plant{position:absolute;left:28px;bottom:30px;width:110px;height:180px;z-index:2}.visual-plant:before{content:"";position:absolute;bottom:0;left:45px;width:6px;height:135px;background:#6c9b78;transform:rotate(4deg);border-radius:8px}.leaf{position:absolute;width:44px;height:78px;background:#6d9c7a;border-radius:100% 0 100% 0;transform:rotate(-35deg)}.leaf.l1{left:6px;top:30px}.leaf.l2{left:47px;top:4px;transform:rotate(40deg);background:#83b48b}.leaf.l3{left:34px;top:70px;transform:rotate(38deg);background:#4c8062}.plant-pot{position:absolute;bottom:0;left:26px;width:66px;height:57px;background:#c87e57;clip-path:polygon(7% 0,93% 0,78% 100%,22% 100%);z-index:3}.visual-card{position:absolute;z-index:4;width:235px;height:270px;left:50%;top:51%;transform:translate(-42%,-43%) rotate(4deg);background:#fffdf7;border-radius:8px;padding:24px 23px;box-shadow:0 22px 35px #244a3924}.visual-card .tiny{font-size:9px;letter-spacing:2px;color:#718176;font-weight:800}.visual-card h3{font:800 26px/1.1 Manrope,sans-serif;letter-spacing:-1px;margin:19px 0 12px}.visual-card h3 span{color:var(--brand)}.visual-line{height:5px;border-radius:5px;background:#e6ece5;margin-top:10px;width:100%}.visual-line.short{width:65%}.visual-stamp{position:absolute;right:19px;bottom:19px;border:1px solid #dce8dc;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;color:var(--brand);font-size:19px}.visual-bubble{position:absolute;z-index:5;right:19px;bottom:22px;border-radius:12px;background:#fff;padding:12px 15px;box-shadow:var(--shadow);font-size:11px;color:var(--muted)}.visual-bubble b{display:block;font:800 19px Manrope;color:var(--brand)}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-block:22px;gap:20px}.trust-item{display:flex;gap:12px;align-items:center;padding-inline:20px}.trust-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#edf4ee;display:grid;place-items:center;color:var(--brand);font-weight:800}.trust-item b{display:block;font-size:12px}.trust-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.section{padding-block:76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.newsletter h2{font:800 clamp(28px,3vw,39px)/1.18 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.section-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin:10px 0 0}.text-link{color:var(--brand);font-weight:800;font-size:12px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:29px}.topic-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.topic-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--brand2);color:var(--brand);font-size:20px;font-weight:800}.topic-card h3{font:750 17px Manrope,sans-serif;margin:15px 0 7px}.topic-card p{color:var(--muted);font-size:12px;margin:0 0 14px}.topic-card a{font-size:12px;color:var(--brand);font-weight:800}
.latest-section{background:#fafbf8}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:0 13px;height:43px;width:255px;background:white;color:#829084}.search-box input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:12px;color:var(--ink)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.filter-chip{border:1px solid var(--line);border-radius:24px;background:#fff;padding:8px 14px;font-size:11px;font-weight:800;color:#69766c;cursor:pointer}.filter-chip.active,.filter-chip:hover{background:var(--brand);border-color:var(--brand);color:white}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:white;border:1px solid #e8ece5;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-illustration{height:178px;position:relative;overflow:hidden;background:#e6eee6;display:flex;align-items:center;justify-content:center}.article-illustration .ill-label{position:absolute;top:13px;left:13px;background:#ffffffd9;color:#526357;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:800;letter-spacing:1.3px}.ill-budget{background:linear-gradient(135deg,#e2eee3,#c4ddca)}.budget-sheet{width:128px;height:145px;background:#fffdf7;border-radius:7px;box-shadow:0 15px 24px #294c3024;padding:21px 15px;transform:rotate(-5deg)}.budget-sheet b{font:800 12px Manrope;color:var(--brand)}.budget-sheet i{display:block;height:5px;background:#e0e8df;border-radius:5px;margin-top:12px}.budget-sheet i:nth-of-type(2){width:75%}.budget-coin{position:absolute;right:51px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#e9bc69;border:7px solid #f4d99e;display:grid;place-items:center;font:800 20px Manrope;color:#956a28}.ill-grocery{background:linear-gradient(135deg,#f5e5d6,#edc6a5)}.grocery-bag{width:105px;height:112px;background:#c87e57;clip-path:polygon(10% 23%,90% 23%,82% 100%,18% 100%);position:absolute;bottom:17px}.grocery-bag:before{content:"";position:absolute;top:-13px;left:28px;width:48px;height:38px;border:7px solid #a96345;border-bottom:0;border-radius:25px 25px 0 0}.grocery-leaf{position:absolute;width:36px;height:63px;border-radius:100% 0 100% 0;background:#729879;top:45px;left:calc(50% - 18px);transform:rotate(-35deg)}.ill-debt{background:linear-gradient(135deg,#e2e7f6,#c4cfea)}.debt-card{width:160px;height:102px;border-radius:12px;background:#334d7c;box-shadow:0 13px 25px #2b3c6333;transform:rotate(-8deg);padding:17px;color:white}.debt-card b{font:800 13px Manrope}.debt-card span{display:block;font-size:9px;opacity:.8;margin-top:24px}.debt-circle{position:absolute;right:53px;bottom:24px;width:51px;height:51px;background:#f0c77f;border-radius:50%;display:grid;place-items:center;color:#76551c;font-size:23px;font-weight:800}
.ill-emergency{background:linear-gradient(135deg,#e2eee8,#b8d5c7)}.emergency-box{width:145px;height:106px;background:#fffdf7;border-radius:12px;box-shadow:0 12px 20px #284f4020;padding:17px;transform:rotate(4deg)}.emergency-box b{font:800 12px Manrope;color:var(--brand)}.emergency-box i{display:block;height:6px;background:#dbe9df;border-radius:5px;margin-top:12px}.ill-bills{background:linear-gradient(135deg,#f4e9ca,#e7d19a)}.bill-paper{width:130px;height:145px;background:#fffdf7;padding:22px 15px;transform:rotate(5deg);box-shadow:0 13px 20px #6b59201a}.bill-paper b{font:800 12px Manrope}.bill-paper i{display:block;height:5px;background:#e8e5d9;margin-top:11px;border-radius:5px}.ill-goals{background:linear-gradient(135deg,#e7e5f5,#cfc8e8)}.goal-target{width:130px;height:130px;border-radius:50%;background:#fffdf7;border:18px solid #b0a7d6;display:grid;place-items:center;box-shadow:0 12px 20px #51456d22}.goal-target span{width:55px;height:55px;border-radius:50%;background:#5e7e6b;border:13px solid #b6d3be}
.article-body{padding:19px 19px 21px}.article-meta{display:flex;gap:8px;align-items:center;color:#8b968c;font-size:10px}.article-body h3{font:750 17px/1.45 Manrope,sans-serif;letter-spacing:-.35px;margin:11px 0 9px}.article-body h3 a:hover{color:var(--brand)}.article-body p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 16px}.read-link{color:var(--brand);font-size:11px;font-weight:800}.read-link span{padding-left:5px}.no-results{color:var(--muted);padding:18px 0}
.newsletter{background:#203d35;color:white}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:47px}.newsletter .eyebrow{color:#b7d9c0}.newsletter h2{font-size:30px}.newsletter p:not(.eyebrow){font-size:13px;color:#d1dfd7;margin:8px 0 0}.newsletter .button{background:#fff;color:var(--brand);white-space:nowrap}.ad-slot{margin-block:24px;padding:22px;min-height:94px;border:1px dashed #cfd8cf;border-radius:12px;background:#fbfcf9;text-align:center;color:#929d92}.ad-slot b{font-size:9px;letter-spacing:1.7px}.ad-slot p{font-size:11px;margin:4px 0 0}
.site-footer{background:#f5f7f3;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:22px;padding-block:29px 23px}.footer-top>p{font-size:11px;color:#879187;margin:0}.footer-top nav{display:flex;gap:18px;margin-left:auto;font-size:11px;color:#657266}.footer-top nav a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding-block:15px 19px;color:#929b92;font-size:10px}
.page-hero{background:var(--paper);padding:62px 0 53px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(34px,4.5vw,50px);letter-spacing:-2px}.page-hero p:not(.eyebrow){max-width:750px;color:var(--muted);margin:14px 0 0}.content-layout{max-width:820px;padding-block:44px 75px}.content-layout h2{font:800 24px Manrope,sans-serif;letter-spacing:-.7px;margin:33px 0 10px}.content-layout h3{font:750 18px Manrope,sans-serif;margin:24px 0 8px}.content-layout p,.content-layout li{color:#56645a;line-height:1.9}.content-layout a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.content-layout ul,.content-layout ol{padding-left:24px}.updated-note{font-size:11px;color:#929b92}.article-detail h1{font:800 clamp(32px,4.5vw,48px)/1.14 Manrope,sans-serif;letter-spacing:-1.7px;margin:0}.article-detail .lead{font-size:18px;line-height:1.8;color:#53645a}.article-detail .article-meta{margin:16px 0 20px}.article-detail h2{margin-top:34px}.article-detail .source-list li{margin-bottom:9px}.article-callout{background:#f0f6f0;border-left:4px solid var(--brand);padding:16px 19px;border-radius:0 10px 10px 0;margin:23px 0;color:#405749}.disclaimer{background:#f8f6ef;border:1px solid #ece5d5;border-radius:12px;padding:16px 18px;font-size:12px;color:#6d654f}.contact-form{display:grid;gap:15px;margin-top:22px}.contact-form label{font-size:12px;font-weight:800}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #dbe2da;border-radius:9px;padding:12px;margin-top:6px;background:#fff;color:var(--ink)}.contact-form textarea{min-height:130px;resize:vertical}.form-note{font-size:11px;color:var(--muted)}.related-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.related-links a{border:1px solid var(--line);border-radius:9px;padding:9px 12px;text-decoration:none;font-size:12px;font-weight:700}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:32px;padding-block:44px}.hero-visual{max-width:540px;width:100%;justify-self:center}.trust-strip{gap:7px}.trust-item{padding-inline:5px}.topic-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:58px}.footer-top{flex-wrap:wrap}.footer-top nav{width:100%;margin-left:0}}
@media(max-width:570px){.container{width:calc(100% - 30px)}.site-header{height:69px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:17px 22px 21px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:15px}.nav.open{display:flex}.nav .nav-cta{text-align:center}.hero-grid{padding-block:39px;gap:27px}.hero h1{font-size:42px;letter-spacing:-1.9px}.hero-intro{font-size:15px}.hero-visual{height:280px}.visual-card{width:205px;height:235px;transform:translate(-38%,-43%) rotate(4deg);padding:20px}.visual-card h3{font-size:23px}.visual-plant{transform:scale(.8);transform-origin:bottom left;left:15px}.visual-bubble{right:10px;bottom:12px}.trust-strip{grid-template-columns:1fr;padding-block:15px;gap:12px}.trust-item{padding:0}.section{padding-block:45px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:30px}.search-box{width:100%}.topic-grid,.article-grid{grid-template-columns:1fr}.article-illustration{height:195px}.newsletter-inner{align-items:flex-start;flex-direction:column;padding-block:36px}.newsletter h2{font-size:27px}.footer-top{gap:12px}.footer-top>p{width:100%}.footer-top nav{gap:14px;flex-wrap:wrap}.footer-bottom{flex-direction:column}.page-hero{padding-block:43px}.content-layout{padding-block:30px 52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Editorial media upgrades */
.article-illustration{display:block;background:#e8eee8}
.article-illustration img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.article-card:hover .article-illustration img{transform:scale(1.035)}
.article-illustration .ill-label{z-index:1}
.video-section{background:#f1f5ef}
.video-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 30px #203d350a}
.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#1e332b}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-copy{padding:12px 14px 12px 0}
.video-copy h3{font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.7px;margin:8px 0 12px}
.video-copy p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:700px){.video-feature{grid-template-columns:1fr;padding:12px}.video-copy{padding:8px 5px 12px}}
