.landing-page{--bg-dark:#0a0a0f;--bg-card:#12121a;--bg-elevated:#1a1a24;--text-primary:#fff;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--purple:#8b5cf6;--pink:#ec4899;--gradient:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);--border:#27272a}.landing-page *{box-sizing:border-box;margin:0;padding:0}.landing-page{font-family:var(--font-outfit),"Outfit",sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.gradient-blur{filter:blur(120px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed}.gradient-blur-1{background:var(--purple);top:-200px;left:-200px}.gradient-blur-2{background:var(--pink);bottom:-200px;right:-200px}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:center;gap:8px;text-decoration:none;display:flex}.logo svg{width:auto;height:36px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--purple)}.hero{z-index:1;align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative}.hero-content{max-width:720px}.hero-badge{color:var(--purple);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:40px;font-size:1.25rem}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.8s ease-out forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.stats-bar{border-top:1px solid var(--border);gap:48px;margin-top:60px;padding:48px 0;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-number{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.9rem}.section-container{max-width:1200px;margin:0 auto}.section-label{color:var(--purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.85rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.problem-section{background:var(--bg-card);z-index:1;padding:100px 48px;position:relative}.problem-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.problem-card{background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s}.problem-card:hover{border-color:var(--purple);transform:translateY(-4px)}.problem-icon{background:#ef44441a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.problem-icon svg{stroke:#ef4444;width:24px;height:24px}.problem-card h3{margin-bottom:12px;font-size:1.25rem;font-weight:600}.problem-card p{color:var(--text-secondary);font-size:.95rem}.how-section{z-index:1;padding:100px 48px;position:relative}.how-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}.how-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px 32px;position:relative}.how-number{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.how-icon{background:#8b5cf61a;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.how-icon svg{width:32px;height:32px;stroke:var(--purple)}.how-card h3{margin-bottom:12px;font-size:1.25rem;font-weight:600}.how-card p{color:var(--text-secondary);font-size:.95rem}.features-section{background:var(--bg-card);z-index:1;padding:100px 48px;position:relative}.features-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:48px;display:grid}.feature-list{flex-direction:column;gap:32px;display:flex}.feature-item{gap:20px;display:flex}.feature-icon{background:#8b5cf61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon svg{width:24px;height:24px;stroke:var(--purple)}.feature-content h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.feature-content p{color:var(--text-secondary);font-size:.95rem}.feature-preview{background:var(--bg-dark);border:1px solid var(--border);border-radius:20px;padding:32px;position:relative}.preview-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.preview-dot{border-radius:50%;width:12px;height:12px}.preview-dot.red{background:#ef4444}.preview-dot.yellow{background:#f59e0b}.preview-dot.green{background:#10b981}.member-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.member-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.member-info{align-items:center;gap:12px;display:flex}.member-avatar{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.member-name{font-weight:600}.member-detail{color:var(--text-muted);font-size:.85rem}.risk-badge{border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.risk-high{color:#ef4444;background:#ef444426}.risk-medium{color:#f59e0b;background:#f59e0b26}.insight-row{color:var(--text-secondary);gap:12px;font-size:.9rem;display:flex}.insight-row svg{width:18px;height:18px;stroke:var(--text-muted);flex-shrink:0}.ai-cards{flex-direction:column;gap:12px;display:flex}.ai-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.ai-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ai-icon{background:var(--gradient);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ai-card-title{color:var(--text-secondary);font-size:.85rem;font-weight:600}.ai-message{color:var(--text-primary);background:#8b5cf61a;border-radius:8px;padding:12px;font-size:.9rem;line-height:1.5}.ai-message.risk{background:#ef44441a}.pricing-section{z-index:1;padding:100px 48px;position:relative}.pricing-header{text-align:center;margin-bottom:48px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px;position:relative}.pricing-card.featured{border-color:var(--purple);background:linear-gradient(180deg,#8b5cf61a 0%,var(--bg-card)100%)}.pricing-badge{background:var(--gradient);border-radius:100px;padding:6px 16px;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-plan{color:var(--text-secondary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.pricing-price{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.pricing-currency{font-size:1.5rem;font-weight:600}.pricing-amount{font-size:3.5rem;font-weight:800;line-height:1}.pricing-period{color:var(--text-muted);font-size:1rem}.pricing-desc{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:32px;font-size:.95rem}.pricing-features{flex-direction:column;gap:16px;margin-bottom:32px;list-style:none;display:flex}.pricing-features li{align-items:center;gap:12px;font-size:.95rem;display:flex}.pricing-features svg{stroke:#10b981;flex-shrink:0;width:20px;height:20px}.pricing-card .btn{justify-content:center;width:100%}.testimonial-section{background:var(--bg-card);z-index:1;padding:100px 48px;position:relative}.testimonial-card{text-align:center;max-width:800px;margin:0 auto}.testimonial-quote{margin-bottom:32px;font-size:1.5rem;font-weight:500;line-height:1.6}.testimonial-author{justify-content:center;align-items:center;gap:16px;display:flex}.testimonial-avatar{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:600;display:flex}.testimonial-info{text-align:left}.testimonial-name{margin-bottom:4px;font-weight:600}.testimonial-role{color:var(--text-muted);font-size:.9rem}.cta-section{z-index:1;padding:100px 48px;position:relative}.cta-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;max-width:800px;margin:0 auto;padding:64px 48px;position:relative;overflow:hidden}.cta-card:before{content:"";background:var(--gradient);height:4px;position:absolute;top:0;left:0;right:0}.cta-card h2{margin-bottom:16px;font-size:2.25rem;font-weight:700}.cta-card p{color:var(--text-secondary);max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cta-buttons{justify-content:center;gap:16px;display:flex}.landing-footer{border-top:1px solid var(--border);z-index:1;padding:48px;position:relative}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-links{gap:32px;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.85rem}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;z-index:101;background:0 0;border:none;padding:8px;display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;background:#000c;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;flex-direction:column;gap:16px;padding:24px;animation:.2s ease-out slideDown;display:flex;position:fixed;top:70px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 0;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.mobile-menu a:hover{color:var(--text-primary)}.mobile-menu-buttons{flex-direction:column;gap:12px;margin-top:8px;display:flex}.mobile-menu-buttons .btn{justify-content:center;width:100%}@media (max-width:768px){.landing-nav{padding:16px 24px}.nav-links{display:none}.mobile-menu-btn{display:block}.hero{padding:120px 24px 60px}.stats-bar{flex-wrap:wrap;gap:32px}.problem-section,.how-section,.features-section,.pricing-section,.testimonial-section,.cta-section{padding:80px 24px}.how-grid,.features-grid,.pricing-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column;gap:24px}.footer-links{flex-wrap:wrap;justify-content:center}}.tour-section{background:linear-gradient(180deg,var(--bg-card)0%,var(--bg-dark)100%);z-index:1;padding:100px 48px;position:relative}.tour-link{color:var(--purple);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.tour-link:hover{color:var(--pink)}.tour-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px;display:grid}.tour-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.tour-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.tour-preview{background:var(--bg-dark);border-bottom:1px solid var(--border);min-height:220px;padding:20px}.tour-mock{padding:16px 0 0}.tour-content{padding:24px}.tour-content h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.tour-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.mock-stat-row{gap:12px;margin-bottom:20px;display:flex}.mock-stat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:16px}.mock-stat.highlight{background:#ef44441a;border-color:#ef4444}.mock-stat.success{background:#10b9811a;border-color:#10b981}.mock-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:1.75rem;font-weight:700;line-height:1}.mock-stat.highlight .mock-stat-value{color:#ef4444}.mock-stat.success .mock-stat-value{color:#10b981}.mock-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.mock-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:60px;padding:0 8px;display:flex}.mock-bar{background:linear-gradient(180deg,var(--purple)0%,#8b5cf64d 100%);border-radius:4px 4px 0 0;flex:1;transition:height .3s}.mock-risk-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.mock-risk-item.critical{border-left:3px solid #ef4444}.mock-risk-item.high{border-left:3px solid #f97316}.mock-risk-item.medium{border-left:3px solid #f59e0b}.mock-avatar{background:var(--gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex}.mock-risk-info{flex:1;min-width:0}.mock-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.mock-detail{color:var(--text-muted);font-size:.75rem}.mock-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;flex-shrink:0;padding:4px 8px;font-size:.65rem;font-weight:600}.mock-badge.critical{color:#ef4444;background:#ef444426}.mock-badge.high{color:#f97316;background:#f9731626}.mock-badge.medium{color:#f59e0b;background:#f59e0b26}.mock-action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.mock-action-header{color:var(--purple);align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;font-weight:600;display:flex}.mock-action-header svg{stroke:var(--purple)}.mock-action-body{background:#8b5cf61a;border-radius:8px;margin-bottom:12px;padding:12px}.mock-action-body strong{margin-bottom:6px;font-size:.9rem;display:block}.mock-action-body p{color:var(--text-secondary);margin:0;font-size:.8rem;font-style:italic}.mock-action-buttons{gap:8px;display:flex}.mock-btn{text-align:center;border-radius:6px;flex:1;padding:8px 12px;font-size:.75rem;font-weight:600}.mock-btn.call{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.mock-btn.sms{background:var(--gradient);color:#fff}.mock-member-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.mock-member-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.mock-avatar-lg{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:600;display:flex}.mock-name-lg{margin-bottom:4px;font-size:1rem;font-weight:600}.mock-tags{gap:6px;display:flex}.mock-tag{color:var(--purple);background:#8b5cf626;border-radius:100px;padding:3px 8px;font-size:.65rem}.mock-member-stats{gap:16px;margin-bottom:12px;display:flex}.mock-mini-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:8px;display:flex}.mock-mini-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.mock-mini-label{color:var(--text-muted);text-transform:uppercase;font-size:.6rem}.mock-attendance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.7rem}.mock-attendance-chart{flex-direction:column;gap:4px;display:flex}.mock-week{gap:4px;display:flex}.mock-day{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;width:28px;height:28px}.mock-day.active{background:var(--purple);border-color:var(--purple)}.mock-avatar-lg.champion{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf2466}.mock-tag.gold{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:600}.mock-milestone{color:#fbbf24;text-align:center;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:.75rem;font-weight:500}.mock-birthday-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.mock-birthday-icon{font-size:1.2rem}.mock-birthday-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.mock-birthday-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.mock-birthday-item.today{background:#ec48991a;border-color:#ec4899}.mock-avatar.birthday{background:linear-gradient(135deg,#ec4899,#f472b6);animation:2s infinite pulse-birthday}@keyframes pulse-birthday{0%,to{box-shadow:0 0 #ec489966}50%{box-shadow:0 0 0 6px #ec489900}}.mock-birthday-info{flex:1;min-width:0}.mock-btn.small{padding:4px 10px;font-size:.65rem}.mock-badge.upcoming{color:var(--purple);background:#8b5cf626}.mock-cohort-header{margin-bottom:12px}.mock-cohort-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.mock-cohort-grid{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.mock-cohort-row{align-items:center;gap:6px;display:flex}.mock-cohort-label{width:32px;color:var(--text-muted);font-size:.7rem;font-weight:600}.mock-cohort-cell{text-align:center;border-radius:6px;flex:1;padding:8px 4px;font-size:.75rem;font-weight:600}.mock-cohort-cell.good{color:#10b981;background:#10b98126}.mock-cohort-cell.ok{color:#f59e0b;background:#f59e0b26}.mock-cohort-cell.bad{color:#ef4444;background:#ef444426}.mock-cohort-cell.current{background:var(--bg-elevated);color:var(--text-muted)}.mock-cohort-legend{justify-content:center;gap:12px;display:flex}.mock-legend-item{border-radius:100px;padding:3px 8px;font-size:.6rem}.mock-legend-item.good{color:#10b981;background:#10b9811a}.mock-legend-item.ok{color:#f59e0b;background:#f59e0b1a}.mock-legend-item.bad{color:#ef4444;background:#ef44441a}.mock-sessions-header{margin-bottom:12px}.mock-sessions-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.mock-session-item{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mock-session-info{flex-shrink:0;width:100px}.mock-session-name{color:var(--text-primary);font-size:.8rem;font-weight:600;display:block}.mock-session-time{color:var(--text-muted);font-size:.6rem;display:block}.mock-session-bar-container{background:var(--bg-elevated);border-radius:4px;flex:1;height:8px;overflow:hidden}.mock-session-bar{background:var(--gradient);border-radius:4px;height:100%;transition:width .3s}.mock-session-count{text-align:right;width:36px;color:var(--text-secondary);font-size:.75rem;font-weight:600}.mock-comms-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.mock-comms-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.mock-comms-member{color:var(--text-muted);background:var(--bg-elevated);border-radius:100px;padding:2px 8px;font-size:.7rem}.mock-comms-timeline{flex-direction:column;gap:8px;display:flex}.mock-comms-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;gap:10px;padding:8px 10px;display:flex}.mock-comms-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mock-comms-icon.sms{color:var(--purple);background:#8b5cf633}.mock-comms-icon.call{color:#10b981;background:#10b98133}.mock-comms-icon.note{color:#f59e0b;background:#f59e0b33}.mock-comms-content{flex:1;min-width:0}.mock-comms-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.mock-comms-meta{color:var(--text-muted);margin-top:2px;font-size:.6rem}.tour-cta{flex-direction:column;align-items:center;gap:16px;margin-top:48px;display:flex}.tour-note{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.tour-section{padding:80px 24px}.tour-grid{grid-template-columns:1fr}.mock-stat-row{flex-wrap:wrap}.mock-stat{min-width:calc(50% - 6px)}}