@import "tailwindcss";
:root{--ink:#132b2a;--green:#126b58;--lime:#c9f064;--paper:#f6f4ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand>span:last-child span{color:var(--green)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);border-radius:11px;font-size:20px;transform:rotate(-4deg)}nav{display:flex;gap:34px;font-size:14px;font-weight:700}nav a:hover{color:var(--green)}.nav-cta,.primary-button{background:var(--ink);color:white;padding:13px 20px;border-radius:9px;font-weight:700;font-size:14px}.hero{min-height:590px;max-width:1180px;margin:0 auto;padding:72px 50px 84px;border-radius:30px;background:var(--green);color:white;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;position:relative}.hero:before{content:"";width:420px;height:420px;border:1px solid #ffffff1f;border-radius:50%;position:absolute;right:-60px;top:-130px;box-shadow:0 0 0 70px #ffffff09,0 0 0 140px #ffffff06}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--green);text-transform:uppercase;font-weight:800;letter-spacing:1.8px;font-size:12px}.hero .eyebrow{color:#e8ffd1;display:flex;align-items:center;gap:8px}.hero .eyebrow span{width:23px;height:23px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border-radius:50%}h1{margin:22px 0;font-size:clamp(52px,6vw,80px);letter-spacing:-4px;line-height:.96}h1 em{color:var(--lime);font-style:normal}.hero-intro{max-width:560px;color:#d9ebe6;font-size:18px;line-height:1.65}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:22px}.primary-button{background:var(--lime);color:var(--ink);padding:17px 22px}.primary-button span{margin-left:14px}.microcopy{color:#c5ddd7;font-size:13px}.hero-visual{height:400px;position:relative}.saving-card{position:absolute;width:330px;height:300px;top:40px;right:20px;background:white;color:var(--ink);border-radius:24px;padding:30px;transform:rotate(3deg);box-shadow:0 30px 70px #0000002e}.small-label{font-size:13px;color:#71817e;font-weight:700}.saving-card strong{display:block;margin:14px 0 26px;font-size:48px;letter-spacing:-2px}.saving-card strong span{font-size:15px;color:#71817e;letter-spacing:0}.bars{height:80px;display:flex;align-items:end;gap:11px;border-bottom:1px solid #e5ece9;padding:0 4px 8px}.bars i{width:32px;background:#dceae5;border-radius:6px 6px 0 0}.bars i:nth-child(1){height:32%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:70%;background:#8dcf86}.bars i:nth-child(5){height:95%;background:var(--lime)}.trend{display:block;font-size:12px;color:var(--green);font-weight:800;margin-top:21px}.float-card{position:absolute;z-index:2;background:white;color:var(--ink);padding:14px 18px;border-radius:14px;box-shadow:0 12px 35px #00000029;display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.35}.float-card b:first-child{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eff9d5;color:var(--green)}.float-card strong{font-size:11px;color:#7a8986}.float-one{left:5px;top:35px;transform:rotate(-5deg)}.float-two{right:0;bottom:10px;transform:rotate(4deg)}.comparison-section{max-width:1180px;margin:0 auto;padding:105px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{font-size:42px;letter-spacing:-1.8px;margin:9px 0 0}.section-heading>p{color:#677774;max-width:340px;line-height:1.6}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{min-height:170px;padding:25px;background:white;border:1px solid #e8e5db;border-radius:18px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;transition:.2s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #132b2a14;border-color:#c7d9d2}.category-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:900}.mint{background:#dff2e9}.blue{background:#e0edfa}.coral{background:#fde6de}.yellow{background:#f8efc9}.lilac{background:#ebe4f6}.green{background:#e8f2d8}.category-card strong{display:block;font-size:19px;margin:4px 0 10px}.category-card small{color:#71817e;line-height:1.55;font-size:13px}.arrow{color:var(--green);font-size:20px}.trust{background:var(--ink);color:white;padding:64px max(24px,calc((100% - 1132px)/2))}.trust>p{color:var(--lime);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:800}.trust>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;gap:30px}.trust span{display:flex;gap:18px;align-items:center}.trust b{color:var(--lime);font-size:26px}footer{max-width:1180px;margin:auto;padding:35px 24px;display:flex;justify-content:space-between;font-size:12px;color:#687774}@media(max-width:820px){nav{display:none}.hero{margin:0 14px;padding:58px 28px;grid-template-columns:1fr}.hero-visual{height:330px}.saving-card{right:4%}.category-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.trust>div{grid-template-columns:1fr}}@media(max-width:560px){.nav-cta{display:none}.site-header{height:72px}.hero{padding:48px 22px}h1{font-size:50px;letter-spacing:-3px}.hero-actions{align-items:start;flex-direction:column}.hero-visual{height:300px}.saving-card{width:280px;height:270px;padding:24px}.float-one{display:none}.category-grid{grid-template-columns:1fr}.comparison-section{padding:75px 18px}.section-heading h2{font-size:36px}.trust{padding-top:50px;padding-bottom:50px}footer{flex-direction:column;gap:10px}}