/* FitFlow premium homepage layer — presentation only */
:root { --home-ink:#0f2f31;--home-muted:#6b8182;--home-teal:#0f9b8e;--home-teal-dark:#08776e;--home-mint:#e8f8f5;--home-surface:rgba(255,255,255,.88);--home-border:rgba(15,155,142,.16);--home-shadow:0 24px 60px rgba(15,47,49,.10); }
body { background:radial-gradient(circle at 85% 8%,rgba(15,155,142,.10),transparent 28rem),linear-gradient(180deg,#f5fbfa 0%,#f8fbfa 45%,#eef7f5 100%);color:var(--home-ink); }
.enhanced-hero { min-height:min(760px,calc(100vh - 76px));max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(24px,6vw,88px);gap:clamp(40px,6vw,96px);background:radial-gradient(circle at 78% 42%,rgba(42,196,178,.18),transparent 20rem),linear-gradient(135deg,#effaf8 0%,#fff 56%,#e8f8f5 100%);border-radius:0 0 42px 42px;box-shadow:inset 0 -1px 0 var(--home-border); }
.hero-content{max-width:650px}.hero-content::before{content:'PERSONAL WELLNESS, WITHOUT THE NOISE';display:inline-flex;padding:8px 12px;margin-bottom:20px;border:1px solid rgba(15,155,142,.18);border-radius:999px;background:rgba(255,255,255,.72);color:var(--home-teal-dark);font-size:11px;font-weight:800;letter-spacing:.14em}.hero-content h1{max-width:720px;font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;color:var(--home-ink);margin-bottom:26px}.hero-content h1 .highlight,.hero-content .highlight{color:var(--home-teal)}.hero-content p{max-width:580px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.75;color:var(--home-muted)}
.hero-buttons{gap:12px}.cta-button{min-height:52px;padding:0 22px;border-radius:16px;font-size:.96rem;box-shadow:0 10px 24px rgba(15,155,142,.12)}.cta-button.primary{background:linear-gradient(135deg,#10a697,#087c72);border-color:transparent}.cta-button.primary:hover{background:linear-gradient(135deg,#12b3a2,#08756d)}.cta-button.secondary{background:rgba(255,255,255,.78);border:1px solid var(--home-border);color:var(--home-ink)}.cta-button.secondary:hover{background:#fff;color:var(--home-teal-dark)}
.hero-visual{max-width:620px;padding:24px;border:1px solid rgba(255,255,255,.8);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(232,248,245,.72));box-shadow:var(--home-shadow);backdrop-filter:blur(16px)}.hero-visual::before{content:'TODAY  •  YOUR WELLNESS SNAPSHOT';width:100%;padding:2px 4px 14px;color:var(--home-muted);font-size:10px;font-weight:800;letter-spacing:.14em}.stats-card{width:calc(50% - 10px);min-height:150px;padding:20px;border:1px solid rgba(15,155,142,.12);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(15,47,49,.07)}.stats-card::before,.stats-card.calories::before,.stats-card.heart::before,.stats-card.water::before{height:3px;background:linear-gradient(90deg,#0f9b8e,#35c9b8)}.stats-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(15,47,49,.11)}.icon-container{flex:0 0 48px;width:48px;height:48px;margin-right:14px;border-radius:15px;background:var(--home-mint)!important;color:var(--home-teal)!important}.stat-content h3{color:var(--home-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.07em}.stat-value{color:var(--home-ink);font-size:1.8rem}.progress-bar{background:#e5f0ee}.stats-card .progress{background:linear-gradient(90deg,#0f9b8e,#4bcdbc)!important}.stat-content p{color:#8aa0a0}.pulse-circle{background:rgba(15,155,142,.08)}
section:not(.enhanced-hero){padding:clamp(64px,8vw,100px) 24px}.section-header{margin-bottom:44px}.section-header h2{color:var(--home-ink);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.section-header h2::after{content:'';display:block;width:56px;height:4px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,#4b67f5,#ef2b8f)}.section-header p{color:var(--home-muted)}
.enhanced-features{background:transparent}.features-container{max-width:1240px;gap:18px}.feature-card{width:calc(25% - 14px);min-width:220px;height:310px;border:1px solid var(--home-border);border-radius:26px;background:var(--home-surface);box-shadow:0 12px 34px rgba(15,47,49,.06)}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--home-shadow)}.feature-icon{width:56px;height:56px;border-radius:17px;margin:28px auto 20px;background:var(--home-mint);color:var(--home-teal)}.feature-content h3{color:var(--home-ink)}.feature-content p{color:var(--home-muted)}.feature-hover{background:linear-gradient(145deg,#0f9b8e,#08776e)}
.how-it-works{background:#fff}.steps-container{max-width:1100px}.step{padding:28px 22px;border:1px solid var(--home-border);border-radius:24px;background:#fbfefd}.step-number{background:var(--home-mint);color:var(--home-teal)}.step-icon{color:var(--home-teal);background:var(--home-mint)}.step h3{color:var(--home-ink)}.step p{color:var(--home-muted)}.enhanced-testimonials{display:none}
.fitflow-home-footer{display:grid;grid-template-columns:1.3fr 2fr auto;align-items:center;gap:32px;padding:44px clamp(24px,6vw,88px);background:#0f3032;color:#dcefed}.fitflow-home-footer strong{font-size:1.3rem;color:#fff;letter-spacing:-.02em}.fitflow-home-footer p{margin:7px 0 0;max-width:360px;color:#a9c1c0;font-size:.9rem}.fitflow-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.fitflow-footer-links a{color:#dcefed;text-decoration:none;font-size:.88rem;font-weight:600;transition:color .2s ease}.fitflow-footer-links a:hover{color:#4bd0c0}.fitflow-home-footer small{color:#88a3a2;white-space:nowrap}
@media (max-width:1050px){.enhanced-hero{flex-direction:column;align-items:stretch;min-height:auto}.hero-content{max-width:800px}.hero-visual{width:100%;max-width:760px;margin:0 auto}.feature-card{width:calc(50% - 9px)}.fitflow-home-footer{grid-template-columns:1fr;text-align:center}.fitflow-footer-links{justify-content:center}.fitflow-home-footer p{margin-left:auto;margin-right:auto}.fitflow-home-footer small{white-space:normal}}
@media (max-width:680px){.enhanced-hero{padding:56px 18px 64px;border-radius:0 0 28px 28px}.hero-content h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-buttons{flex-direction:column}.cta-button{width:100%}.hero-visual{padding:14px;border-radius:24px}.stats-card{width:100%;min-height:125px}.feature-card{width:100%;min-width:0;height:auto;min-height:280px}.features-container{gap:14px}.step-connector{display:none}.fitflow-home-footer{padding:36px 18px;gap:24px}.fitflow-footer-links{gap:12px 16px}}
@media (max-width:390px){.hero-content::before{font-size:9px;letter-spacing:.09em}section:not(.enhanced-hero){padding-left:16px;padding-right:16px}}
@media (prefers-reduced-motion:reduce){.enhanced-hero *,.enhanced-features *,.how-it-works *,.fitflow-home-footer *{animation:none!important;transition:none!important}}