@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{--bg:#f7f5ee;--ink:#1e302e;--muted:#63716c;--brand:#175849;--lime:#e4efc1;--orange:#e4a46d;--line:#dcded3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 'DM Sans',system-ui,sans-serif}a{color:#165b4a;text-underline-offset:4px}a:focus-visible{outline:3px solid #d99546;outline-offset:4px}.site-header{max-width:1120px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.identity strong{display:block;font-family:'Space Grotesk',system-ui;font-size:1.03rem;line-height:1.2}.identity small{display:block;color:var(--muted);font-size:.71rem;letter-spacing:.045em}.brand-symbol{font:700 29px 'Space Grotesk',sans-serif;width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-6deg)}.brand-symbol span{font-size:16px;color:var(--lime);align-self:flex-end;margin-bottom:7px}.site-header nav{display:flex;gap:10px}.site-header nav a{font-size:.85rem;font-weight:800;padding:10px 14px;text-decoration:none;border-radius:999px}.site-header nav a.active{background:#e3e9dc}main{max-width:1120px;margin:auto}.hero{padding:75px 30px 55px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:32px;align-items:center}.kicker{font-size:.73rem;font-weight:800;color:var(--brand);letter-spacing:.14em}.kicker span{color:var(--orange);padding:0 5px}h1,h2{font-family:'Space Grotesk',system-ui,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(2.6rem,5.3vw,5.4rem);line-height:1.03;margin:20px 0}h1 em{font-style:normal;color:var(--brand)}.hero-intro{font-size:1.22rem;line-height:1.52;max-width:590px;color:#40514b}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-tags span{padding:5px 12px;border:1px solid #c8d3c6;border-radius:100px;font-size:.73rem;font-weight:800;color:#50635b}.hero-art{height:360px;border-radius:26px;background:#e0e9d7;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.paper{width:210px;height:270px;background:#fffcf2;border:2px solid var(--ink);box-shadow:7px 8px 0 #527366;transform:rotate(7deg);border-radius:7px;padding:26px;position:relative}.paper-back{position:absolute;transform:rotate(-12deg) translate(-20px,0);background:#f0c79f;box-shadow:none}.paper-title{font:700 21px 'Space Grotesk';margin:4px 0 22px}.paper-line{height:8px;background:#b5c3b6;border-radius:99px;margin:12px 0}.paper-line.w1{width:90%}.paper-line.w2{width:67%}.paper-line.w3{width:80%}.chart-line{height:65px;display:flex;align-items:end;gap:8px;padding:8px 0}.chart-line i{display:block;background:#76a88b;width:21%;height:36%;border-radius:5px 5px 0 0}.chart-line i:nth-child(2){height:72%}.chart-line i:nth-child(3){height:52%}.chart-line i:nth-child(4){height:87%}.chart-line i:nth-child(5){height:45%;background:var(--orange)}.paper-stamp{position:absolute;right:-20px;bottom:22px;background:var(--brand);color:white;font-weight:800;font-size:13px;line-height:1.15;text-align:center;padding:15px;border-radius:50%;transform:rotate(-13deg)}.scribble{position:absolute;font:700 56px 'Space Grotesk';color:#2f7563}.scribble.a{left:15px;top:15px;transform:rotate(-13deg)}.scribble.b{right:26px;bottom:8px;transform:rotate(22deg)}.article-body{max-width:755px;margin:0 auto;padding:15px 24px 70px}.article-body>p{margin:22px 0}.article-body h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin:64px 0 16px}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0}.risk-grid>div{background:#ebeee4;padding:18px;border-radius:14px}.risk-grid strong{display:block;font-family:'Space Grotesk';font-size:1rem}.risk-grid p{font-size:.84rem;line-height:1.5;margin:9px 0 0}.risk-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#d7e3c8;color:#225947;font-weight:800;font-size:23px;margin-bottom:18px}.decision-panel{border-radius:20px;background:#193f36;color:#fff;padding:28px;margin:30px 0}.decision-title{color:#d5e5b2;font-size:.72rem;font-weight:800;letter-spacing:.14em;margin-bottom:10px}.decision-row{display:flex;gap:17px;padding:19px 0;border-top:1px solid #567068}.decision-mark{font-family:'Space Grotesk';font-size:1.4rem;color:#b9d5a8}.decision-row strong{font-size:.98rem}.decision-row p{color:#d2e0d7;font-size:.87rem;line-height:1.5;margin:7px 0 0}.notice{border-left:4px solid #4d806c;background:#e8ede4;padding:20px 24px;margin-top:35px;font-size:.89rem}footer{border-top:1px solid var(--line);padding:35px 30px 55px;max-width:1120px;margin:auto;color:#58685f;font-size:.84rem}footer p{max-width:760px;margin:7px auto}.about-main{max-width:760px;padding:65px 25px 75px}.about-main h1{font-size:clamp(2.6rem,5vw,4.4rem)}.about-main>p{margin:24px 0}@media(max-width:760px){.site-header{padding:16px;align-items:flex-start}.identity strong{font-size:.87rem}.identity small{display:none}.brand-symbol{width:37px;height:37px;font-size:23px}.site-header nav{gap:0}.site-header nav a{font-size:.76rem;padding:7px 8px}.hero{grid-template-columns:1fr;padding:40px 22px 28px}.hero-art{height:230px;max-width:520px}.paper{transform:scale(.68) rotate(7deg)}.paper-back{transform:scale(.68) rotate(-12deg) translate(-20px,0)}.scribble{font-size:38px}.risk-grid{grid-template-columns:1fr}.risk-grid>div{display:grid;grid-template-columns:52px 1fr;gap:0 8px}.risk-icon{grid-row:span 2;margin:0}.risk-grid p{margin:0}.article-body{padding:5px 22px 50px}.article-body h2{margin-top:46px}.decision-panel{padding:22px}.about-main{padding:40px 22px 65px}}
/* Opening explainer */
.article-body .opening-heading{margin-top:20px}.promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 30px}.promise-grid>div{border:1px solid #d5dccf;border-radius:16px;padding:18px 16px;background:#f0f2e9}.promise-number{display:block;color:#21705b;font:700 .8rem 'Space Grotesk',sans-serif;letter-spacing:.07em;margin-bottom:14px}.promise-grid strong{display:block;font:700 1.07rem 'Space Grotesk',sans-serif;line-height:1.25}.promise-grid p{font-size:.84rem;line-height:1.52;margin:9px 0 0;color:#45574f}@media(max-width:760px){.promise-grid{grid-template-columns:1fr}.promise-grid>div{padding:16px}}

/* Visual editorial breaks restored in V4 */
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 34px}
.offer-grid>div{border:1px solid #d2dfd0;border-radius:15px;padding:19px;background:#f0f3e9}
.offer-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#d6e9d3;color:#205844;font-size:25px;font-weight:800;margin-bottom:12px}
.offer-grid strong{font:700 1rem 'Space Grotesk',system-ui,sans-serif;display:block;line-height:1.3}
.offer-grid p{font-size:.82rem;line-height:1.5;margin:8px 0 0}
@media(max-width:760px){.offer-grid{grid-template-columns:1fr}.offer-grid>div{display:grid;grid-template-columns:52px 1fr;gap:2px 10px}.offer-icon{grid-row:span 2;margin:0}.offer-grid p{margin:0}}

/* MVP learning pathway — reuse V4 typography, editorial cards and colours */
.learning-hero{padding-bottom:30px}
.learning-art{background:#e6ecdb}
.stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0 36px}
.stage-nav a{display:flex;flex-direction:column;gap:7px;padding:18px 16px;border-radius:16px;border:1px solid #cbd9c7;background:#edf1e6;text-decoration:none;color:var(--ink);min-width:0}
.stage-nav a:hover{border-color:#175849;background:#e5ecd9}
.stage-nav strong{font:700 1rem/1.3 'Space Grotesk',system-ui,sans-serif}
.stage-nav a>span:last-child{font-size:.82rem;color:#475e55}
.article-body section[id]{scroll-margin-top:24px}
.article-body section[id] h2{margin-top:44px}
.article-body .source-note{font-size:.83rem;line-height:1.65;color:#46594f;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:760px){
 .site-header{flex-wrap:wrap}
 .site-header nav{width:100%;justify-content:space-between;flex-wrap:wrap;gap:4px}
 .site-header nav a{padding:8px}
 .stage-nav{grid-template-columns:1fr}
 .stage-nav a{padding:15px 17px}
 .learning-hero{padding-bottom:24px}
}

/* Clear, semantic steps for conditional refund offers */
.refund-steps{counter-reset:refund;margin:22px 0 28px;padding:0;list-style:none;display:grid;gap:11px}
.refund-steps li{counter-increment:refund;position:relative;padding:19px 20px 19px 66px;background:#edf1e6;border:1px solid #cfdbce;border-radius:14px;font-size:.91rem;line-height:1.6}
.refund-steps li::before{content:counter(refund,decimal-leading-zero);position:absolute;top:18px;left:20px;color:#175849;font:700 1.15rem 'Space Grotesk',system-ui,sans-serif}
.refund-steps strong{color:#193f36}
@media(max-width:760px){.refund-steps li{padding:16px 15px 16px 56px}.refund-steps li::before{left:15px;top:15px}}

/* Optional calculations: keep technical detail available without overwhelming newcomers */
.math-details{margin:22px 0 28px}
.math-details summary{cursor:pointer;list-style:revert;padding:14px 18px;border:1px solid #cbd9c7;border-radius:12px;background:#edf1e6;color:#175849;font:700 .9rem/1.45 'Space Grotesk',system-ui,sans-serif}
.math-details summary:focus-visible{outline:3px solid #d99546;outline-offset:3px}
.math-details[open] summary{border-radius:12px 12px 0 0}
.math-details .decision-panel{margin:0;border-radius:0 0 16px 16px}