:root{
  --bg:#090612;--bg-soft:#120b22;--surface:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.14);
  --text:#f7f3ff;--muted:#c8bfda;--primary:#b56cff;--accent:#7de0ff;--shadow:0 20px 50px rgba(0,0,0,0.30)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at top left, rgba(181,108,255,0.18), transparent 30%),
radial-gradient(circle at 80% 20%, rgba(125,224,255,0.10), transparent 25%),
linear-gradient(180deg,var(--bg),var(--bg-soft))}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(9,6,18,0.45);border-bottom:1px solid rgba(255,255,255,0.06)}
.nav{max-width:1180px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand,.footer-brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-logo,.footer-logo{width:34px;height:34px;display:block}
.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{color:var(--muted);font-size:.96rem}.nav-links a.active{color:#fff}
.nav-invite{padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,#b56cff,#8d68ff);color:#fff!important;box-shadow:0 12px 30px rgba(181,108,255,0.28)}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem}.section{max-width:1180px;margin:0 auto;padding:110px 20px}
.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero-content{max-width:860px;text-align:center;padding:42px}.hero-brand{display:flex;flex-direction:column;align-items:center;gap:14px}
.hero-logo{width:88px;height:88px;display:block;filter:drop-shadow(0 10px 24px rgba(181,108,255,0.35))}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.78rem;margin:0}
.hero h1{font-size:clamp(3rem,8vw,5.6rem);margin:12px 0 10px;line-height:1}.tagline{font-size:clamp(1.2rem,2.4vw,1.7rem);color:#fff;margin:0 0 18px;font-weight:600}
.hero-copy,.section-copy{color:var(--muted);line-height:1.7;max-width:720px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.button{padding:14px 22px;border-radius:16px;font-weight:600;transition:.25s transform,.25s background,.25s border-color;border:1px solid var(--border)}
.button:hover,.nav-invite:hover,.support-card:hover,.feature-card:hover,.setup-step:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,#b56cff,#8d68ff);border-color:transparent;box-shadow:0 14px 34px rgba(181,108,255,0.28)}
.button-secondary{background:rgba(255,255,255,0.04)}.glass{background:linear-gradient(180deg,var(--surface),rgba(255,255,255,0.03));border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0 14px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.feature-card,.setup-step,.support-card{border-radius:22px;padding:24px}
.feature-card h3,.setup-step h3{margin:0 0 10px}.feature-card p,.setup-step p,.site-footer p{margin:0;color:var(--muted);line-height:1.7}
.feature-card.soon{border-color:rgba(125,224,255,0.25);box-shadow:0 20px 50px rgba(125,224,255,0.08)}
.setup-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;margin-bottom:14px;font-weight:700;background:rgba(181,108,255,0.18);color:#fff}
.support-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:720px;margin:0 auto}.support-card strong{display:block;font-size:1.05rem;margin-bottom:6px}.support-card span{color:var(--muted)}
.site-footer{padding:0 20px 30px}.footer-inner{max-width:1180px;margin:0 auto;padding:24px;border-radius:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.55;pointer-events:none}.hero-orb-a{width:340px;height:340px;background:rgba(181,108,255,0.18);top:8%;left:8%;animation:float1 9s ease-in-out infinite}.hero-orb-b{width:270px;height:270px;background:rgba(125,224,255,0.12);right:8%;bottom:16%;animation:float2 11s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(18px)}}
.fade-in{opacity:0;transform:translateY(16px);transition:opacity .7s ease, transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}
@media (max-width:860px){.nav-toggle{display:block}.nav-links{position:absolute;top:72px;left:16px;right:16px;display:none;flex-direction:column;align-items:flex-start;padding:18px;border-radius:18px;background:rgba(9,6,18,0.92);border:1px solid rgba(255,255,255,0.08)}.nav-links.open{display:flex}}