@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070b;color:#f6f8fc;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(73,218,255,.08),transparent 24%),radial-gradient(circle at 12% 52%,rgba(126,87,255,.06),transparent 28%);z-index:-1}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk;font-weight:700;letter-spacing:-.04em}.brand b{color:#61e7ff}.logo-g{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#62eaff,#7569ff);color:#041017;font-weight:800;box-shadow:0 0 30px #51dfff33}.site-nav{height:76px;display:flex;align-items:center;padding:0 4.5vw;position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(#05070bea,transparent);backdrop-filter:blur(14px)}.site-nav nav{display:flex;gap:28px;margin:auto;font-size:12px;font-weight:800;letter-spacing:.11em}.site-nav nav a{opacity:.7}.site-nav nav a:hover{opacity:1;color:#66e8ff}.nav-right{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #253044;background:#101622;color:#fff;border-radius:12px;padding:12px 17px;font-weight:800;font-size:12px;letter-spacing:.04em;cursor:pointer}.btn:hover{transform:translateY(-1px);border-color:#4a5d7b}.btn.hot{background:linear-gradient(135deg,#65eaff,#7867ff);border:0;color:#061018;box-shadow:0 10px 40px #5edfff26}.btn.ghost{background:#0c111bb3}.hero{min-height:92vh;display:grid;align-items:end;position:relative;overflow:hidden;padding:150px 5vw 70px;background:linear-gradient(90deg,#05070b 10%,#05070bd8 42%,#05070b44 75%),linear-gradient(0deg,#05070b 0%,transparent 45%),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2000&q=85') center/cover}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 75%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:980px}.eyebrow,.pagehead small{color:#66e8ff;font-size:11px;letter-spacing:.22em;font-weight:800}.hero h1{font-family:Space Grotesk;font-size:clamp(62px,9.2vw,154px);line-height:.78;letter-spacing:-.075em;margin:20px 0 28px;max-width:1100px}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #dce9ff88}.hero p{font-size:18px;line-height:1.7;color:#b7c1d3;max-width:650px}.hero-actions{display:flex;gap:10px;margin-top:30px}.live-rail{position:absolute;right:5vw;bottom:70px;z-index:4;width:330px;background:#090d14db;border:1px solid #273248;border-radius:18px;backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 30px 90px #0009}.live-top{padding:18px;border-bottom:1px solid #20293a;display:flex;align-items:center;justify-content:space-between}.live-dot{width:8px;height:8px;background:#ff385d;border-radius:50%;box-shadow:0 0 16px #ff385d;display:inline-block;margin-right:8px;animation:pulse 1.5s infinite}.live-card{padding:18px;display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center}.live-card .pic{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#1c293b,#724fff)}.live-card small{display:block;color:#8794aa;margin-top:5px}@keyframes pulse{50%{opacity:.35}}.ticker{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1a2332;border-bottom:1px solid #1a2332;background:#080b11}.ticker div{padding:28px 5vw;border-right:1px solid #1a2332}.ticker strong{font:700 27px Space Grotesk;display:block}.ticker span{font-size:10px;color:#78869c;letter-spacing:.16em;font-weight:800}.section{padding:100px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section h2{font:700 clamp(38px,5vw,76px)/.95 Space Grotesk;letter-spacing:-.055em;margin:8px 0}.section-head p{max-width:470px;color:#8d9ab0;line-height:1.7}.creator-grid{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:14px}.creator{min-height:360px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(160deg,#192337,#090c12);border:1px solid #1e293a}.creator:first-child{min-height:540px}.creator-bg{position:absolute;inset:0;background:radial-gradient(circle at 65% 25%,#6c5cff55,transparent 35%),linear-gradient(0deg,#06080de8,transparent 60%)}.creator-info{position:absolute;left:24px;right:24px;bottom:22px}.creator h3{font:700 26px Space Grotesk;margin:8px 0}.badge{display:inline-flex;padding:6px 9px;border-radius:8px;background:#ff3158;font-size:9px;font-weight:800;letter-spacing:.12em}.badge.off{background:#182132;color:#9bacbf}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:30px;border:1px solid #202a3b;background:linear-gradient(145deg,#0d121c,#080b11);border-radius:18px;min-height:250px}.feature i{font-style:normal;font-size:28px}.feature h3{font:700 23px Space Grotesk;margin:50px 0 10px}.feature p,.muted{color:#8491a7;line-height:1.65}.site-footer{padding:55px 5vw;border-top:1px solid #1c2534;color:#77859b}.site-footer p{margin:20px 0}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:fixed;width:260px;top:0;bottom:0;padding:22px 15px;background:#070a10;border-right:1px solid #1c2432;overflow:auto}.sidebar>.brand{padding:0 8px 20px}.user-mini{display:flex;gap:11px;align-items:center;padding:13px;background:#0d121b;border:1px solid #1b2637;border-radius:14px;margin-bottom:18px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#63e9ff,#7566ff);color:#061018;font-weight:900}.avatar.small{width:34px;height:34px}.user-mini small{display:block;color:#728097;font-size:9px;margin-top:4px;letter-spacing:.1em}.sidebar nav{display:flex;flex-direction:column}.sidebar nav span{font-size:9px;letter-spacing:.18em;color:#536078;font-weight:800;padding:20px 10px 7px}.sidebar nav a{padding:10px;border-radius:9px;color:#9ca9bd;font-size:13px}.sidebar nav a:hover{background:#111823;color:#fff}.workspace{grid-column:2}.appbar{height:68px;border-bottom:1px solid #1b2432;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;background:#070a10e8;backdrop-filter:blur(16px);z-index:30}.command{width:min(470px,55vw);height:38px;border:1px solid #222d3e;border-radius:10px;background:#0c111a;color:#67758c;padding:10px 12px;font-size:12px;cursor:pointer}.command kbd{float:right;background:#171e2a;border:1px solid #29364a;padding:2px 6px;border-radius:5px;font-size:9px}.app-actions{display:flex;gap:8px;align-items:center}.iconbtn{width:34px;height:34px;display:grid;place-items:center;border:1px solid #253044;border-radius:10px}.mobile-menu{display:none}.content{padding:32px;max-width:1600px;margin:auto}.pagehead{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.pagehead h1{font:700 clamp(34px,4vw,58px) Space Grotesk;letter-spacing:-.055em;margin:7px 0}.pagehead p{color:#8190a6;max-width:700px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{padding:21px;border:1px solid #202a3a;background:#0b1018;border-radius:15px}.metric strong{font:700 30px Space Grotesk;display:block}.metric span{font-size:9px;letter-spacing:.15em;color:#8492a7;font-weight:800}.metric small{display:block;color:#58677e;margin-top:8px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{border:1px solid #202a3a;background:#0a0f17;border-radius:16px;padding:22px}.panel h2,.panel h3{font-family:Space Grotesk;margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:9px;letter-spacing:.14em;color:#637189;padding:12px;border-bottom:1px solid #202a39}.table td{padding:14px 12px;border-bottom:1px solid #151d29;font-size:13px;color:#c3cada}.pill{display:inline-flex;padding:6px 9px;border-radius:99px;background:#142032;color:#8feaff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pill.red{background:#2a1119;color:#ff6a82}.pill.green{background:#0d291f;color:#65f0b1}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label,.form label{font-size:10px;color:#8190a6;font-weight:800;letter-spacing:.08em}.form-grid input,.form-grid textarea,.form-grid select,.form input,.form textarea,.form select{display:block;width:100%;margin-top:7px;background:#080c12;border:1px solid #253044;color:#fff;border-radius:10px;padding:13px;outline:0}.form-grid textarea,.form textarea{min-height:130px;resize:vertical}.form-grid .full{grid-column:1/-1}.form-grid hr{grid-column:1/-1;width:100%;border:0;border-top:1px solid #202a39}.empty{text-align:center;padding:55px 20px;border:1px dashed #263246;border-radius:15px;color:#8190a6}.empty-icon{font-size:34px}.empty h3{color:#fff}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:100;background:#11241e;border:1px solid #276b51;padding:12px 18px;border-radius:10px}.toast.bad,.alert{background:#2a1218;border:1px solid #713040;padding:12px;border-radius:10px}.auth{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#25406a55,transparent 30%),#05070b}.auth-card,.install-card{width:min(520px,94vw);padding:38px;border:1px solid #253044;border-radius:20px;background:#090e16;box-shadow:0 40px 120px #000b}.auth-card h1,.install-card h1{font:700 44px Space Grotesk;letter-spacing:-.05em}.auth-card .brand,.install-card .brand{margin-bottom:35px}.install{min-height:100vh;display:grid;place-items:center;padding:30px}.cmd-modal{display:none;position:fixed;inset:0;background:#000a;z-index:100;align-items:flex-start;justify-content:center;padding-top:15vh}.cmd-modal.open{display:flex}.cmd-box{width:min(650px,92vw);background:#0a0f17;border:1px solid #2a374c;border-radius:16px;box-shadow:0 50px 150px #000;padding:12px}.cmd-box input{width:100%;background:transparent;border:0;border-bottom:1px solid #202a39;padding:15px;color:#fff;outline:0;font-size:18px}.cmd-results{display:grid;padding:8px}.cmd-results a{padding:12px;border-radius:9px}.cmd-results a:hover{background:#141c28}
@media(max-width:1000px){.site-nav nav{display:none}.live-rail{display:none}.creator-grid{grid-template-columns:1fr 1fr}.creator:first-child{grid-column:1/-1}.feature-grid,.metrics{grid-template-columns:1fr 1fr}.shell{display:block}.sidebar{transform:translateX(-100%);z-index:60;transition:.2s}.sidebar.open{transform:none}.workspace{grid-column:auto}.mobile-menu{display:block;background:transparent;color:#fff;border:0;font-size:20px}.grid2{grid-template-columns:1fr}}
@media(max-width:650px){.site-nav{padding:0 18px}.site-nav .brand span:last-child{display:none}.nav-right .ghost{display:none}.hero{padding:130px 20px 55px;min-height:82vh}.hero h1{font-size:58px}.ticker{grid-template-columns:1fr 1fr}.section{padding:70px 20px}.section-head{display:block}.creator-grid,.feature-grid,.metrics,.grid3,.form-grid{grid-template-columns:1fr}.creator:first-child{grid-column:auto}.content{padding:22px 15px}.pagehead{align-items:flex-start;gap:14px;flex-direction:column}.form-grid .full{grid-column:auto}}