*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-teal: #2DD4BF;--color-orange: #F97316;--color-yellow: #FBBF24;--color-blue: #3B82F6;--color-blue-dark: #2563EB;--color-purple: #8B5CF6;--color-pink: #EC4899;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-white: #FFFFFF;--gradient-logo: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);--font-family: "Inter", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-family);color:var(--color-gray-800);line-height:1.6;background:var(--color-white);-webkit-font-smoothing:antialiased}.container{max-width:1120px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s,background .3s}.nav.scrolled{background:#fffffff2;box-shadow:0 1px 3px #00000014}.nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-text{font-size:1.5rem;font-weight:800;background:var(--gradient-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--color-gray-600);font-size:.938rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-gray-900)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-gray-700);border-radius:2px;transition:transform .3s,opacity .3s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;gap:8px;padding:16px 24px 24px;border-top:1px solid var(--color-gray-100)}.nav-mobile a{text-decoration:none;color:var(--color-gray-700);font-size:1rem;font-weight:500;padding:8px 0}@media(max-width:768px){.nav-links{display:none}.nav-toggle,.nav-mobile.open{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family);font-weight:600;text-decoration:none;border-radius:12px;border:none;cursor:pointer;transition:all .2s;font-size:1rem;padding:12px 24px;line-height:1.4}.btn-sm{padding:8px 18px;font-size:.875rem;border-radius:10px}.btn-lg{padding:16px 32px;font-size:1.063rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-gray-700);border:2px solid var(--color-gray-200)}.btn-outline:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.btn-white{background:#fff;color:var(--color-blue-dark);box-shadow:0 4px 14px #00000026}.btn-white:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}.btn-block{width:100%;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.hero{padding:140px 0 80px;background:linear-gradient(180deg,#f8fafc,#fff)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-badge{display:inline-block;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:var(--color-purple);font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:100px;margin-bottom:20px}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--color-gray-900);margin-bottom:20px;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--color-gray-500);line-height:1.6;margin-bottom:32px;max-width:480px}.hero-actions{display:flex;gap:12px;margin-bottom:16px}.hero-note{font-size:.813rem;color:var(--color-gray-400)}.hero-login-link{font-size:.938rem;color:var(--color-gray-500);margin-top:12px}.hero-login-link a{color:var(--color-blue);font-weight:600;text-decoration:none}.hero-login-link a:hover{text-decoration:underline}.hero-visual{display:flex;justify-content:center}.hero-phone{width:280px;background:var(--color-gray-900);border-radius:36px;padding:12px;box-shadow:0 40px 80px #00000026}.phone-screen{background:var(--color-white);border-radius:26px;padding:24px 20px;min-height:420px}.phone-header{margin-bottom:24px}.phone-greeting{font-size:1.25rem;font-weight:700;color:var(--color-gray-900)}.phone-streak{font-size:.813rem;color:var(--color-orange);font-weight:600;margin-top:4px}.phone-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--color-gray-50);margin-bottom:10px;transition:all .2s}.phone-card.active{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border:2px solid rgba(59,130,246,.2)}.phone-card-emoji{font-size:1.5rem}.phone-card-text{flex:1;font-weight:600;font-size:.938rem;color:var(--color-gray-800)}.phone-card-time{font-size:.75rem;color:var(--color-gray-400);font-weight:500}.phone-progress{margin-top:20px;height:6px;background:var(--color-gray-100);border-radius:100px;overflow:hidden}.phone-progress-bar{height:100%;width:65%;background:var(--gradient-primary);border-radius:100px}.phone-points{text-align:center;font-size:.75rem;color:var(--color-gray-400);font-weight:500;margin-top:8px}@media(max-width:768px){.hero{padding:110px 0 60px}.hero .container{grid-template-columns:1fr;gap:48px;text-align:center}.hero h1{font-size:2.5rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-visual{order:-1}.hero-phone{width:240px}.phone-screen{min-height:360px;padding:20px 16px}}.trust{padding:32px 0;border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}.trust p{text-align:center;color:var(--color-gray-400);font-size:.938rem;font-weight:500}.section-header{text-align:center;max-width:600px;margin:0 auto 56px}.section-header h2{font-size:2.25rem;font-weight:800;color:var(--color-gray-900);margin-bottom:12px;letter-spacing:-.02em}.section-header p{font-size:1.125rem;color:var(--color-gray-500)}.features{padding:96px 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;border-radius:20px;background:var(--color-gray-50);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.feature-icon{font-size:2.25rem;margin-bottom:16px}.feature-card h3{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.feature-card p{font-size:.938rem;color:var(--color-gray-500);line-height:1.6}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}}.how-it-works{padding:96px 0;background:var(--color-gray-50)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:24px}.step{flex:1;max-width:280px;text-align:center}.step-number{width:56px;height:56px;border-radius:16px;background:var(--gradient-primary);color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.step h3{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.step p{font-size:.938rem;color:var(--color-gray-500);line-height:1.6}.step-arrow{font-size:1.5rem;color:var(--color-gray-300);padding-top:14px;flex-shrink:0}@media(max-width:768px){.steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg)}}.principles{padding:96px 0}.principles-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.principles-text h2{font-size:2.25rem;font-weight:800;color:var(--color-gray-900);margin-bottom:16px;letter-spacing:-.02em}.principles-text p{font-size:1.063rem;color:var(--color-gray-500);line-height:1.7;margin-bottom:24px}.principles-list{list-style:none}.principles-list li{font-size:1rem;font-weight:500;color:var(--color-gray-700);position:relative;padding:8px 0 8px 28px}.principles-list li:before{content:"✓";position:absolute;left:0;color:var(--color-teal);font-weight:700}.principles-quote{background:var(--color-gray-50);border-radius:24px;padding:48px}.principles-quote blockquote{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);line-height:1.3;margin-bottom:16px}.principles-quote cite{font-style:normal;font-size:.938rem;color:var(--color-gray-400)}@media(max-width:768px){.principles-inner{grid-template-columns:1fr;gap:40px}.principles-quote{padding:32px}.principles-quote blockquote{font-size:1.375rem}}.pricing{padding:96px 0;background:var(--color-gray-50)}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:800px;margin:0 auto}.pricing-card{background:var(--color-white);border-radius:24px;padding:40px;border:2px solid var(--color-gray-100);position:relative}.pricing-card-pro{border-color:#8b5cf64d}.pricing-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-purple);background:#8b5cf61a;padding:4px 12px;border-radius:100px;margin-bottom:16px}.pricing-card h3{font-size:1.5rem;font-weight:800;color:var(--color-gray-900);margin-bottom:8px}.pricing-price{margin-bottom:16px}.pricing-price .price{font-size:3rem;font-weight:800;color:var(--color-gray-900);letter-spacing:-.02em}.pricing-price .period{font-size:1rem;color:var(--color-gray-400)}.pricing-desc{font-size:.938rem;color:var(--color-gray-500);margin-bottom:24px;line-height:1.5}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{font-size:.938rem;color:var(--color-gray-600);padding:8px 0 8px 28px;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--color-teal);font-weight:700}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr}.pricing-card{padding:32px}}.for-parents{padding:96px 0}.parents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.parent-card{padding:32px;border-radius:20px;border:2px solid var(--color-gray-100)}.parent-card h3{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.parent-card p{font-size:.938rem;color:var(--color-gray-500);line-height:1.6}@media(max-width:768px){.parents-grid{grid-template-columns:1fr}}.for-teachers{padding:96px 0;background:var(--color-gray-50)}.install-as-app{padding:96px 0}.cta{padding:96px 0;background:var(--gradient-primary);text-align:center}.cta h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.cta p{font-size:1.125rem;color:#fffc;margin-bottom:32px}@media(max-width:768px){.cta h2{font-size:2rem}}.footer{padding:64px 0 32px;background:var(--color-gray-900);color:var(--color-gray-400)}.footer-inner{display:flex;justify-content:space-between;gap:64px;margin-bottom:48px}.footer-brand p{margin-top:12px;font-size:.875rem;max-width:280px;line-height:1.6}.footer-brand .logo-text{font-size:1.25rem}.footer-links{display:flex;gap:64px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:.813rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-200);margin-bottom:4px}.footer-col a{text-decoration:none;font-size:.875rem;color:var(--color-gray-400);transition:color .2s}.footer-col a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;font-size:.813rem}@media(max-width:768px){.footer-inner{flex-direction:column;gap:40px}.footer-links{gap:40px}}