:root{--bg:#060914;--soft:#0a1020;--surface:#111827;--line:#94a3b829;--text:#f7f9fc;--muted:#92a0b7;--blue:#397bff;--cyan:#22d3ee;--violet:#7c5cff;--green:#2dd4a0;--shadow:0 30px 80px #00000059}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 20% 0%,#397bff29,transparent 30%),radial-gradient(circle at 85% 15%,#7c5cff1f,transparent 28%),var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.container{width:min(1180px,100% - 36px);margin:0 auto}.nav{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060914b8;align-items:center;height:76px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:20px;font-weight:800;display:flex}.mark{background:linear-gradient(135deg,var(--blue),var(--cyan) 45%,var(--violet));border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 0 30px #397bff59}.navlinks{color:var(--muted);gap:28px;font-size:14px;display:flex}.actions{align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:12px;padding:11px 16px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--violet));border:0;font-weight:700;box-shadow:0 10px 35px #397bff40}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:58px;padding:88px 0 64px;display:grid}.eyebrow{color:#baf4ff;text-transform:uppercase;letter-spacing:.12em;background:#22d3ee12;border:1px solid #22d3ee3d;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(46px,7vw,78px);line-height:.98}.gradient{background:linear-gradient(90deg,#7eb0ff,#4de6f5 52%,#a995ff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:660px;font-size:19px;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.product-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#111827e0,#080d1be6);border-radius:24px;padding:22px;position:relative;overflow:hidden}.windowbar,.flow-head,.topline{justify-content:space-between;align-items:center;display:flex}.windowbar{margin-bottom:18px}.dots{gap:6px;display:flex}.dot{background:#43506a;border-radius:999px;width:7px;height:7px}.live{color:var(--green);font-size:12px}.workflow,.checklist,.menu{gap:12px;display:grid}.flow-card{border:1px solid var(--line);background:#ffffff06;border-radius:16px;padding:16px}.flow-label{text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-size:11px}.pill{color:#80efc8;background:#2dd4a017;border-radius:999px;padding:5px 8px;font-size:11px}.asset-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.asset{border:1px solid var(--line);background:#0c1427;border-radius:12px;padding:13px;font-size:13px}.metric{font-size:26px;font-weight:800}.sections{padding:40px 0 90px}.section-title{text-align:center;max-width:740px;margin:0 auto 40px}.section-title h2{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(34px,4vw,52px)}.section-title p,.sub{color:var(--muted)}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{border:1px solid var(--line);background:#ffffff06;border-radius:20px;min-height:220px;padding:23px}.feature-icon{background:linear-gradient(135deg,#397bff2e,#7c5cff26);border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:28px;display:grid}.feature h3{margin:0 0 9px}.feature p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#070b16;height:100vh;padding:24px 18px;position:sticky;top:0}.sidebrand{margin:0 8px 30px}.menu{gap:5px}.menu a{color:var(--muted);border-radius:10px;padding:11px 12px;font-size:14px}.menu a.active{color:#dce9ff;background:#397bff1f;border:1px solid #397bff2e}.workspace{width:100%;max-width:1500px;padding:28px 34px 60px}.topline{gap:20px}.topline h1{letter-spacing:-.04em;margin:0;font-size:32px}.topline p{color:var(--muted);margin:6px 0 0}.grid{grid-template-columns:1.35fr .65fr;gap:16px;margin-top:24px;display:grid}.panel{border:1px solid var(--line);background:#ffffff06;border-radius:18px;padding:20px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.stat{border:1px solid var(--line);background:#0a1020;border-radius:14px;padding:16px}.stat strong{font-size:24px;display:block}.stat span{color:var(--muted);font-size:12px}.check{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:13px 14px;display:flex}.check b{font-size:13px}.check small{color:var(--muted);margin-top:3px;display:block}.checkmark{width:26px;height:26px;color:var(--green);background:#2dd4a01a;border-radius:8px;place-items:center;display:grid}.onboarding{grid-template-columns:360px 1fr;min-height:100vh;display:grid}.onboard-side{border-right:1px solid var(--line);background:#070b16;padding:36px}.steps{gap:14px;margin-top:50px;display:grid}.step{color:var(--muted);gap:12px;display:flex}.stepnum{border:1px solid var(--line);border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.step.active{color:var(--text)}.step.active .stepnum{background:linear-gradient(135deg,var(--blue),var(--violet));border:0}.onboard-main{place-items:center;padding:40px;display:grid}.form-card{border:1px solid var(--line);background:#ffffff06;border-radius:22px;width:min(720px,100%);padding:34px}.field{gap:8px;margin-top:18px;display:grid}.field label{color:#c8d1df;font-size:13px}.field input{border:1px solid var(--line);color:var(--text);background:#090f1d;border-radius:12px;outline:none;padding:14px}.field input:focus{border-color:#397bffa6;box-shadow:0 0 0 3px #397bff1a}.theme-toggle{border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff09;border-radius:12px;place-items:center;display:grid}html[data-theme=light]{--bg:#f6f8fc;--soft:#eef3fa;--surface:#fff;--line:#33415524;--text:#101828;--muted:#627087;--shadow:0 25px 70px #1f29371f}html[data-theme=light] .nav{background:#f6f8fcd6}html[data-theme=light] .sidebar,html[data-theme=light] .onboard-side{background:#f8faff}html[data-theme=light] .stat,html[data-theme=light] .asset,html[data-theme=light] .field input{background:#fff}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:56px}.features{grid-template-columns:1fr}.navlinks{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.onboarding{grid-template-columns:1fr}.onboard-side{display:none}.workspace{padding:22px 18px}.container{width:min(100% - 24px,1180px)}}