/* LiveLingo — shared styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#080810;--surface:#0f0f1a;--surface2:#13131e;--border:#1e1e30;
  --accent:#7c6ff7;--green:#3ddba8;--yellow:#f0c040;--red:#f0566a;
  --text:#eeeef5;--muted:#6666a0;
  --serif:'Instrument Serif',Georgia,serif;
  --mono:'DM Mono',monospace;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.6;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.35;}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 60px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05);}
.nav-logo{font-family:var(--serif);font-size:22px;color:var(--text);text-decoration:none;}
.nav-logo span{color:var(--green);}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{color:var(--muted);font-size:12px;text-decoration:none;letter-spacing:.5px;text-transform:uppercase;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--text);}
.nav-cta{background:var(--green);color:#000;padding:9px 20px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;}
.nav-cta:hover{background:#00b890;}

/* Buttons */
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#000;padding:14px 28px;border-radius:8px;font-family:var(--mono);font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;border:2px solid var(--green);}
.btn-primary:hover{background:transparent;color:var(--green);}
.btn-secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--text);padding:14px 28px;border-radius:8px;font-family:var(--mono);font-size:13px;text-decoration:none;border:1px solid var(--border);transition:all .2s;}
.btn-secondary:hover{border-color:var(--muted);}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--accent);padding:10px 20px;border-radius:6px;font-family:var(--mono);font-size:12px;text-decoration:none;border:1px solid rgba(124,111,247,.3);transition:all .2s;}
.btn-ghost:hover{background:rgba(124,111,247,.1);}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:0 60px;}
.page-hero{padding:160px 60px 80px;max-width:1100px;margin:0 auto;}
section{padding:90px 0;}
.section-inner{max-width:1100px;margin:0 auto;padding:0 60px;}
.section-tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:block;}
.section-title{font-family:var(--serif);font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1px;margin-bottom:14px;}
.section-sub{color:var(--muted);font-size:15px;max-width:540px;line-height:1.7;}
.divider{height:1px;background:var(--border);}

/* Cards */
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .25s;}
.card:hover{border-color:rgba(124,111,247,.3);transform:translateY(-2px);}

/* Steps */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--border);border-radius:14px;overflow:hidden;margin-top:48px;}
.step-card{background:var(--surface);padding:32px 28px;position:relative;transition:background .2s;}
.step-card:hover{background:var(--surface2);}
.step-num{font-size:11px;color:var(--muted);letter-spacing:1px;margin-bottom:16px;display:block;}
.step-icon{font-size:28px;margin-bottom:12px;display:block;}
.step-title{font-family:var(--serif);font-size:20px;margin-bottom:8px;}
.step-desc{color:var(--muted);font-size:13px;line-height:1.7;}

/* Waitlist */
.waitlist-form{display:flex;gap:10px;flex-wrap:wrap;}
.waitlist-input{flex:1;min-width:220px;background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:13px 18px;border-radius:8px;font-family:var(--mono);font-size:13px;outline:none;transition:border-color .2s;}
.waitlist-input:focus{border-color:var(--green);}
.waitlist-input::placeholder{color:var(--muted);}
.waitlist-btn{background:var(--green);color:#000;border:none;padding:13px 24px;border-radius:8px;font-family:var(--mono);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;}
.waitlist-btn:hover{background:#00b890;}
.form-note{font-size:11px;color:var(--muted);margin-top:10px;}

/* Lang strip */
.lang-strip{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;background:var(--surface);}
.lang-inner{display:flex;gap:40px;animation:scroll 24s linear infinite;white-space:nowrap;width:max-content;}
.lang-item{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;}
.lang-item span{color:var(--text);}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Footer */
footer{border-top:1px solid var(--border);padding:56px 60px;}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;margin-bottom:48px;}
.footer-brand .footer-logo{font-family:var(--serif);font-size:20px;color:var(--text);text-decoration:none;display:block;margin-bottom:10px;}
.footer-brand .footer-logo span{color:var(--green);}
.footer-brand p{font-size:13px;color:var(--muted);line-height:1.7;max-width:200px;}
.footer-col h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.footer-col a{display:block;color:var(--muted);text-decoration:none;font-size:13px;margin-bottom:9px;transition:color .2s;}
.footer-col a:hover{color:var(--text);}
.footer-bottom{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);flex-wrap:wrap;gap:12px;}

/* Badges */
.badge{display:inline-block;font-size:10px;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-top:10px;}
.badge-green{background:rgba(61,219,168,.1);color:var(--green);border:1px solid rgba(61,219,168,.2);}
.badge-purple{background:rgba(124,111,247,.1);color:var(--accent);border:1px solid rgba(124,111,247,.2);}
.badge-soon{background:rgba(240,192,64,.1);color:var(--yellow);border:1px solid rgba(240,192,64,.2);}
.coming-soon-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(240,192,64,.1);border:1px solid rgba(240,192,64,.3);color:var(--yellow);padding:6px 14px;border-radius:20px;font-size:11px;letter-spacing:.5px;}

/* Reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border);padding:20px 0;}
.faq-q{font-family:var(--serif);font-size:18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text);}
.faq-q span{color:var(--muted);font-family:var(--mono);font-size:16px;transition:transform .2s;}
.faq-q.open span{transform:rotate(45deg);}
.faq-a{color:var(--muted);font-size:13px;line-height:1.8;display:none;padding-top:12px;}
.faq-a.open{display:block;}

@media(max-width:900px){nav{padding:16px 24px;}.nav-links{display:none;}.container,.section-inner,.page-hero{padding-left:24px;padding-right:24px;}footer{padding:40px 24px;}.footer-inner{grid-template-columns:1fr 1fr;gap:32px;}.page-hero{padding:120px 24px 60px;}}
@media(max-width:600px){.footer-inner{grid-template-columns:1fr;}.steps-grid{grid-template-columns:1fr;}}