@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--ink:#173127;--muted:#718078;--line:#dfe9e3;--green:#27885d;--green-dark:#165e41;--soft:#eef7f1;--bg:#fbfcfa;--white:#fff;--blue:#587bc9;--orange:#ca7a1d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,system-ui,sans-serif}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-family:Manrope,sans-serif;letter-spacing:-.045em;margin:0}.page{min-height:100vh}.nav-shell{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(251,252,250,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,233,227,.78)}.nav{max-width:1180px;margin:auto;height:74px;padding:0 24px;justify-content:space-between}.brand,.nav{display:flex;align-items:center}.brand{gap:8px;font-family:Manrope;font-weight:800;font-size:21px}.brand small{font-size:13px;color:#8a9891;margin-left:-4px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#e3f3e9;color:var(--green);display:grid;place-items:center}.nav-links{display:flex;gap:28px;color:#64736b;font-size:14px;font-weight:700}.mobile-menu{display:none;border:0;background:transparent;color:var(--ink)}.hero{max-width:1180px;margin:auto;padding:78px 24px 54px;display:grid;grid-template-columns:1.02fr .98fr;grid-gap:54px;gap:54px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#708079}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#52b47a;box-shadow:0 0 0 5px rgba(82,180,122,.12);margin-right:8px}.hero h1{font-size:clamp(46px,6vw,75px);line-height:1.02;margin-top:15px}.hero h1 span{color:var(--green)}.hero-text{max-width:610px;font-size:17px;line-height:1.76;color:#68766f;margin:22px 0 30px}.selector-card{position:relative;width:max-content;display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px 12px 16px;box-shadow:0 16px 35px rgba(27,64,47,.06)}.label{font-size:11px;color:#89958f;margin-bottom:4px}.area-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font-weight:800;color:var(--ink)}.area-dot{width:8px;height:8px;border-radius:50%;background:#52b47a}.area-menu{position:absolute;left:15px;top:74px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 36px rgba(30,56,43,.12);z-index:10}.area-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 12px;border-radius:9px}.area-menu button:hover{background:#edf7f0}.selector-divider{width:1px;height:38px;background:var(--line)}.day-tabs{display:flex;gap:4px}.day-tabs button{border:0;background:transparent;color:#87938d;padding:9px 12px;border-radius:10px;font-weight:800}.day-tabs button.active{color:var(--green-dark);background:#eaf6ef}.hero-visual{position:relative;min-height:410px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(72,157,111,.15),rgba(72,157,111,.02) 66%,transparent 67%)}.price-orb{position:relative;width:298px;height:298px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e5f4ea,#f8fbf9);border:1px solid #cfe4d8;box-shadow:inset 0 1px 0 #fff,0 28px 60px rgba(33,95,61,.12)}.orb-top{font-size:10px;letter-spacing:.16em;font-weight:800;color:#668074}.orb-price{font-family:Manrope;font-size:32px;font-weight:800;margin-top:8px}.orb-sub{gap:5px;margin-top:10px;color:#527160;font-size:12px}.floating-card,.orb-sub{display:flex;align-items:center}.floating-card{position:absolute;gap:10px;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 13px;box-shadow:0 18px 34px rgba(29,69,49,.08)}.floating-card span,.floating-card strong{display:block}.floating-card strong{font-size:12px;margin-bottom:3px}.floating-card div span{font-size:12px;color:#68766f}.top-card{top:42px;right:0}.bottom-card{bottom:24px;left:12px}.icon-box{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}.icon-box.green{background:#e7f5ec;color:var(--green)}.icon-box.blue{background:#ecf1fb;color:var(--blue)}.section{max-width:1180px;margin:auto;padding:76px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:38px;margin-top:10px}.update-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;color:#6f7c76}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:18px}.stat-card{display:flex;gap:13px;align-items:flex-start;padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.stat-icon.green{background:#e7f5ec;color:var(--green)}.stat-icon.blue{background:#ecf1fb;color:var(--blue)}.stat-icon.orange{background:#fcf0df;color:var(--orange)}.stat-label{font-size:12px;color:#7d8983}.stat-value{font-family:Manrope;font-size:21px;font-weight:800;margin-top:3px}.stat-extra{font-size:12px;color:#8c9792;margin-top:3px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 20px 14px}.chart-top{display:flex;align-items:flex-start;justify-content:space-between;padding:3px 2px 14px}.chart-top h3{font-size:20px}.chart-top p{font-size:13px;color:#87928c;margin:6px 0 0}.legend{display:flex;align-items:center;gap:7px;font-size:12px;color:#78857f}.legend span{width:8px;height:8px;border-radius:50%;background:#6bb48d}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:16px;gap:16px}.feature-card{display:flex;gap:16px;min-height:205px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:22px}.feature-card.featured{background:linear-gradient(135deg,#eff8f2,#f9fcfa);border-color:#d6e8dc}.feature-icon{width:42px;height:42px;flex:none;border-radius:13px;background:#def1e6;color:var(--green);display:grid;place-items:center}.feature-icon.blue{background:#eaf0fd;color:var(--blue)}.feature-card h3{font-size:23px;margin-top:8px}.feature-card p{font-size:14px;color:#728078;line-height:1.65;max-width:560px}.big-range{font-family:Manrope;font-size:31px;font-weight:800;color:var(--green-dark);margin:14px 0 8px}.text-btn{border:0;background:transparent;color:var(--green);font-size:13px;font-weight:800;padding:0}.app-banner{position:relative;overflow:hidden;min-height:510px;padding:48px 46px 0;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#133d2b,#1f6748);border-radius:30px;color:#fff}.app-copy{position:relative;z-index:2;padding:24px 0}.app-copy h2{font-size:49px;margin-top:12px}.app-copy p{max-width:510px;color:#dbece2;font-size:16px;line-height:1.72;margin:18px 0 26px}.app-actions{display:flex;gap:10px;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;padding:10px 14px;border-radius:13px}.store-button small{display:block;font-size:9px;opacity:.76;text-align:left}.store-button span:last-child{font-size:14px;font-weight:800}.store-icon{font-size:21px}.phone-wrap{position:relative;z-index:3;display:flex;align-items:end;justify-content:center}.phone{position:relative;width:275px;height:512px;transform:translateY(32px);overflow:hidden;border:solid #162b22;border-width:8px 8px 10px;border-radius:37px 37px 0 0;background:#0e1f18;box-shadow:0 24px 70px rgba(0,0,0,.3)}.phone-notch{position:absolute;z-index:4;left:50%;top:0;transform:translateX(-50%);width:108px;height:23px;border-radius:0 0 18px 18px;background:#162b22}.phone-screen{height:100%;padding:28px 15px 18px;background:#f8fbf9;color:var(--ink)}.mini-brand{display:flex;align-items:center;gap:6px;margin:6px 0 19px;font-family:Manrope;font-size:12px;font-weight:800}.mini-brand .brand-mark{width:22px;height:22px;border-radius:7px}.mini-card{padding:15px;background:linear-gradient(135deg,#e3f3e9,#f6fbf7);border:1px solid #d4e8db;border-radius:16px}.mini-label{font-size:10px;color:#7d8b84}.mini-time{font-family:Manrope;font-size:23px;font-weight:800;margin-top:6px}.mini-save{font-size:11px;color:#4f7a62;margin-top:6px}.mini-device{display:grid;grid-template-columns:30px 1fr 20px;grid-gap:8px;gap:8px;align-items:center;margin-top:8px;padding:12px;background:#fff;border:1px solid #e4ece7;border-radius:14px}.mini-device>span:first-child{font-size:19px}.mini-device b{font-size:11px;display:block}.mini-device small{font-size:9px;color:#87928d;display:block;margin-top:2px}.ok{color:#2e9561;font-weight:800}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:start}.info-grid h2{font-size:44px;max-width:610px;margin-top:10px}.info-grid>div>p{font-size:15px;line-height:1.8;color:#73817a;max-width:610px;margin-top:18px}.info-list{display:grid;grid-gap:12px;gap:12px}.info-row{display:flex;gap:14px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:17px}.info-row-icon{width:36px;height:36px;flex:none;border-radius:11px;background:#edf7f1;color:var(--green);display:grid;place-items:center}.info-row h4{font-size:15px}.info-row p{font-size:13px;line-height:1.55;color:#78847e;margin:4px 0 0}footer{margin-top:40px;background:#fff;border-top:1px solid var(--line)}.footer-inner{max-width:1180px;margin:auto;min-height:90px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#8a948f;font-size:12px}@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:54px}.hero-visual{min-height:360px}.app-banner,.feature-grid,.info-grid,.stat-grid{grid-template-columns:1fr}.app-banner{padding:42px 26px 0}.phone-wrap{min-height:470px}.info-grid{gap:34px}}@media(max-width:620px){.nav{height:66px;padding:0 16px}.hero,.section{padding-left:16px;padding-right:16px}.hero h1{font-size:44px}.selector-card{width:100%;justify-content:space-between}.section-heading{flex-direction:column;align-items:flex-start}.price-orb{width:262px;height:262px}.floating-card{min-width:165px}.top-card{right:0}.bottom-card{left:0}.app-copy h2{font-size:39px}.info-grid h2{font-size:34px}.footer-inner{min-height:100px;padding:16px;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px}}