:root{
  --bg:#02070a;--bg2:#041518;--panel:#07191d;--panel2:#092a31;--card:#061215;
  --text:#effcff;--muted:#8eb5bd;--soft:#c7f7ff;--cyan:#00c8ff;--blue:#0877ff;--petrol:#063c43;--petrol2:#0b5961;
  --line:rgba(126,232,255,.18);--line2:rgba(126,232,255,.09);--shadow:0 28px 90px rgba(0,183,255,.15);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 12% -10%,rgba(0,200,255,.18),transparent 31%),radial-gradient(circle at 90% 20%,rgba(8,119,255,.14),transparent 32%),linear-gradient(135deg,#02070a,#041416 52%,#02070a);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 75%);pointer-events:none}.glow{position:fixed;right:-220px;bottom:-180px;width:620px;height:620px;background:radial-gradient(circle,rgba(0,200,255,.32),transparent 68%);filter:blur(26px);pointer-events:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:rgba(2,7,10,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}.logo-mark{width:48px;height:48px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(0,200,255,.22),transparent 40%),linear-gradient(135deg,var(--petrol),rgba(0,200,255,.08));box-shadow:var(--shadow);display:grid;place-items:center}.logo-mark svg{width:29px;height:29px}.nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-weight:700}.nav a:hover{color:var(--text)}.nav-cta{padding:10px 16px;border-radius:999px;background:rgba(0,200,255,.13);border:1px solid var(--line);color:var(--text)!important}.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 10px;font-size:18px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;padding:100px 6vw 68px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#73ecff;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;margin-bottom:16px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}h1{font-size:clamp(42px,7vw,84px);line-height:.95;margin:0 0 24px;letter-spacing:-.065em}h2{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:0 0 18px;letter-spacing:-.045em}h3{margin:0 0 10px;font-size:22px}p{color:var(--muted);line-height:1.7;font-size:17px}.lead{font-size:20px;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;padding:14px 20px;font-weight:900;border:1px solid var(--line)}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001018;box-shadow:0 18px 45px rgba(0,183,255,.28)}.ghost{background:rgba(255,255,255,.04)}.hero-system,.card,.visual-card,.form,.legal,.contact-card{background:linear-gradient(180deg,rgba(9,39,45,.88),rgba(4,18,22,.82));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.hero-system{padding:26px;position:relative;overflow:hidden}.hero-system:before{content:"";position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(0,200,255,.28),transparent 68%);filter:blur(12px)}.system-top{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;position:relative}.signal{display:flex;align-items:center;gap:10px;color:#a4f3ff;font-weight:900}.pulse{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 9px rgba(0,200,255,.15);animation:pulse 1.8s infinite}.dash-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.dash-panel{background:#021013;border:1px solid var(--line);border-radius:20px;padding:16px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi b{display:block;font-size:26px}.kpi span{color:var(--muted);font-size:13px}.chart{height:130px;display:flex;align-items:end;gap:8px}.chart i{flex:1;min-height:18px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,var(--cyan),rgba(8,119,255,.3))}.map-line{height:190px;border-radius:18px;background:radial-gradient(circle at 20% 30%,rgba(0,200,255,.36) 0 5px,transparent 6px),radial-gradient(circle at 65% 65%,rgba(0,200,255,.32) 0 5px,transparent 6px),radial-gradient(circle at 80% 22%,rgba(8,119,255,.32) 0 5px,transparent 6px),linear-gradient(135deg,#031b20,#051014);position:relative;overflow:hidden}.route{position:absolute;left:16%;top:29%;width:68%;height:45%;border:2px dashed rgba(115,236,255,.55);border-left:0;border-bottom:0;border-radius:0 40px 0 0;transform:skewY(8deg)}.section{padding:72px 6vw}.section-head{max-width:960px;margin-bottom:30px}.module-list{display:grid;gap:22px}.module-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}.module-copy,.module-visual{padding:28px}.module-copy{background:linear-gradient(180deg,rgba(9,39,45,.78),rgba(4,18,22,.62));border:1px solid var(--line);border-radius:30px}.number{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(0,200,255,.12);border:1px solid var(--line);color:#7ceeff;font-weight:900;margin-bottom:18px}.ticks{display:grid;gap:10px;margin-top:18px;color:var(--soft)}.ticks span{display:flex;gap:10px}.ticks span:before{content:"✓";color:var(--cyan);font-weight:900}.visual{min-height:260px;background:#020d10;border:1px solid var(--line);border-radius:24px;padding:18px;position:relative;overflow:hidden}.mini-window{height:100%;display:grid;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--muted)}.row b{color:var(--text)}.pill{padding:6px 10px;border-radius:999px;background:rgba(0,200,255,.12);color:#8ff2ff;font-weight:900;font-size:12px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.flow div,.kanban div,.doc,.shelf div,.employee-day,.crm-card,.invoice-line{background:rgba(0,200,255,.08);border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--soft);font-weight:800}.shelf{display:grid;gap:12px}.shelf div{display:flex;justify-content:space-between}.vehicle-map{height:220px;border-radius:20px;background:radial-gradient(circle at 22% 64%,rgba(0,200,255,.4) 0 6px,transparent 7px),radial-gradient(circle at 72% 25%,rgba(0,200,255,.35) 0 6px,transparent 7px),linear-gradient(135deg,#031b20,#060f12);position:relative}.vehicle-map:after{content:"";position:absolute;left:22%;top:28%;width:50%;height:35%;border-top:2px dashed rgba(115,236,255,.7);border-right:2px dashed rgba(115,236,255,.7);border-radius:0 42px 0 0}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban div{min-height:110px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.employee-day{min-height:52px;text-align:center;padding:10px}.docs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.doc{min-height:90px}.crm{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offer,.invoice{display:grid;gap:10px}.total{font-size:28px;color:var(--text);text-align:right}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px}.contact-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:40px 6vw 78px}.form{display:grid;gap:16px;padding:28px}.form label{display:grid;gap:8px;color:var(--muted);font-weight:800}.form input,.form textarea,.form select{width:100%;background:#020b0e;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:14px;font:inherit}.contact-card{padding:28px}.page-hero{padding:80px 6vw 30px;max-width:1100px}.legal{max-width:1000px;margin:30px 6vw 86px;padding:34px}.legal h2{font-size:30px;margin-top:34px}.legal ul{color:var(--muted);line-height:1.8}.footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6vw;border-top:1px solid var(--line);color:var(--muted)}.footer div{display:flex;gap:18px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 16px rgba(0,200,255,0)}}@media(max-width:1050px){.hero,.module-feature,.two-col,.contact-wrap{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.dash-layout{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}}@media(max-width:720px){.site-header{padding:14px 5vw}.menu-btn{display:block}.nav{position:absolute;left:5vw;right:5vw;top:76px;display:none;flex-direction:column;align-items:flex-start;background:#031013;border:1px solid var(--line);border-radius:18px;padding:18px}.nav.open{display:flex}.hero{padding:64px 5vw}.section,.page-hero,.contact-wrap{padding-left:5vw;padding-right:5vw}.industry-grid,.kpis,.kanban,.docs,.crm,.flow{grid-template-columns:1fr}.footer{flex-direction:column}h1{font-size:43px}.brand small{display:none}}
