@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-purple: #6C63FF;--brand-teal: #4ECDC4;--brand-purple-dark: #5A52D5;--brand-teal-dark: #3BB5AE;--gradient-brand: linear-gradient(135deg, #6C63FF 0%, #4ECDC4 100%);--gradient-hero: linear-gradient(160deg, #EEF2FF 0%, #F8FAFF 50%, #FFFFFF 100%);--bg-primary: #FFFFFF;--bg-secondary: #F8F9FF;--bg-tertiary: #EEF2FF;--bg-card: #FFFFFF;--card-bmr-bg: #EEF2FF;--card-bmr-border: #6C63FF;--card-tdee-bg: #F3EEFF;--card-tdee-border: #9B8FFF;--card-lose-bg: #EDFFF6;--card-lose-border: #34D399;--card-gain-bg: #FFF5ED;--card-gain-border: #FB923C;--macro-protein: #6C63FF;--macro-carbs: #FB923C;--macro-fat: #FBBF24;--text-primary: #0D0D1A;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-white: #FFFFFF;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: clamp(.7rem, 1.5vw, .75rem);--text-sm: clamp(.8rem, 1.8vw, .875rem);--text-base: clamp(.9rem, 2vw, 1rem);--text-lg: clamp(1rem, 2.2vw, 1.125rem);--text-xl: clamp(1.1rem, 2.5vw, 1.25rem);--text-2xl: clamp(1.25rem, 3vw, 1.5rem);--text-3xl: clamp(1.5rem, 4vw, 1.875rem);--text-4xl: clamp(1.875rem,5vw, 2.25rem);--text-5xl: clamp(2.25rem, 6vw, 3rem);--text-6xl: clamp(2.5rem, 7vw, 3.75rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(108, 99, 255, .06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(108, 99, 255, .1), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(108, 99, 255, .14), 0 4px 12px rgba(0,0,0,.06);--shadow-card: 0 8px 32px rgba(108, 99, 255, .1), 0 2px 8px rgba(0,0,0,.04);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--container-max: 1200px;--container-pad: clamp(1rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:800}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:1.75;color:var(--text-secondary)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-20)}.section-sm{padding-block:var(--space-12)}.nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(108,99,255,.08);padding-block:var(--space-4)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.nav__logo{font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);transition:opacity var(--transition-fast)}.nav__logo:hover{opacity:.85}.nav__logo-icon{font-size:1.3em}.nav__links{display:flex;align-items:center;gap:var(--space-1)}.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav__link:hover,.nav__link.active{color:var(--brand-purple);background:var(--bg-tertiary)}.nav__cta{font-size:var(--text-sm);font-weight:600;color:var(--brand-purple);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:1.5px solid var(--brand-purple);transition:all var(--transition-fast)}.nav__cta:hover{background:var(--brand-purple);color:#fff}.hero{background:var(--gradient-hero);padding-block:clamp(3rem,8vw,6rem);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,255,.06) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(78,205,196,.06) 0%,transparent 70%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}@media (max-width: 768px){.hero__inner{grid-template-columns:1fr}}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#34d3991f;border:1px solid rgba(52,211,153,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#059669;margin-bottom:var(--space-5)}.hero__title{font-size:var(--text-6xl);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:var(--space-5)}.hero__title-accent{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-6);max-width:48ch}.hero__trust{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.hero__trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.calc-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(108,99,255,.12);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid rgba(108,99,255,.15);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);font-weight:500;color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #6c63ff1f}.form-input::-webkit-inner-spin-button{opacity:.4}.toggle-group{display:flex;gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-full);padding:var(--space-1)}.toggle-btn{flex:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:transparent;transition:all var(--transition-fast)}.toggle-btn.active{background:var(--bg-primary);color:var(--brand-purple);box-shadow:var(--shadow-sm)}.activity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}@media (max-width: 480px){.activity-grid{grid-template-columns:repeat(3,1fr)}}.activity-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:1.5px solid rgba(108,99,255,.12);background:var(--bg-primary);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:center;line-height:1.3}.activity-btn .emoji{font-size:1.4em}.activity-btn:hover{border-color:var(--brand-purple);color:var(--brand-purple);background:var(--bg-tertiary)}.activity-btn.active{border-color:var(--brand-purple);background:var(--brand-purple);color:#fff;box-shadow:0 4px 12px #6c63ff4d}.formula-tabs{display:flex;gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-1)}.formula-tab{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);background:transparent;transition:all var(--transition-fast);text-align:center}.formula-tab.active{background:var(--bg-primary);color:var(--brand-purple);box-shadow:var(--shadow-sm)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:var(--gradient-brand);color:#fff;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 20px #6c63ff59;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6c63ff73}.btn-primary:hover:after{background:#ffffff14}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;color:var(--brand-purple);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);border:2px solid var(--brand-purple);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--brand-purple);color:#fff}.results-section{padding-block:var(--space-10)}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width: 900px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04);border-top:3px solid var(--card-accent, #6C63FF);transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:slideUp .4s ease both}.result-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card--bmr{--card-accent: var(--card-bmr-border);background:var(--card-bmr-bg)}.result-card--tdee{--card-accent: var(--card-tdee-border);background:var(--card-tdee-bg)}.result-card--lose{--card-accent: var(--card-lose-border);background:var(--card-lose-bg)}.result-card--gain{--card-accent: var(--card-gain-border);background:var(--card-gain-bg)}.result-card__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.result-card__value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.result-card__unit{font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.result-card__desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-3);line-height:1.5}.macro-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04)}.macro-section__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-5)}.macro-bars{display:flex;flex-direction:column;gap:var(--space-4)}.macro-bar{display:flex;flex-direction:column;gap:var(--space-2)}.macro-bar__header{display:flex;justify-content:space-between;align-items:center}.macro-bar__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.macro-bar__value{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.macro-bar__track{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.macro-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.macro-bar__fill--protein{background:var(--macro-protein)}.macro-bar__fill--carbs{background:var(--macro-carbs)}.macro-bar__fill--fat{background:var(--macro-fat)}.features-section{background:var(--bg-secondary);padding-block:var(--space-20)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid rgba(108,99,255,.06);transition:all var(--transition-fast)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#6c63ff26}.feature-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-4)}.feature-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header__eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{max-width:54ch;margin-inline:auto;color:var(--text-secondary)}.content-section{padding-block:var(--space-20)}.content-prose{max-width:72ch;margin-inline:auto}.content-prose h2{font-size:var(--text-3xl);margin-top:var(--space-12);margin-bottom:var(--space-4)}.content-prose h3{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.content-prose p{margin-bottom:var(--space-5);font-size:var(--text-base);line-height:1.8}.content-prose ul,.content-prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6);list-style:disc}.content-prose li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.7}.content-prose strong{color:var(--text-primary);font-weight:600}.content-prose a{color:var(--brand-purple);text-decoration:underline;text-underline-offset:3px}.faq-section{padding-block:var(--space-20);background:var(--bg-secondary)}.faq-list{max-width:768px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(108,99,255,.08);overflow:hidden;transition:box-shadow var(--transition-fast)}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-5) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-4)}.faq-icon{width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-purple);font-size:1.1rem;font-weight:700;transition:transform var(--transition-fast),background var(--transition-fast)}.faq-item.open .faq-icon{background:var(--brand-purple);color:#fff;transform:rotate(45deg)}.faq-answer{display:none;padding:0 var(--space-6) var(--space-5);font-size:var(--text-base);color:var(--text-secondary);line-height:1.75}.faq-item.open .faq-answer{display:block}.tools-section{padding-block:var(--space-20)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width: 768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tools-grid{grid-template-columns:1fr}}.tool-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1.5px solid rgba(108,99,255,.08);text-decoration:none;transition:all var(--transition-fast)}.tool-card:hover{border-color:var(--brand-purple);transform:translateY(-3px);box-shadow:var(--shadow-md)}.tool-card__icon{font-size:2rem;margin-bottom:var(--space-3)}.tool-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.tool-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1;margin-bottom:var(--space-4)}.tool-card__link{font-size:var(--text-sm);font-weight:600;color:var(--brand-purple);display:flex;align-items:center;gap:var(--space-1)}.footer{background:#0d0d1a;color:#ffffffb3;padding-block:var(--space-16) var(--space-8)}.footer__inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}@media (max-width: 768px){.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer__inner{grid-template-columns:1fr}}.footer__logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;color:#fff;display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.footer__tagline{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-6);color:#ffffff80}.footer__col-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:#fff;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.08em}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--text-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer__link:hover{color:#fff}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:#fff6}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);padding-block:var(--space-4)}.breadcrumb__item{font-weight:500}.breadcrumb__item a{color:var(--brand-purple)}.breadcrumb__sep{color:var(--text-muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.06);overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#6c63ff1f}.blog-card__img{width:100%;height:200px;object-fit:cover;background:var(--bg-tertiary)}.blog-card__body{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.blog-card__tag{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-purple);background:var(--bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.blog-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;line-height:1.3;margin-bottom:var(--space-3);color:var(--text-primary);flex:1}.blog-card__meta{font-size:var(--text-xs);color:var(--text-muted)}.text-center{text-align:center}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #6c63ff59}50%{box-shadow:0 4px 32px #6c63ff8c}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6c63ff80}::selection{background:#6c63ff26;color:var(--text-primary)}