@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{--bg:#06070d;--bg2:#090b14;--text:#f7f7fb;--muted:#9295a8;--line:rgba(255,255,255,.09);--purple:#8b5cf6;--violet:#a855f7;--blue:#5b8cff;--pink:#e879f9;--green:#55d6a1;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 80% 10%,rgba(99,70,180,.12),transparent 32%),var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}.landing-shell{width:min(1240px,92%);margin:auto}.landing-nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#c084fc);box-shadow:0 0 30px rgba(139,92,246,.35);font-size:15px}.brand-text b{color:#a78bfa}.nav-links{display:flex;gap:30px;color:#8e91a4;font-size:13px}.nav-links a:hover,.nav-login:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:18px;font-size:13px}.nav-login{color:#b7b9c8}.nav-cta{padding:11px 16px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.04)}.nav-cta:hover{border-color:rgba(167,139,250,.5);background:rgba(139,92,246,.1)}.hero{position:relative;min-height:670px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:30px;padding:70px 0 80px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#a8a4bc}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(139,92,246,.22);border-radius:999px;background:rgba(139,92,246,.07)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 12px #a78bfa}.hero h1{font-size:clamp(52px,6vw,86px);line-height:.98;letter-spacing:-5px;margin:25px 0}.hero h1 span,.section-heading h2 span,.ai-copy h2 span,.final-cta h2 span{background:linear-gradient(90deg,#b99cff,#e18cff,#8db7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:610px;color:#9a9cad;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:32px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:0 19px;border-radius:13px;font-size:13px;font-weight:700;transition:.22s}.primary-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 15px 45px rgba(139,92,246,.24)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 55px rgba(139,92,246,.35)}.primary-button span{font-size:17px}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#b7b9c8}.secondary-button:hover{background:rgba(255,255,255,.07);color:#fff}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:28px;color:#b6b7c4}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{color:#6f7284;font-size:10px;margin-top:3px}.avatars{display:flex}.avatars span{width:26px;height:26px;margin-left:-6px;border:2px solid #080911;border-radius:50%;display:grid;place-items:center;background:#222536;color:#d8d9e5;font-size:8px}.avatars span:first-child{margin-left:0;background:#5d4b8e}.avatars span:nth-child(2){background:#374b7d}.avatars span:nth-child(3){background:#77416e}.avatars span:last-child{background:#141620;color:#9ea1b3}.hero-visual{height:530px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid rgba(150,120,255,.12);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:500px;height:260px}.orbit-b{width:440px;height:440px;transform:rotate(55deg)}.orbit-c{width:300px;height:500px;transform:rotate(78deg);border-color:rgba(120,155,255,.08)}.hero-visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(137,91,246,.23),rgba(66,87,255,.06) 42%,transparent 70%);filter:blur(8px)}.visual-card{position:relative;z-index:2}.main-visual-card{width:360px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:linear-gradient(145deg,rgba(27,25,42,.95),rgba(12,13,22,.96));box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 80px rgba(139,92,246,.12);backdrop-filter:blur(18px)}.visual-top{display:flex;justify-content:space-between;color:#d9d9e5;font-size:10px;font-weight:800;letter-spacing:1.4px}.live-dot{color:#6fdbad;font-size:8px}.visual-level{font-size:42px;font-weight:800;margin:38px 0 14px}.visual-level span{font-size:10px;color:#777b8e;font-weight:600;margin-left:8px}.visual-progress,.mini-progress{height:5px;background:#1e2030;border-radius:20px;overflow:hidden}.visual-progress i,.mini-progress i{display:block;height:100%;width:64%;background:linear-gradient(90deg,#8b5cf6,#b56df9);border-radius:inherit}.visual-stats{display:flex;justify-content:space-between;margin:20px 0 22px}.visual-stats span{display:flex;flex-direction:column}.visual-stats b{font-size:15px}.visual-stats small{font-size:8px;color:#666a7c;margin-top:3px}.visual-lesson{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:15px}.lesson-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(139,92,246,.15);color:#c1a5ff}.visual-lesson small,.visual-lesson strong{display:block}.visual-lesson small{font-size:8px;color:#686c7d;letter-spacing:1px}.visual-lesson strong{font-size:12px;margin-top:4px}.visual-lesson>span{margin-left:auto;color:#8f78c8}.floating-chip{position:absolute;z-index:3;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(16,17,28,.9);box-shadow:0 20px 50px rgba(0,0,0,.3);font-size:9px;color:#85899b}.floating-chip b{display:block;color:#eee;font-size:10px;margin-top:3px}.chip-ai{top:90px;right:8px}.chip-xp{bottom:105px;left:8px}.chip-word{bottom:32px;right:28px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.metrics div{display:flex;justify-content:center;gap:12px;align-items:center;border-right:1px solid rgba(255,255,255,.06)}.metrics div:last-child{border-right:0}.metrics strong{font-size:25px}.metrics span{font-size:9px;line-height:1.45;color:#717486}.section{padding:125px 0 35px}.section-heading{max-width:700px;margin-bottom:40px}.section-heading h2,.ai-copy h2,.final-cta h2{font-size:clamp(35px,4vw,55px);line-height:1.02;letter-spacing:-3px;margin:13px 0 16px}.section-heading p,.ai-copy p,.final-cta p{color:#85899b;font-size:14px;line-height:1.7;max-width:600px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{position:relative;min-height:255px;padding:27px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.24);background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(255,255,255,.02))}.feature-large{min-height:285px}.feature-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;margin-bottom:23px;font-weight:800;font-size:16px}.feature-icon.purple{background:rgba(139,92,246,.15);color:#bba3ff}.feature-icon.blue{background:rgba(91,140,255,.14);color:#8eb2ff}.feature-icon.pink{background:rgba(232,121,249,.13);color:#f2a6ff}.feature-icon.green{background:rgba(85,214,161,.12);color:#7be0b4}.card-kicker{font-size:8px;letter-spacing:1.7px;color:#777b8d;font-weight:800}.feature-card h3{font-size:22px;margin:9px 0}.feature-card p{max-width:450px;color:#85899a;font-size:12px;line-height:1.65}.mini-progress{margin-top:27px;width:220px}.feature-card>small{display:block;color:#676b7b;font-size:8px;margin-top:7px}.word-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.word-pills b{font-size:9px;font-weight:600;color:#bfc2cf;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.03)}.grammar-line{margin-top:25px;padding:12px;border-radius:10px;background:rgba(255,255,255,.035);font-size:10px;color:#7d8090}.grammar-line b{color:#c2a8ff;margin:0 4px}.sound-bars{display:flex;align-items:end;gap:5px;height:45px;margin-top:22px}.sound-bars i{display:block;width:5px;border-radius:10px;background:linear-gradient(#8b5cf6,#4c7cff);height:20%}.sound-bars i:nth-child(2){height:55%}.sound-bars i:nth-child(3){height:85%}.sound-bars i:nth-child(4){height:45%}.sound-bars i:nth-child(5){height:72%}.sound-bars i:nth-child(6){height:35%}.sound-bars i:nth-child(7){height:65%}.ai-section{margin:120px 0 40px;padding:70px;border:1px solid rgba(139,92,246,.16);border-radius:30px;background:radial-gradient(circle at 85% 20%,rgba(139,92,246,.15),transparent 35%),linear-gradient(135deg,rgba(139,92,246,.06),rgba(255,255,255,.02));display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ai-copy .primary-button{margin-top:25px}.chat-preview{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;background:rgba(5,6,12,.72);box-shadow:0 30px 80px rgba(0,0,0,.3)}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.06)}.ai-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#a855f7);font-weight:800}.chat-head strong,.chat-head small{display:block}.chat-head strong{font-size:11px}.chat-head small{font-size:8px;color:#666a7b;margin-top:3px}.chat-head>span{margin-left:auto;color:#55d6a1;font-size:8px}.chat-msg{max-width:82%;padding:12px 13px;border-radius:13px;margin-top:13px;font-size:10px;line-height:1.5;background:#151724;color:#d6d7df}.chat-msg small{display:block;color:#65697a;font-size:8px;margin-top:6px}.chat-msg.user{margin-left:auto;background:#5c42a0}.chat-msg.good{border:1px solid rgba(85,214,161,.12)}.chat-input{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;color:#555969;font-size:9px}.chat-input b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#8b5cf6;color:#fff}.final-cta{position:relative;text-align:center;padding:120px 20px;overflow:hidden}.cta-glow{position:absolute;inset:20% 20%;background:radial-gradient(circle,rgba(139,92,246,.17),transparent 65%);filter:blur(30px)}.final-cta>*:not(.cta-glow){position:relative}.final-cta p{margin:0 auto}.final-cta .primary-button{margin-top:28px}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:28px 0 40px;border-top:1px solid var(--line);color:#65697b;font-size:9px}.landing-footer .brand{color:#fff;font-size:16px}.landing-footer .brand-mark{width:25px;height:25px;font-size:11px;border-radius:8px}.landing-footer div{display:flex;gap:18px}.landing-footer a:hover{color:#fff}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.hero-glow-one{width:250px;height:250px;left:-150px;top:80px;background:rgba(139,92,246,.12)}.hero-glow-two{width:300px;height:300px;right:-130px;bottom:20px;background:rgba(91,140,255,.09)}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-text{margin:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{height:470px}.metrics{grid-template-columns:repeat(2,1fr);gap:18px}.metrics div:nth-child(2){border-right:0}.ai-section{grid-template-columns:1fr;padding:45px 30px}}
@media(max-width:650px){.landing-shell{width:min(92%,560px)}.landing-nav{height:72px}.nav-actions{gap:8px}.nav-login{display:none}.nav-cta{font-size:11px;padding:9px 11px}.hero{min-height:auto;padding:55px 0 50px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-text{font-size:14px}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.hero-proof{text-align:left}.hero-visual{height:410px;transform:scale(.86);margin:-15px 0}.main-visual-card{width:330px}.chip-ai{right:-5px}.chip-xp{left:-10px}.chip-word{right:5px}.metrics{grid-template-columns:1fr 1fr;padding:20px 0}.metrics div{border-right:0}.metrics strong{font-size:20px}.section{padding-top:85px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-large{min-height:230px}.ai-section{margin-top:80px;padding:35px 22px;border-radius:22px;gap:35px}.section-heading h2,.ai-copy h2,.final-cta h2{letter-spacing:-2px}.landing-footer{flex-wrap:wrap;gap:16px}.landing-footer>span{display:none}}
/* LINGVA official logo */
.brand-logo {
    width: 150px;
    height: 58px;
    object-fit: contain;
    object-position: left center;
    display: block;
}

.brand {
    display: flex;
    align-items: center;
    text-decoration: none;
}

@media (max-width: 700px) {
    .brand-logo {
        width: 120px;
        height: 48px;
    }
}