:root{--page-bg:radial-gradient(circle at 10% 10%,#edf8fff2 0%,transparent 28%),radial-gradient(circle at 92% 12%,#fff6dfe6 0%,transparent 26%),linear-gradient(180deg,#f6fbff 0%,#fffcf4 34%,#fff 72%,#fbfffe 100%);--surface:#ffffffd6;--surface-strong:#fffffff0;--surface-border:#121f1d14;--surface-border-strong:#121f1d1f;--text-muted:#5c6b68;--text-strong:#101f1b;--teal-strong:#177d72;--teal-soft:#2a9d8f1a;--warm-soft:#ffd8942e;--shadow-soft:0 24px 60px #101f1b14;--shadow-pop:0 32px 80px #101f1b24;--demo-bg:#0f1720;--demo-bg-soft:#152231;--demo-surface:#1a293a;--demo-surface-soft:#213246;--demo-border:#ffffff14;--demo-text:#eef5ff;--demo-muted:#9cb0c9;--demo-accent:#2fb79d;--demo-accent-2:#f3a24a;--demo-danger:#ff8c6b}*{box-sizing:border-box}html,body{scroll-behavior:smooth;min-height:100%;margin:0;padding:0}body{background:var(--page-bg);color:var(--text-strong);font-family:var(--font-body),sans-serif;line-height:1.5}main{overflow:hidden}a{color:inherit;text-decoration:none}.header-link,.header-menu-trigger{color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-weight:700;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.header-link:hover,.header-menu-trigger:hover{color:var(--teal-strong);background:#177d7214}.header-link.active,.header-menu-trigger.active{color:var(--teal-strong);background:#177d7224;box-shadow:inset 0 0 0 1px #177d721a}.header-link.mobile{width:100%}.header-link.mobile.service{padding-left:18px}.header-menu-dropdown{border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5}.section-kicker{color:var(--teal-strong);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.hero-visual-shell{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;overflow:visible}.hero-nutrition-demo{min-height:560px;padding:18px 0 8px;position:relative}.hero-tilt-stage{perspective:1400px;padding:10px 14px 18px 4px}.hero-tilt-screen{--tilt-rotate-x:0deg;--tilt-rotate-y:0deg;--tilt-shine-x:50%;--tilt-shine-y:24%;border:1px solid var(--demo-border);min-height:520px;color:var(--demo-text);transform:rotateX(var(--tilt-rotate-x))rotateY(var(--tilt-rotate-y));transform-style:preserve-3d;will-change:transform;background:linear-gradient(#152231fa,#0c121a),radial-gradient(circle at 16% 12%,#2fb79d1a,#0000 30%);border-radius:34px;padding:18px;transition:transform .16s ease-out;position:relative;box-shadow:0 40px 90px #090f1638,inset 0 1px #ffffff0f}.hero-tilt-screen:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--tilt-shine-x)var(--tilt-shine-y),#ffffff29,transparent 28%),linear-gradient(135deg,#ffffff0a,transparent 48%);pointer-events:none;position:absolute;inset:0}.hero-single-layout{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:18px;min-height:0;margin-top:14px;display:grid;position:relative}.hero-single-photo,.hero-single-insights{border:1px solid var(--demo-border);background:linear-gradient(#182534f5,#101923fa),radial-gradient(circle at 12% 12%,#2fb79d14,#0000 30%);border-radius:28px;min-height:0;padding:16px;animation:.9s both riseFade;position:relative;overflow:hidden;transform:translateZ(28px)}.hero-single-photo:before,.hero-single-insights:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000 45%);position:absolute;inset:0}.hero-photo-frame{z-index:1;background:radial-gradient(circle at 50% 35%,#ffffff29,#0000 34%),linear-gradient(#1a293af5,#121c27fa);border:1px solid #ffffff0f;border-radius:28px;min-height:324px;position:relative;overflow:hidden;transform:translateZ(38px)}.hero-photo-plate{background:radial-gradient(circle at 35% 35%,#f6a854e6,#f6a8542e 24%,#0000 25%),radial-gradient(circle at 62% 58%,#fff1abeb,#fff1ab2e 24%,#0000 25%),radial-gradient(circle at 72% 32%,#58c9a0f2,#58c9a033 22%,#0000 23%),linear-gradient(#f4f8fbf0,#d8e4eedb);border-radius:28px;position:absolute;inset:48px 34px 34px;box-shadow:inset 0 8px 24px #ffffff38}.hero-photo-garnish{opacity:.9;border-radius:999px;position:absolute}.hero-photo-garnish.garnish-a{background:linear-gradient(135deg,#f1ad54f2,#bf7429eb);width:88px;height:54px;top:86px;left:76px}.hero-photo-garnish.garnish-b{background:linear-gradient(135deg,#faea90f5,#dbbc4de6);width:94px;height:58px;top:158px;left:168px}.hero-photo-garnish.garnish-c{background:radial-gradient(circle,#63d4abfa,#26856cf0);width:72px;height:72px;top:92px;right:82px}.hero-photo-scanline{background:linear-gradient(90deg,#0000,#62f2df,#0000);border-radius:999px;height:3px;animation:2.8s ease-in-out infinite barcodeSweep;position:absolute;top:34px;left:28px;right:28px;box-shadow:0 0 18px #62f2dfcc}.hero-photo-target{border:1px solid #62f2df8f;border-radius:18px;width:54px;height:54px;position:absolute;box-shadow:inset 0 0 0 1px #62f2df24}.hero-photo-target:before,.hero-photo-target:after{content:"";background:#62f2dfb3;position:absolute}.hero-photo-target:before{height:1px;top:50%;left:10px;right:10px}.hero-photo-target:after{width:1px;top:10px;bottom:10px;left:50%}.hero-photo-target.target-a{top:78px;left:62px}.hero-photo-target.target-b{bottom:56px;right:90px}.hero-photo-caption{z-index:1;color:#bff7ee;background:linear-gradient(135deg,#2fb79d47,#2fb79d1f);border:1px solid #2fb79d33;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:14px;padding:9px 12px;font-size:.8rem;font-weight:700;display:inline-flex;position:relative;transform:translateZ(42px)}.hero-ai-chip{color:#bff7ee;background:linear-gradient(135deg,#2fb79d47,#2fb79d1f);border:1px solid #2fb79d33;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:9px 12px;font-size:.8rem;font-weight:700;display:inline-flex;transform:translateZ(38px)}.hero-nutrition-kcal,.hero-nutrition-grid,.hero-nutrition-footer,.hero-ai-chip{z-index:1;animation:.9s both riseFade;position:relative}.hero-nutrition-kcal{background:linear-gradient(135deg,#2fb79d38,#182b3afa);border-radius:24px;margin-top:10px;padding:18px;transform:translateZ(34px)}.hero-nutrition-kcal strong{letter-spacing:-.06em;font-size:2.4rem;line-height:1;display:block}.hero-nutrition-kcal span,.hero-nutrition-grid span,.hero-nutrition-footer-row span{color:var(--demo-muted);font-size:.82rem}.hero-nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid;transform:translateZ(28px)}.hero-nutrition-grid div,.hero-nutrition-footer-row{background:#1a293af0;border:1px solid #ffffff0f;border-radius:20px;padding:14px}.hero-nutrition-grid strong,.hero-nutrition-footer-row strong{margin-top:6px;font-size:1.06rem;display:block}.hero-nutrition-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid;transform:translateZ(24px)}.hero-product-demo{min-height:540px;padding-top:30px;padding-bottom:18px;position:relative}.hero-demo-glow{filter:blur(12px);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.hero-demo-glow.glow-a{background:#2fb79d29;width:140px;height:140px;animation:7s ease-in-out infinite orbFloat;top:24px;left:10px}.hero-demo-glow.glow-b{background:#f3a24a29;width:180px;height:180px;animation:8.5s ease-in-out infinite reverse orbFloat;bottom:28px;right:18px}.hero-floating-pill{z-index:3;color:var(--demo-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1720e0;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:absolute;box-shadow:0 16px 36px #080c112e}.hero-floating-pill.pill-top{animation:.9s .2s both riseFade,6.6s ease-in-out 1.2s infinite pillFloat;top:12px;left:50%;transform:translate(-50%)}.hero-floating-pill.pill-bottom{animation:.9s .4s both riseFade,5.8s ease-in-out 1s infinite pillFloat;bottom:8px;right:22px}.hero-demo-panels{z-index:2;grid-template-columns:minmax(0,1.08fr) 72px minmax(0,.92fr);align-items:end;gap:20px;min-height:540px;padding-top:44px;display:grid;position:relative}.hero-demo-panel.flow{animation:.9s 80ms both riseFade,7.6s ease-in-out 1.05s infinite panelFloat}.hero-demo-panel.dashboard{animation:.9s .28s both riseFade,8s ease-in-out 1.25s infinite reverse panelFloat}.hero-demo-link{flex-direction:column;align-items:center;gap:10px;animation:.9s .45s both riseFade;display:flex;position:relative}.hero-demo-link-line{background:linear-gradient(#2fb79d47,#f3a24a4d);border-radius:999px;width:3px;height:220px;position:relative;overflow:hidden}.hero-demo-link-line:after{content:"";background:linear-gradient(#2fb79df5,#f3a24aeb);border-radius:999px;width:14px;height:38px;animation:2.8s ease-in-out infinite syncDrop;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #2fb79d52}.hero-demo-link-pulse{background:radial-gradient(circle,#2fb79d80,#2fb79d1a);border-radius:50%;width:38px;height:38px;animation:2.5s ease-out infinite pulseRing;box-shadow:0 0 #2fb79d3d}.hero-demo-link-label{letter-spacing:.2em;text-transform:uppercase;color:var(--teal-strong);font-size:11px;font-weight:800}.hero-flow-shell{align-items:stretch;min-height:470px;display:flex;position:relative}.hero-flow-stack{grid-template-rows:auto 16px auto;gap:0;width:100%;display:grid}.hero-flow-divider{width:100%}.hero-flow-shell .mock-capture-shell,.hero-flow-shell .mock-phone-shell,.hero-flow-shell .mock-phone-shell.compact{min-height:0}.mock-capture-shell{border:1px solid var(--demo-border);min-height:100%;color:var(--demo-text);background:linear-gradient(#152231f5,#0c121afa),radial-gradient(circle at 12% 12%,#2fb79d14,#0000 30%);border-radius:30px;padding:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #090f1642}.mock-capture-shell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000 45%);position:absolute;inset:0}.mock-capture-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.mock-capture-card,.mock-capture-footer{z-index:1;animation:.9s both riseFade;position:relative}.mock-capture-card{background:var(--demo-surface);border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;gap:6px;padding:14px;display:flex}.mock-capture-card.accent{background:linear-gradient(135deg,#2fb79d42,#182b3afa)}.mock-capture-card strong{letter-spacing:-.03em;font-size:1rem;line-height:1.1}.mock-capture-card span,.mock-capture-footer span{color:var(--demo-muted);font-size:.8rem}.mock-capture-icon{color:#dffbf5;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mock-capture-footer{background:linear-gradient(135deg,#f3a24a2e,#152231f5);border:1px solid #f3a24a2e;border-radius:18px;align-items:center;gap:10px;width:100%;margin-top:14px;padding:12px 14px;display:inline-flex}.mock-phone-shell,.mock-dashboard-shell,.mock-plan-shell,.mock-reminders-shell,.mock-barcode-shell,.mock-achievements-shell{border:1px solid var(--demo-border);min-height:100%;color:var(--demo-text);background:linear-gradient(#152231f5,#0c121afa),radial-gradient(circle at 12% 12%,#2fb79d14,#0000 30%);border-radius:30px;padding:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #090f1642}.mock-phone-shell:before,.mock-dashboard-shell:before,.mock-plan-shell:before,.mock-reminders-shell:before,.mock-barcode-shell:before,.mock-achievements-shell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000 45%);position:absolute;inset:0}.mock-phone-shell.compact,.mock-dashboard-shell.compact,.mock-plan-shell.compact,.mock-reminders-shell.compact,.mock-barcode-shell.compact,.mock-achievements-shell.compact{min-height:300px}.mock-surface-header{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex;position:relative}.mock-surface-title{color:var(--demo-text);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.mock-surface-status{background:var(--demo-accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #2fb79d24}.mock-surface-status.accent{background:var(--demo-accent-2);box-shadow:0 0 0 6px #f3a24a29}.mock-chat-body{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.mock-bubble,.mock-nutrition-card,.mock-summary-card,.mock-chart-card,.mock-metrics-card,.mock-plan-ribbon,.mock-plan-card,.mock-plan-timeline,.mock-plan-footer,.mock-reminder-toast,.mock-barcode-preview,.mock-product-card,.mock-product-total,.mock-achievement-hero,.mock-achievement-grid,.mock-achievement-toast{animation:.9s both riseFade}.delay-1{animation-delay:.12s!important}.delay-2{animation-delay:.24s!important}.delay-3{animation-delay:.36s!important}.delay-4{animation-delay:.48s!important}.delay-5{animation-delay:.6s!important}.mock-bubble{background:var(--demo-surface);max-width:84%;color:var(--demo-text);border:1px solid #ffffff0f;border-radius:18px;padding:12px 14px;font-size:.9rem;line-height:1.35}.mock-bubble.user{background:linear-gradient(135deg,#2fb79d47,#2fb79d24);align-self:flex-end}.mock-bubble.assistant{align-self:flex-start}.mock-bubble.assistant.accent{background:linear-gradient(135deg,#f3a24a38,#2fb79d29)}.mock-nutrition-card{background:linear-gradient(#192737f5,#131e2bfa),linear-gradient(135deg,#2fb79d1f,#0000);border:1px solid #2fb79d2e;border-radius:22px;padding:14px}.mock-nutrition-head{color:#b9f4ea;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:inline-flex}.mock-progress-stack{flex-direction:column;gap:10px;display:flex}.mock-progress-row,.mock-meter-row{color:var(--demo-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.mock-progress-track,.mock-meter-track,.mock-plan-footer-track{background:#ffffff14;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.mock-progress-fill,.mock-meter-fill,.mock-plan-footer-fill{border-radius:inherit;width:0;animation:2.2s cubic-bezier(.2,.7,.2,1) .55s forwards meterGrow;position:absolute;inset:0 auto 0 0}.mock-progress-fill.protein,.mock-meter-fill.protein{background:linear-gradient(90deg,#32c6ab,#7be7d2);width:84%}.mock-progress-fill.fat{background:linear-gradient(90deg,#f1b15d,#ffd38c);width:61%}.mock-progress-fill.carbs{background:linear-gradient(90deg,#7aa7ff,#9dc8ff);width:72%}.mock-meter-fill.water{background:linear-gradient(90deg,#54d7ff,#8be6ff);width:60%}.mock-meter-fill.streak{background:linear-gradient(90deg,#f6a94f,#ffd188);width:88%}.mock-dashboard-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.mock-summary-card,.mock-chart-card,.mock-metrics-card,.mock-plan-card{background:var(--demo-surface);border:1px solid #ffffff0f;border-radius:22px;padding:14px}.mock-summary-card{flex-direction:column;gap:6px;display:flex}.mock-summary-card.accent{background:linear-gradient(135deg,#2fb79d42,#182b3afa)}.mock-summary-card strong,.mock-plan-card strong{letter-spacing:-.04em;font-size:1.3rem;line-height:1}.mock-summary-card span,.mock-plan-card span,.mock-chart-title{color:var(--demo-muted);font-size:.82rem}.mock-chart-card{flex-direction:column;gap:10px;display:flex}.mock-chart-svg{width:100%;height:118px;display:block}.mock-chart-path{stroke-dasharray:360;stroke-dashoffset:360px;animation:2.8s .75s forwards drawChart}.mock-chart-dot{fill:#fff;opacity:0;animation:.8s forwards dotAppear}.mock-chart-dot.dot-1{animation-delay:1.1s}.mock-chart-dot.dot-2{animation-delay:1.35s}.mock-chart-dot.dot-3{animation-delay:1.6s}.mock-metrics-card{flex-direction:column;gap:10px;display:flex}.mock-plan-shell{flex-direction:column;justify-content:center;gap:14px;display:flex}.mock-plan-ribbon{color:#b8f5ea;background:linear-gradient(135deg,#2fb79d42,#2fb79d1f);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.mock-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mock-plan-card.accent{background:linear-gradient(135deg,#f3a24a3d,#1a293afa)}.mock-plan-timeline{background:#1a293aeb;border:1px solid #ffffff0f;border-radius:26px;min-height:128px;padding:16px 8px 8px;position:relative}.mock-plan-line{background:#ffffff12;border-radius:999px;height:10px;position:absolute;top:58px;left:22px;right:22px;overflow:hidden}.mock-plan-line:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#2fb79deb,#f3a24ae6);width:68%;animation:3.4s ease-in-out infinite planFill;position:absolute;inset:0 auto 0 0}.mock-plan-node{min-width:72px;color:var(--demo-text);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-size:.78rem;font-weight:700;animation:3.4s ease-in-out infinite planNodePulse;display:inline-flex;position:absolute;top:24px;box-shadow:0 0 #2fb79d2e}.mock-plan-node.node-1{left:10px}.mock-plan-node.node-2{animation-delay:.35s;left:50%;transform:translate(-50%)}.mock-plan-node.node-3{animation-delay:.7s;right:10px}.mock-plan-footer{background:#182433f5;border:1px solid #ffffff0f;border-radius:22px;padding:14px}.mock-plan-footer-title{color:var(--demo-muted);margin-bottom:10px;font-size:.84rem}.mock-plan-footer-fill{background:linear-gradient(90deg,#32c6ab,#ffd188);width:74%}.mock-reminders-shell{flex-direction:column;justify-content:center;align-items:stretch;gap:14px;display:flex}.mock-barcode-shell,.mock-achievements-shell{flex-direction:column;justify-content:center;gap:14px;display:flex}.mock-barcode-preview,.mock-product-card,.mock-product-total,.mock-achievement-hero,.mock-achievement-grid,.mock-achievement-toast{z-index:1;position:relative}.mock-barcode-preview{background:linear-gradient(#192737f5,#131e2bfa),linear-gradient(135deg,#2fb79d1f,#0000);border:1px solid #2fb79d2e;border-radius:24px;padding:14px}.mock-barcode-frame{background:radial-gradient(circle at 50% 10%,#ffffff14,#0000 36%),linear-gradient(#080d12eb,#0f161ffa);border:1px solid #ffffff12;border-radius:18px;height:142px;position:relative;overflow:hidden}.mock-barcode-lines{opacity:.95;background:repeating-linear-gradient(90deg,#fffffff5 0 3px,#0000 3px 7px,#ffffffd1 7px 9px,#0000 9px 14px);border-radius:12px;position:absolute;inset:26px 20px}.mock-barcode-scanline{background:linear-gradient(90deg,#0000,#62f2df,#0000);border-radius:999px;height:2px;animation:2.8s ease-in-out infinite barcodeSweep;position:absolute;top:18px;left:10px;right:10px;box-shadow:0 0 18px #62f2dfcc}.mock-barcode-pill,.mock-achievement-toast{color:#bff7ee;background:linear-gradient(135deg,#2fb79d47,#2fb79d1f);border:1px solid #2fb79d33;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:12px;padding:9px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.mock-product-card,.mock-product-total,.mock-achievement-hero,.mock-achievement-grid{background:var(--demo-surface);border:1px solid #ffffff0f;border-radius:22px;padding:14px}.mock-product-head{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.mock-product-head strong{letter-spacing:-.03em;font-size:1.05rem}.mock-product-head span,.mock-product-total span{color:var(--demo-muted);font-size:.82rem}.mock-product-macros{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mock-product-macros div{text-align:center;background:#ffffff0a;border-radius:16px;padding:10px 8px}.mock-product-macros span{color:var(--demo-muted);margin-bottom:4px;font-size:.72rem;display:block}.mock-product-macros strong,.mock-product-total strong,.mock-achievement-hero strong{font-size:.94rem;line-height:1.2}.mock-product-total{background:linear-gradient(135deg,#f3a24a33,#182b3afa);flex-direction:column;gap:6px;display:flex}.mock-achievement-hero{background:radial-gradient(circle at 100% 0,#f3a24a38,#0000 40%),linear-gradient(#192737f5,#131e2bfa);justify-content:space-between;align-items:center;gap:16px;display:flex}.mock-achievement-hero span{color:var(--demo-muted);margin-bottom:6px;font-size:.78rem;display:block}.mock-achievement-ring{background:radial-gradient(circle at center,#0e161ff5 52%,transparent 53%),conic-gradient(#34c9b2 0 16%,#ffffff1a 16% 100%);color:#ebfffb;border-radius:50%;place-items:center;width:64px;height:64px;font-size:.78rem;font-weight:800;display:grid}.mock-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mock-achievement-medal{aspect-ratio:1;color:#f7fbff;background:radial-gradient(circle at 32% 30%,#ffffff52,#0000 28%),linear-gradient(#677790f5,#323f53fa);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 2px 4px #ffffff2e,inset 0 -6px 10px #0000003d,0 16px 30px #070c122e}.mock-achievement-medal.unlocked{background:radial-gradient(circle at 32% 30%,#ffffff57,#0000 28%),linear-gradient(#2fb79dfa,#156f5afa)}.mock-achievement-medal.accent{background:radial-gradient(circle at 32% 30%,#ffffff57,#0000 28%),linear-gradient(#f3a24afa,#925d18fa)}.new-badge{box-shadow:0 10px 22px #f3a24a38}.mock-reminders-clock{background:radial-gradient(circle,#ffffff1a,#0000 40%),linear-gradient(#192737f2,#131e2bfa);border:1px solid #ffffff14;border-radius:50%;align-self:center;width:140px;height:140px;position:relative;box-shadow:inset 0 1px #ffffff0a}.clock-core{background:var(--demo-accent);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-hand{transform-origin:bottom;background:var(--demo-text);z-index:1;border-radius:999px;position:absolute;top:50%;left:50%}.hand-hour{width:6px;height:32px;margin-top:-32px;margin-left:-3px;animation:12s linear infinite handSpinHour}.hand-minute{width:4px;height:48px;margin-top:-48px;margin-left:-2px;animation:6s linear infinite handSpinMinute}.clock-ring{opacity:0;border:2px solid #2fb79d57;border-radius:50%;width:20px;height:20px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.clock-ring.ring-a{animation:2.4s ease-out infinite pingRing}.clock-ring.ring-b{animation:2.4s ease-out 1.2s infinite pingRing}.mock-reminder-toast{color:var(--demo-text);background:#1a293af5;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;display:inline-flex;box-shadow:0 14px 32px #080c111f}.mock-reminder-toast.accent{background:linear-gradient(135deg,#2fb79d42,#182433fa)}.mock-reminders-track{justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.mock-reminders-dot{background:#ffffff1f;border-radius:999px;width:10px;height:10px}.mock-reminders-dot.active{background:var(--demo-accent);box-shadow:0 0 0 4px #2fb79d24}.signal-card,.process-card,.timeline-card,.intent-card,.trust-card,.feature-card,.compare-card,.context-note,.seo-copy-band,.cta-band,.landing-footer{border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff2,#f9fcfbe6);position:relative;overflow:hidden}.signal-card:before,.process-card:before,.timeline-card:before,.intent-card:before,.trust-card:before,.feature-card:before,.compare-card:before,.seo-copy-band:before,.cta-band:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 22%,#ffffff7a 50%,#0000 78%);animation:10s ease-in-out infinite shimmerSweep;position:absolute;inset:0;transform:translate(-120%)}.intent-card,.seo-copy-band{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cookie-banner{z-index:60;border:1px solid var(--surface-border-strong);max-width:560px;box-shadow:var(--shadow-pop);background:linear-gradient(#fffffff5,#f9fcfbf0);margin:0 auto;position:fixed;bottom:20px;left:20px;right:20px}.cookie-settings-button{z-index:55;border-color:var(--surface-border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);background:#ffffffeb;position:fixed;bottom:20px;right:20px}.signal-card:hover,.process-card:hover,.timeline-card:hover,.trust-card:hover,.feature-card:hover,.compare-card:hover{transition:transform .25s,box-shadow .25s;transform:translateY(-4px);box-shadow:0 28px 60px #101f1b1f}.process-card,.timeline-card,.trust-card,.compare-card,.feature-card{transition:transform .25s,box-shadow .25s}.process-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2a9d8f24,#0000 68%);border-radius:50%;width:170px;height:170px;animation:7.5s ease-in-out infinite orbFloat;position:absolute;inset:auto -44px -66px auto}.process-step{color:var(--teal-strong);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.context-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compare-card,.timeline-card,.trust-card{height:100%}.compare-media,.feature-media-shell{border:1px solid var(--surface-border);background:linear-gradient(#ffffffe0,#f8fdfbeb),linear-gradient(135deg,#2a9d8f14,#ffd89424);border-radius:24px;padding:12px;overflow:hidden}.feature-media-shell{min-height:420px}.compare-media{min-height:320px}.cta-band{background:linear-gradient(135deg,#e8fff9eb,#fff8dff2),linear-gradient(#fffffff2,#f9fcfbe6)}.landing-footer{border-top:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1}.link-card,.tool-shell,.tool-result-card,.macro-breakdown,.blog-card,.blog-feature-card,.article-shell{border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f8fcfaeb);position:relative;overflow:hidden}.link-card,.blog-card,.blog-feature-card{transition:transform .22s,box-shadow .22s;display:block}.blog-feature-media,.blog-card-media,.article-hero-image,.article-image-block img{border-radius:24px;overflow:hidden}.blog-feature-media img,.blog-card-media img,.article-hero-image img,.article-image-block img{object-fit:cover;width:100%;height:auto;display:block}.blog-feature-media{background:radial-gradient(circle at 100% 0,#2a9d8f2e,#0000 26%),linear-gradient(#fffffff5,#f4fbf9eb);min-height:320px}.blog-feature-media img{height:100%;min-height:320px}.blog-card-media{aspect-ratio:16/10;background:#101f1b0d;margin-bottom:4px}.blog-card-media img{height:100%}.link-card:hover,.blog-card:hover,.blog-feature-card:hover{transform:translateY(-4px);box-shadow:0 28px 60px #101f1b1f}.tool-shell:before,.blog-feature-card:before,.article-shell:before,.link-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 16%,#ffffff6b 50%,#0000 84%);animation:11s ease-in-out infinite shimmerSweep;position:absolute;inset:0;transform:translate(-120%)}.tool-result-card.highlighted{background:radial-gradient(circle at 100% 0,#2a9d8f29,#0000 26%),linear-gradient(#fffffffa,#f4fbf9eb);border-color:#177d722e}.tool-result-card.soft-empty{background:radial-gradient(circle at 100% 0,#ffd89433,#0000 26%),linear-gradient(#fffffffa,#fcf8f1f5)}.macro-bar-track{background:#101f1b14;border-radius:999px;height:14px;display:flex;overflow:hidden}.macro-bar-segment{height:100%}.macro-bar-segment.protein{background:linear-gradient(90deg,#2fb79d,#1a8f7e)}.macro-bar-segment.fat{background:linear-gradient(90deg,#f0c15d,#e49c3f)}.macro-bar-segment.carbs{background:linear-gradient(90deg,#71a8ff,#4d7ce0)}.article-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-hero-image{border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);margin-top:8px}.article-markdown{color:var(--text-strong);font-size:18px;line-height:1.75}.article-markdown>:first-child{margin-top:0}.article-markdown>:last-child{margin-bottom:0}.article-markdown h2,.article-markdown h3{font-family:var(--font-heading),sans-serif;letter-spacing:-.03em;margin:1.6em 0 .6em;line-height:1.15}.article-markdown h2{font-size:clamp(28px,3vw,36px)}.article-markdown h3{font-size:clamp(22px,2.2vw,28px)}.article-markdown p,.article-markdown ul,.article-markdown ol,.article-markdown blockquote{margin:0 0 1em}.article-markdown ul,.article-markdown ol{padding-left:1.25em}.article-markdown li{margin-bottom:.45em}.article-markdown a{color:var(--teal-strong);font-weight:700}.article-markdown blockquote{color:#28423e;background:#177d7214;border-left:4px solid #177d725c;border-radius:18px;padding:18px 20px}.article-image-block{margin:1.4em 0}.article-image-block figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:14px}.mantine-Accordion-item{border:1px solid var(--surface-border);background:#ffffffd1;box-shadow:0 18px 40px #101f1b0d}.mantine-Accordion-control{font-weight:700}@keyframes riseFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes barcodeSweep{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(94px)}}@keyframes panelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes orbFloat{0%,to{transform:translate(0,0)}50%{transform:translate(8px,-10px)}}@keyframes shimmerSweep{0%,75%,to{transform:translate(-120%)}30%,45%{transform:translate(120%)}}@keyframes syncDrop{0%{opacity:0;transform:translate(-50%)translateY(0)}15%{opacity:1}70%{opacity:1;transform:translate(-50%)translateY(200px)}to{opacity:0;transform:translate(-50%)translateY(240px)}}@keyframes syncAcross{0%{opacity:0;transform:translateY(-50%)translate(0)}15%{opacity:1}70%{opacity:1;transform:translateY(-50%)translate(164px)}to{opacity:0;transform:translateY(-50%)translate(196px)}}@keyframes pulseRing{0%{box-shadow:0 0 #2fb79d47}70%{box-shadow:0 0 0 18px #2fb79d00}to{box-shadow:0 0 #2fb79d00}}@keyframes meterGrow{0%{transform-origin:0;opacity:.5;transform:scaleX(.2)}to{transform-origin:0;opacity:1;transform:scaleX(1)}}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes dotAppear{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes planFill{0%,to{width:56%}50%{width:74%}}@keyframes planNodePulse{0%,to{box-shadow:0 0 #2fb79d1f}50%{box-shadow:0 0 0 10px #2fb79d00}}@keyframes handSpinHour{0%{transform:rotate(20deg)}to{transform:rotate(380deg)}}@keyframes handSpinMinute{0%{transform:rotate(70deg)}to{transform:rotate(430deg)}}@keyframes pingRing{0%{opacity:.6;width:20px;height:20px}to{opacity:0;width:130px;height:130px}}@media (max-width:1100px){.hero-nutrition-demo{min-height:auto;padding:10px 0 0}.hero-tilt-stage{padding:6px 0 12px}.hero-tilt-screen{min-height:auto}.hero-single-layout{grid-template-columns:1fr}.hero-photo-frame{min-height:280px}}@media (min-width:1101px){.hero-demo-panels{grid-template-columns:minmax(0,1.08fr) 72px minmax(0,.92fr);min-height:560px;padding:12px 0 26px;display:grid}.hero-demo-panel.flow,.hero-demo-panel.dashboard{width:auto;margin:0;position:relative;inset:auto}.hero-demo-panel.dashboard{margin-top:84px}}@media (max-width:768px){.hero-visual-shell{padding:0}.hero-tilt-screen{border-radius:28px;padding:14px;transform:none!important}.hero-single-photo,.hero-single-insights{border-radius:24px;padding:14px;transform:none}.hero-photo-frame,.hero-photo-caption,.hero-ai-chip,.hero-nutrition-kcal,.hero-nutrition-grid,.hero-nutrition-footer{transform:none}.hero-photo-frame{min-height:236px}.hero-nutrition-grid,.hero-nutrition-footer{grid-template-columns:1fr}.feature-media-shell{min-height:320px}.compare-media{min-height:280px}.mock-dashboard-grid,.mock-plan-grid,.mock-capture-grid{grid-template-columns:1fr}.mock-surface-title{font-size:.82rem}.mock-plan-node{min-width:64px;font-size:.72rem}.mock-reminders-clock{width:118px;height:118px}.article-markdown{font-size:16px}}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}