:root{
  --bg:#050b19; --bg2:#07152c; --card:#08162d; --line:#123b72;
  --text:#fff; --muted:#b9c8df; --blue:#0b8dff; --cyan:#13d8ff; --purple:#8b4cff;
  --shadow:0 0 35px rgba(0,142,255,.35);
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}
#particles{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 78% 25%,rgba(0,148,255,.28),transparent 26%),linear-gradient(135deg,#020612,#07152c 55%,#030714)}
.header{position:sticky;top:14px;z-index:10;margin:14px auto 0;width:min(96%,1460px);height:86px;padding:0 26px;display:flex;align-items:center;gap:28px;background:rgba(5,12,28,.82);border:1px solid rgba(44,162,255,.22);border-radius:20px;backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.brand img{width:305px;max-width:40vw}.nav{margin-left:auto;display:flex;gap:34px;font-weight:800;font-size:14px;text-transform:uppercase}.nav a{position:relative}.nav a.active,.nav a:hover{color:var(--cyan)}.nav a:after{content:"";position:absolute;left:0;bottom:-18px;width:0;height:2px;background:var(--cyan);transition:.3s}.nav a:hover:after,.nav a.active:after{width:100%}.demo-btn{padding:15px 24px;border-radius:18px;background:linear-gradient(135deg,#095dff,#11c6ff);font-weight:800;box-shadow:var(--shadow)}.theme-btn,.menu-btn{border:1px solid rgba(255,255,255,.14);background:#071226;color:white;border-radius:50%;width:48px;height:48px;font-size:22px}.menu-btn{display:none}
.hero{position:relative;min-height:670px;padding:90px 6% 40px;display:grid;grid-template-columns:80px 1fr 1.35fr;gap:35px;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.9),rgba(5,14,34,.72),rgba(4,11,26,.5)),repeating-linear-gradient(120deg,transparent 0 56px,rgba(18,216,255,.04) 58px 60px);z-index:-1}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-58px;height:115px;background:#f7fbff;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1}.side-features{display:flex;flex-direction:column;border:1px solid rgba(17,190,255,.42);border-radius:22px;overflow:hidden;background:rgba(7,20,43,.65);box-shadow:var(--shadow)}.side-features div{height:110px;display:grid;place-items:center;text-align:center;border-bottom:1px solid rgba(255,255,255,.09)}.side-features span{font-size:28px}.side-features small{display:block;margin-top:7px;font-weight:800}.pill{display:inline-block;padding:10px 18px;border:1px solid rgba(0,209,255,.55);border-radius:999px;color:var(--cyan);background:rgba(0,151,255,.12);font-weight:700}.hero h1{margin:18px 0;font-size:clamp(42px,5vw,78px);line-height:1.06;text-transform:uppercase;font-weight:900;text-shadow:0 10px 20px rgba(0,0,0,.35)}.hero h1 span,.section-title span,.why span,.center-logo span{color:var(--blue)}.hero p{font-size:20px;line-height:1.7;color:#f5f7fb;max-width:690px}.checks{display:flex;flex-wrap:wrap;gap:22px;margin:28px 0}.checks span{font-weight:700}.checks span::first-letter{color:var(--cyan)}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.primary,.secondary{padding:17px 25px;border-radius:20px;font-weight:800}.primary{background:linear-gradient(135deg,#0757ff,#16ccff);box-shadow:var(--shadow)}.secondary{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.05)}
.hero-visual{position:relative;height:520px}.neon-core{position:absolute;right:2%;top:22%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#fff 0 3%,#20dcff 4% 13%,rgba(0,126,255,.25) 14% 33%,transparent 34%);filter:drop-shadow(0 0 35px #009dff);animation:pulse 2.8s infinite}.neon-core:before,.neon-core:after{content:"";position:absolute;inset:-80px;background:conic-gradient(from 0deg,transparent,#00a6ff,transparent,#894bff,transparent);clip-path:polygon(50% 50%,100% 0,100% 100%);opacity:.45;animation:spin 12s linear infinite}.neon-core span{position:absolute;inset:30px;border:1px solid #2ddcff;border-radius:50%}
.laptop{position:absolute;left:4%;right:0;bottom:5%;perspective:1000px;filter:drop-shadow(0 0 45px rgba(0,150,255,.32))}.screen{height:390px;border:3px solid #335887;border-radius:22px;background:#061229;transform:skewY(-3deg) rotateX(4deg);padding:22px;box-shadow:inset 0 0 0 1px rgba(38,203,255,.25),0 0 40px rgba(0,0,0,.45)}.base{height:42px;background:linear-gradient(180deg,#9ab2d6,#223956);border-radius:5px 5px 55px 55px;transform:skewX(-20deg);margin:0 40px}.topbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.topbar b span{color:var(--cyan)}.topbar i{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#3f86ff}.dashboard{display:grid;grid-template-columns:170px 1fr;gap:18px}.dashboard aside{background:#041020;border-radius:15px;padding:14px}.dashboard aside p{font-size:13px;padding:10px;color:#d8e6ff}.dashboard section{background:#091a34;border-radius:18px;padding:20px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.mini-cards article{background:#0c2345;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px}.mini-cards small{display:block;color:#a9bbd6}.mini-cards strong{display:block;margin:8px 0}.mini-cards em{color:#34ff88;font-style:normal}.mini-cards .red{color:#ff477e}.chart{height:110px;display:flex;align-items:flex-end;gap:12px}.chart span{width:34px;background:linear-gradient(#12d8ff,#0a64ff);border-radius:8px 8px 0 0}.chart span:nth-child(1){height:25%}.chart span:nth-child(2){height:45%}.chart span:nth-child(3){height:38%}.chart span:nth-child(4){height:65%}.chart span:nth-child(5){height:55%}.chart span:nth-child(6){height:82%}.chart span:nth-child(7){height:70%}
.systems{position:relative;z-index:2;background:#f7fbff;color:#06102a;padding:45px 5% 18px}.section-title{text-align:center;margin-bottom:28px}.section-title small{text-transform:uppercase;letter-spacing:4px;color:#075fff;font-weight:900}.section-title h2{font-size:32px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.card{min-height:175px;text-align:center;background:white;border:1px solid #dfeaff;border-radius:18px;padding:24px 14px;box-shadow:0 12px 28px rgba(23,66,126,.12);transition:.35s}.card:hover{transform:translateY(-10px);box-shadow:0 18px 45px rgba(0,119,255,.23)}.card div{font-size:42px}.card h3{font-size:20px;margin:10px 0}.card p{font-size:14px;color:#1f3353;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 5%;background:linear-gradient(135deg,#07142d,#030916);border:1px solid rgba(40,177,255,.35);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.stats div{text-align:center;padding:30px}.stats span{font-size:36px}.stats strong{display:block;font-size:34px;margin-top:10px}.stats p{color:var(--muted)}.info-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr .75fr;gap:18px;padding:0 5% 28px}.panel{background:linear-gradient(145deg,#071832,#040a17);border:1px solid rgba(45,181,255,.32);border-radius:18px;padding:25px;box-shadow:0 12px 34px rgba(0,0,0,.22)}.why{background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(5,17,36,.62)),radial-gradient(circle at 90% 50%,rgba(0,166,255,.35),transparent 38%)}.why h2{font-size:26px}.why ul{list-style:none;margin-top:18px}.why li{margin:11px 0;color:#eaf3ff}.why li:before{content:'✓';background:#087dff;border-radius:50%;padding:2px 6px;margin-right:9px}.center-logo{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.center-logo img{width:185px}.center-logo h2{font-size:34px}.center-logo p{color:var(--cyan);font-weight:700}.techs div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.techs span{background:#0e2549;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-align:center;padding:11px;font-size:13px}.location{background-image:radial-gradient(circle at 75% 60%,rgba(0,136,255,.45),transparent 40%),linear-gradient(145deg,#071832,#040a17)}.pin{font-size:48px}.location h3{font-size:24px;margin-top:20px}.location p{color:#d7e6ff;line-height:1.6}.socials{position:fixed;right:22px;top:35%;z-index:8;display:grid;gap:12px}.socials a{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:linear-gradient(135deg,#0c63ff,#13d8ff);box-shadow:var(--shadow)}.socials a:first-child{background:#19d45b}.socials a:nth-child(3){background:#db2ea7}.footer{display:flex;flex-wrap:wrap;gap:34px;justify-content:center;padding:22px 5%;background:#030713;border-top:1px solid rgba(44,162,255,.22);color:#d5e4f8}
.light{--bg:#f6fbff;--text:#06102a;--muted:#43546c}.light #particles{background:#f6fbff}.light .header{background:rgba(255,255,255,.88)}.light .nav a,.light .theme-btn{color:#06102a}.light .hero:before{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(244,250,255,.88),rgba(245,251,255,.7))}.light .hero p,.light .checks span{color:#10203b}.light .side-features,.light .panel,.light .card{box-shadow:0 16px 40px rgba(31,92,164,.14)}
@keyframes pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 60px #00b7ff)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.menu-btn{display:block;margin-left:auto}.nav{position:absolute;right:20px;top:92px;display:none;flex-direction:column;background:#061228;border:1px solid var(--line);border-radius:18px;padding:22px}.nav.open{display:flex}.demo-btn{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.side-features{display:none}.hero-visual{height:420px}.grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.brand img{width:240px}.socials{display:none}}
@media(max-width:620px){.header{height:72px;padding:0 14px}.brand img{width:210px;max-width:70vw}.hero{padding:35px 5%}.hero h1{font-size:42px}.hero-visual{display:none}.grid,.stats{grid-template-columns:1fr}.systems{padding-top:55px}.footer{justify-content:flex-start}.techs div{grid-template-columns:repeat(2,1fr)}}