:root{--ink:#151611;--cream:#f7f5ed;--paper:#fffef9;--lime:#d9fa58;--muted:#64675c;--orange:#bd583c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,textarea{font:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #a84c2e;outline-offset:4px}.bar{position:relative;z-index:3;margin:14px auto;max-width:1360px;width:calc(100% - 32px);border-radius:18px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:13px 20px}.brand{font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-1px}.barlinks{display:flex;align-items:center;gap:22px}.barlinks a{font-size:13px;text-decoration:none}.button{display:inline-block;background:var(--lime);color:var(--ink);border:0;border-radius:999px;padding:13px 21px;font-weight:750;text-decoration:none;cursor:pointer}.motion-toggle{background:transparent;border:1px solid #71736c;color:inherit;border-radius:999px;padding:8px 13px;cursor:pointer;font-size:12px}.hero{max-width:1360px;margin:auto;padding:70px 30px 40px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800}.pill{border:1px solid #bec3ac;padding:6px 10px;border-radius:20px;display:inline-block}.hero h1,.section-title{letter-spacing:-.065em;line-height:.98;font-size:clamp(55px,6.7vw,104px);margin:25px 0}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:clamp(19px,2vw,23px);max-width:580px;color:#4a4d43;line-height:1.5}.hero-art{position:relative}.hero-art img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:24px}.stamp{position:absolute;bottom:25px;left:-22px;background:var(--lime);padding:14px 19px;max-width:190px;border-radius:13px;transform:rotate(-3deg);font-weight:800;line-height:1.2}.caption{font-size:11px;color:var(--muted);margin-top:8px}.ticker{margin:38px 0;background:var(--ink);color:var(--lime);overflow:hidden;padding:15px 0}.ticker span{display:block;white-space:nowrap;width:max-content;font-size:clamp(20px,3vw,40px);font-weight:800;letter-spacing:-.04em;animation:marquee 35s linear infinite}.ticker[aria-hidden=true]{user-select:none}@keyframes marquee{to{transform:translateX(-50%)}}.wrap{max-width:1120px;margin:auto;padding:90px 30px}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.smallhead{font-size:clamp(38px,5vw,65px);letter-spacing:-.055em;line-height:1.04;margin:0}.copy{max-width:680px}.copy p:first-child{margin-top:0}.numberline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d9cf;border:1px solid #d8d9cf;border-radius:20px;overflow:hidden;margin-top:60px}.numberline div{background:var(--paper);padding:30px}.numberline strong{font-size:52px;letter-spacing:-.06em;display:block}.numberline p{margin:2px 0;font-size:14px}.dark{background:#161814;color:#f8f8f0}.dark .muted{color:#b9bdb1}.dark h2{max-width:800px}.stages{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stage{padding:24px;border:1px solid #4b5145;border-radius:18px;min-height:190px}.stage i{font-style:normal;color:var(--lime);font-size:12px;letter-spacing:.14em}.stage h3{font-size:25px;letter-spacing:-.04em;line-height:1.1}.example{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:40px}.example>div{padding:28px;border-radius:16px;background:#efede4}.example .after{background:var(--lime)}.example small{font-weight:800;letter-spacing:.12em}.example strong{display:block;font-size:25px;line-height:1.25;letter-spacing:-.04em;margin-top:20px}.tip{border-left:4px solid var(--orange);padding:4px 0 4px 20px;margin:34px 0;color:#4e5147}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.step{padding:20px 0;border-top:1px solid #c9cbbd}.step b{font-size:22px;letter-spacing:-.03em}.step p{margin:.5em 0}.lab{background:#ecefe0;border-radius:25px;padding:clamp(24px,4vw,50px);margin-top:40px}.lab textarea{display:block;width:100%;min-height:120px;background:#fff;border:1px solid #868b78;border-radius:14px;padding:18px;resize:vertical}.lab-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.metrics{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:bold}.lab-note{font-size:13px;color:#555a4d}.lab-status{min-height:1.6em;font-size:14px}.guide{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ced0c4;border:1px solid #ced0c4;border-radius:18px;overflow:hidden;margin-top:35px}.guide article{background:var(--paper);padding:28px}.guide h3{margin:0;font-size:22px}.faq details{border-top:1px solid #bec1b4;padding:20px 0}.faq summary{font-size:19px;font-weight:700;cursor:pointer}.cta{background:var(--lime);border-radius:24px;padding:clamp(30px,6vw,70px);margin-top:80px}.cta h2{max-width:750px}.cta .button{background:var(--ink);color:white}.sources{border-top:1px solid #c4c7b9;margin-top:75px;padding-top:20px;font-size:12px;line-height:1.55;color:#565b4e}.sources h2{font-size:15px;color:var(--ink)}.sources li{margin:8px 0}.footer{background:var(--ink);color:white;padding:35px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}.stamp{transform:none}}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:45px 22px 25px;gap:25px}.hero h1{font-size:clamp(52px,13vw,76px)}.hero-art img{aspect-ratio:1.4}.stamp{left:12px;bottom:25px}.wrap{padding:65px 22px}.intro,.split{grid-template-columns:1fr;gap:28px}.numberline,.stages{grid-template-columns:1fr}.numberline{margin-top:35px}.example,.guide{grid-template-columns:1fr}.barlinks>a:not(.button){display:none}.barlinks{gap:8px}.bar .button{padding:9px 13px;font-size:12px}.ticker{margin:20px 0}.section-title{font-size:52px}.cta{margin-top:45px}}
.hidden-page .ticker span{animation-play-state:paused}
@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.stage i{display:inline-block;animation:tag-enter linear both;animation-timeline:view();animation-range:entry 5% entry 70%}@keyframes tag-enter{from{opacity:.45;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}}}
.research{background:#e8eadf}.lede-small{max-width:760px;font-size:20px;color:#4a4d43}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:42px}.research-grid article{background:var(--paper);border-radius:16px;padding:30px}.research-grid .index{color:#9b4c36;font-size:11px;font-weight:bold;letter-spacing:.12em}.research-grid h3{font-size:26px;line-height:1.1;letter-spacing:-.04em;margin:18px 0}.research-grid p{font-size:15px;line-height:1.65}.research-foot{font-size:12px;color:#555a4d;margin-top:23px}.walkthrough{margin-top:35px;border:1px solid #d2d4c8;border-radius:18px;overflow:hidden}.walk-head,.walk-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 28px}.walk-head{background:var(--ink);color:var(--lime);font-size:11px;font-weight:bold;letter-spacing:.12em}.walk-row{background:#fffef9;border-bottom:1px solid #ddd}.walk-row p{margin:5px 0;font-size:15px}.walk-result{padding:30px;background:var(--lime)}.walk-result small{display:block;font-size:11px;font-weight:bold;letter-spacing:.12em}.walk-result strong{display:block;font-size:clamp(22px,3vw,34px);line-height:1.2;letter-spacing:-.04em;margin-top:15px}.measure{margin-top:80px;padding:clamp(25px,5vw,50px);background:#e8eadf;border-radius:24px}.measure-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.measure-steps>div{border-top:2px solid var(--ink);padding-top:15px}.measure-steps strong{font-size:12px;letter-spacing:.08em}.measure-steps p{font-size:14px}.measure-note{padding:20px;background:#fffef9;border-left:4px solid var(--orange);font-size:15px}.checklist{margin-top:85px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.checklist fieldset{border:0;padding:0;margin:0}.checklist label{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #cdd0c3;line-height:1.4}.checklist input{accent-color:#547408;min-width:21px;min-height:21px;align-self:flex-start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.research-grid,.checklist,.measure-steps{grid-template-columns:1fr}.research-grid article{padding:24px}.walk-head{display:none}.walk-row{grid-template-columns:1fr;gap:12px;padding:20px}.checklist{gap:20px}.measure{margin-top:55px}.measure-steps{gap:5px}}

/* A compact, legible first screen with clear next actions. */
.hero{padding:clamp(2.2rem,4vw,3.8rem) 30px 2.5rem;gap:clamp(1.5rem,3vw,3rem);align-items:center}.hero h1{font-size:clamp(2.8rem,4.4vw,4.75rem);line-height:1.06;letter-spacing:-.045em;max-width:12ch;text-wrap:balance;margin:1.2rem 0}.hero .lead{font-size:clamp(1.1rem,1rem + .7vw,1.3rem);line-height:1.55;max-width:46ch;text-wrap:pretty}.hero-art img{aspect-ratio:1.3;max-height:31rem;object-fit:cover}.hero-actions,.cta-actions{display:flex;align-items:center;gap:1rem 1.3rem;flex-wrap:wrap}.read-link,.inline-link{font-size:.9rem;font-weight:700;text-underline-offset:4px}.hero-note{font-size:.8rem;color:#555a4d;margin:.8rem 0 0}.inline-cta{max-width:1060px;margin:0 auto 4rem;padding:0 30px}.inline-cta>div{padding:clamp(1.5rem,3vw,2.5rem);background:#e9ede0;border:1px solid #cbd3bf;border-radius:1.2rem}.inline-cta h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);letter-spacing:-.04em;line-height:1.15;margin:.65rem 0}.inline-cta p{max-width:65ch;margin:.4rem 0 1.3rem}.inline-cta small{display:block;color:#51574d;margin-top:1rem;line-height:1.4}.cta .inline-link{color:var(--ink)}
@media(max-width:760px){.hero{padding:2.3rem 22px 1.5rem;gap:1.5rem}.hero h1{font-size:clamp(2.65rem,8vw,3.8rem);max-width:13ch}.hero-art img{aspect-ratio:1.5;max-height:20rem}.inline-cta{padding:0 22px;margin-bottom:3rem}.cta-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.bar{padding:10px 12px;gap:8px}.bar .brand{font-size:1.05rem;white-space:nowrap}.barlinks{gap:6px}.bar .motion-toggle{font-size:.65rem;padding:8px;white-space:nowrap}.bar .button{font-size:.65rem;padding:9px 10px;white-space:nowrap}}
@media(max-width:360px){.bar .brand{font-size:.95rem}.barlinks{gap:4px}.bar .motion-toggle{font-size:.6rem;padding:7px}.bar .button{font-size:.6rem;padding:8px 7px}}