.landing-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-nav);background:#ffffffd9;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:14px 24px;display:flex}.landing-nav .logo{font-size:28px}.nav-cta{border-radius:var(--radius-pill);background:var(--brand);color:#fff;padding:10px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:opacity .15s}.nav-cta:hover{opacity:.9}.hero{text-align:center;background:linear-gradient(180deg, var(--bg) 0%, #ede8ff 100%);padding:80px 24px 60px}.hero-content{max-width:720px;margin:0 auto}.hero-badge{background:var(--ok-bg);color:var(--ok-text);border-radius:var(--radius-pill);margin-bottom:24px;padding:8px 20px;font-size:14px;font-weight:800;display:inline-block}.hero h1{font-family:var(--font-display);margin-bottom:20px;font-size:clamp(36px,7vw,56px);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--brand), var(--brand2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--ink2);max-width:560px;margin:0 auto 32px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-emojis{justify-content:center;gap:24px;margin-top:48px;font-size:48px;display:flex}.hero-emojis span{animation:3s ease-in-out infinite float}.hero-emojis span:nth-child(2){animation-delay:.3s}.hero-emojis span:nth-child(3){animation-delay:.6s}.hero-emojis span:nth-child(4){animation-delay:.9s}.hero-emojis span:nth-child(5){animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section-inner{max-width:1080px;margin:0 auto;padding:0 24px}.section-title{font-family:var(--font-display);text-align:center;margin-bottom:12px;font-size:clamp(28px,5vw,40px);font-weight:800}.section-sub{text-align:center;color:var(--ink2);max-width:520px;margin:0 auto 40px;font-size:17px;line-height:1.5}.features{padding:80px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feature-card{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);padding:28px;transition:transform .15s,box-shadow .15s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature-icon{margin-bottom:14px;font-size:40px}.feature-card h3{font-family:var(--font-display);color:var(--brand);margin-bottom:8px;font-size:20px;font-weight:800}.feature-card p{color:var(--ink2);font-size:15px;line-height:1.5}.how-it-works{background:linear-gradient(180deg, #ede8ff 0%, var(--bg) 100%);padding:80px 0}.steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.step{background:var(--surface);border-radius:var(--radius);text-align:center;border:2px solid var(--border);width:240px;padding:28px}.step-num{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;font-size:22px;font-weight:900;display:flex}.step h3{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:18px}.step p{color:var(--ink2);font-size:14px;line-height:1.4}.step-arrow{color:var(--ink3);font-size:28px;font-weight:900}.levels{padding:80px 0}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.level-card{background:var(--surface);border-radius:var(--radius);text-align:center;border:2px solid var(--border);color:var(--ink2);padding:24px;font-size:14px;line-height:1.5}.level-card strong{color:var(--ink);margin-bottom:4px;font-size:16px;display:block}.level-emoji{margin-bottom:10px;font-size:36px;display:block}.final-cta{background:linear-gradient(180deg, var(--bg) 0%, #ede8ff 100%);padding:80px 0}.landing-footer{background:var(--surface);border-top:2px solid var(--border);padding:32px 24px}.landing-footer-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;display:flex}.landing-footer p{color:var(--ink3);font-size:14px;font-weight:700}.demo-section{background:linear-gradient(180deg, var(--bg) 0%, #ede8ff 100%);padding:80px 0}.demo-card{background:var(--surface);border-radius:var(--radius);border:2.5px solid var(--border);max-width:400px;box-shadow:var(--shadow);margin:0 auto;padding:32px}.demo-options{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.demo-opt{border:2.5px solid var(--border-light);background:var(--surface);cursor:pointer;width:56px;height:56px;color:var(--ink);font-size:22px;font-weight:900;font-family:var(--font-body);border-radius:14px;transition:all .12s}.demo-opt:hover{border-color:var(--brand);background:var(--surface-brand)}.demo-opt.correct{color:#166534;background:#dcfce7;border-color:#22c55e}.demo-opt.wrong{color:#991b1b;background:#fee2e2;border-color:#ef4444}.demo-opt:disabled{cursor:default;opacity:.8}.demo-feedback{text-align:center;min-height:32px;margin-top:4px;font-size:16px}.faq-section{padding:80px 0}.faq-grid{gap:12px;max-width:700px;margin:0 auto;display:grid}.faq-item{background:var(--surface);border:2px solid var(--border);border-radius:16px;transition:box-shadow .15s;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow)}.faq-item summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:18px 22px;font-size:16px;font-weight:800;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--brand);font-size:22px;font-weight:900;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--ink2);padding:0 22px 18px;font-size:15px;line-height:1.6}@media (width<=640px){.hero{padding:48px 20px 40px}.hero h1{font-size:32px}.hero-sub{font-size:16px}.btn-lg{padding:16px 28px;font-size:17px}.hero-emojis{gap:16px;font-size:36px}.step-arrow{display:none}.steps{gap:14px}.step{width:100%}.landing-footer-inner{text-align:center;flex-direction:column;gap:12px}}