:root{
  --bg:#050505;--surface:#0e0e0e;--surface2:#141414;--surface3:#1f1f1f;--line:#333;--muted:#ababab;--white:#fff;
  --cyan:#00ffff;--cyanSoft:#c1fffe;--pink:#ff51fa;--pinkSoft:#ffbdf3;--danger:#ff716c;
  --shadowC:0 0 38px rgba(0,255,255,.22);--shadowP:0 0 42px rgba(255,81,250,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'Unbounded',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.06;background-image:linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px}.scan{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.12;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.35) 50%),linear-gradient(90deg,rgba(255,0,0,.05),rgba(0,255,0,.02),rgba(0,0,255,.05));background-size:100% 3px,4px 100%}.nav{position:fixed;top:0;left:0;right:0;height:78px;z-index:50;background:rgba(5,5,5,.72);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid rgba(0,255,255,.13)}.brand{font-size:24px;font-weight:900;letter-spacing:-.08em;color:var(--cyan);text-shadow:var(--shadowC)}.nav__links{display:flex;gap:28px;align-items:center}.nav__links a,.nav__actions a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9b9b9b;transition:.25s}.nav__links a:hover,.nav__links a.active,.nav__actions a:hover{color:var(--cyan)}.nav__actions{display:flex;align-items:center;gap:14px}.btn{border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);padding:16px 24px;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.14em;transition:.25s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:var(--shadowC)}.btn.primary{background:var(--cyan);color:#001919;border-color:var(--cyan)}.btn.pink{background:var(--pink);color:#210020;border-color:var(--pink);box-shadow:var(--shadowP)}.btn.dark{background:#000;color:var(--cyan);border-color:#000}.burger{display:none;background:transparent;border:0;color:var(--cyan);font-size:28px}.page{padding-top:78px;position:relative;z-index:3}.container{max-width:1240px;margin:0 auto;padding:0 28px}.hero{min-height:calc(100vh - 78px);display:grid;place-items:center;position:relative;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(0,255,255,.18),transparent 36%),radial-gradient(circle at 20% 80%,rgba(255,81,250,.13),transparent 34%),linear-gradient(to bottom,transparent,#050505 90%),url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&q=80&w=1800');background-size:cover;background-position:center;opacity:.48;filter:grayscale(.2)}.hero__inner{position:relative;max-width:980px;padding:70px 24px}.eyebrow{color:var(--pink);font-size:11px;text-transform:uppercase;letter-spacing:.34em;font-weight:900;margin-bottom:18px}.hero h1,.headline{font-size:clamp(48px,8vw,116px);line-height:.9;margin:0 0 24px;font-weight:900;letter-spacing:-.08em;text-transform:uppercase;text-shadow:0 0 24px rgba(0,255,255,.36)}.hero p,.lead{font-size:clamp(16px,2vw,23px);color:var(--muted);line-height:1.65;font-weight:300;max-width:820px;margin:0 auto 36px}.hero__buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.grid{display:grid;gap:24px}.bento{padding:92px 0}.bento-grid{grid-template-columns:repeat(12,1fr)}.card{background:rgba(20,20,20,.88);border:1px solid rgba(255,255,255,.06);border-top:1px solid rgba(0,255,255,.22);padding:34px;position:relative;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-5px);background:#1b1b1b}.card.big{grid-column:span 8}.card.small{grid-column:span 4}.card.mid{grid-column:span 6}.card h3{font-size:clamp(24px,3vw,42px);margin:0 0 16px;letter-spacing:-.06em;text-transform:uppercase}.card p{color:var(--muted);line-height:1.7;font-size:14px}.icon{font-size:42px;color:var(--cyan);margin-bottom:20px}.stat{font-size:48px;font-weight:900;color:var(--cyan);letter-spacing:-.08em}.section-title{padding:90px 0 34px}.section-title h2{font-size:clamp(36px,6vw,78px);line-height:.94;margin:0;text-transform:uppercase;letter-spacing:-.08em}.section-title p{color:var(--muted);max-width:760px;line-height:1.7}.pricing{grid-template-columns:repeat(3,1fr);gap:0;background:#101010;border:1px solid rgba(255,255,255,.06);margin-bottom:90px}.plan{padding:42px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:560px}.plan:last-child{border-right:0}.plan.popular{background:#1b1b1b;box-shadow:0 0 70px rgba(255,81,250,.12);border-top:2px solid var(--pink)}.plan small{color:var(--muted);text-transform:uppercase;letter-spacing:.2em}.plan h3{font-size:34px;margin:16px 0;text-transform:uppercase}.price{font-size:44px;font-weight:900;margin-bottom:32px;color:var(--cyan)}.plan.popular .price{color:var(--pink)}.plan ul{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:18px;flex:1}.plan li{font-size:13px;text-transform:uppercase;color:#ddd}.form-panel{background:linear-gradient(145deg,rgba(0,255,255,.09),rgba(255,81,250,.05)),#121212;border:1px solid rgba(0,255,255,.18);padding:36px;margin:50px 0 90px}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px}.field{width:100%;background:#050505;border:1px solid rgba(255,255,255,.12);color:#fff;padding:18px;outline:none}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,255,255,.1)}.status{margin-top:14px;color:var(--muted);font-size:13px;min-height:20px}.download-grid{grid-template-columns:repeat(3,1fr);margin:44px 0 90px}.download-card{padding:38px;background:#171717;border-left:2px solid transparent}.download-card:hover{border-left-color:var(--cyan)}.download-card h3{font-size:26px}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#0b0b0b;border-right:1px solid rgba(0,255,255,.12);padding:28px;position:sticky;top:0;height:100vh}.side a{display:flex;gap:13px;align-items:center;padding:16px;color:#777;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.side a.active,.side a:hover{color:var(--cyan);background:#161616;border-left:2px solid var(--cyan)}.dash-main{padding:42px}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.meter{height:8px;background:#262626;position:relative;overflow:hidden}.meter span{display:block;height:100%;background:var(--cyan);box-shadow:var(--shadowC)}.bars{height:250px;display:flex;align-items:end;gap:8px}.bars i{flex:1;background:linear-gradient(to top,rgba(0,255,255,.55),rgba(255,81,250,.2));min-height:20px;transition:.25s}.bars i:hover{filter:brightness(1.8)}.footer{border-top:1px solid rgba(255,255,255,.06);background:#000;padding:44px 0;color:#666}.footer .container{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-right:18px}.fade-up{opacity:0;transform:translateY(25px);transition:.7s}.fade-up.show{opacity:1;transform:none}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none}.orb.c{background:var(--cyan);width:260px;height:260px;right:8%;top:20%}.orb.p{background:var(--pink);width:220px;height:220px;left:4%;bottom:10%}.mobile-only{display:none}@media(max-width:850px){.nav{padding:0 18px}.burger{display:block}.nav__links{position:fixed;top:78px;left:0;right:0;background:#050505;display:none;flex-direction:column;padding:24px;border-bottom:1px solid rgba(0,255,255,.12)}.nav__links.open{display:flex}.nav__actions{display:none}.hero{text-align:left;place-items:end start}.hero__buttons{justify-content:flex-start}.bento-grid,.pricing,.download-grid,.dash-grid,.mini-grid,.form-grid{grid-template-columns:1fr}.card.big,.card.small,.card.mid{grid-column:span 1}.pricing{gap:18px;background:transparent;border:0}.plan{border:1px solid rgba(255,255,255,.08)}.dashboard{grid-template-columns:1fr}.side{height:auto;position:relative;display:block}.dash-main{padding:24px}.footer .container{flex-direction:column;align-items:flex-start}.mobile-only{display:block}}
