.home-masterpiece{color:var(--text-dark);background:#fff;overflow:hidden}.hero-section{min-height:calc(100vh - var(--header-height));background:0 0;align-items:center;padding:40px 20px;display:flex;position:relative}.hero-container{justify-content:space-between;align-items:center;gap:60px;width:100%;display:flex}.hero-text{text-align:center;flex-direction:column;flex:1.2;align-items:center;gap:24px;display:flex}.hero-text h1{color:var(--bg-dark);font-size:3.5rem;font-weight:800;line-height:1.1}.hero-text p{color:var(--text-muted);max-width:640px;margin:0 auto;font-size:1.2rem;line-height:1.6}.hero-actions{justify-content:center;gap:16px;margin-top:10px;display:flex}.btn-large{padding:16px 32px;font-size:1.1rem}.btn-outline{color:var(--primary-purple);border:2px solid var(--primary-purple);border-radius:var(--border-radius);transition:var(--transition);background:0 0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{background:var(--accent-purple-light)}.hero-media{flex:.8;justify-content:center;align-items:center;display:flex}.video-placeholder{aspect-ratio:9/19.5;background:linear-gradient(135deg, var(--bg-white) 0%, var(--bg-light) 100%);width:290px;height:580px;max-height:65vh;color:var(--text-muted);border:12px solid #f3f4f6;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-weight:600;display:flex;position:relative;box-shadow:0 25px 60px #0000001a}.play-btn-mock{background:var(--primary-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-left:5px;font-size:1.5rem;display:flex;box-shadow:0 10px 20px #652ab64d}.stats-section{background:var(--bg-white);border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:60px 20px}.stats-container{justify-content:center;align-items:center;gap:80px;display:flex}.stat-item{text-align:center;flex-direction:column;gap:8px;display:flex}.stat-item h3{margin:0;font-size:2.8rem;font-weight:800}.stat-item:first-child h3{color:var(--primary-purple)}.stat-item:nth-child(3) h3{color:var(--primary-teal)}.stat-item:nth-child(5) h3{color:var(--primary-purple)}.stat-item p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:600}.stat-divider{background:#0000001a;width:1px;height:60px}.stars{color:#f1c40f;letter-spacing:2px;font-size:1.2rem}.why-choose-section{background:#fff;padding:100px 20px}.why-choose-header-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;display:flex}.why-choose-title-area{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.badge-pill{color:var(--primary-purple);text-transform:uppercase;letter-spacing:1px;background:#652ab614;border-radius:100px;padding:6px 16px;font-size:.8rem;font-weight:700}.why-choose-title-area h1,.why-choose-title-area h2{color:var(--bg-dark);margin:0;font-size:2.8rem;font-weight:800;line-height:1.15}.gradient-highlight{background:linear-gradient(to right, var(--primary-purple), var(--primary-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.feature-tabs-wrapper{justify-content:flex-end;margin-bottom:0;display:flex}.feature-tabs{background:#00000008;border:1px solid #0000000d;border-radius:12px;padding:6px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s}.tab-btn:hover{color:var(--text-dark);background:#0000000a}.tab-btn.active{color:#fff}.tab-btn.active.tab-purple{background:var(--primary-purple);box-shadow:0 4px 15px #652ab640}.tab-btn.active.tab-teal{background:var(--primary-teal);box-shadow:0 4px 15px #19a57b40}.tab-btn.active.tab-mixed{background:linear-gradient(135deg, var(--primary-purple), var(--primary-teal));box-shadow:0 4px 15px #19a57b33}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{background:#fff;border:1px solid #00000014;border-radius:24px;flex-direction:column;gap:20px;padding:30px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;animation:.5s backwards slideUpFade;display:flex;box-shadow:0 10px 30px #00000005}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000f}.feature-card-header{align-items:center;gap:16px;display:flex}.circle-icon{width:48px;height:48px;color:var(--primary-purple);background:#652ab614;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:transform .3s;display:flex}.feature-card:hover .circle-icon{transform:scale(1.1)rotate(5deg)}.feature-card-desc{color:var(--text-muted);min-height:46px;margin:0;font-size:.95rem;line-height:1.6}.card-preview-mini{background:#f8f9fa;border:1px solid #0000000a;border-radius:16px;flex-direction:column;justify-content:center;height:120px;margin-top:auto;padding:16px;display:flex;overflow:hidden}.workout-list-preview{gap:8px}.preview-row{color:var(--text-muted);border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:.8rem;font-weight:600;display:flex}.preview-row.completed{color:var(--primary-teal);background:#19a57b14;text-decoration:line-through}.preview-row.active{color:var(--primary-purple);background:#652ab614}.video-player-mock{background:linear-gradient(135deg,#a2f2d9 0%,#652ab6 100%);justify-content:center;align-items:center;position:relative}.video-glow-bg{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #00000026}.video-player-mock:hover .video-glow-bg{transform:scale(1.1)}.play-icon{color:var(--primary-purple);margin-left:2px;font-size:1.1rem}.timer-radial-mini{justify-content:center;align-items:center}.radial-ring{border:4px solid var(--primary-purple);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.timer-time{color:var(--primary-purple);font-size:1.1rem;font-weight:800}.timer-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.55rem}.chart-mini{flex-direction:row;justify-content:center;align-items:flex-end;gap:12px;padding-bottom:12px}.chart-mini .bar{border-radius:6px 6px 0 0;width:24px}.chart-mini .bar-1{background:#652ab666}.chart-mini .bar-2{background:#652ab699}.chart-mini .bar-3{background:var(--primary-purple)}.community-mini{gap:8px}.leaderboard-item{border-radius:8px;justify-content:space-between;padding:6px 10px;font-size:.75rem;font-weight:700;display:flex}.leaderboard-item.gold{color:#b78a00;background:#f1c40f1a}.leaderboard-item.silver{color:var(--primary-purple);background:#652ab60f}.offline-mini{justify-content:center;align-items:center}.offline-badge{color:var(--primary-teal);background:#19a57b1a;border:1px solid #19a57b33;border-radius:30px;padding:8px 16px;font-size:.8rem;font-weight:700}.macro-mini{justify-content:center}.macro-progress{flex-direction:column;gap:6px;display:flex}.macro-progress .label{font-size:.75rem;font-weight:700}.macro-progress .bar-outer{background:#e5e7eb;border-radius:10px;height:10px;overflow:hidden}.macro-progress .bar-inner{border-radius:10px;height:100%}.macro-progress .value{color:var(--text-muted);font-size:.75rem;font-weight:600}.search-mini{justify-content:center;align-items:center}.search-bar-mock{color:#9ca3af;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:90%;padding:8px 12px;font-size:.8rem}.checklist-mini{gap:6px}.check-item{color:#4b5563;align-items:center;font-size:.75rem;font-weight:600;display:flex}.check-item.checked{color:var(--primary-teal);text-decoration:line-through}.kcal-ring-mini{justify-content:center;align-items:center}.kcal-ring{border:4px solid var(--primary-teal);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.ring-num{color:var(--primary-teal);font-size:1.1rem;font-weight:800}.ring-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.5rem}.gourmet-mini{justify-content:center}.recipe-card-mini{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.recipe-emoji{font-size:1.5rem}.recipe-info{flex-direction:column;display:flex}.recipe-title{font-size:.8rem;font-weight:700}.recipe-macros{color:var(--text-muted);font-size:.65rem}.sync-mini{justify-content:center;align-items:center}.sync-row{background:#fff;border:1px solid #e5e7eb;border-radius:30px;align-items:center;gap:10px;padding:8px 14px;font-size:.75rem;font-weight:700;display:flex}.sync-status{color:var(--primary-teal)}.breath-mini{justify-content:center;align-items:center}.breathing-circle{border:2px dashed var(--primary-purple);background:#652ab60f;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;animation:4s ease-in-out infinite breatheAnimation;display:flex}@keyframes breatheAnimation{0%,to{transform:scale(1)}50%{background:#19a57b14;transform:scale(1.15)}}.breath-text{color:var(--primary-purple);font-size:.75rem;font-weight:700}.sleep-mini{justify-content:center}.sleep-stat{align-items:center;gap:12px;display:flex}.sleep-icon{font-size:1.5rem}.sleep-details{flex-direction:column;display:flex}.sleep-value{color:var(--primary-purple);font-size:.95rem;font-weight:800}.sleep-quality{color:var(--text-muted);font-size:.7rem}.chat-bubbles-mini{gap:8px}.chat-bubble{border-radius:12px;max-width:80%;padding:6px 12px;font-size:.7rem;font-weight:600}.chat-bubble.left{color:var(--text-dark);background:#e5e7eb;border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble.right{background:var(--primary-purple);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.emotional-mini{justify-content:center;gap:8px}.emotional-title{text-align:center;color:var(--text-muted);font-size:.7rem;font-weight:700}.emojis-row{justify-content:space-around;font-size:1.2rem;display:flex}.emojis-row span.selected{transform:scale(1.25)}.goals-mini{justify-content:center;gap:8px}.goal-progress-row{justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.article-mini{justify-content:center}.article-cover-mock{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.article-icon{font-size:1.2rem}.article-title{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.stats-container{gap:40px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-container{text-align:center;flex-direction:column;gap:40px}.hero-text h1{font-size:2.8rem}.hero-actions{justify-content:center}.stats-container{flex-direction:column;gap:30px}.stat-divider{width:60px;height:1px}.feature-tabs-wrapper{width:100%;display:flex;overflow:hidden}.feature-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row;justify-content:flex-start;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.feature-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:8px 12px;font-size:.8rem}.features-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-direction:row;gap:16px;margin-left:-20px;margin-right:-20px;padding-bottom:20px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.features-grid::-webkit-scrollbar{display:none}.feature-card{scroll-snap-align:center;flex:0 0 85%}}.coming-soon-badge-card{color:var(--primary-teal);vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;background:#19a57b14;border:1px solid #19a57b2e;border-radius:100px;margin-left:8px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-block}.hero-media .disabled-overlay-badge{color:var(--text-dark);text-transform:uppercase;z-index:10;white-space:nowrap;background:#fffffff2;border:2px solid #0000000d;border-radius:12px;padding:10px 20px;font-size:1.3rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-10deg);box-shadow:0 10px 30px #0000001a}.carousel-dots{display:none}@media (width<=768px){.carousel-dots.mobile-only{justify-content:center;gap:8px;margin-top:15px;padding-bottom:10px;display:flex}.carousel-dots .dot{cursor:pointer;background-color:#00000026;border-radius:50%;width:8px;height:8px;transition:all .3s}.carousel-dots .dot.active{background-color:var(--primary-teal);border-radius:10px;width:24px}}