:root{--bg:#f9f9ff;--card:#fff;--tile:#f0f3ff;--text:#1e293b;--text-2:#64748b;--text-3:#94a3b8;--border:#e2e8f0cc;--peach:#ff8a65;--peach-soft:#fff3ec;--mint:#48bb78;--mint-soft:#edfdf2;--sky:#4299e1;--sky-soft:#ebf8ff;--lavender:#9f7aea;--lavender-soft:#f3eefb;--brand-gradient:linear-gradient(120deg, #ff8b55 0%, #ff5d86 20%, #c64bc7 43%, #7966d5 62%, #42b9cf 82%, #3ed7b7 100%);--shadow-1:0 4px 18px -2px #1e293b0d, 0 2px 6px -1px #1e293b08;--shadow-2:0 10px 30px -4px #1e293b17, 0 4px 12px -2px #1e293b0a;--shadow-phone:0 40px 80px -20px #46327859, 0 18px 40px -16px #1e293b33;--radius-card:24px;--radius-tile:16px;--gutter:20px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1320;--card:#171e2e;--tile:#1f2840;--text:#e8edf7;--text-2:#a3b0c5;--text-3:#6f7d94;--border:#94a3b824;--peach:#ff9a7a;--peach-soft:#2e1f1d;--mint:#5ccb8b;--mint-soft:#172a22;--sky:#5aaaf0;--sky-soft:#15253a;--lavender:#b394f0;--lavender-soft:#241e38;--shadow-1:0 4px 18px -2px #0000004d;--shadow-2:0 10px 30px -4px #0006;--shadow-phone:0 40px 80px -20px #000000b3;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.55;overflow-x:hidden}img,svg{display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;line-height:1.12}h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800}h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}p{text-wrap:pretty}.container{width:100%;max-width:1160px;padding:0 var(--gutter);margin:0 auto}.narrow{max-width:820px}.icon{flex-shrink:0;width:1.25em;height:1.25em}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--lavender);margin-bottom:14px;font-size:.75rem;font-weight:700}.lead{color:var(--text-2);max-width:38rem;font-size:1.15rem}.peach-text{color:var(--peach)}.mint-text{color:var(--mint)}.sky-text{color:var(--sky)}.lavender-text{color:var(--lavender)}.peach-soft{background:var(--peach-soft)}.mint-soft{background:var(--mint-soft)}.sky-soft{background:var(--sky-soft)}.lavender-soft{background:var(--lavender-soft)}.btn{background:var(--peach);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 26px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px -4px #ff8a6566}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-small{height:40px;padding:0 18px;font-size:.9rem}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-1)}.store-badge{background:var(--text);height:52px;color:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 18px;font-weight:700;line-height:1.1;transition:transform .2s;display:inline-flex}.store-badge:hover{transform:translateY(-1px)}.store-badge .icon{width:24px;height:24px}.store-badge span{flex-direction:column;font-size:1.05rem;display:flex}.store-badge small{opacity:.75;font-size:.68rem;font-weight:500}.nav{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.nav-links{color:var(--text-2);gap:28px;font-size:.95rem;font-weight:600;display:flex}.nav-links a:hover{color:var(--text)}.hero{padding:56px 0 72px;position:relative;overflow:hidden}.glow{filter:blur(90px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}.glow-a{background:var(--peach);opacity:.22;width:520px;height:520px;top:-160px;right:-120px}.glow-b{background:var(--lavender);opacity:.18;width:460px;height:460px;bottom:-200px;left:-160px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.hero-copy h1{margin-bottom:22px;font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.08}.hero-copy h1 .line{white-space:nowrap;display:block}@media (width<=420px){.hero-copy h1 .line{white-space:normal;display:inline}}.hero-ctas{flex-wrap:wrap;gap:12px;margin:34px 0 26px;display:flex}.hero-facts{color:var(--text-2);flex-wrap:wrap;gap:8px 22px;font-size:.92rem;font-weight:600;display:flex}.hero-facts li{align-items:center;gap:6px;display:flex}.hero-facts .icon{color:var(--mint);width:18px;height:18px}.hero-visual{flex-direction:column;align-items:center;display:flex}.visual-caption{color:var(--text-3);margin-top:16px;font-size:.78rem}.phone{width:320px;box-shadow:var(--shadow-phone);background:linear-gradient(145deg,#2a3142,#11151f);border-radius:54px;padding:11px;transform:rotate(-2deg)}.phone-screen{color:#1e293b;background:#f9f9ff;border-radius:44px;flex-direction:column;gap:10px;height:640px;padding:52px 14px 0;font-size:12px;display:flex;position:relative;overflow:hidden}.island{background:#0b0d12;border-radius:20px;width:96px;height:28px;margin-left:-48px;position:absolute;top:11px;left:50%}.app-top{justify-content:space-between;align-items:flex-end;padding:0 4px 2px;display:flex}.app-date{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:9px;font-weight:700}.app-hello{font-size:19px;font-weight:800}.app-pill,.app-chip{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:700}.app-pill{color:#2f855a;background:#edfdf2}.app-chip{color:#4a5b7a;background:#f0f3ff}.mint-chip{color:#2f855a;background:#edfdf2}.app-card{background:#fff;border-radius:20px;padding:12px;box-shadow:0 4px 18px -2px #1e293b0f}.app-card-head,.app-row-head{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.app-row-head strong{font-size:15px}.app-row-head em,.app-tile em{color:#64748b;font-size:10px;font-style:normal;font-weight:500}.ring{width:140px;height:140px;margin:8px auto 10px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:11px;stroke-linecap:round}.ring-track.mint{stroke:#48bb7829}.ring-track.peach{stroke:#ff8a6529}.ring-bar.mint{stroke:#48bb78}.ring-bar.peach{stroke:#ff8a65}.ring-bar{stroke-dasharray:0 100;transition:stroke-dasharray 1.6s cubic-bezier(.22,1,.36,1)}.is-visible .ring-bar{stroke-dasharray:var(--p) 100}.ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-label small{color:#64748b;font-size:9px;font-weight:600}.ring-label strong{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.05}.app-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-tile{border-radius:14px;padding:9px 10px}.app-tile small{text-transform:uppercase;letter-spacing:.04em;color:#475569;font-size:9px;font-weight:700}.app-tile strong{font-size:16px;font-weight:800;display:block}.app-tile.peach-soft{background:#fff3ec}.app-tile.mint-soft{background:#edfdf2}.dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dot.peach{background:#ff8a65}.dot.mint{background:#48bb78}.app-row{flex-direction:column;gap:8px;display:flex}.app-row .sky-text{color:#4299e1}.bar{background:#eef2fa;border-radius:999px;height:8px;overflow:hidden}.bar span{border-radius:999px;width:0;height:100%;transition:width 1.4s cubic-bezier(.22,1,.36,1) .3s;display:block}.is-visible .bar span{width:var(--w)}.bar .sky{background:#4299e1}.bar .lavender{background:#9f7aea}.water-btns{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.water-btns span{text-align:center;color:#2b6cb0;background:#ebf8ff;border-radius:999px;padding:7px 0;font-size:10.5px;font-weight:700}.water-btns .on{color:#fff;background:#4299e1}.app-note{color:#64748b;font-size:10.5px;font-weight:600}.tabbar{backdrop-filter:blur(20px);background:#ffffffe0;border-radius:999px;justify-content:space-around;align-items:center;height:52px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 30px -4px #1e293b1f}.tabbar span{background:#e2e8f0;border-radius:7px;width:20px;height:20px}.tabbar .on{background:#ff8a65}.tabbar .plus{color:#fff;text-align:center;background:#ff8a65;border-radius:50%;width:38px;height:38px;font-size:22px;font-weight:600;line-height:38px;box-shadow:0 8px 20px -4px #ff8a6580}.formula{width:calc(100% - 2 * var(--gutter));max-width:calc(1160px - 2 * var(--gutter));border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px;padding:36px 0;display:flex}.formula-line{align-items:flex-start;gap:18px;display:flex}.term{flex-direction:column;gap:4px;display:flex}.term strong{letter-spacing:-.03em;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;line-height:1}.term span{color:var(--text-3);font-size:.82rem}.term.peach strong{color:var(--peach)}.term.mint strong{color:var(--mint)}.op{color:var(--text-3);font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:400;line-height:1}.formula-aside{max-width:30ch;color:var(--text-2);font-size:.95rem;line-height:1.55}.formula-aside b{font-weight:700}@media (width<=560px){.formula-line{flex-wrap:wrap;gap:12px 14px}}.section{padding:96px var(--gutter)}.section.container{padding-left:var(--gutter);padding-right:var(--gutter)}.section-head{margin-bottom:48px}.section-head h2{max-width:44rem;margin-bottom:16px}.split{grid-template-columns:260px 1fr;align-items:start;gap:56px;display:grid}.split-head{position:sticky;top:110px}.split-head h2{letter-spacing:-.02em;text-wrap:balance;margin-bottom:10px;font-size:1.6rem;font-weight:700}.split-head p{color:var(--text-2);font-size:.95rem;line-height:1.55}.split-list{border-top:1px solid var(--border)}.use{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr 300px;align-items:center;gap:24px;padding:28px 0;display:grid}.use-label{align-self:start;padding-top:3px;font-size:.85rem;font-weight:700}.use-label.peach{color:var(--peach)}.use-label.mint{color:var(--mint)}.use-label.sky{color:var(--sky)}.use-label.lavender{color:var(--lavender)}.use-copy h3{margin-bottom:6px}.use-copy p{color:var(--text-2);font-size:.95rem}.use-demo{font-size:.85rem}.demo-food,.demo-barcode,.demo-notif,.demo-trend{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-tile);padding:12px 14px}.demo-food{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-food strong{font-weight:600;display:block}.demo-food span{color:var(--text-2);font-variant-numeric:tabular-nums}.demo-stepper{background:var(--peach-soft);color:var(--peach);border-radius:999px;align-items:center;gap:10px;padding:4px;font-weight:700;display:flex}.demo-stepper span{background:var(--card);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.demo-stepper b{color:var(--text)}.demo-barcode{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.demo-bars{background:repeating-linear-gradient(90deg, var(--text) 0 2px, transparent 2px 4px, var(--text) 4px 5px, transparent 5px 8px, var(--text) 8px 11px, transparent 11px 13px);opacity:.85;grid-row:span 2;width:54px;height:38px}.demo-code{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:600}.demo-tag{background:var(--peach-soft);color:var(--peach);border-radius:999px;justify-self:start;padding:2px 8px;font-size:.75rem;font-weight:700}.demo-energy{white-space:nowrap;color:var(--text-2);flex-wrap:nowrap;align-items:baseline;gap:6px 10px;display:flex}.demo-energy b{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.demo-energy .mint-text b{color:var(--mint)}.demo-energy i{color:var(--text-3);font-style:normal}.demo-water{flex-wrap:nowrap;gap:6px;display:flex}.demo-water span{white-space:nowrap;background:var(--sky-soft);color:var(--sky);border-radius:999px;padding:7px 11px;font-weight:700}.demo-water .minus{border:1px solid var(--border);color:var(--text-2);background:0 0}.demo-trend svg{width:100%;height:56px;display:block}.demo-trend line{stroke:var(--lavender);stroke-width:2px;stroke-linecap:round;stroke-dasharray:4 5}.demo-trend circle{fill:var(--lavender)}.demo-trend span{color:var(--text-2);margin-top:6px;display:block}.demo-trend b{color:var(--text)}.demo-notif{background:color-mix(in srgb, var(--card) 88%, transparent);box-shadow:var(--shadow-2);align-items:flex-start;gap:10px;display:flex}.demo-notif img{border-radius:7px;flex-shrink:0}.demo-notif p{line-height:1.35}.demo-notif p:first-child{justify-content:space-between;gap:8px;display:flex}.demo-notif p:first-child span{color:var(--text-3);font-size:.75rem}.feature-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.feature-icon.big{border-radius:18px;width:60px;height:60px}.feature-icon.big .icon{width:28px;height:28px}.feature-icon.peach{background:var(--peach-soft);color:var(--peach)}.feature-icon.mint{background:var(--mint-soft);color:var(--mint)}.feature-icon.sky{background:var(--sky-soft);color:var(--sky)}.feature-icon.lavender{background:var(--lavender-soft);color:var(--lavender)}.mode-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.mode{padding:28px 28px 28px 0}.mode+.mode{border-left:1px solid var(--border);padding-left:28px}.mode-name{font-size:1rem;font-weight:700}.mode-figure{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:10px 0 12px;font-size:2.6rem;font-weight:800;line-height:1;display:flex}.mode-figure span{letter-spacing:0;color:var(--text-3);font-size:.85rem;font-weight:600}.mode-text{color:var(--text-2);font-size:.95rem}.mode-example{color:var(--text-2);margin-top:20px;font-size:.92rem}.mode-example b{color:var(--text);font-variant-numeric:tabular-nums}.rule{border-bottom:1px solid var(--border);grid-template-columns:170px 1fr;align-items:baseline;gap:24px;padding:26px 0;display:grid}.rule-figure{letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;font-size:2rem;font-weight:800;line-height:1;display:flex}.rule-figure span{letter-spacing:0;color:var(--text-3);font-size:.82rem;font-weight:600}.rule h3{margin-bottom:6px}.rule div p{color:var(--text-2);font-size:.95rem}.status{color:var(--text-3);margin-top:20px;font-size:.92rem;line-height:1.7}.status b{color:var(--text);font-weight:600}.path{grid-template-columns:repeat(7,1fr);margin-bottom:40px;display:grid;position:relative}.path:before{content:"";background:var(--brand-gradient);opacity:.55;border-radius:999px;height:4px;position:absolute;top:11px;left:7.14286%;right:7.14286%}.path li{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.path-node{background:var(--card);border:4px solid var(--lavender);border-radius:50%;width:26px;height:26px;margin-bottom:8px}.path li:first-child .path-node{border-color:var(--peach)}.path li:last-child .path-node{background:var(--brand-gradient);box-shadow:0 0 0 6px var(--lavender-soft);border:none}.path strong{font-size:.95rem}.path small{color:var(--text-3);font-size:.78rem;font-weight:600}.badge-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.badge{border-radius:var(--radius-tile);background:var(--card);border:1px solid var(--border);align-items:center;gap:12px;padding:14px;font-size:.93rem;font-weight:600;display:flex}.badge .feature-icon{border-radius:50%;width:40px;height:40px}.row{border-bottom:1px solid var(--border);grid-template-columns:260px 1fr;align-items:baseline;gap:24px;padding:24px 0;display:grid}.row p{color:var(--text-2);font-size:.95rem}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;padding:22px 40px 22px 0;font-size:1.05rem;font-weight:600;list-style:none;transition:color .15s ease-out;position:relative}.faq summary:hover{color:var(--peach)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-3);font-size:1.4rem;font-weight:400;transition:transform .2s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq details p{max-width:60ch;color:var(--text-2);padding-bottom:22px;font-size:.95rem}.final{text-align:center;color:#fff;background:linear-gradient(135deg,#ff8b55 0%,#ff5d86 22%,#c64bc7 45%,#7966d5 68%,#42b9cf 88%,#3ed7b7 100%);border-radius:36px;flex-direction:column;align-items:center;margin:40px 0 72px;padding:72px 24px;display:flex;position:relative;overflow:hidden}.final img{background:#fff;border-radius:22px;margin-bottom:26px;padding:12px;box-shadow:0 16px 40px -10px #0000004d}.final p{opacity:.95;max-width:32rem;margin:14px 0 30px;font-size:1.1rem}.store-badge.light{color:#1e293b;background:#fff}.footer{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:28px;padding-bottom:40px;font-size:.85rem;display:flex}.footer p:first-of-type{flex:1;min-width:260px}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.reveal.is-visible,.no-js .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.ring-bar,.bar span{transition:none}.reveal{opacity:1;transform:none}}@media (width<=1000px){.hero-grid{grid-template-columns:1fr;gap:56px}.hero-copy{text-align:center}.hero-copy .lead{margin:0 auto}.hero-ctas,.hero-facts{justify-content:center}.badge-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:32px}.split-head{position:static}}@media (width<=760px){.nav-links{display:none}.section{padding-top:72px;padding-bottom:72px}.mode-grid{grid-template-columns:1fr}.mode,.mode+.mode{border-left:0;padding:22px 0}.mode+.mode{border-top:1px solid var(--border)}.use,.rule{grid-template-columns:1fr;gap:10px}.row{grid-template-columns:1fr;gap:6px}.use-demo{max-width:320px;margin-top:6px}.path{grid-template-columns:1fr;gap:14px;padding-left:4px}.path:before{background:linear-gradient(#ff8b55 0%,#c64bc7 43%,#42b9cf 82%,#3ed7b7 100%);width:4px;height:auto;inset:12px auto 12px 15px}.path li{text-align:left;flex-direction:row;gap:12px}.path-node{margin-bottom:0}.phone{transform:none}}@media (width<=480px){body{font-size:16px}.badge-grid{grid-template-columns:1fr}.phone{width:290px}.phone-screen{height:590px}.hero-ctas>*{justify-content:center;width:100%}}