*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#17201d;background:#f7f8f5}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:76px;background:#f7f8f5;border-bottom:1px solid #e4e7e1;position:sticky;top:0;z-index:10}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope;font-weight:800;font-size:21px;display:flex;gap:8px;align-items:center}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#173c31;color:#d8ff65}.nav nav{display:flex;gap:30px;font-size:14px;color:#56615d}.nav nav a:hover{color:#173c31}.nav-cta{padding:11px 17px;border:1px solid #173c31;border-radius:10px;font-size:14px;font-weight:700}.hero{padding:90px 0 85px;background:radial-gradient(circle at 80% 30%,#e8f2d2,transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:80px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#62706b}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b7dd47;margin-right:8px}.hero h1{font:800 clamp(46px,6vw,74px)/.98 Manrope;margin:20px 0;color:#12211c;letter-spacing:-3px}.hero h1 em,h2 em{font-style:normal;color:#668d16}.hero-text{font-size:18px;line-height:1.7;color:#68736f;max-width:580px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:11px;font-weight:700;font-size:14px}.button.primary{background:#b9e54d;color:#132019;box-shadow:0 8px 25px #b9e54d33}.button.primary span{font-size:20px}.button.dark{background:#173c31;color:#fff;width:100%;justify-content:center;margin-top:25px}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid #87908b;padding-bottom:4px}.trust-row{display:flex;gap:18px;margin-top:32px;font-size:12px;color:#79837f}.hero-card{background:#fff;border:1px solid #e4e8e2;border-radius:22px;padding:28px;box-shadow:0 25px 70px #1b3b2a13;transform:rotate(1deg)}.card-top{display:flex;justify-content:space-between;font-size:13px;color:#75807b}.status{color:#698b25}.mini-number{font:800 40px Manrope;margin-top:38px}.mini-number small{font:500 13px "DM Sans";color:#7a8580}.mini-label{font-size:12px;color:#8b9490;margin-top:3px}.bars{height:90px;display:flex;flex-direction:column;justify-content:space-around;margin:25px 0}.bars div{height:8px;background:#edf0eb;border-radius:10px}.bars span{display:block;height:100%;background:#b9e54d;border-radius:10px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0eb;padding-top:18px}.mini-stats b{display:block;font-size:14px}.mini-stats small{font-size:11px;color:#89928e}.saving-pill{background:#f1f7df;border-radius:10px;padding:11px;margin-top:20px;font-size:12px;color:#64714d}.saving-pill strong{float:right;color:#41600e}.feature-strip{background:#fff;border-block:1px solid #e6e9e4}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature-grid>div{display:flex;gap:15px;padding:28px 25px;border-right:1px solid #e8ebe6}.feature-grid>div:last-child{border:0}.icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#edf4dc;display:grid;place-items:center;font-weight:800;color:#577719}.feature-grid h3{font-size:14px;margin:0 0 5px}.feature-grid p{font-size:12px;color:#7c8581;line-height:1.5;margin:0}.calculator-section,.saver-section{padding:100px 0}.section-heading{max-width:680px;margin-bottom:40px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font:800 42px/1.1 Manrope;letter-spacing:-1.8px;margin:12px 0}.section-heading p{color:#78817e;line-height:1.65}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #e1e5df;border-radius:18px;padding:30px}.inputs label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin:5px 0 12px}.inputs output{font-size:14px;color:#173c31}.inputs input[type=range]{width:100%;accent-color:#799e25}.range-labels{display:flex;justify-content:space-between;color:#a0a8a4;font-size:10px;margin:-3px 0 30px}.result{background:#173c31;color:#fff}.result-main{padding-bottom:25px;border-bottom:1px solid #ffffff20}.result-main small{color:#a8b7b1;font-size:12px}.result-main strong{display:block;font:800 48px Manrope;margin-top:8px;letter-spacing:-2px}.result-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff15;font-size:13px}.result-row span{color:#a8b7b1}.progress{height:9px;background:#456158;border-radius:20px;margin:25px 0 10px;overflow:hidden}.progress span{display:block;height:100%;background:#b9e54d}.legend{display:flex;justify-content:space-between;font-size:11px;color:#b3bfba}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.principal{background:#b9e54d}.interest-dot{background:#8da198}.dark-section{background:#142e26;color:#fff;padding:105px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.dark-section h2{font:800 44px/1.1 Manrope;letter-spacing:-1.8px;max-width:520px}.dark-section p{color:#afbbb6;line-height:1.75;max-width:510px}.eyebrow.light{color:#8e9e98}.freedom-input{margin-top:30px;max-width:350px}.freedom-input label{font-size:12px;color:#aab7b2;display:block;margin-bottom:8px}.freedom-input>div{display:flex;background:#204137;border:1px solid #35574c;border-radius:10px;overflow:hidden}.freedom-input span{padding:14px;color:#9eaca7}.freedom-input input{background:transparent;border:0;outline:0;color:#fff;font-size:16px;width:100%}.freedom-card{background:#fff;color:#163129;border-radius:20px;padding:36px;box-shadow:0 30px 80px #071b141c}.date-label{font-size:10px;letter-spacing:1.4px;color:#87928e;font-weight:800}.freedom-date{font:800 38px Manrope;margin:12px 0}.save-line{font-size:13px;color:#64706c}.save-line span{color:#6e971c;font-weight:800}.save-line strong{float:right;color:#6e971c}.timeline{height:10px;background:#edf0eb;border-radius:20px;margin:35px 0 8px;position:relative}.timeline div{position:absolute;left:0;top:0;width:75%;height:100%;background:#b9e54d;border-radius:20px}.timeline i,.timeline:before,.timeline:after{position:absolute;width:12px;height:12px;border-radius:50%;top:-1px;content:""}.timeline:before{left:0;background:#173c31}.timeline:after{right:0;background:#d9ded9}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#8b9691}.saver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.saver-card{background:#fff;border:1px solid #e1e5df;border-radius:17px;padding:28px}.saver-card.featured{background:#edf5dc;border-color:#dbe9bd}.saver-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f0f3ed;margin-bottom:30px}.saver-card small{display:block;font-size:10px;letter-spacing:1.3px;color:#78827e;font-weight:800}.saver-card strong{display:block;font:800 30px Manrope;margin:8px 0}.saver-card p{margin:0;color:#7b8581;font-size:12px}.tip{display:flex;gap:15px;margin:22px auto 0;max-width:600px;padding:18px 20px;background:#fff;border:1px solid #e2e6e0;border-radius:13px;font-size:12px;line-height:1.6;color:#6f7975}.tip span{font-size:20px}.cta-section{padding:30px 0 90px}.cta-box{background:#b9e54d;border-radius:22px;padding:45px 50px;display:flex;justify-content:space-between;align-items:center}.cta-box h2{font:800 34px/1.1 Manrope;margin:10px 0 0;letter-spacing:-1px}.cta-box .eyebrow{color:#48600e}.cta-box .button{background:#173c31;color:#fff}.cta-box .button.primary{box-shadow:none}footer{border-top:1px solid #e3e7e1;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#87918d}.footer-inner .brand{font-size:15px;color:#17201d}.footer-inner .brand-mark{width:25px;height:25px}@media(max-width:800px){.nav nav{display:none}.hero{padding:60px 0}.hero-grid,.calculator-grid,.split{grid-template-columns:1fr;gap:35px}.feature-grid,.saver-grid{grid-template-columns:1fr}.feature-grid>div{border-right:0;border-bottom:1px solid #e8ebe6}.hero h1{font-size:48px}.dark-section h2,.section-heading h2{font-size:35px}.cta-box{display:block;padding:35px}.cta-box .button{margin-top:25px}.footer-inner{flex-direction:column;gap:12px}.hero-card{transform:none}}