:root{
  --primary:#7c3aed;
  --primary-2:#06b6d4;
  --dark:#0b1020;
  --dark-2:#111936;
  --text:#e5e7eb;
  --muted:#97a3b6;
  --card:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.13);
  --light-bg:#f6f7fb;
  --light-text:#14213d;
}
*{box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;background:#070b18;color:var(--text);overflow-x:hidden}
a{text-decoration:none}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.navbar{background:rgba(7,11,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff}.btn-premium{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:0;color:#fff;font-weight:700;border-radius:14px;padding:.75rem 1.2rem;box-shadow:0 12px 30px rgba(124,58,237,.35)}.btn-premium:hover{color:#fff;transform:translateY(-1px)}.btn-outline-soft{border:1px solid var(--border);color:var(--text);border-radius:14px;padding:.75rem 1.2rem}.btn-outline-soft:hover{background:#fff;color:#111827}.hero{position:relative;min-height:92vh;display:flex;align-items:center;padding-top:92px;background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.35),transparent 30%),radial-gradient(circle at 80% 10%,rgba(6,182,212,.25),transparent 32%),linear-gradient(180deg,#070b18 0%,#0d1329 100%)}.hero h1{font-size:clamp(2.4rem,6vw,5.8rem);font-weight:900;line-height:.98;letter-spacing:-.05em}.hero p{color:var(--muted);font-size:1.15rem}.section{padding:90px 0}.section-title{font-weight:900;letter-spacing:-.04em}.section-subtitle{color:var(--muted);max-width:780px}.feature-card{height:100%;border-radius:26px;padding:28px;transition:.25s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.45)}.icon-box{width:54px;height:54px;border-radius:18px;background:rgba(124,58,237,.16);display:grid;place-items:center;color:#a78bfa;font-size:1.4rem}.workflow-step{position:relative;border-radius:22px;padding:22px}.workflow-number{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;font-weight:800}.mock-window{border-radius:30px;overflow:hidden;border:1px solid var(--border);background:#0f172a}.mock-top{height:48px;background:#151e34;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:8px}.dot{width:11px;height:11px;border-radius:50%;background:#ef4444}.dot:nth-child(2){background:#f59e0b}.dot:nth-child(3){background:#22c55e}.dashboard-shell{min-height:100vh;background:#eef2ff;color:#111827}.sidebar{width:280px;min-height:100vh;background:#08111f;color:#fff;position:fixed;left:0;top:0;padding:22px}.main{margin-left:280px;padding:24px}.side-link{display:flex;align-items:center;gap:12px;color:#b7c3d8;padding:13px 15px;border-radius:14px;margin-bottom:7px}.side-link.active,.side-link:hover{background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(6,182,212,.2));color:#fff}.app-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.08);padding:24px}.stat-card{border-radius:22px;padding:24px;background:#fff;border:1px solid #e5e7eb}.form-control,.form-select{border-radius:14px;padding:.8rem 1rem}.editor-canvas{aspect-ratio:16/9;border-radius:24px;background:linear-gradient(135deg,#111827,#312e81);display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}.timeline-track{height:52px;border-radius:15px;background:#f1f5f9;margin-bottom:10px;position:relative}.clip{height:100%;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#06b6d4)}.price{font-size:2.5rem;font-weight:900}.badge-soft{background:rgba(124,58,237,.12);color:#a78bfa;border:1px solid rgba(124,58,237,.2);border-radius:30px;padding:.45rem .75rem;font-weight:700}.footer{border-top:1px solid var(--border);background:#070b18;color:var(--muted)}@media(max-width:991px){.sidebar{position:relative;width:100%;min-height:auto}.main{margin-left:0}.hero{min-height:auto;padding:130px 0 70px}.section{padding:60px 0}}
@media(max-width:575px){.feature-card,.app-card,.stat-card{padding:18px;border-radius:18px}.hero h1{font-size:2.55rem}}