:root{--color-black:#000;--color-charcoal:#1a1a1a;--color-dark-gray:#333;--color-medium-gray:#666;--color-light-gray:#e9ecef;--color-off-white:#f8f9fa;--color-white:#fff;--color-success:#28a745;--color-primary:#007bff;--color-warning:#ffc107;--color-error:#dc3545;--color-shadow:#00000014;--color-shadow-md:#0000001f;--color-shadow-lg:#00000029;--color-shadow-xl:#0000003d;--color-overlay:#00000080;--color-overlay-dark:#000000b3;--color-border:#00000014;--color-border-light:#0000000a;--color-glass:#ffffff1a;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 var(--color-shadow);--shadow-md:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);--shadow-lg:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-md);--shadow-xl:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-md);--shadow-2xl:0 25px 50px -12px var(--color-shadow-xl);--shadow-inner:inset 0 2px 4px 0 var(--color-shadow);--z-base:0;--z-below:-1;--z-normal:1;--z-elevated:10;--z-sticky:100;--z-fixed:1000;--z-modal:10000;--z-popover:20000;--z-tooltip:30000;--z-notification:40000;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-fast:var(--duration-150) var(--ease-out);--transition-base:var(--duration-200) var(--ease-out);--transition-slow:var(--duration-300) var(--ease-out)}.container{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--space-4);width:100%}@media (min-width:640px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.section-padding{padding:5rem 0;padding:var(--space-20) 0}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);justify-content:center;line-height:1.5;line-height:var(--leading-normal);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:#000;box-shadow:0 1px 2px 0 #00000014;box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover{background-color:#1a1a1a;box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000001f;box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;background-color:var(--color-white);border:1px solid #00000014;border:1px solid var(--color-border);box-shadow:0 1px 2px 0 #00000014;box-shadow:var(--shadow-sm);color:#000;color:var(--color-black)}.btn-secondary:hover{background-color:#f8f9fa;background-color:var(--color-off-white);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000001f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-lg{font-size:1.125rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.card{background-color:#fff;background-color:var(--color-white);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000001f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{padding:1.5rem;padding:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-black{font-weight:900;font-weight:var(--font-black)}.text-black{color:#000;color:var(--color-black)}.text-white{color:#fff;color:var(--color-white)}.text-gray{color:#666;color:var(--color-medium-gray)}.text-light-gray{color:#e9ecef;color:var(--color-light-gray)}.bg-black{background-color:#000;background-color:var(--color-black)}.bg-white{background-color:#fff;background-color:var(--color-white)}.bg-charcoal{background-color:#1a1a1a;background-color:var(--color-charcoal)}.bg-off-white{background-color:#f8f9fa;background-color:var(--color-off-white)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}.section{min-height:100vh;position:relative}.btn-primary{background-color:var(--color-black);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;display:inline-block;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-base)}.btn-primary:hover{background-color:var(--color-charcoal);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.hero-section{align-items:center;background:var(--color-charcoal);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-background{z-index:1}.hero-background,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:linear-gradient(135deg,#0a0a0acc,#141414e6);z-index:2}.hero-arms-bg{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><ellipse cx="200" cy="150" rx="80" ry="120" fill="url(%23muscleGrad)" transform="rotate(-15 200 150)"/><ellipse cx="1000" cy="150" rx="80" ry="120" fill="url(%23muscleGrad)" transform="rotate(15 1000 150)"/></svg>') no-repeat;background-position:50%;background-size:cover;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.hero-container{max-width:1400px;padding:0 40px;position:relative;text-align:center;width:100%;z-index:3}.hero-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 2fr 1fr;margin-bottom:60px}.hero-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-stat{color:#fff;text-align:center}.hero-section .stat-number{font-size:var(--text-5xl);font-weight:var(--font-black);line-height:var(--leading-none)}.hero-section .stat-number,.stat-text{color:var(--color-white);display:block}.stat-text{font-size:1.5rem;font-weight:600;line-height:1.2;margin:8px 0}.hero-center{flex-direction:column;gap:30px}.hero-center,.hero-image{align-items:center;display:flex;justify-content:center}.hero-image,.hero-main-image{position:relative}.hero-main-image{filter:drop-shadow(0 15px 35px rgba(0,0,0,.6));height:auto;max-height:416px;object-fit:contain;width:364px;z-index:2}.hero-subtitle{margin:0}.hero-subtitle h2{color:#fff;font-size:var(--text-3xl);font-weight:var(--font-semibold);margin:0}.get-started-btn{background-color:var(--color-white);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--space-4) var(--space-9);text-transform:capitalize;transition:all var(--transition-base)}.get-started-btn:hover{background-color:var(--color-off-white);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.get-started-btn:active{transform:translateY(0)}.join-professionals-button-container{margin-top:var(--space-6)}.join-professionals-btn{background:#0000;border:2px solid var(--color-white);border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:.5px;overflow:hidden;padding:var(--space-3) var(--space-8);position:relative;text-transform:capitalize;transition:all var(--transition-base)}.join-professionals-btn:before{background:var(--color-white);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-base);width:100%;z-index:-1}.join-professionals-btn:hover{box-shadow:var(--shadow-lg);color:var(--color-black);transform:translateY(-2px)}.join-professionals-btn:hover:before{left:0}.join-professionals-btn:active{transform:translateY(-1px)}.hero-right{justify-content:center}.hero-right,.scroll-indicator{align-items:center;display:flex;flex-direction:column}.scroll-indicator{bottom:40px;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.scroll-arrow{animation:bounce 2s infinite;border:2px solid var(--color-light-gray);border-left:none;border-top:none;height:24px;transform:rotate(45deg);width:24px}.scroll-arrow:hover{opacity:1}.scroll-hint{animation:fadeInOut 3s ease-in-out infinite;color:var(--color-light-gray);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:.4}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}@media (max-width:1200px){.hero-title{font-size:3.5rem}.hero-section .stat-number{font-size:3rem}.stat-text{font-size:1.3rem}}@media (max-width:768px){.hero-container{padding:0 20px}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-left{order:1}.hero-center{gap:25px;order:2}.hero-right{order:3}.hero-main-image{max-height:325px;width:286px}.hero-subtitle h2{font-size:1.5rem}.hero-section .stat-number{font-size:2.5rem}.stat-text{font-size:1.2rem}.get-started-btn{font-size:1.1rem;padding:16px 32px}.join-professionals-btn{font-size:.95rem;padding:12px 24px}}@media (max-width:480px){.hero-main-image{max-height:260px;width:234px}.hero-subtitle h2{font-size:1.3rem}.hero-section .stat-number{font-size:2rem}.stat-text{font-size:1rem}.get-started-btn{font-size:1rem;padding:14px 28px}.join-professionals-btn{font-size:.9rem;padding:10px 20px}.hero-center{gap:20px}}.app-section{align-items:center;background:var(--color-white);display:flex;min-height:100vh;padding:var(--space-24) 0;position:relative}.app-container{margin:0 auto;max-width:1400px;padding:0 40px;width:100%}.app-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.app-text-content{padding-right:40px}.app-title{color:var(--color-black);font-size:var(--text-5xl);font-weight:var(--font-black);line-height:var(--leading-tight);margin-bottom:var(--space-8)}.app-description{color:var(--color-dark-gray);font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-12)}.app-features{display:flex;flex-direction:column;gap:30px}.feature{align-items:flex-start;gap:20px}.feature-icon{align-items:center;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.feature-text h4{color:var(--color-black);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.feature-text p{color:var(--color-dark-gray);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}.app-mockups{align-items:center;display:flex;height:600px;justify-content:center;position:relative}.phone-mockup{position:absolute;transition:all .3s ease}.main-phone{transform:scale(1.1);z-index:3}.secondary-phone{opacity:.8;transform:scale(.9);z-index:2}.secondary-phone.left{left:-120px;transform:scale(.85) rotate(-8deg)}.secondary-phone.right{right:-120px;transform:scale(.85) rotate(8deg)}.phone-frame{background:#1a1a1a;border-radius:35px;box-shadow:0 25px 50px #0000004d;height:560px;padding:8px;width:280px}.phone-screen{background:#fff;border-radius:28px;height:100%;overflow:hidden;position:relative;width:100%}.status-bar{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:10px 20px}.time{color:#000}.status-icons{display:flex;gap:5px}.battery,.signal,.wifi{background:#000;border-radius:2px;height:12px;opacity:.8;width:18px}.app-content-screen{align-items:center;background:#333;display:flex;flex-direction:column;height:calc(100% - 44px);justify-content:center;padding:40px 30px;text-align:center}.app-logo{margin-bottom:60px}.logo-icon{background-image:url(/static/media/taafit-logo.f7d05b57389c653ad1f9.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:80px;margin:0 auto 20px;width:80px}.app-content-screen h3{color:#fff;font-size:3rem;font-weight:900;margin:0 0 10px}.app-content-screen p{color:#ccc;font-size:1.1rem;line-height:1.4;margin:0}.app-get-started{background:#fff;border:none;border-radius:25px;color:#333;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:40px;padding:16px 80px}.home-indicator{background:#666;border-radius:3px;bottom:10px;height:5px;left:50%;position:absolute;transform:translateX(-50%);width:134px}.dashboard-screen{-webkit-overflow-scrolling:touch;background:#f8f9fa;height:calc(100% - 44px);overflow-x:hidden;overflow-y:auto;padding:20px 20px 80px;scroll-behavior:smooth}.greeting{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:20px}.getting-started-card{align-items:flex-start;background:#e9ecef;border-radius:15px;display:flex;gap:12px;margin-bottom:15px;padding:12px}.card-icon{background:#6c757d;border-radius:50%;flex-shrink:0;height:40px;width:40px}.getting-started-card h4{font-size:1rem;font-weight:600;margin:0 0 5px}.getting-started-card p{color:#6c757d;font-size:.85rem;line-height:1.3;margin:0 0 10px}.progress-bar{background:#dee2e6;border-radius:2px;height:4px;margin-bottom:5px}.progress-fill{background:var(--color-success);border-radius:2px;height:100%;width:25%}.progress-text{color:#6c757d;font-size:.8rem}.calendar-section{margin-bottom:15px}.calendar-header{font-size:1rem;font-weight:600;margin-bottom:8px}.calendar-days{display:flex;font-size:.9rem;font-weight:600;gap:10px}.calendar-days span{border-radius:8px;padding:5px 10px}.calendar-days .selected{background:#000;color:#fff}.todo-section h4{font-size:1.2rem;font-weight:700;margin:0 0 15px}.todo-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:15px;padding:12px 0}.todo-icon{font-size:1.5rem;text-align:center;width:35px}.todo-title{display:block;font-size:1rem;font-weight:600}.todo-time{color:#6c757d;display:block;font-size:.85rem}.todo-check{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:25px;justify-content:center;margin-left:auto;width:25px}.bottom-nav{bottom:20px;display:flex;justify-content:space-around;left:20px;padding:10px 0;position:absolute;right:20px}.nav-item{color:#6c757d;font-size:.8rem}.nav-item.active{color:#000;font-weight:600}.food-diary-screen{-webkit-overflow-scrolling:touch;background:#fff;height:calc(100% - 44px);overflow-x:hidden;overflow-y:auto;padding:20px 20px 40px;scroll-behavior:smooth}.screen-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.back-arrow{color:#000;font-size:1.5rem}.screen-header h3{font-size:1.3rem;font-weight:700;margin:0}.date-selector{color:#6c757d;font-size:1rem;margin-bottom:15px}.calendar-pills{display:flex;font-size:.9rem;font-weight:600;gap:10px;margin-bottom:25px}.calendar-pills span{background:#f8f9fa;border-radius:12px;padding:8px 12px}.calendar-pills .selected{background:#000;color:#fff}.calories-display{margin-bottom:25px;text-align:center}.calories-number{color:#000;display:block;font-size:3rem;font-weight:900}.calories-total{color:#6c757d;font-size:1rem}.macros{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}.macro{text-align:center}.macro-label{color:#6c757d;display:block;font-size:.9rem;margin-bottom:5px}.macro-value{color:#000;display:block;font-size:.85rem;font-weight:600}.meals{display:flex;flex-direction:column;gap:20px}.meal h4{font-size:1.1rem;font-weight:700;margin:0 0 5px}.meal-calories{color:#6c757d;display:block;font-size:.9rem;margin-bottom:10px}.meal-item{align-items:center;display:flex;font-size:.9rem;gap:12px}.meal-icon{font-size:1.2rem;text-align:center;width:30px}.phone-mockup:hover{transform:scale(1.05)}.secondary-phone.left:hover{transform:scale(.9) rotate(-5deg)}.secondary-phone.right:hover{transform:scale(.9) rotate(5deg)}@media (max-width:1200px){.app-content{gap:60px}.app-title{font-size:3rem}.secondary-phone.left{left:-80px}.secondary-phone.right{right:-80px}}@media (max-width:768px){.app-section{min-height:auto;padding:60px 0 80px}.app-container{padding:0 20px}.app-content{gap:40px;grid-template-columns:1fr}.app-text-content{margin-bottom:30px;padding-right:0;text-align:center}.app-title{font-size:2.5rem;margin-bottom:20px}.app-description{margin-bottom:30px}.app-features{gap:25px;margin-bottom:40px}.app-mockups{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:30px;height:580px;justify-content:flex-start;margin-bottom:40px;overflow-x:auto;overflow-y:hidden;padding:0 calc(50% - 130px);position:relative;scroll-snap-stop:always;scroll-snap-type:x mandatory}.app-mockups:before{background:linear-gradient(90deg,#ffffff4d,#fff0 15%,#fff0 85%,#ffffff4d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.phone-mockup{display:block;flex-shrink:0;min-width:260px;opacity:.3;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transform:none!important;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.phone-mockup.active{opacity:1;z-index:3}.secondary-phone.left,.secondary-phone.right{left:auto;right:auto}.phone-mockup:hover,.secondary-phone.left:hover,.secondary-phone.right:hover{transform:none!important}.phone-frame{height:520px;margin:0 auto;width:260px}.phone-screen{font-size:.88em;overflow:hidden}.app-content-screen,.dashboard-screen,.food-diary-screen{overflow-x:hidden!important}.dashboard-screen{padding:16px 16px 70px}.food-diary-screen{padding:16px 16px 30px}}@media (max-width:480px){.app-section{padding:40px 0 60px}.app-container{padding:0 16px}.app-content{gap:35px}.app-title{font-size:2rem;margin-bottom:16px}.app-description{font-size:1.1rem;margin-bottom:25px}.app-features{gap:20px;margin-bottom:35px}.feature{gap:15px;text-align:left}.feature-icon{font-size:2rem;height:50px;width:50px}.app-mockups{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:25px;height:480px;justify-content:flex-start;margin-bottom:30px;overflow-x:auto;overflow-y:hidden;padding:0 calc(50% - 110px);scroll-snap-stop:always;scroll-snap-type:x mandatory}.phone-mockup{min-width:220px;opacity:.3;scroll-snap-stop:always;transform:none!important;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.phone-mockup.active{opacity:1!important;z-index:3}.secondary-phone.left,.secondary-phone.right{left:auto;right:auto;transform:none!important}.phone-frame{height:440px;margin:0 auto;width:220px}.phone-screen{font-size:.81em;overflow:hidden}.app-content-screen,.dashboard-screen,.food-diary-screen{overflow-x:hidden!important}.dashboard-screen{padding:14px 14px 60px}.food-diary-screen{padding:14px 14px 25px}.app-content-screen{padding:30px 25px}.app-content-screen h3{font-size:2.5rem}.logo-icon{height:70px;width:70px}.app-get-started{font-size:1rem;padding:14px 60px}}@media (max-width:360px){.app-mockups{gap:20px;height:420px;padding:0 calc(50% - 100px);scroll-snap-stop:always}.phone-mockup{min-width:200px;opacity:.3;scroll-snap-stop:always;transform:none!important;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.phone-mockup.active{opacity:1!important;z-index:3}.secondary-phone.left,.secondary-phone.right{left:auto;right:auto;transform:none!important}.phone-frame{height:380px;width:200px}.phone-screen{font-size:.76em;overflow:hidden}.app-content-screen,.dashboard-screen,.food-diary-screen{overflow-x:hidden!important}.dashboard-screen{padding:12px 12px 50px}.food-diary-screen{padding:12px 12px 20px}.app-content-screen{padding:25px 20px}.app-content-screen h3{font-size:2.2rem}.app-content-screen p{font-size:1rem}.app-get-started{font-size:.95rem;padding:12px 45px}}@media (max-width:768px){.app-section{-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}.app-content{padding-bottom:60px;position:relative}.app-content:after{bottom:10px;color:var(--color-medium-gray);content:"● ○ ○";font-size:1rem;font-weight:500;left:50%;letter-spacing:6px;opacity:.8;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap;z-index:10}.app-section[data-active-phone="0"] .app-content:after{content:"● ○ ○"}.app-section[data-active-phone="1"] .app-content:after{content:"○ ● ○"}.app-section[data-active-phone="2"] .app-content:after{content:"○ ○ ●"}.app-mockups::-webkit-scrollbar{height:4px}.app-mockups::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:2px}.app-mockups::-webkit-scrollbar-thumb{background:var(--color-medium-gray);border-radius:2px}.app-mockups::-webkit-scrollbar-thumb:hover{background:var(--color-dark-gray)}.app-section.scrollable:after{background:linear-gradient(180deg,#fff0,#fffffff2 70%,#fff);bottom:0;content:"";height:60px;left:0;opacity:.8;pointer-events:none;position:absolute;right:0}}@media (hover:none) and (pointer:coarse){.feature:active{opacity:.8;transition:opacity .1s ease}.phone-mockup:active{transform:none}}@media (max-width:768px){.phone-mockup{filter:brightness(1);position:relative;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.main-phone:hover,.phone-mockup:hover,.secondary-phone:hover{filter:brightness(1);transform:none!important}.app-mockups{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.app-mockups::-webkit-scrollbar{display:none}@media (max-width:360px){.app-content:after{bottom:8px;font-size:.9rem;letter-spacing:4px}}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.app-section{padding:30px 0 50px}.app-mockups{gap:15px;height:350px;padding:15px}.phone-frame{height:300px;width:180px}.app-content-screen{padding:15px 12px}.app-content-screen h3{font-size:1.6rem}.app-content:after{bottom:8px;font-size:.8rem;letter-spacing:5px}}.testimonials-section{background:var(--color-off-white);color:var(--color-black);min-height:100vh;overflow:hidden;padding:var(--space-24) 0;position:relative}.testimonials-section:before{background:radial-gradient(circle at 20% 80%,#00000005 0,#0000 50%),radial-gradient(circle at 80% 20%,#00000005 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.testimonials-container{margin:0 auto;max-width:1400px;padding:0 40px;position:relative;width:100%;z-index:1}.testimonials-content{align-items:center;display:flex;flex-direction:column}.testimonials-header{margin-bottom:80px;max-width:800px;text-align:center}.testimonials-title{color:var(--color-black);font-size:var(--text-5xl);font-weight:var(--font-black);margin-bottom:var(--space-8)}.testimonials-subtitle{color:var(--color-medium-gray);font-size:1.3rem;line-height:1.6;margin:0}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px;width:100%}.testimonial-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--space-8);transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.testimonial-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.testimonial-rating{display:flex;gap:4px;margin-bottom:20px}.star{color:var(--color-light-gray);font-size:1.2rem;transition:color .3s ease}.star.filled{color:var(--color-warning)}.testimonial-text{flex-grow:1;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:25px}.testimonial-author{align-items:center;display:flex;gap:15px}.author-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.author-info{flex:1 1}.author-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 4px}.author-role{color:var(--color-medium-gray);font-size:.9rem;margin:0}.testimonials-stats{border-bottom:1px solid #fff3;border-top:1px solid #fff3;display:flex;gap:80px;justify-content:center;margin-bottom:80px;padding:40px 0;width:100%}.stat{text-align:center}.testimonials-section .stat-number{color:var(--color-black);display:block;font-size:var(--text-5xl);font-weight:var(--font-black);margin-bottom:var(--space-3)}.stat-label{color:var(--color-medium-gray);font-size:1.1rem;font-weight:600}.cta-section{max-width:600px;text-align:center}.cta-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:var(--font-black);margin-bottom:var(--space-5)}.cta-text{color:var(--color-dark-gray);font-size:1.2rem;line-height:1.6;margin-bottom:40px}.cta-button{background-color:var(--color-black);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:1px;padding:var(--space-5) var(--space-10);text-transform:uppercase;transition:all var(--transition-base)}.cta-button:hover{background-color:var(--color-charcoal);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}@media (max-width:1200px){.testimonials-title{font-size:3rem}.testimonials-stats{gap:60px}.testimonials-section .stat-number{font-size:2.5rem}}@media (max-width:768px){.testimonials-section{padding:80px 0}.testimonials-container{padding:0 20px}.testimonials-header{margin-bottom:60px}.testimonials-title{font-size:2.5rem}.testimonials-subtitle{font-size:1.1rem}.testimonials-grid{gap:20px;grid-template-columns:1fr;margin-bottom:60px}.testimonial-card{padding:25px}.testimonials-stats{flex-direction:column;gap:40px;margin-bottom:60px}.cta-title{font-size:2rem}.cta-button,.cta-text{font-size:1.1rem}.cta-button{padding:18px 35px}}@media (max-width:480px){.testimonials-title{font-size:2rem}.testimonial-card{padding:20px}.testimonial-text{font-size:1rem}.testimonials-section .stat-number{font-size:2rem}.cta-title{font-size:1.8rem}.cta-button{font-size:1rem;padding:16px 30px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.testimonial-card:nth-child(odd){animation:float 6s ease-in-out infinite}.testimonial-card:nth-child(2n){animation:float 6s ease-in-out infinite reverse}.testimonial-card:hover{animation-play-state:paused}.section-navigator{align-items:center;display:flex;gap:20px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000}.nav-dots{display:flex;flex-direction:column;gap:20px}.nav-dot{align-items:center;background:#0000;border:2px solid var(--color-medium-gray);border-radius:50%;cursor:pointer;display:flex;height:12px;justify-content:center;overflow:visible;padding:0;position:relative;transition:all .3s ease;width:12px}.nav-dot:hover{border-color:var(--color-dark-gray);transform:scale(1.2)}.nav-dot.active{background:var(--color-black);border-color:var(--color-black);box-shadow:0 0 20px var(--color-shadow-lg)}.nav-dot:disabled{cursor:not-allowed;opacity:.5}.nav-dot-inner{background:#0000;border-radius:50%;height:4px;transition:all .3s ease;width:4px}.nav-dot.active .nav-dot-inner{background:#fff}.nav-dot-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;right:25px;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap}.nav-dot:hover .nav-dot-label{opacity:1;transform:translateY(-50%) translateX(-5px)}.scroll-progress{background:#fff3;border-radius:1px;height:80px;overflow:hidden;position:relative;width:2px}.progress-bar{background:var(--color-black);border-radius:1px;bottom:0;left:0;position:absolute;transition:height .8s ease;width:100%}@media (max-width:768px){.section-navigator{gap:15px;right:15px}.nav-dots{gap:15px}.nav-dot{height:10px;width:10px}.nav-dot-label{display:none}.scroll-progress{height:60px}}@media (max-width:480px){.section-navigator{right:10px}.nav-dot{border-width:1px;height:8px;width:8px}.scroll-progress{height:50px;width:1px}}.hero-section~.section-navigator .nav-dot{border-color:var(--color-medium-gray)}.hero-section~.section-navigator .nav-dot:hover{border-color:var(--color-light-gray)}.section-navigator.light-theme .nav-dot{border-color:#0000004d}.section-navigator.light-theme .nav-dot:hover{border-color:#0009}.section-navigator.light-theme .nav-dot-label{background:#ffffffe6;color:#333}.section-navigator.light-theme .scroll-progress{background:#0000001a}.professionals-page{background:var(--color-charcoal);color:var(--color-white);min-height:100vh}.professionals-header{background:var(--color-black);border-bottom:1px solid var(--color-dark-gray);padding:var(--space-6) 0}.header-container{align-items:center;display:flex;gap:var(--space-6);margin:0 auto;max-width:1400px;padding:0 var(--space-8)}.back-button{background:#0000;border:1px solid var(--color-dark-gray);border-radius:var(--radius-md);color:var(--color-light-gray);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.back-button:hover{background:var(--color-dark-gray);color:var(--color-white)}.professionals-header h1{color:var(--color-white);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.professionals-content{padding:var(--space-16) 0}.content-container{grid-gap:var(--space-16);align-items:start;display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 var(--space-8)}.discount-section{background:var(--color-black);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-10)}.section-header{margin-bottom:var(--space-8);text-align:center}.section-header h2{color:var(--color-white);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.section-header p{color:var(--color-light-gray);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.discount-form{margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-group label{color:var(--color-white);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-input{background:var(--color-charcoal);border:2px solid var(--color-dark-gray);border-radius:var(--radius-lg);color:var(--color-white);font-size:var(--text-base);padding:var(--space-4);transition:all var(--transition-base);width:100%}.form-input:focus{background:var(--color-dark-gray);border-color:var(--color-white);outline:none}.form-input.error{border-color:var(--color-error)}.form-input.success{border-color:var(--color-success)}.form-input::placeholder{color:var(--color-medium-gray)}.error-message{background:var(--color-error)}.error-message,.success-message{border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.success-message{background:var(--color-success)}.submit-btn{background:var(--color-white);border:none;border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-6);transition:all var(--transition-base);width:100%}.submit-btn:hover:not(:disabled){background:var(--color-off-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{background:var(--color-medium-gray);color:var(--color-dark-gray);cursor:not-allowed;transform:none}.discount-info h3{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.discount-info ul{list-style:none;margin:0;padding:0}.discount-info li{color:var(--color-light-gray);font-size:var(--text-sm);padding:var(--space-2) 0;padding-left:var(--space-6);position:relative}.discount-info li:before{color:var(--color-success);content:"✓";font-weight:var(--font-bold);left:0;position:absolute}.purchase-section{background:var(--color-black);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-10)}.training-card{background:var(--color-charcoal);border:1px solid var(--color-dark-gray);border-radius:var(--radius-xl);overflow:hidden}.training-image{align-items:center;background:linear-gradient(135deg,var(--color-dark-gray) 0,var(--color-medium-gray) 100%);display:flex;height:200px;justify-content:center}.placeholder-image{font-size:4rem}.training-details{padding:var(--space-6)}.training-details h3{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-6) 0}.training-features{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.feature{align-items:center;color:var(--color-light-gray);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.feature-icon{font-size:var(--text-lg)}.pricing{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-8);text-align:center}.price-label{color:var(--color-light-gray);font-size:var(--text-sm);margin-bottom:var(--space-2)}.price{color:var(--color-white);font-size:var(--text-3xl);font-weight:var(--font-black)}.contact-btn{background:linear-gradient(135deg,var(--color-white) 0,var(--color-off-white) 100%);border:none;border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-6);transition:all var(--transition-base);width:100%}.contact-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.header-container{gap:var(--space-4);padding:0 var(--space-4)}.professionals-header h1{font-size:var(--text-2xl)}.content-container{gap:var(--space-12);grid-template-columns:1fr;padding:0 var(--space-4)}.discount-section,.purchase-section{padding:var(--space-8)}.section-header h2{font-size:var(--text-xl)}.professionals-content{padding:var(--space-12) 0}.training-image{height:150px}.placeholder-image{font-size:3rem}.price{font-size:var(--text-2xl)}}@media (max-width:480px){.discount-section,.purchase-section{padding:var(--space-6)}.section-header h2{font-size:var(--text-lg)}.form-input,.purchase-btn,.submit-btn{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.training-image{height:120px}.placeholder-image{font-size:2.5rem}.price{font-size:var(--text-xl)}}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-content{background:var(--color-charcoal);border:1px solid var(--color-dark-gray);border-radius:var(--radius-2xl);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-dark-gray);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-8)}.modal-header h3{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-light-gray);cursor:pointer;display:flex;font-size:var(--text-2xl);height:32px;justify-content:center;line-height:1;padding:var(--space-2);transition:all var(--transition-base);width:32px}.modal-close:hover{background:var(--color-dark-gray);color:var(--color-white)}.contact-form{padding:var(--space-8)}.form-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.contact-form .form-group,.form-row{margin-bottom:var(--space-6)}.contact-form .form-group:last-child{margin-bottom:0}.contact-form label{color:var(--color-white);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.contact-form .form-input{background:var(--color-black);border:2px solid var(--color-dark-gray);border-radius:var(--radius-lg);color:var(--color-white);font-family:inherit;font-size:var(--text-base);padding:var(--space-4);resize:vertical;transition:all var(--transition-base);width:100%}.contact-form .form-input:focus{background:var(--color-dark-gray);border-color:var(--color-white);outline:none}.contact-form .form-input::placeholder{color:var(--color-medium-gray)}.contact-form textarea.form-input{min-height:100px}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-8)}.cancel-btn{background:#0000;border:2px solid var(--color-dark-gray);border-radius:var(--radius-lg);color:var(--color-light-gray);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.cancel-btn:hover{background:var(--color-dark-gray);border-color:var(--color-medium-gray);color:var(--color-white)}.contact-form .submit-btn{background:var(--color-white);border:none;border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);min-width:150px;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.contact-form .submit-btn:hover:not(:disabled){background:var(--color-off-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-form .submit-btn:disabled{background:var(--color-medium-gray);color:var(--color-dark-gray);cursor:not-allowed;transform:none}.success-toast{background:var(--color-success);border-radius:var(--radius-lg);bottom:var(--space-8);box-shadow:var(--shadow-2xl);color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-medium);left:50%;max-width:500px;padding:var(--space-4) var(--space-8);position:fixed;text-align:center;transform:translateX(-50%);z-index:var(--z-notification)}@media (max-width:768px){.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh}.modal-header{padding:var(--space-4) var(--space-6)}.modal-header h3{font-size:var(--text-lg)}.contact-form{padding:var(--space-6)}.form-row{gap:var(--space-4);grid-template-columns:1fr}.contact-form .form-group,.form-row{margin-bottom:var(--space-4)}.form-actions{flex-direction:column;gap:var(--space-3)}.form-actions button{width:100%}.success-toast{bottom:var(--space-4);left:var(--space-4);max-width:none;right:var(--space-4);transform:none}}@media (max-width:480px){.modal-header{padding:var(--space-3) var(--space-4)}.contact-form{padding:var(--space-4)}.contact-form .form-input{font-size:var(--text-sm);padding:var(--space-3)}}
/*# sourceMappingURL=main.71fa453f.css.map*/