:root{--primary:#0f3d3e;--accent:#3a8f6d;--warning:#d9a23b;--text:#1a2526;--text-secondary:#5a6b6c;--surface:#f7f9f9;--border:#dce3e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}#root{min-height:100vh}a{cursor:pointer}h1,h2,h3,p{margin:0}img{max-width:100%}.page{overflow-x:hidden}.section-heading{text-align:center;color:var(--text);margin-bottom:16px;font-size:32px}.section-subtext{text-align:center;color:var(--text-secondary);margin-bottom:48px}.btn{border-radius:12px;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-block}.btn:hover{opacity:.92;transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff}.btn-outline{color:#fff;background:0 0;border:2px solid #fff}.top-lang-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:4px 6px;padding:8px 16px;display:flex}.top-lang-pill{color:var(--text-secondary);padding:2px 8px;font-size:12px}.top-lang-pill:not(:last-child){border-right:1px solid var(--border)}.hero{background:var(--primary);color:#fff;text-align:center;padding:80px 24px}.hero-logo{margin:0;font-size:48px;font-weight:800}.hero-logo .accent{color:var(--warning)}.hero-tagline{margin-top:16px;font-size:28px;font-weight:600;line-height:1.3}.hero-desc{opacity:.85;max-width:500px;margin:16px auto 0;font-size:18px}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.hero-note{opacity:.7;margin-top:24px;font-size:14px}.stats{background:#fff;padding:40px 24px}.stats-grid{flex-wrap:wrap;justify-content:center;gap:48px;max-width:800px;margin:0 auto;display:flex}.stat{text-align:center;min-width:100px}.stat-number{color:var(--primary);font-size:36px;font-weight:800}.stat-number.warning{color:var(--warning)}.stat-label{color:var(--text-secondary)}.how{background:var(--surface);padding:80px 24px}.steps{gap:24px;max-width:1000px;margin:0 auto;display:flex}.step-card{text-align:center;background:#fff;border-radius:16px;flex:1;padding:32px;box-shadow:0 2px 12px #00000014}.step-icon{margin-bottom:16px;font-size:40px}.step-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.step-desc{color:var(--text-secondary);font-size:15px;line-height:1.5}.modules{background:#fff;padding:80px 24px}.modules-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.module-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;padding:24px}.module-icon{margin-bottom:8px;font-size:28px;display:block}.module-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.module-desc{color:var(--text-secondary);font-size:14px;line-height:1.4}.languages{background:var(--primary);text-align:center;padding:80px 24px}.languages h2{color:#fff;margin-bottom:16px;font-size:32px}.languages-subtext{color:#fffc;margin-bottom:40px}.lang-pills{flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px;margin:0 auto;display:flex}.pill{color:#fff;border:1px solid #ffffff4d;border-radius:24px;padding:8px 20px;font-size:14px}.pricing{background:#fff;padding:80px 24px}.pricing-grid{align-items:stretch;gap:24px;max-width:1000px;margin:0 auto;display:flex}.price-card{border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;padding:32px;display:flex;position:relative}.price-card.highlight{border:2px solid var(--primary);box-shadow:0 4px 20px #0f3d3e1f}.price-card.featured{z-index:1;border-color:var(--accent);transform:scale(1.05);box-shadow:0 8px 28px #3a8f6d2e}.price-card.featured .price-badge,.price-card.featured .price-cta{background:var(--accent)}.pricing-note{text-align:center;color:var(--text-secondary);max-width:560px;margin:32px auto 0;font-size:13px;line-height:1.5}.price-badge{background:var(--warning);color:#fff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-14px;right:24px}.price-title{color:var(--text);font-size:18px;font-weight:700}.price-amount{color:var(--primary);margin-top:12px;font-size:40px;font-weight:800}.price-subtext{color:var(--text-secondary);margin-top:4px;font-size:14px}.price-features{text-align:left;flex:1;margin:24px 0;padding:0;list-style:none}.price-features li{color:var(--text);padding:6px 0;font-size:15px}.price-cta{text-align:center;background:var(--primary);color:#fff;border-radius:10px;padding:14px 24px;font-weight:600;text-decoration:none;display:block}.cta-download{background:var(--accent);text-align:center;padding:80px 24px}.cta-download h2{color:#fff;margin-bottom:16px;font-size:36px;font-weight:800}.cta-download p{color:#ffffffe6;margin-bottom:40px;font-size:18px}.download-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:8px;display:flex}.play-btn{color:#fff;background:#000;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.browser-btn{background:var(--primary);color:#fff;border:2px solid #fff6;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.cta-note{color:#ffffffb3;margin-top:24px;font-size:14px}.footer{background:var(--primary);color:#fff;text-align:center;padding:40px 24px}.footer-logo{margin-bottom:16px;font-size:24px;font-weight:800}.footer-logo .accent{color:var(--warning)}.footer-tagline{opacity:.7;margin-bottom:24px;font-size:14px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.footer-links a{color:#ffffffb3;font-size:14px;text-decoration:none}.footer-copyright{opacity:.5;font-size:12px}.footer-disclaimer{opacity:.5;margin-top:8px;font-size:11px}@media (width<=768px){.hero-logo{font-size:36px}.stats-grid{gap:24px}.stat{flex-basis:40%}.steps{flex-direction:column}.modules-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{flex-direction:column}.price-card.featured{transform:none}}@media (width<=480px){.modules-grid{grid-template-columns:1fr}}
