:root{--bg:#f7fbf9;--surface:#fff;--text:#233236;--text-heading:#111f26;--muted:#5f7379;--border-soft:#d8e8e2;--font-sans:"Manrope", "Segoe UI", sans-serif;--font-display:"Plus Jakarta Sans", "Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;line-height:1.45;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:0}body:before{background:radial-gradient(circle at 0 0,#0e99751f,#0000 34%)}body:after{background:radial-gradient(circle at 100% 0,#2c7ac114,#0000 30%)}#root{min-height:100svh}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-family:var(--font-display)}.page{width:100%;max-width:1140px;margin:0 auto;padding:1.2rem 1rem 3rem}.header{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.logo{align-items:center;gap:.72rem;display:flex}.logo-mark{color:#fff;letter-spacing:.03em;background:linear-gradient(140deg,#0f8d6d 0%,#38b78f 55%,#0b6f59 100%);border-radius:.75rem;place-items:center;width:2.35rem;height:2.35rem;font-size:.79rem;font-weight:800;display:inline-grid;box-shadow:0 12px 22px #107d633d}.logo-text{font-family:var(--font-display);color:var(--text-heading);font-size:1.35rem;font-weight:700}.store-links{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.store-badge{aspect-ratio:3;box-sizing:border-box;background:0 0;border:0;justify-content:center;align-items:center;width:144px;height:48px;padding:0;text-decoration:none;transition:transform .2s;display:inline-flex}.store-badge:hover{transform:translateY(-2px)}.store-badge img{object-fit:fill;width:100%;height:100%;display:block}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:1.2rem;padding:2.5rem 0 1.2rem;display:grid}.hero-content{animation:.5s ease-out both rise}.eyebrow{color:#0b7d60;background:#e6f8f1;border-radius:999px;align-items:center;margin-bottom:.7rem;padding:.28rem .62rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.03em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.03}.hero-subtitle{color:var(--muted);max-width:54ch;margin-top:1rem;font-size:1.07rem}.hero-visual{aspect-ratio:1;border:1px solid var(--border-soft);background:radial-gradient(circle at 20% 18%,#f7fff9 0%,#e3f7ed 44%,#d2f1e4 100%);border-radius:1.55rem;justify-self:end;place-items:center;width:min(470px,100%);display:grid;overflow:hidden;box-shadow:0 22px 42px #1a615021}.hero-visual img{filter:drop-shadow(0 16px 26px #17433a33);max-width:84%;height:auto}.calculator,.how-it-works,.footer{border:1px solid var(--border-soft);background:var(--surface);border-radius:1.15rem;margin-top:1.3rem;padding:1.25rem;box-shadow:0 10px 28px #11354212}.calculator h2,.how-it-works h2{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.35rem,2.6vw,1.65rem)}.calculator-grid{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.field{background:#f8fcfb;border:1px solid #dfefe8;border-radius:.95rem;flex-direction:column;gap:.5rem;padding:.95rem;display:flex}.field>span{color:#5a6f73;font-weight:600}.field strong{color:var(--text-heading);font-size:1.15rem}input[type=range]{accent-color:#129775;width:100%}.payment-box{background:linear-gradient(150deg,#ecfcf6 0%,#e1f7ef 100%);border:1px solid #c2ebdb;border-radius:.95rem;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;margin-top:1rem;padding:1rem;display:flex}.payment-box span{color:#3f5f5e;font-weight:600}.payment-box strong{color:#0c6c54;overflow-wrap:anywhere;font-size:1.25rem}.calculator-note{color:var(--muted);margin-top:.75rem;font-size:.9rem}.how-it-works ol{gap:.62rem;margin:0;padding-left:1.2rem;display:grid}.how-it-works li{line-height:1.5}.company-details p{margin:.35rem 0}.legal-links{flex-wrap:wrap;gap:1rem;margin-top:.85rem;display:flex}.legal-links a{color:#0d7f63;font-weight:700;text-decoration:none}.legal-links a:hover{text-decoration:underline}.footer-disclaimer{color:var(--muted);margin-top:1rem;font-size:.86rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.header{flex-direction:column;align-items:flex-start}.store-links{justify-content:flex-start;width:100%}.hero{grid-template-columns:1fr;padding-top:1.45rem}.hero-visual{justify-self:stretch;width:100%}.calculator-grid{grid-template-columns:1fr}.payment-box{flex-direction:column;align-items:flex-start}}