:root{
  --bg:#F9FAF9; --card:#FFFFFF; --text:#333333; --muted:#666666;
  --line:#E0E0E0; --accent:#3DBE72; --accent-strong:#2CA55E;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1120px;margin:0 auto;padding:20px}

.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}
.brand{display:flex;align-items:center;gap:10px}.logo{width:28px;height:28px}.brand-name{font-weight:700;letter-spacing:.2px}
.nav a{color:var(--text);text-decoration:none;margin-left:16px}.nav .btn.small{padding:6px 10px;border-radius:10px;background:var(--accent);color:#fff}

.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:32px 20px}
.hero h1{font-size:46px;line-height:1.05;margin:0 0 10px}.tagline{color:var(--muted);margin:0 0 16px;font-size:18px}
.cta-row{display:flex;gap:12px;margin-top:10px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}
.btn:hover{background:var(--accent-strong)}.btn.ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}.en{opacity:.7;font-weight:600}

.ticker{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;margin:14px 0}
.ticker .track{display:flex;gap:32px;white-space:nowrap;padding:10px 16px;animation:ticker 14s ease-in-out infinite alternate}
.ticker span{opacity:.9}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-60%)}}

.orbit-wrap{position:relative;width:100%;height:380px;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;width:280px;height:280px;border-radius:50%;border:1px dashed var(--line);animation:spin 12s linear infinite;transform-style:preserve-3d;perspective:800px}
.orbit.slow{width:360px;height:360px;animation-duration:18s;opacity:.7}
.star{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(61,190,114,.7)}
.star:nth-child(1){top:-5px;left:50%;transform:translateX(-50%)}
.star:nth-child(2){bottom:-5px;left:50%;transform:translateX(-50%)}
.star:nth-child(3){left:-5px;top:50%;transform:translateY(-50%)}
.star:nth-child(4){right:-5px;top:50%;transform:translateY(-50%)}
.star:nth-child(5){top:10%;left:10%}
@keyframes spin{to{transform:rotateZ(360deg) rotateX(15deg)}}

.features h2,.cards h2,.how h2,.waitlist h2{font-size:28px;margin:40px 0 14px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.fgrid li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}

.cards .row{display:flex;align-items:center;justify-content:space-between}
.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc(33.33% - 10px);gap:15px;overflow:hidden;scroll-behavior:smooth;margin-top:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:190px;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.card h3{margin:0}.ctrl{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:10px;cursor:pointer}
.ctrl:hover{background:#f1f1f1}

.steps{display:flex;gap:12px;margin:0;padding:0;list-style:none}
.steps li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}

.waitform{display:flex;gap:8px}.waitform input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#fff}.waitform .btn{padding:12px 18px}
.footer{display:flex;gap:10px;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted)}.dot{opacity:.5}

@media(max-width:980px){
  .hero{grid-template-columns:1fr}
  .orbit-wrap{height:240px}
  .carousel{grid-auto-columns:calc(100% - 10px)}
}
/* Dark theme preview */
body.dark{ --bg:#212121; --card:#2A2A2A; --text:#FFFFFF; --muted:#BDBDBD; --line:#424242; --accent:#FFFFFF; --accent-strong:#F5F5F5; }