@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500&display=swap";:root{color-scheme:light;--background: #faf7ff;--foreground: #16111d;--card: rgba(255, 255, 255, .82);--card-foreground: #1f1a27;--border: rgba(92, 61, 173, .12);--input: rgba(92, 61, 173, .12);--muted: #f1ebff;--muted-foreground: #655f70;--primary: #7c3aed;--primary-foreground: #ffffff;--secondary: #ede9fe;--secondary-foreground: #4c1d95;--accent: #8b5cf6;--accent-foreground: #ffffff;--ring: rgba(124, 58, 237, .3);--macro-kcal-bg: #fff4e5;--macro-kcal-fg: #92400e;--macro-protein-bg: #e8f4ff;--macro-protein-fg: #1d4ed8;--macro-carbs-bg: #ecfdf5;--macro-carbs-fg: #047857;--macro-fats-bg: #fef9c3;--macro-fats-fg: #854d0e;--shadow: 0 20px 40px rgba(66, 44, 122, .08);--radius: .25rem}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(167,139,250,.2),transparent 30%),var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.fff-shell{min-height:100vh}.fff-container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.fff-card{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.fff-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius);border:1px solid transparent;padding:.8rem 1.15rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}.fff-button:hover{transform:translateY(-1px)}.fff-button:focus-visible,.fff-input:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.fff-button-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-foreground)}.fff-button-secondary{background:#ffffffb8;color:var(--foreground);border-color:var(--border)}.fff-button-round{width:48px;height:48px;padding:0;flex-shrink:0;background:#fff;color:var(--foreground);border-color:var(--border)}.fff-button-round:hover{transform:none;background:#f8f6ff}.fff-input{width:100%;border:1px solid var(--input);background:#ffffffb3;border-radius:var(--radius);color:var(--foreground);padding:.9rem 1rem;font:inherit}.fff-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius);background:var(--secondary);color:var(--secondary-foreground);padding:.45rem .75rem;font-size:.8rem;font-weight:600}.fff-badge-kcal{background:var(--macro-kcal-bg);color:var(--macro-kcal-fg)}.fff-badge-protein{background:var(--macro-protein-bg);color:var(--macro-protein-fg)}.fff-badge-carbs{background:var(--macro-carbs-bg);color:var(--macro-carbs-fg)}.fff-badge-fats{background:var(--macro-fats-bg);color:var(--macro-fats-fg)}.fff-heading{letter-spacing:-.04em;line-height:1}.fff-section-title{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.04em}.fff-slider{position:relative;display:flex;align-items:center;width:100%;height:24px;padding-inline:9px;box-sizing:border-box;overflow:visible;-webkit-user-select:none;user-select:none;touch-action:none}.fff-slider-track{position:relative;height:4px;flex-grow:1;border-radius:999px;background:var(--muted)}.fff-slider-range{position:absolute;height:100%;background:var(--primary);border-radius:999px}.fff-slider-thumb{display:block;width:18px;height:18px;background:#fff;border:2px solid var(--primary);border-radius:50%;box-shadow:0 1px 4px #2021243d}.fff-slider-thumb:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.page{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2rem clamp(1.25rem,4vw,3rem);overflow:hidden;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}.page-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 70% 18%,rgba(124,58,237,.22),transparent 55%),radial-gradient(ellipse 50% 40% at 18% 88%,rgba(139,92,246,.14),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.35),transparent 40%);animation:atmosphere-drift 12s ease-in-out infinite alternate}.hero{position:relative;z-index:1;display:grid;align-items:center;justify-items:center;gap:clamp(2rem,5vw,4rem);width:min(100%,68rem)}.hero-copy{display:grid;justify-items:center;text-align:center;gap:clamp(1rem,2.5vw,1.5rem);max-width:36rem}.brand-name{margin:0;line-height:0;animation:rise .8s .05s ease-out both}.brand-logo{display:block;width:min(100%,22rem);height:auto;margin-inline:auto}.statement{margin:0;font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--primary);animation:rise .8s .25s ease-out both}.tagline{margin:0;max-width:52ch;font-size:clamp(.95rem,2.4vw,1.4rem);font-weight:400;line-height:1.5;color:var(--foreground);animation:rise .8s .15s ease-out both}.tagline-slot{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap}.tagline-slot.is-ready{transition:width .45s cubic-bezier(.22,1,.36,1)}.tagline-rotate{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .28s ease,transform .28s ease}.tagline-rotate.is-visible{opacity:1;transform:translateY(0)}.hero-preview{width:min(52vw,260px);animation:preview-rise 1s .2s cubic-bezier(.22,1.2,.36,1) both}.app-preview{display:block;width:100%;height:auto;border-radius:2rem;box-shadow:0 0 0 1px #4c1d9514,0 24px 48px #4c1d9538}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-rise{0%{opacity:0;transform:translateY(28px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes atmosphere-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.04) translate(-1.5%,1%)}}@media(min-width:800px){.hero{grid-template-columns:1fr auto;justify-items:stretch;text-align:left}.hero-copy{justify-items:start;text-align:left}.brand-logo{margin-inline:0}.hero-preview{width:min(32vw,280px)}}@media(prefers-reduced-motion:reduce){.page-atmosphere,.brand-name,.statement,.tagline,.hero-preview{animation:none}.tagline-slot{transition:none}.tagline-rotate{opacity:1;transform:none;transition:none}}