:root{--navy:#0b1b3a;--deep:#061226;--blue:#0b88e8;--sky:#00b6ff;--text:#111827;--muted:#607086;--line:#e7edf5;--bg:#f6f9fc;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#061226;color:#b7c8df;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;padding:9px 0}.site-header{position:sticky;top:0;background:#fff;z-index:1000;box-shadow:0 8px 30px rgba(6,18,38,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:82px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#0b88e8,#092a5c);display:grid;place-items:center;color:#fff;font-weight:900}.brand b{display:block;font-size:24px;color:#0b1b3a}.brand small{display:block;color:#607086;font-weight:700}.main-nav{display:flex;align-items:center;gap:26px;font-weight:800;color:#17233b}.main-nav>a,.nav-item>a{padding:30px 0}.main-nav a.active{color:var(--blue)}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff!important;padding:13px 20px!important;border-radius:999px}.nav-item{position:relative}.mega-menu{position:absolute;right:0;top:74px;width:1050px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 90px rgba(6,18,38,.18);border-radius:18px;padding:24px;display:none}.nav-item:hover .mega-menu{display:grid}.products-mega{grid-template-columns:310px 1fr;gap:20px}.mega-intro{background:#f0f7ff;border-radius:16px;padding:24px}.mega-intro h3{margin:0 0 10px;font-size:26px}.mega-intro p{color:var(--muted);line-height:1.6}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mega-grid a{padding:16px;border:1px solid var(--line);border-radius:14px}.mega-grid a:hover{border-color:#80cfff;background:#f7fcff}.mega-grid span{display:block;color:var(--muted);font-weight:500;font-size:13px;margin-top:6px}.mega-menu.slim{width:300px;padding:14px}.mega-menu.slim div{display:grid}.mega-menu.slim a{padding:12px;border-radius:10px}.mega-menu.slim a:hover{background:#f3f8ff}.menu-toggle{display:none}.hero{background:linear-gradient(120deg,#061226 0%,#082558 55%,#0b88e8 100%);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 470px;gap:50px;align-items:center;min-height:650px}.eyebrow{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:9px 14px;border-radius:999px;font-weight:800;color:#d9f3ff}.hero h1{font-size:60px;line-height:1.02;margin:24px 0 18px;letter-spacing:-2px}.hero p{font-size:19px;line-height:1.75;color:#cfe6ff}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;border-radius:999px;padding:14px 24px;font-weight:900;border:0}.btn.secondary{background:#fff;color:#0b1b3a}.btn.small{padding:10px 16px;font-size:14px}.device-card{background:#fff;color:#111;border-radius:28px;padding:26px;box-shadow:0 35px 110px rgba(0,0,0,.25)}.device-top{display:flex;justify-content:space-between;color:#607086;font-weight:800}.device-visual{height:220px;margin:24px 0;border-radius:22px;background:radial-gradient(circle at 50% 40%,#cceeff,transparent 45%),linear-gradient(160deg,#eef8ff,#fff);display:grid;place-items:center}.router{width:250px;height:105px;border-radius:22px;background:linear-gradient(180deg,#10284e,#071528);position:relative;box-shadow:0 22px 50px rgba(6,18,38,.28)}.router:before,.router:after{content:"";position:absolute;width:7px;height:55px;background:#071528;top:-42px;border-radius:8px}.router:before{left:45px;transform:rotate(-18deg)}.router:after{right:45px;transform:rotate(18deg)}.leds{display:flex;gap:10px;position:absolute;left:22px;bottom:20px}.leds span{width:9px;height:9px;background:#00ff9c;border-radius:50%;box-shadow:0 0 14px #00ff9c}.device-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.device-stats div{background:#f4f8fc;border-radius:14px;padding:14px}.device-stats b{display:block;font-size:22px;color:#0b1b3a}.section{padding:86px 0}.section.alt{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head.center{text-align:center;display:block;max-width:820px;margin:0 auto 42px}.section-head h2{font-size:42px;line-height:1.1;margin:0 0 12px;color:#0b1b3a;letter-spacing:-1.3px}.section-head p{color:var(--muted);font-size:17px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 14px 40px rgba(6,18,38,.05);transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(6,18,38,.1)}.icon{width:52px;height:52px;border-radius:14px;background:#e7f5ff;color:#0b88e8;display:grid;place-items:center;font-weight:900;margin-bottom:18px}.card h3{font-size:21px;color:#0b1b3a;margin:0 0 10px}.card p{color:#607086;line-height:1.65}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 15px 45px rgba(6,18,38,.06)}.product-img{height:120px;border-radius:18px;background:linear-gradient(160deg,#f1f8ff,#fff);display:grid;place-items:center;margin-bottom:20px}.mini-device{width:130px;height:58px;background:linear-gradient(180deg,#163866,#061226);border-radius:14px}.tag{display:inline-block;background:#e9f7ff;color:#0877c9;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;margin-right:6px;margin-bottom:8px}.product-card h3{margin:10px 0 8px}.download-card{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.pdf{width:58px;height:58px;border-radius:12px;background:#073f7c;color:#fff;display:grid;place-items:center;font-weight:900}.banner{background:linear-gradient(120deg,#071528,#0c3674);color:#fff;border-radius:28px;padding:46px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.banner h2{font-size:38px;margin:0 0 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;text-align:center}.stat b{font-size:36px;color:#0b88e8}.footer{background:#061226;color:#b7c8df;padding-top:58px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:35px}.footer h3,.footer h4{color:#fff}.footer a{display:block;margin:10px 0;color:#b7c8df}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;margin-top:30px}.page-hero{background:linear-gradient(120deg,#071528,#0b3571);color:#fff;padding:80px 0}.page-hero h1{font-size:48px;margin:0 0 12px}.page-hero p{color:#cfe6ff;font-size:18px;max-width:800px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.spec-table td{padding:16px;border-bottom:1px solid var(--line)}.spec-table td:first-child{font-weight:800;color:#0b1b3a;background:#f6f9fc}.form{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.form input,.form textarea,.form select{padding:14px;border:1px solid var(--line);border-radius:12px;font-family:inherit}.admin-note{background:#fff3cd;border:1px solid #ffe08a;padding:14px;border-radius:12px}@media(max-width:980px){.topbar{display:none}.menu-toggle{display:block;background:#0b88e8;color:#fff;border:0;border-radius:10px;padding:10px 13px}.main-nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.mega-menu{display:none!important}.hero-inner,.two-col{grid-template-columns:1fr}.hero h1{font-size:40px}.cards,.product-grid,.stats,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.banner{grid-template-columns:1fr}.download-card{grid-template-columns:60px 1fr}.download-card .btn{grid-column:1/-1}.nav-wrap{height:74px}}
/* ================================
   V6 FINAL POLISH - LAPTOP MEGA MENU FIX
   Fix: Products & Solutions dropdown cut on laptop screens
   ================================ */
.site-header{z-index:5000;}
.nav-item{position:static;}
.mega-menu{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:112px!important;
  transform:translateX(-50%) translateY(8px);
  width:min(1120px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 128px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-radius:16px!important;
  padding:20px!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  display:grid!important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.nav-item:hover .mega-menu,
.nav-item:focus-within .mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.products-mega{grid-template-columns:280px minmax(0,1fr)!important;gap:18px!important;}
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.mega-grid a{padding:13px!important;min-width:0;}
.mega-grid b{font-size:14px;display:block;line-height:1.25;}
.mega-grid span{font-size:12px!important;line-height:1.45!important;}
.mega-intro{padding:20px!important;}
.mega-intro h3{font-size:23px!important;}
.mega-intro p{font-size:14px!important;line-height:1.55!important;}
.mega-menu.slim{width:min(360px,calc(100vw - 32px))!important;grid-template-columns:1fr!important;}

/* More professional header spacing */
.main-nav{gap:20px!important;font-size:14px;}
.nav-wrap{height:78px;}
.main-nav>a,.nav-item>a{padding:27px 0;}
.brand-mark{width:48px;height:48px;}
.brand b{font-size:22px;}

/* Home page banner polish */
.hero{background:linear-gradient(115deg,#061226 0%,#0a2451 48%,#087bd6 100%);}
.hero-inner{min-height:620px;}
.hero h1{font-size:clamp(42px,4.4vw,62px);}
.device-card{border:1px solid rgba(255,255,255,.18);}
.card,.product-card,.stat,.download-card{box-shadow:0 14px 38px rgba(6,18,38,.055);}
.card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(6,18,38,.11);border-color:#b7def8;}

/* Cleaner buttons */
.btn{box-shadow:0 12px 28px rgba(11,136,232,.20);}
.btn.secondary{box-shadow:0 12px 28px rgba(6,18,38,.12);}

@media(max-width:1366px){
  .container{width:min(1120px,94%);} 
  .main-nav{gap:16px!important;font-size:13px;}
  .nav-cta{padding:11px 16px!important;}
  .mega-menu{top:108px!important;width:calc(100vw - 34px)!important;max-height:calc(100vh - 120px)!important;}
  .products-mega{grid-template-columns:250px 1fr!important;}
  .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mega-intro h3{font-size:21px!important;}
}
@media(max-width:1180px){
  .main-nav{gap:12px!important;font-size:12px;}
  .products-mega{grid-template-columns:220px 1fr!important;}
  .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:980px){
  .nav-item{position:relative;}
  .mega-menu{display:none!important;}
  .main-nav.open{display:flex!important;}
}
/* ================================
   V7 - HELIXSON TECHNOLOGY ECOSYSTEM
   Group company positioning page
   ================================ */
.ecosystem-hero{background:linear-gradient(120deg,#061226 0%,#0b1b3a 48%,#0b88e8 100%)}
.eyebrow.dark{background:rgba(255,255,255,.12);color:#d9f3ff;border:1px solid rgba(255,255,255,.22);margin-bottom:18px}.mini-label{display:inline-block;color:#0b88e8;text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:12px;margin-bottom:12px}.ecosystem-map{position:relative;min-height:560px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 50%,#e9f7ff,transparent 35%),linear-gradient(180deg,#fff,#f6f9fc);overflow:hidden;box-shadow:0 25px 80px rgba(6,18,38,.08)}.ecosystem-map:before{content:"";position:absolute;inset:80px;border:1px dashed #b8d9f4;border-radius:50%}.ecosystem-map:after{content:"";position:absolute;inset:145px;border:1px dashed #cdddea;border-radius:50%}.center-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,#061226,#0b88e8);color:#fff;display:grid;place-items:center;text-align:center;z-index:3;box-shadow:0 24px 70px rgba(11,136,232,.25)}.center-brand b{font-size:28px;letter-spacing:.02em}.center-brand span{display:block;font-size:12px;font-weight:900;letter-spacing:.14em;color:#cfe6ff}.ecosystem-node{position:absolute;width:235px;min-height:128px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:20px;padding:18px;box-shadow:0 18px 45px rgba(6,18,38,.08);transition:.22s;z-index:2}.ecosystem-node:hover{transform:translateY(-6px);box-shadow:0 26px 80px rgba(6,18,38,.14);border-color:#bddff7}.ecosystem-node strong{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#fff;margin-bottom:12px}.ecosystem-node b{display:block;color:#0b1b3a;font-size:18px;margin-bottom:5px}.ecosystem-node span{color:#607086;font-size:13px;font-weight:700}.ecosystem-node:nth-of-type(1){left:8%;top:9%}.ecosystem-node:nth-of-type(2){right:8%;top:9%}.ecosystem-node:nth-of-type(3){left:6%;bottom:12%}.ecosystem-node:nth-of-type(4){right:6%;bottom:12%}.ecosystem-node:nth-of-type(5){left:50%;top:5%;transform:translateX(-50%)}.ecosystem-node:nth-of-type(5):hover{transform:translateX(-50%) translateY(-6px)}.ecosystem-node:nth-of-type(6){left:50%;bottom:5%;transform:translateX(-50%)}.ecosystem-node:nth-of-type(6):hover{transform:translateX(-50%) translateY(-6px)}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.unit-grid.compact{grid-template-columns:repeat(3,1fr)}.unit-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 16px 50px rgba(6,18,38,.06);transition:.22s;min-height:260px}.unit-card:hover{transform:translateY(-6px);border-color:#a8d8f9;box-shadow:0 28px 80px rgba(6,18,38,.12)}.unit-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px;margin-bottom:18px}.unit-card h3{font-size:24px;color:#0b1b3a;margin:0 0 6px}.unit-card h4{font-size:14px;color:#0b88e8;margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em}.unit-card p{color:#607086;line-height:1.65}.unit-card span{display:inline-block;color:#0b88e8;font-weight:900;margin-top:10px}.group-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:linear-gradient(120deg,#061226,#0b3571);color:#fff;border-radius:30px;padding:46px;box-shadow:0 25px 85px rgba(6,18,38,.16)}.group-strip h2{font-size:40px;line-height:1.12;margin:0 0 14px}.group-strip p{color:#cfe6ff;line-height:1.7}.group-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.group-metrics div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px;text-align:center}.group-metrics b{display:block;font-size:34px}.group-metrics span{color:#cfe6ff;font-weight:800}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}.timeline div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;box-shadow:0 12px 38px rgba(6,18,38,.055)}.timeline b{display:block;color:#0b88e8;font-size:24px;margin-bottom:8px}.timeline span{font-weight:800;color:#0b1b3a}.center-action{text-align:center;margin-top:30px}.footer-grid.wide{grid-template-columns:1.7fr 1fr 1fr 1fr 1.3fr}
@media(max-width:1180px){.ecosystem-node{width:210px}.unit-grid,.unit-grid.compact{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.footer-grid.wide{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ecosystem-map{min-height:auto;padding:22px;display:grid;gap:14px}.ecosystem-map:before,.ecosystem-map:after{display:none}.center-brand,.ecosystem-node,.ecosystem-node:nth-of-type(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;min-height:auto}.center-brand{height:auto;border-radius:22px;padding:28px}.ecosystem-node:hover,.ecosystem-node:nth-of-type(n):hover{transform:translateY(-3px)}.unit-grid,.unit-grid.compact,.group-strip,.group-metrics,.timeline{grid-template-columns:1fr}.group-strip{padding:30px}.group-strip h2{font-size:30px}.footer-grid.wide{grid-template-columns:1fr}}