:root{--ink:#16281e;--paper:#f8faf7;--green:#236443;--lime:#d9f36c;--line:#d5ddd4;--muted:#516359}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Avenir Next',Avenir,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd5d20;outline-offset:4px}.skip{position:absolute;left:20px;top:-90px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 36px;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px;text-decoration:none}.signal{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);width:41px;height:41px;border-radius:50%;font-size:25px}nav{display:flex;gap:26px}nav a{font-size:14px;text-decoration:none;font-weight:600}main{padding:0 36px}h1,h2,h3{line-height:1.06;letter-spacing:-.055em;font-weight:650}h1{font-size:clamp(46px,6.3vw,82px);margin:22px 0 24px}h2{font-size:clamp(32px,3.5vw,44px);margin:0 0 18px}h3{font-size:28px;letter-spacing:-.035em;margin:12px 0}p{max-width:70ch}.kicker{font-size:13px;font-weight:650;letter-spacing:.015em;margin:0;color:var(--green)}.lede{font-size:20px;line-height:1.6;color:var(--muted);max-width:47ch}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding:80px 0 85px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:0;border-radius:5px;background:var(--ink);color:white;padding:15px 22px;text-decoration:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer}.button:hover{background:var(--green);color:white}.hero .button{margin-top:13px}.hero-note{background:var(--lime);padding:32px 34px;transform:rotate(3deg);border-radius:3px;box-shadow:12px 16px 0 #e5ebdf}.receipt-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;border-bottom:1px solid #6f8439;padding-bottom:20px}.receipt-top span:last-child{font-size:38px;line-height:1}.hero-note>p{font-size:36px;letter-spacing:-1.5px;font-weight:650;line-height:1.1;margin:31px 0 20px}.hero-note ul{padding:0;list-style:none;margin:0}.hero-note li{display:flex;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid #a6bd57;font-size:15px}.hero-note b{font-weight:500}.receipt-bottom{font-size:13px;margin-top:26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid var(--line);padding-top:33px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading p{margin:0;color:var(--muted);font-size:14px}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.guide{text-decoration:none;display:block}.guide:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.guide-copy{padding:23px 2px}.guide-copy p:not(.kicker){color:var(--muted);font-size:16px;margin:16px 0}.read{font-size:14px;font-weight:650}.art{height:228px;position:relative;overflow:hidden;display:grid;place-items:center}.lamp{background:#e8ede3}.lamp span{position:relative;width:140px;height:12px;border-radius:50%;background:#236443;transform:translateY(75px)}.lamp span:before{content:'';position:absolute;background:#236443;width:8px;height:100px;bottom:5px;left:70px;transform:rotate(15deg);transform-origin:bottom}.lamp span:after{content:'';position:absolute;width:95px;height:57px;bottom:90px;left:34px;border-radius:75px 75px 8px 8px;background:#236443;transform:rotate(-20deg);box-shadow:0 7px 0 #d9f36c}.bag{background:#e6eaf7}.bag span{width:110px;height:135px;background:#535f91;border-radius:30px 30px 20px 20px;position:relative;box-shadow:7px 7px 0 #c2c8e2}.bag span:before{content:'';position:absolute;left:33px;top:-17px;width:38px;height:26px;border:6px solid #535f91;border-radius:15px}.bag span:after{content:'';position:absolute;bottom:14px;left:18px;width:74px;height:52px;border-radius:8px;background:#aeb9db;border-top:5px solid #253053}.cost{background:#f1e5d6}.cost span{font-size:39px;font-weight:700;line-height:1.3;color:#835522;background:#fffaf0;transform:rotate(-8deg);width:132px;padding:12px 20px;box-shadow:8px 8px 0 #dfceb5}.tool-banner{background:var(--green);color:white;padding:45px;margin:55px 0 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.tool-banner p{max-width:55ch}.tool-banner .kicker{color:var(--lime);margin-bottom:16px}.tool-banner h2{max-width:17ch}.light{background:var(--lime);color:var(--ink);flex-shrink:0}.promise{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0}.promise p{margin-top:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:38px 36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px}footer nav{flex-wrap:wrap;max-width:460px;align-content:start;gap:15px 24px}footer p{font-size:14px;color:var(--muted)}footer .small{flex-basis:100%;margin:0}.article{max-width:780px;margin:60px auto 85px}.article h1{font-size:clamp(42px,5.4vw,68px)}.article h2{font-size:29px;letter-spacing:-.025em;margin:42px 0 15px}.article .lede{max-width:none}.byline,.small,.back{font-size:13px;color:var(--muted)}.back{display:inline-block;margin-bottom:30px}.byline{padding-bottom:24px;border-bottom:1px solid var(--line)}.article li{margin-bottom:10px}.table-wrap{overflow-x:auto;margin:28px 0}table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}caption{text-align:left;font-weight:650;margin-bottom:12px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 12px}th{background:#e8ede3}td:first-child{font-weight:600}.note{background:#e8ede3;padding:22px;margin-top:35px;font-size:15px}.wide{max-width:900px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:26px 0}fieldset{border:1px solid var(--line);padding:25px;background:white;min-width:0}legend{font-size:24px;font-weight:650;padding:0 10px}label{display:block;font-size:14px;margin-bottom:7px;font-weight:600}input{display:block;width:100%;padding:12px;border:1px solid #97a79a;border-radius:4px;font:inherit;color:var(--ink);background:white;margin-bottom:19px}.period input{max-width:180px}.period{margin-top:35px}output{display:block;margin:25px 0;padding:24px;background:var(--lime);font-size:19px;white-space:pre-line;line-height:1.7}button{font-family:inherit}.article a:not(.button){text-decoration-thickness:1px}@media(max-width:760px){header{padding:18px 22px;align-items:flex-start;flex-direction:column;gap:16px}nav{gap:20px;flex-wrap:wrap}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:45px;padding:42px 0 58px}.hero-note{transform:none;margin:0 8px 0 0}.hero h1{font-size:56px}.section-heading{display:block}.section-heading p{margin-top:15px}.guides{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:130px 1fr;gap:20px}.art{height:180px}.guide-copy{padding:0 0 20px}.guide h3{font-size:25px}.guide-copy p:not(.kicker){font-size:14px}.lamp span{transform:translateY(55px) scale(.7)}.bag span{transform:scale(.7)}.cost span{transform:rotate(-8deg) scale(.75)}.tool-banner{padding:28px;display:block;margin-top:35px}.tool-banner .button{margin-top:12px}.promise{grid-template-columns:1fr;gap:18px;padding:45px 0}.article{margin:40px auto 55px}.compare-grid{grid-template-columns:1fr}footer{padding:30px 22px}.lede{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}