.landing-page{--slate-950:#0f172a;--slate-900:#1e293b;--slate-800:#334155;--slate-700:#475569;--slate-600:#64748b;--slate-500:#94a3b8;--slate-400:#cbd5e1;--slate-300:#e2e8f0;--slate-200:#f1f5f9;--slate-100:#f8fafc;--slate-50:#fafbfc;--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-100:#fef3c7;--cream:#faf9f7;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);background:var(--cream);color:var(--slate-900);line-height:1.6;overflow-x:hidden}.landing-page *{box-sizing:border-box;margin:0;padding:0}.animate-on-scroll{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200);background:#faf9f7e6;padding:1rem 2rem;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{color:var(--slate-900);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-mark{background:var(--slate-900);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-mark svg{width:20px;height:20px}.logo-text{font-family:var(--font-display);font-size:1.25rem}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--slate-600);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--slate-900)}.nav-cta{border-radius:8px;padding:.625rem 1.25rem;background:var(--slate-900)!important;color:#fff!important;font-weight:600!important}.nav-cta:hover{background:var(--slate-800)!important}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:8rem 2rem 4rem;display:grid}.hero-badge{background:var(--amber-100);color:var(--slate-800);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--amber-500);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-headline{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.hero-headline-accent{color:var(--amber-500)}.hero-subhead{color:var(--slate-600);max-width:480px;margin-bottom:2rem;font-size:1.2rem}.hero-cta-group{align-items:center;gap:1rem;display:flex}.btn-primary{background:var(--slate-900);color:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--slate-800);transform:translateY(-2px)}.btn-primary svg{width:20px;height:20px}.btn-primary.large{padding:1.25rem 2rem;font-size:1.1rem}.hero-cta-note{color:var(--slate-500);font-size:.85rem}.hero-visual{justify-content:center;display:flex;position:relative}.hero-phone{background:var(--slate-950);border-radius:40px;width:280px;padding:12px;box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #0000004d,inset 0 0 0 1px #ffffff1a}.phone-notch{background:var(--slate-950);border-radius:20px;width:100px;height:28px;margin:0 auto 12px}.phone-screen{background:var(--slate-900);border-radius:28px;overflow:hidden}.phone-header{border-bottom:1px solid var(--slate-800);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.phone-time{color:var(--slate-400);font-size:.8rem}.phone-title{color:#fff;font-weight:600}.phone-status{color:var(--slate-400);background:var(--slate-800);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.status-dot{background:var(--amber-400);border-radius:50%;width:6px;height:6px}.phone-lessons{padding:12px}.phone-lesson{background:var(--slate-800);border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:14px;display:flex}.phone-lesson.completed{opacity:.6}.phone-lesson.active{background:linear-gradient(135deg,var(--amber-500),#ea580c)}.phone-lesson.active .lesson-time,.phone-lesson.active .lesson-name,.phone-lesson.active .lesson-meta,.phone-lesson.active .lesson-arrow{color:#fff!important}.lesson-time{color:var(--slate-400);min-width:60px;font-size:.8rem;font-weight:600}.lesson-info{flex:1}.lesson-name{color:#fff;font-size:.9rem;font-weight:600}.lesson-meta{color:var(--slate-400);font-size:.75rem}.lesson-check{background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lesson-check svg{color:#fff;width:14px;height:14px}.lesson-arrow{color:var(--slate-500);font-size:1.2rem}.hero-float-card{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 20px 40px -15px #00000026,0 0 0 1px #0000000d}.card-1{animation-delay:0s;top:10%;right:-20px}.card-2{animation-delay:3s;bottom:15%;left:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-icon{font-size:1.5rem}.float-stat{font-family:var(--font-display);color:var(--amber-500);font-size:1.75rem}.float-text strong{color:var(--slate-900);font-size:.9rem;font-weight:600;display:block}.float-text span{color:var(--slate-500);font-size:.8rem}.pain-section{background:var(--slate-950);padding:6rem 2rem}.pain-inner{text-align:center;max-width:1000px;margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--amber-500);margin-bottom:1rem;font-size:.85rem;font-weight:600}.pain-headline{font-family:var(--font-display);color:#fff;margin-bottom:4rem;font-size:clamp(2rem,4vw,3rem)}.strike{color:var(--slate-500);text-decoration:line-through}.pain-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.pain-card{text-align:center;padding:2rem}.pain-number{font-family:var(--font-display);color:var(--amber-500);font-size:4rem;line-height:1}.pain-unit{color:var(--slate-400);margin-bottom:1rem;font-size:1.1rem}.pain-card p{color:var(--slate-400);font-size:.95rem}.features-section{padding:6rem 2rem}.features-inner{max-width:1000px;margin:0 auto}.features-headline{font-family:var(--font-display);text-align:center;margin-bottom:5rem;font-size:clamp(2rem,4vw,3rem)}.feature-block{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:6rem;display:grid}.feature-block.reverse{direction:rtl}.feature-block.reverse>*{direction:ltr}.feature-number{color:var(--amber-500);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.feature-content h4{font-family:var(--font-display);margin-bottom:1rem;font-size:1.75rem}.feature-content p{color:var(--slate-600);margin-bottom:1.5rem}.feature-list{list-style:none}.feature-list li{color:var(--slate-700);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.feature-list li:before{content:"→";color:var(--amber-500);position:absolute;left:0}.feature-visual{justify-content:center;display:flex}.feature-card{box-shadow:0 20px 40px -15px #0000001a,0 0 0 1px var(--slate-200);background:#fff;border-radius:20px;min-width:280px;padding:24px}.booking-header{margin-bottom:20px;font-weight:600}.booking-day .day-name{color:var(--slate-500);margin-bottom:8px;font-size:.85rem;display:block}.day-slots{gap:8px;display:flex}.slot{background:var(--slate-100);border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:500}.slot.selected{background:var(--amber-500);color:#fff}.booking-cta{text-align:center;background:var(--slate-900);color:#fff;border-radius:10px;margin-top:20px;padding:12px;font-weight:600}.timer-card{background:var(--slate-950);text-align:center}.timer-label{color:var(--amber-400);margin-bottom:16px;font-size:.85rem}.timer-display{font-family:var(--font-display);color:#fff;margin-bottom:8px;font-size:3.5rem}.timer-student{color:var(--slate-400);margin-bottom:20px}.timer-btn{color:var(--slate-900);background:#fff;border-radius:10px;padding:12px;font-weight:600}.records-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.records-avatar{background:var(--slate-200);width:44px;height:44px;color:var(--slate-600);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.records-name{font-weight:600}.records-meta{color:var(--slate-500);font-size:.85rem}.progress-bar{background:var(--slate-200);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--amber-400),var(--amber-500));border-radius:4px;height:100%}.records-check{color:#10b981;align-items:center;gap:8px;font-size:.85rem;display:flex}.records-check svg{width:18px;height:18px}.pricing-section{background:var(--slate-50);padding:6rem 2rem}.pricing-inner{text-align:center;max-width:900px;margin:0 auto}.pricing-headline{font-family:var(--font-display);margin-bottom:4rem;font-size:clamp(2rem,4vw,3rem)}.pricing-accent{color:var(--amber-500)}.pricing-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.pricing-card{text-align:left;border:1px solid var(--slate-200);background:#fff;border-radius:20px;padding:2.5rem;position:relative}.pricing-card.featured{border:2px solid var(--amber-500);box-shadow:0 20px 40px -15px #f59e0b33}.pricing-badge{background:var(--amber-500);color:#fff;border-radius:100px;padding:6px 16px;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-tier{color:var(--slate-500);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.pricing-price{margin-bottom:1rem}.price-currency{color:var(--slate-400);vertical-align:top;font-size:1.5rem}.price-amount{font-family:var(--font-display);font-size:4rem;line-height:1}.price-period{color:var(--slate-400)}.pricing-desc{color:var(--slate-500);border-bottom:1px solid var(--slate-200);margin-bottom:2rem;padding-bottom:2rem;font-size:.95rem}.pricing-features{margin-bottom:2rem;list-style:none}.pricing-features li{color:var(--slate-700);margin-bottom:.75rem;padding-left:1.75rem;position:relative}.pricing-features li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.pricing-cta{text-align:center;border:2px solid var(--slate-200);width:100%;color:var(--slate-700);border-radius:12px;padding:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.pricing-cta:hover{border-color:var(--slate-900);color:var(--slate-900)}.pricing-cta.primary{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.pricing-cta.primary:hover{background:var(--slate-800)}.pricing-note{color:var(--slate-500);font-size:.9rem}.testimonial-section{padding:6rem 2rem}.testimonial-inner{text-align:center;max-width:700px;margin:0 auto}.testimonial-quote{font-family:var(--font-display);color:var(--slate-800);margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2rem);font-style:italic}.testimonial-author{justify-content:center;align-items:center;gap:1rem;display:flex}.author-avatar{background:var(--slate-900);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.author-name{font-weight:600}.author-title{color:var(--slate-500);font-size:.9rem}.cta-section{background:var(--slate-950);text-align:center;padding:6rem 2rem}.cta-headline{font-family:var(--font-display);color:#fff;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.cta-subhead{color:var(--slate-400);margin-bottom:2.5rem;font-size:1.1rem}.cta-section .btn-primary{background:var(--amber-500)}.cta-section .btn-primary:hover{background:var(--amber-400)}.footer{background:var(--slate-950);border-top:1px solid var(--slate-800);padding:4rem 2rem 2rem}.footer-inner{grid-template-columns:2fr 3fr;gap:4rem;max-width:1000px;margin:0 auto;display:grid}.footer-brand p{color:var(--slate-400);margin-top:1rem;font-size:.9rem}.footer .logo{color:#fff}.footer .logo-mark{background:var(--slate-800)}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-col h4{color:#fff;margin-bottom:1rem;font-size:.85rem;font-weight:600}.footer-col a{color:var(--slate-400);margin-bottom:.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--slate-800);text-align:center;max-width:1000px;color:var(--slate-500);margin:3rem auto 0;padding-top:2rem;font-size:.85rem}.contact-form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--slate-700);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--slate-300);font-size:1rem;font-family:var(--font-body);background:#fff;border-radius:12px;padding:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--amber-500);outline:none;box-shadow:0 0 0 3px #f59e0b1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--slate-400)}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{cursor:pointer;border:none;justify-content:center;font-size:1rem}.contact-form .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-success{text-align:center;background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 40px -15px #0000001a}.success-icon{background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.success-icon svg{color:#fff;width:32px;height:32px}.contact-success h2{font-family:var(--font-display);margin-bottom:.5rem;font-size:2rem}.contact-success p{color:var(--slate-600);margin-bottom:2rem}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr;padding-top:7rem}.hero-subhead{margin:0 auto 2rem}.hero-cta-group{flex-wrap:wrap;justify-content:center}.hero-visual{order:-1;margin-bottom:2rem}.hero-float-card{display:none}.pain-grid,.feature-block,.pricing-grid,.footer-inner{grid-template-columns:1fr}.feature-block.reverse{direction:ltr}.feature-content{text-align:center}.feature-list{text-align:left;display:inline-block}.nav-links a:not(.nav-cta){display:none}}