@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700;800;900&display=swap";:root{--bg-primary: #02130c;--bg-secondary: #031f14;--bg-dark: #000000;--lime-400: #a3e635;--lime-300: #bef264;--emerald-950: #022c22;--emerald-900: #064e3b;--emerald-800: #065f46;--white: #ffffff;--text-white: var(--white);--text-white-80: rgba(255, 255, 255, .8);--text-white-70: rgba(255, 255, 255, .7);--text-white-65: rgba(255, 255, 255, .65);--text-white-55: rgba(255, 255, 255, .55);--text-white-45: rgba(255, 255, 255, .45);--glass-bg: rgba(255, 255, 255, .045);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(24px);--border-lime-subtle: rgba(163, 230, 53, .2);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-in-out;--max-width: 1280px;--header-height-large: 96px;--header-height-small: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:900;line-height:1.1;letter-spacing:-.02em}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--emerald-900);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--lime-400)}#progress{position:fixed;left:0;top:0;width:100%;height:4px;background:var(--lime-400);z-index:1000;transform-origin:0 50%;transform:scaleX(0)}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: scroll())){#progress{animation:grow-progress auto linear;animation-timeline:scroll()}@keyframes grow-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}}header{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--header-height-large);background:transparent;transition:var(--transition-smooth)}header.scrolled{height:var(--header-height-small);background:#02130cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000004d}.nav-container{max-width:var(--max-width);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-img{width:42px;height:42px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #a3e63533;transition:var(--transition-smooth)}.logo:hover .logo-img{transform:scale(1.05) rotate(3deg);box-shadow:0 6px 20px #a3e63559}.logo-text{font-size:1.5rem;font-weight:900;font-style:italic;color:var(--lime-400)}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-white-70);transition:var(--transition-fast);position:relative;padding:6px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--lime-400);transition:var(--transition-fast)}.nav-link:hover{color:var(--white)}.nav-link:hover:after{width:100%}.nav-cta{display:flex;align-items:center}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--white);cursor:pointer;padding:8px;z-index:1001}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#02130cfa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:990;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;opacity:0;pointer-events:none;transition:var(--transition-smooth)}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-menu .nav-link{font-size:1.5rem;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;font-weight:700;transition:var(--transition-smooth);cursor:pointer;border:none;text-align:center}.btn-primary{background:var(--lime-400);color:var(--emerald-950);box-shadow:0 0 40px #a3e63559}.btn-primary:hover{background:var(--lime-300);transform:translateY(-2px);box-shadow:0 0 50px #a3e63580}.btn-secondary{background:#ffffff0d;color:var(--white);border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-large{padding:16px 28px;font-size:1rem}.btn-compact{padding:10px 20px;font-size:.875rem}.btn svg{transition:transform .2s ease}.btn:hover svg{transform:translate(3px)}section{position:relative;padding:120px 24px}.section-badge{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:1px solid var(--border-lime-subtle);background:#a3e6351a;padding:8px 16px;font-size:.875rem;font-weight:600;color:var(--lime-300);margin-bottom:24px}.section-badge svg{color:var(--lime-300);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.hero-section{min-height:100vh;padding-top:calc(var(--header-height-large) + 40px);padding-bottom:80px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(132,204,22,.24),transparent 30%),radial-gradient(circle at 80% 40%,rgba(20,83,45,.55),transparent 30%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 46%,var(--bg-primary) 100%)}.hero-bg-glow{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);width:520px;height:520px;border-radius:50%;background:#a3e63514;filter:blur(80px);pointer-events:none;z-index:1}.hero-container{max-width:var(--max-width);margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative;z-index:2}.hero-subtag{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:1px solid var(--glass-border);background:#ffffff0d;padding:8px 16px;font-size:.875rem;font-weight:600;color:var(--text-white-80);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-bottom:24px}.hero-subtag svg{color:var(--lime-300)}.hero-title{font-size:4rem;line-height:1.05;margin-bottom:24px}.hero-title span{color:var(--lime-400);display:block}.hero-description{font-size:1.125rem;color:var(--text-white-70);max-width:600px;margin-bottom:36px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-proof-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px}.proof-card{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid var(--glass-border);padding:16px;border-radius:16px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-size:.875rem;color:var(--text-white-80)}.proof-card svg{color:var(--lime-300);flex-shrink:0}.hero-phone-image{max-width:100%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(163,230,53,.15));animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.5deg)}}.features-section{background:var(--bg-primary)}.features-container{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;max-width:720px;margin:0 auto 64px}.section-title{font-size:2.75rem;margin-bottom:16px}.section-title span{color:var(--lime-400)}.section-description{font-size:1.125rem;color:var(--text-white-65)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;padding:32px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);box-shadow:0 10px 40px #00000026}.feature-card:hover{transform:translateY(-6px);background:var(--glass-bg-hover);border-color:#ffffff2e}.feature-icon-wrapper{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:16px;background:#a3e6351f;color:var(--lime-300);margin-bottom:24px}.feature-card h3{font-size:1.25rem;font-weight:800;margin-bottom:12px}.feature-card p{color:var(--text-white-65);font-size:.95rem;line-height:1.6}.how-it-works-section{background:radial-gradient(circle at 20% 20%,rgba(132,204,22,.12),transparent 28%),radial-gradient(circle at 80% 65%,rgba(22,101,52,.28),transparent 32%),var(--bg-primary)}.how-it-works-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.how-it-works-left{display:flex;flex-direction:column;align-items:flex-start}.how-it-works-steps{display:grid;gap:20px}.step-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;padding:28px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.step-content{display:flex;gap:20px}.step-number{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:16px;background:var(--lime-400);color:var(--emerald-950);font-family:Outfit,sans-serif;font-weight:900;font-size:1.25rem;flex-shrink:0}.step-card h3{font-size:1.35rem;font-weight:800;margin-bottom:8px}.step-card p{color:var(--text-white-65);line-height:1.6}.apple-section{max-width:var(--max-width);margin:0 auto;padding:0 24px}.apple-banner{border-radius:40px;border:1px solid var(--border-lime-subtle);background:linear-gradient(135deg,#a3e63524,#ffffff0a,#022c2280);padding:64px;box-shadow:0 30px 60px #0000004d,0 0 50px #022c2233;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.apple-left h2{font-size:2.75rem;margin-bottom:16px}.apple-left h2 span{color:var(--lime-400)}.apple-left p{font-size:1.125rem;color:var(--text-white-65)}.apple-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.apple-card{border-radius:24px;border:1px solid var(--glass-border);background:#00000040;padding:24px;text-align:center;transition:var(--transition-smooth)}.apple-card:hover{transform:translateY(-4px);border-color:#a3e6354d}.apple-card svg{color:var(--lime-300);margin-bottom:16px;width:32px;height:32px}.apple-card p{font-weight:700}.privacy-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.privacy-banner{border-radius:40px;border:1px solid var(--glass-border);background:var(--glass-bg);padding:48px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.privacy-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:24px;background:#a3e6351f;color:var(--lime-300);margin-bottom:28px}.privacy-banner h2{font-size:2.75rem;margin-bottom:20px}.privacy-banner h2 span{color:var(--lime-400)}.privacy-banner p{font-size:1.125rem;color:var(--text-white-65)}.privacy-bullets{display:flex;flex-direction:column;gap:16px}.privacy-item{border-radius:24px;border:1px solid var(--glass-border);background:var(--glass-bg);padding:24px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;gap:16px}.privacy-item-icon{color:var(--lime-300);flex-shrink:0}.privacy-item h3{font-size:1.25rem;font-weight:800;margin-bottom:8px}.privacy-item p{color:var(--text-white-62);line-height:1.6}.interactive-section{background:radial-gradient(circle at 80% 20%,rgba(132,204,22,.08),transparent 30%),var(--bg-primary)}.interactive-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.interactive-left{display:flex;flex-direction:column;align-items:flex-start}.interactive-features-list{display:flex;flex-direction:column;gap:20px;margin-top:32px}.int-feature-item{display:flex;align-items:flex-start;gap:16px;font-size:1.05rem;color:var(--text-white-80)}.int-feature-dot{width:8px;height:8px;border-radius:50%;background:var(--lime-400);margin-top:10px;flex-shrink:0;box-shadow:0 0 8px var(--lime-400)}.interactive-right{display:flex;justify-content:center}.cta-section{max-width:var(--max-width);margin:0 auto;padding:40px 24px 80px}.cta-banner{border-radius:40px;border:1px solid var(--border-lime-subtle);background:linear-gradient(180deg,#a3e6352e,#ffffff0a);padding:64px 32px;text-align:center;box-shadow:0 30px 60px #a3e6350d}.cta-banner h2{font-size:3.5rem;margin-bottom:20px}.cta-banner p{font-size:1.125rem;color:var(--text-white-70);max-width:640px;margin:0 auto 36px}.cta-actions{display:flex;justify-content:center;margin-bottom:24px}.cta-banner h2 span{color:var(--lime-400)}.cta-meta{font-size:.875rem;color:var(--text-white-45)}.app-store-badge-link{display:inline-block;transition:var(--transition-smooth)}.app-store-badge-img{height:48px;width:auto;display:block}.app-store-badge-link:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 6px 20px rgba(163,230,53,.3))}footer{border-top:1px solid var(--glass-border);padding:40px 24px}.footer-container{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:20px;font-size:.875rem;color:var(--text-white-45)}.footer-top{display:flex;align-items:center;gap:12px}.footer-logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover}.footer-logo-text{font-weight:700;color:var(--text-white-70)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links{display:flex;gap:20px}.footer-link{transition:var(--transition-fast)}.footer-link:hover{color:var(--white)}.mockup-container{position:relative;max-width:360px;width:100%;margin:0 auto}.mockup-bg-blur{position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;border-radius:4rem;background:#a3e63533;filter:blur(48px);pointer-events:none}.phone-frame{position:relative;border-radius:3.2rem;border:1px solid rgba(255,255,255,.15);background:var(--bg-dark);padding:12px;box-shadow:0 25px 50px -12px #0009,0 0 60px #a3e6351a;overflow:hidden}.phone-screen{border-radius:2.6rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#121212 0%,#080808 60%,var(--bg-dark) 100%);padding:20px 20px 12px;color:var(--white);min-height:750px;display:flex;flex-direction:column;position:relative}.phone-notch{width:110px;height:24px;background:var(--bg-dark);border-radius:9999px;margin:-10px auto 16px;position:relative;z-index:10}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.screen-header-title{font-size:1.5rem;font-weight:900;letter-spacing:-.01em}.screen-mini-stats{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;background:#ffffff0f;border-radius:9999px;padding:4px 10px;border:1px solid rgba(255,255,255,.05)}.mini-stat-streak{color:#f87171}.mini-stat-water{color:#38bdf8}.status-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--lime-400);box-shadow:0 0 6px var(--lime-400)}.screen-badge-active{border-radius:9999px;background:#a3e63514;border:1px solid rgba(163,230,53,.25);padding:4px 10px;font-size:.68rem;font-weight:700;color:var(--lime-300);display:inline-flex;align-items:center;gap:6px;transition:var(--transition-smooth)}.screen-badge-active.stopped{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-white-55)}.screen-badge-active.stopped .status-indicator{background-color:var(--text-white-55);box-shadow:none}.screen-badge-active.eating{background:#38bdf814;border-color:#38bdf840;color:#38bdf8}.screen-badge-active.eating .status-indicator{background-color:#38bdf8;box-shadow:0 0 6px #38bdf8}.screen-badge-type{font-size:.72rem;font-weight:600;color:var(--text-white-45)}.panel{display:none;flex-direction:column;flex-grow:1}.panel.active{display:flex;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.timer-radial-container{position:relative;width:180px;height:180px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.timer-radial-container svg{transform:rotate(-90deg);width:100%;height:100%}.timer-radial-container circle{fill:none;stroke-width:12}.timer-radial-bg{stroke:#ffffff08}.timer-radial-progress{stroke:var(--lime-400);stroke-linecap:round;transition:stroke-dashoffset .35s ease;filter:drop-shadow(0 0 8px rgba(163,230,53,.5))}.timer-radial-progress.eating{stroke:#38bdf8;filter:drop-shadow(0 0 8px rgba(56,189,248,.5))}.timer-inner-content{position:absolute;text-align:center;z-index:2;width:80%}.timer-inner-label{font-size:.72rem;color:var(--text-white-55);margin-top:1px}.timer-inner-time{font-size:2.15rem;font-weight:900;font-family:Outfit,sans-serif;letter-spacing:-.02em;color:var(--white);line-height:1}.timer-inner-percent{font-size:.72rem;font-weight:700;color:var(--lime-300);margin-top:4px;transition:var(--transition-smooth)}.timer-windows{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:8px 0}.time-window-card{padding:4px 12px;text-align:center}.time-window-card .window-label{font-size:.65rem;color:var(--text-white-55);margin-bottom:1px}.time-window-card .window-time{font-size:.9rem;font-weight:700}.phase-badge{border-radius:9999px;background:#a3e6351f;padding:6px 14px;font-size:.78rem;font-weight:700;color:var(--lime-300);border:1px solid rgba(163,230,53,.15);box-shadow:0 0 10px #a3e6351a;transition:var(--transition-smooth)}.phase-badge.stopped{background:#ffffff0d;color:var(--text-white-55);border-color:#ffffff14;box-shadow:none}.phase-badge.eating{background:#38bdf81f;color:#38bdf8;border-color:#38bdf826;box-shadow:0 0 10px #38bdf81a}.mockup-control-btn{width:100%;padding:12px;border-radius:14px;font-weight:700;font-size:.875rem;cursor:pointer;border:none;transition:var(--transition-smooth);margin-bottom:12px;text-align:center}.mockup-control-btn.start{background:var(--lime-400);color:var(--emerald-950)}.mockup-control-btn.start:hover{background:var(--lime-300)}.mockup-control-btn.stop{background:#ffffff14;color:var(--lime-400);border:1px solid rgba(163,230,53,.15)}.mockup-control-btn.stop:hover{background:#a3e63526}.focus-today-card{background:#ffffff0d;border-radius:20px;padding:12px;display:flex;gap:12px;border:1px solid rgba(255,255,255,.05);align-items:flex-start;margin-top:auto}.focus-card-icon{width:36px;height:36px;border-radius:50%;background:#a3e6351f;color:var(--lime-300);display:flex;align-items:center;justify-content:center;flex-shrink:0}.focus-card-text{display:flex;flex-direction:column}.focus-card-lbl{font-size:.62rem;color:var(--text-white-55);font-weight:600}.focus-card-val{font-size:.82rem;font-weight:700;color:var(--white);margin-top:1px}.focus-card-desc{font-size:.68rem;color:var(--text-white-55);margin-top:1px;line-height:1.3}.plan-card{background:#ffffff08;border-radius:24px;border:1px solid rgba(255,255,255,.05);padding:16px;margin-bottom:12px}.plan-header{margin-bottom:16px}.plan-title-large{font-size:2.2rem;font-weight:900;color:var(--white);line-height:1.1;font-family:Outfit,sans-serif;letter-spacing:-.01em}.plan-subtitle-bold{font-size:.95rem;font-weight:800;color:var(--white);margin-top:2px}.plan-desc-muted{font-size:.72rem;color:var(--text-white-55)}.plan-settings-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05);margin-bottom:16px}.plan-card .plan-setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem;background:transparent;border-radius:0}.plan-row-lbl{color:var(--text-white-55);font-weight:500}.plan-row-val{color:var(--white);font-weight:700}.plan-row-val.select-time{cursor:pointer;display:flex;align-items:center;gap:4px}.pencil-icon{font-size:.7rem}.plan-window-stepper{display:flex;align-items:center;gap:12px}.stepper-hours-val{font-size:.75rem;text-align:right;line-height:1.1}.stepper-hours-val strong{font-size:.95rem;font-weight:800;color:var(--white)}.stepper-hours-val small{color:var(--text-white-55);display:block}.stepper-controls{display:inline-flex;align-items:center;background:#ffffff0f;border-radius:9999px;padding:4px 12px;border:1px solid rgba(255,255,255,.05);gap:6px}.stepper-btn{background:none;border:none;color:var(--white);font-size:.95rem;font-weight:800;cursor:pointer;padding:0 4px;transition:var(--transition-fast)}.stepper-btn:hover{color:var(--lime-300);transform:scale(1.1)}.stepper-divider{color:#ffffff26;font-size:.75rem}.next-fast-countdown-box{text-align:center;margin-bottom:16px}.countdown-box-lbl{font-size:.85rem;font-weight:800;color:var(--white)}.countdown-box-sub{font-size:.65rem;color:var(--text-white-55)}.countdown-box-time{font-size:2.1rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--white);letter-spacing:-.01em;margin-top:2px;line-height:1}.plan-start-btn{width:100%;padding:12px;border-radius:14px;font-weight:700;font-size:.875rem;cursor:pointer;border:none;background:linear-gradient(135deg,var(--lime-400) 0%,#65a30d 100%);color:var(--white);box-shadow:0 4px 15px #a3e63533;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth)}.plan-start-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a3e63559}.daily-tip-card{background:#ffffff08;border-radius:20px;padding:12px;border:1px solid rgba(255,255,255,.05);margin-top:auto}.daily-tip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.daily-tip-lbl{font-size:.72rem;color:var(--text-white-55);font-weight:600}.daily-tip-glass-img{font-size:1.1rem}.daily-tip-text{font-size:.7rem;color:var(--text-white-80);line-height:1.35}.timeline-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.timeline-item{display:flex;gap:12px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:17px;top:36px;bottom:-16px;width:2px;background:#ffffff14}.timeline-bullet{width:36px;height:36px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-white-55);flex-shrink:0;border:1px solid var(--glass-border);transition:var(--transition-smooth)}.timeline-item.active .timeline-bullet{background:var(--lime-400);color:var(--emerald-950);border-color:var(--lime-400);box-shadow:0 0 10px #a3e63566}.timeline-item.completed .timeline-bullet{background:var(--emerald-900);color:var(--lime-400);border-color:var(--lime-400)}.timeline-info{display:flex;flex-direction:column;justify-content:center}.timeline-title{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:6px}.timeline-time{font-size:.7rem;color:var(--text-white-55);font-weight:400}.timeline-desc{font-size:.75rem;color:var(--text-white-55);margin-top:2px}.insights-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.insight-mini-card{background:#ffffff0d;border-radius:16px;padding:12px;text-align:center}.insight-val{font-size:1.25rem;font-weight:800;color:var(--lime-300)}.insight-lbl{font-size:.65rem;color:var(--text-white-55);margin-top:2px}.insight-graph-card{background:#ffffff0d;border-radius:20px;padding:14px;flex-grow:1;display:flex;flex-direction:column;margin-bottom:16px}.graph-title{font-size:.75rem;font-weight:700;color:var(--text-white-70);margin-bottom:12px}.graph-bars{display:flex;align-items:flex-end;justify-content:space-between;flex-grow:1;height:80px;padding:0 8px}.graph-col{display:flex;flex-direction:column;align-items:center;width:18px}.graph-bar{width:10px;background:var(--emerald-800);border-radius:4px;transition:height .6s cubic-bezier(.4,0,.2,1);min-height:4px}.graph-col.active .graph-bar{background:var(--lime-400);box-shadow:0 0 8px #a3e6354d}.graph-day{font-size:.6rem;color:var(--text-white-55);margin-top:6px}.insight-tip{font-size:.72rem;color:var(--text-white-70);background:#ffffff08;border-radius:12px;padding:10px;border-left:3px solid var(--lime-400)}.you-tracker-title{font-size:.9rem;font-weight:800;margin-bottom:12px}.hydration-widget{background:#ffffff0d;border-radius:20px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:16px}.hydration-circle-wrap{position:relative;width:80px;height:80px;flex-shrink:0}.hydration-circle-wrap svg{transform:rotate(-90deg);width:100%;height:100%}.hydration-circle-bg{stroke:var(--emerald-950)}.hydration-circle-progress{stroke:#38bdf8;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.hydration-percentage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800}.hydration-info{display:flex;flex-direction:column}.hydration-amount{font-size:1.15rem;font-weight:800}.hydration-target{font-size:.7rem;color:var(--text-white-55)}.hydration-btn{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.2);padding:6px 12px;border-radius:10px;font-size:.72rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);margin-top:6px;align-self:flex-start}.hydration-btn:hover{background:#38bdf840;transform:translateY(-1px)}.mockup-stat-card{background:#ffffff0d;border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.mockup-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-stat-icon.streak{background:#ef444426;color:#f87171}.mockup-stat-icon.sleep{background:#818cf826;color:#a5b4fc}.mockup-stat-lbl{font-size:.65rem;color:var(--text-white-55)}.mockup-stat-val{font-size:.85rem;font-weight:700}.nutrition-card{background:#ffffff0d;border-radius:16px;padding:12px;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.05)}.nut-card-icon{font-size:1.5rem;flex-shrink:0}.nut-card-title{font-size:.82rem;font-weight:700}.nut-card-desc{font-size:.68rem;color:var(--text-white-55);line-height:1.3;margin-top:1px}.settings-list{display:flex;flex-direction:column;gap:10px}.setting-row{background:#ffffff0d;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.setting-toggle{width:36px;height:20px;border-radius:9999px;background:#ffffff26;position:relative;cursor:pointer;transition:var(--transition-smooth)}.setting-toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--white);left:2px;top:2px;transition:var(--transition-smooth)}.setting-toggle.active{background:var(--lime-400)}.setting-toggle.active:after{left:18px}.screen-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:8px 4px 4px}.tab-btn{background:none;border:none;color:var(--text-white-45);font-size:.56rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:var(--transition-fast);padding:6px 8px;border-radius:14px;flex:1;min-width:0}.tab-btn svg{width:16px;height:16px}.tab-btn.active{color:var(--lime-300);background:#ffffff0f}.tab-btn.active svg{color:var(--lime-300)}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes reveal-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{animation:reveal-up auto linear forwards;animation-timeline:view();animation-range:entry 5% cover 30%}}}.reveal-init{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal-visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:48px;text-align:center}.hero-title{font-size:3.25rem}.hero-description,.hero-actions,.hero-proof-points{margin-left:auto;margin-right:auto;justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.how-it-works-container{grid-template-columns:1fr;gap:48px}.how-it-works-left{align-items:center;text-align:center}.apple-banner{grid-template-columns:1fr;padding:48px 32px}.privacy-container{grid-template-columns:1fr}.interactive-container{grid-template-columns:1fr;gap:48px;text-align:center}.interactive-left{align-items:center}}@media (max-width: 768px){header{height:var(--header-height-small);background:#02130cb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.nav-links,.nav-cta{display:none}.mobile-nav-toggle{display:block}.hero-title{font-size:2.75rem}.features-grid,.apple-grid{grid-template-columns:1fr}.cta-banner h2{font-size:2.5rem}}@media (max-width: 480px){.hero-title{font-size:2.25rem}.hero-proof-points{grid-template-columns:1fr}.step-content{flex-direction:column;align-items:center;text-align:center}.apple-banner,.privacy-banner{padding:32px 20px}.cta-banner{padding:40px 16px}}