:root{
  --bg:#07111f;
  --bg-2:#0d1a2f;
  --panel:#0d1729;
  --panel-2:#111f36;
  --card:#0f1d32;
  --line:rgba(160,190,235,.18);
  --text:#f4f7fc;
  --muted:#9fb0cb;
  --accent:#4d78ff;
  --accent-2:#8db6ff;
  --gold:#d8b36b;
  --max:1240px;
  --shadow:0 24px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(77,120,255,.16), transparent 28%),
    radial-gradient(circle at 20% 20%, rgba(216,179,107,.08), transparent 24%),
    linear-gradient(180deg,#06101d 0%,#081425 100%);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),92%);margin:0 auto}
.grid{display:grid;gap:24px}
.topbar{
  position:sticky;top:0;z-index:1000;
  background:rgba(4,10,18,.88);
  border-bottom:1px solid rgba(164,195,255,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
}
.nav{
  min-height:114px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.brand{display:flex;align-items:center}
.brand img{
  width:min(360px,28vw);
  min-width:220px;
  height:auto;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.32));
}
.menu{
  display:flex;gap:26px;align-items:center;justify-content:center;
}
.menu a{
  font-size:1.3rem;
  letter-spacing:.02em;
  color:#d2ddef;
  position:relative;
  padding:10px 0;
  font-weight:600;
}
.menu a:after{
  content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--accent));transform:scaleX(0);transform-origin:left;transition:.28s
}
.menu a:hover,.menu a.active{color:#fff}
.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}
.lang-switch{display:flex;gap:10px;justify-content:flex-end}
.lang-switch a{
  min-width:48px;height:48px;display:grid;place-items:center;
  border-radius:999px;border:1px solid rgba(167,194,244,.18);
  color:#d7e1f2;background:rgba(255,255,255,.03);font-weight:800;font-size:.9rem;letter-spacing:.05em
}
.lang-switch a.active{
  background:linear-gradient(135deg,#1f4fcf,#4f86ff);
  color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(66,109,240,.28)
}
.hero{padding:90px 0 72px;position:relative;overflow:hidden}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(216,179,107,.16), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(77,120,255,.20), transparent 26%);
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.kicker{display:inline-flex;gap:10px;align-items:center;color:#d9e6ff;background:rgba(255,255,255,.03);border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-size:.9rem}
.kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(216,179,107,.14)}
h1,h2,h3{margin:0 0 14px}
h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.03em;max-width:12ch}
.lead{font-size:1.12rem;color:#c9d5ea;max-width:60ch}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 22px;border-radius:14px;font-weight:700;transition:.25s ease;
}
.btn.primary{background:linear-gradient(135deg,#294cc5,#5889ff);box-shadow:0 18px 34px rgba(48,84,205,.35)}
.btn.secondary{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#eef4ff}
.btn:hover{transform:translateY(-2px)}
.hero-card{
  background:linear-gradient(180deg,rgba(16,27,47,.92),rgba(12,20,34,.96));
  border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow);
}
.hero-card .badge{display:inline-block;padding:8px 12px;border:1px solid rgba(216,179,107,.4);border-radius:999px;color:#f2dcc0;background:rgba(216,179,107,.08);font-size:.88rem;margin-bottom:18px}
.checks{display:grid;gap:14px;margin:16px 0 24px}
.check{display:flex;gap:12px;align-items:flex-start;color:#d9e4f8}
.check i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(77,120,255,.14);color:#9fc0ff;font-style:normal;font-weight:900;font-size:.8rem;margin-top:2px}
.contact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-box{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.contact-box small{display:block;color:var(--muted);margin-bottom:6px}
.contact-box strong{font-size:1rem}
.section{padding:72px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.section-head p{max-width:56ch;color:#b9c8df}
.cards-3,.cards-4{display:grid;gap:20px}
.cards-3{grid-template-columns:repeat(3,1fr)}
.cards-4{grid-template-columns:repeat(4,1fr)}
.card{
  background:linear-gradient(180deg,rgba(16,28,48,.88),rgba(10,17,29,.98));
  border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)
}
.card .icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(77,120,255,.22),rgba(216,179,107,.14));border:1px solid var(--line);font-size:1.4rem;margin-bottom:16px}
.card p{color:#b8c5dd;margin:0}
.process .step{position:relative;padding-top:20px}
.process .step:before{content:"";position:absolute;left:0;top:0;width:64px;height:2px;background:linear-gradient(90deg,var(--gold),var(--accent))}
.banner{
  display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;
  padding:34px;border-radius:28px;border:1px solid var(--line);
  background:linear-gradient(90deg, rgba(15,28,52,.98), rgba(9,18,33,.98));
  box-shadow:var(--shadow);
}
.banner .cta{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:24px}
.form-card,.info-card,.map-card{
  border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,28,48,.94),rgba(10,17,29,.98));box-shadow:var(--shadow)
}
.form-card,.info-card{padding:26px}
label{display:block;font-weight:600;margin-bottom:8px}
.input, select, textarea{
  width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:#fff;outline:none
}
textarea{min-height:160px;resize:vertical}
.input:focus, select:focus, textarea:focus{border-color:#5e88ff;box-shadow:0 0 0 3px rgba(77,120,255,.16)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.map-card{overflow:hidden;padding:0;min-height:330px}
.map-card iframe{width:100%;height:100%;min-height:330px;border:0;filter:grayscale(.15) saturate(.8) contrast(1.05)}
.info-list{display:grid;gap:14px}
.info-item{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.info-item small{display:block;color:var(--muted);margin-bottom:6px}
.floating{position:fixed;right:22px;bottom:22px;z-index:90;display:grid;gap:12px}
.float-btn{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)
}
.float-wa{background:linear-gradient(135deg,#169b58,#24c56f)}
.float-vb{background:linear-gradient(135deg,#5d43cb,#7e57f3)}
.float-call{background:linear-gradient(135deg,#1a5dd8,#4b83ff)}
.footer{
  margin-top:36px;padding:30px 0;border-top:1px solid var(--line);background:rgba(5,12,22,.55)
}
.footer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.footer .mini{display:flex;align-items:center;gap:16px}
.footer .mini img{width:170px}
.footer p,.footer a{color:#b9c8df}
.notice{padding:14px 18px;border-radius:14px;margin-bottom:18px}
.notice.success{background:rgba(42,124,86,.18);border:1px solid rgba(62,186,115,.28)}
.notice.error{background:rgba(168,66,66,.16);border:1px solid rgba(214,92,92,.28)}
.intro-overlay{
  position:fixed;inset:0;
  background:
    radial-gradient(circle at center, rgba(61,113,255,.12), transparent 28%),
    linear-gradient(180deg,#050d19 0%, #071425 100%);
  display:grid;place-items:center;z-index:3000;
  transition:opacity .8s ease, visibility .8s ease;
}
.intro-overlay.hidden{opacity:0;visibility:hidden}
.intro-logo-box{text-align:center;padding:28px}
.intro-reveal-circle{
  width:min(360px,70vw);
  aspect-ratio:1;
  border-radius:50%;
  position:relative;
  border:1px solid rgba(173,201,255,.22);
  background:radial-gradient(circle at 50% 45%, rgba(255,255,255,.06), rgba(255,255,255,.015) 62%, rgba(255,255,255,.01) 100%);
  box-shadow:0 0 0 10px rgba(255,255,255,.02), 0 20px 80px rgba(0,0,0,.45), inset 0 0 40px rgba(77,120,255,.08);
  overflow:hidden;
}
.intro-reveal-circle:before{
  content:"";
  position:absolute;inset:18px;border-radius:50%;
  border:1px solid rgba(255,255,255,.06);
}
.intro-logo-fill{
  position:absolute;inset:12%;
  background:url('../images/logo-ds-loader.png') center center / contain no-repeat;
  clip-path:circle(0% at 50% 50%);
  animation:logoReveal 1.65s ease-out forwards;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.36));
}
.intro-glow-ring{
  position:absolute;inset:-2px;border-radius:50%;
  border:2px solid rgba(89,146,255,.26);
  mask:conic-gradient(from 0deg, transparent 0 18%, #000 18% 32%, transparent 32% 50%, #000 50% 68%, transparent 68% 100%);
  -webkit-mask:conic-gradient(from 0deg, transparent 0 18%, #000 18% 32%, transparent 32% 50%, #000 50% 68%, transparent 68% 100%);
  animation:ringSpin 2.2s linear infinite;
}
@keyframes logoReveal{
  0%{clip-path:circle(0% at 50% 50%);opacity:.4;transform:scale(.88)}
  70%{clip-path:circle(72% at 50% 50%);opacity:1}
  100%{clip-path:circle(76% at 50% 50%);opacity:1;transform:scale(1)}
}
@keyframes ringSpin{to{transform:rotate(360deg)}}to{transform:translateX(220%)}}
@media (max-width: 1080px){
  .nav{min-height:auto;padding:18px 0;grid-template-columns:1fr auto;gap:16px}
  .brand{grid-column:1 / -1}
  .menu{grid-column:1 / 2;justify-content:flex-start;overflow:auto;padding-bottom:6px}
  .lang-switch{grid-column:2 / 3;align-self:start}
  .hero-grid,.contact-layout,.banner,.footer-grid{grid-template-columns:1fr}
  .cards-3,.cards-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 720px){
  .brand img{width:180px}
    h1{font-size:clamp(2.2rem,11vw,3.2rem)}
  .section{padding:56px 0}
  .cards-3,.cards-4,.form-grid,.contact-strip{grid-template-columns:1fr}
  .section-head{display:block}
  .floating{right:14px;bottom:14px}
}


/* mobile-only navigation and layout refinement */
.mobile-quick,
.menu-toggle,
.mobile-quote{display:none}

@media (max-width: 767px){
  html,body{overflow-x:hidden}
  body.menu-open{overflow:hidden}
  .container{width:min(100%,calc(100% - 28px))}
  .topbar{position:sticky;top:0}
  .nav{
    min-height:auto;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:
      "brand quick toggle"
      "menu menu menu"
      "lang lang lang";
    gap:10px;
    padding:12px 0 10px;
    align-items:center;
  }
  .brand{grid-area:brand;min-width:0}
  .brand img{
    width:clamp(132px,42vw,176px);
    min-width:0;
    max-width:100%;
  }

  .mobile-quick{
    grid-area:quick;
    display:flex;
    gap:8px;
    justify-content:flex-end;
    min-width:0;
  }
  .quick-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 12px;
    border-radius:999px;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.02em;
    white-space:nowrap;
    border:1px solid rgba(169,194,236,.16);
    box-shadow:0 10px 24px rgba(0,0,0,.18);
  }
  .quick-call{
    background:rgba(255,255,255,.05);
    color:#eef5ff;
  }
  .quick-wa{
    background:linear-gradient(135deg,#1b8a55,#2cc46f);
    color:#fff;
    border-color:transparent;
  }

  .menu-toggle{
    grid-area:toggle;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    width:44px;
    height:44px;
    padding:0;
    border-radius:12px;
    border:1px solid rgba(167,194,244,.18);
    background:rgba(255,255,255,.04);
    cursor:pointer;
  }
  .menu-toggle span{
    display:block;
    width:18px;
    height:2px;
    border-radius:999px;
    background:#eef5ff;
    transition:transform .25s ease, opacity .25s ease;
  }
  body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.menu-open .menu-toggle span:nth-child(2){opacity:0}
  body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .menu{
    grid-area:menu;
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:14px 0 4px;
  }
  body.menu-open .menu{display:flex}
  .menu a{
    display:block;
    width:100%;
    padding:13px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(167,194,244,.12);
  }
  .menu a:after{display:none}
  .mobile-quote{
    display:block;
    margin-top:4px;
    text-align:center;
    background:linear-gradient(135deg,#294cc5,#5889ff) !important;
    border-color:transparent !important;
    color:#fff !important;
  }

  .lang-switch{
    grid-area:lang;
    justify-content:flex-start;
    gap:8px;
    padding-top:4px;
  }
  .lang-switch a{
    min-width:42px;
    height:40px;
    font-size:.82rem;
  }

  .hero{padding:52px 0 40px}
  .hero-grid,
  .cards-3,
  .cards-4,
  .form-grid,
  .contact-layout,
  .contact-strip,
  .footer-grid,
  .banner{
    grid-template-columns:1fr !important;
  }
  h1{
    max-width:none;
    font-size:clamp(2rem,9.4vw,2.9rem);
    line-height:1.08;
  }
  .lead{
    max-width:none;
    font-size:1rem;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .btn{
    width:100%;
    min-height:52px;
  }
  .section{padding:50px 0}
  .section-head{display:block}
  .floating{
    right:12px;
    bottom:12px;
    gap:8px;
  }
  .floating a{
    width:48px;
    height:48px;
  }
  .intro-reveal-circle{
    width:min(280px,76vw);
    aspect-ratio:1/1;
  }
}


.operator-section{padding-top:8px}
.operator-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.operator-head p{max-width:560px;margin:0;color:var(--muted)}
.operator-logos{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.operator-logo-card{
  min-height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(15,29,61,.88), rgba(9,20,45,.96));
  border:1px solid rgba(95,138,223,.22);
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.operator-logo-card img{
  display:block;
  max-width:100%;
  max-height:72px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}
@media (max-width: 767px){
  .operator-head{display:block}
  .operator-head p{margin-top:10px}
  .operator-logos{grid-template-columns:1fr;gap:12px}
  .operator-logo-card{min-height:112px;padding:18px 16px}
  .operator-logo-card img{max-height:56px}
}


.operator-logos-inline{
  width:100%;
  min-height:86px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-evenly;
  gap:18px;
  padding:16px 18px;
  margin-bottom:18px;
  background:linear-gradient(135deg,rgba(112,149,255,.26),rgba(255,255,255,.08));
  border:1px solid rgba(167,194,244,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 12px 32px rgba(0,0,0,.18);
}
.operator-logos-inline img{
  height:38px;
  width:auto;
  max-width:110px;
  object-fit:contain;
  display:block;
  filter:brightness(1.08) contrast(1.08) drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
.operator-logos-inline img[alt="Telemach"]{
  max-width:136px;
  height:32px;
}
@media (max-width: 767px){
  .operator-logos-inline{
    min-height:74px;
    gap:12px;
    padding:12px 14px;
  }
  .operator-logos-inline img{
    height:28px;
    max-width:82px;
  }
  .operator-logos-inline img[alt="Telemach"]{
    max-width:102px;
    height:24px;
  }
}


.vendor-logos-inline{
  width:100%;
  min-height:86px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-evenly;
  gap:18px;
  padding:16px 18px;
  margin-bottom:18px;
  background:linear-gradient(135deg,rgba(112,149,255,.26),rgba(255,255,255,.08));
  border:1px solid rgba(167,194,244,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 12px 32px rgba(0,0,0,.18);
}
.vendor-logos-inline img{
  height:34px;
  width:auto;
  max-width:110px;
  object-fit:contain;
  display:block;
  filter:brightness(1.12) contrast(1.08) drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
.vendor-logos-inline img[alt="Cisco"]{
  max-width:98px;
  height:28px;
}
.vendor-logos-inline img[alt="Ubiquiti"]{
  max-width:128px;
  height:28px;
}
@media (max-width: 767px){
  .vendor-logos-inline{
    min-height:74px;
    gap:12px;
    padding:12px 14px;
  }
  .vendor-logos-inline img{
    height:24px;
    max-width:76px;
  }
  .vendor-logos-inline img[alt="Cisco"]{
    max-width:70px;
    height:22px;
  }
  .vendor-logos-inline img[alt="Ubiquiti"]{
    max-width:88px;
    height:22px;
  }
}
  .vendor-logos-inline img{
    height:24px;
    max-width:86px;
  }
  .vendor-logos-inline img[alt="Cisco"]{
    max-width:78px;
    height:22px;
  }
  .vendor-logos-inline img[alt="Ubiquiti"]{
    max-width:100px;
    height:22px;
  }
}



.wifi-logos-inline img{
  height:34px;
  width:auto;
  max-width:120px;
  object-fit:contain;
  display:block;
  filter:brightness(1.12) contrast(1.08) drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
.wifi-logos-inline img[alt="Mesh"]{
  max-width:54px;
  height:34px;
}
.wifi-logos-inline img[alt="Wi-Fi"]{
  max-width:42px;
  height:34px;
}
@media (max-width: 767px){


.wifi-logos-inline{
  width:100%;
  min-height:86px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-evenly;
  gap:18px;
  padding:16px 18px;
  margin-bottom:18px;
  background:linear-gradient(135deg,rgba(112,149,255,.26),rgba(255,255,255,.08));
  border:1px solid rgba(167,194,244,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 12px 32px rgba(0,0,0,.18);
}
.wifi-logos-inline img{
  height:34px;
  width:auto;
  max-width:118px;
  object-fit:contain;
  display:block;
  filter:brightness(1.12) contrast(1.08) drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
.wifi-logos-inline img[alt="Aruba"]{
  max-width:118px;
  height:32px;
}
.wifi-logos-inline img[alt="Mesh"]{
  max-width:54px;
  height:34px;
}
.wifi-logos-inline img[alt="Wi-Fi"]{
  max-width:42px;
  height:34px;
}
@media (max-width: 767px){
  .wifi-logos-inline{
    min-height:74px;
    gap:12px;
    padding:12px 14px;
  }
  .wifi-logos-inline img{
    height:24px;
    max-width:86px;
  }
  .wifi-logos-inline img[alt="Aruba"]{
    max-width:86px;
    height:24px;
  }
  .wifi-logos-inline img[alt="Mesh"]{
    max-width:40px;
    height:24px;
  }
  .wifi-logos-inline img[alt="Wi-Fi"]{
    max-width:30px;
    height:24px;
  }
}



.wifi-logos-inline--two{
  justify-content:center;
  gap:34px;
}
.wifi-logos-inline--two img[alt="Mesh"]{
  max-width:132px;
  height:36px;
}
.wifi-logos-inline--two img[alt="Wi-Fi"]{
  max-width:56px;
  height:36px;
}
@media (max-width: 767px){
  .wifi-logos-inline--two{
    gap:22px;
  }
  .wifi-logos-inline--two img[alt="Mesh"]{
    max-width:92px;
    height:26px;
  }
  .wifi-logos-inline--two img[alt="Wi-Fi"]{
    max-width:40px;
    height:26px;
  }
}


.wifi-logos-inline,
.wifi-logos-inline--two{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:26px !important;
}
.wifi-logos-inline--two img{
  display:block !important;
  flex:0 0 auto !important;
}
.wifi-logos-inline--two img[alt="Mesh"]{
  width:auto !important;
  max-width:128px !important;
  height:34px !important;
}
.wifi-logos-inline--two img[alt="Wi-Fi"]{
  width:auto !important;
  max-width:54px !important;
  height:34px !important;
}
@media (max-width: 767px){
  .wifi-logos-inline,
  .wifi-logos-inline--two{
    gap:18px !important;
  }
  .wifi-logos-inline--two img[alt="Mesh"]{
    max-width:98px !important;
    height:26px !important;
  }
  .wifi-logos-inline--two img[alt="Wi-Fi"]{
    max-width:40px !important;
    height:26px !important;
  }
}


/* First card badge fixed */
.operator-logos-inline.wifi-service-badge{
  width:100% !important;
  min-height:86px !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:28px !important;
  padding:16px 18px !important;
  margin-bottom:18px !important;
  border-radius:22px !important;
}
.operator-logos-inline.wifi-service-badge img{
  display:block !important;
  flex:0 0 auto !important;
  width:auto !important;
  object-fit:contain !important;
  filter:brightness(1.08) contrast(1.04) drop-shadow(0 6px 14px rgba(0,0,0,.18)) !important;
}
.operator-logos-inline.wifi-service-badge img[alt="Mesh"]{
  max-width:132px !important;
  height:34px !important;
}
.operator-logos-inline.wifi-service-badge img[alt="Wi-Fi"]{
  max-width:54px !important;
  height:34px !important;
}
@media (max-width: 767px){
  .operator-logos-inline.wifi-service-badge{
    min-height:74px !important;
    gap:18px !important;
    padding:12px 14px !important;
  }
  .operator-logos-inline.wifi-service-badge img[alt="Mesh"]{
    max-width:98px !important;
    height:24px !important;
  }
  .operator-logos-inline.wifi-service-badge img[alt="Wi-Fi"]{
    max-width:40px !important;
    height:24px !important;
  }
}



/* Final clean hero side panel */
.hero-card.hero-card--clean{
  padding:32px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(31,49,92,.88), rgba(14,27,56,.86)) !important;
  border:1px solid rgba(167,194,244,.16) !important;
  box-shadow:0 20px 50px rgba(5,11,28,.28), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.hero-card--clean .hero-card-top{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  margin-bottom:28px !important;
}

.hero-card--clean .hero-badge.hero-badge--big{
  align-self:flex-start !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:50px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(214,181,112,.42) !important;
  color:#f1d6a0 !important;
  font-size:1.38rem !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
}

.hero-card--clean .hero-card-copy{
  margin:0 !important;
  color:#dce7ff !important;
  font-size:1.05rem !important;
  line-height:1.72 !important;
  max-width:540px !important;
}

.hero-card--clean .hero-feature-list.hero-feature-list--spaced{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  margin:0 0 34px !important;
}

.hero-card--clean .hero-feature-item{
  display:grid !important;
  grid-template-columns:14px 1fr !important;
  gap:14px !important;
  align-items:start !important;
  color:#eef5ff !important;
  font-size:1.04rem !important;
  line-height:1.6 !important;
}

.hero-card--clean .hero-feature-mark{
  display:block !important;
  width:10px !important;
  height:10px !important;
  margin-top:.5em !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#6a95ff,#95b5ff) !important;
  box-shadow:0 0 0 4px rgba(86,126,228,.15) !important;
}

.hero-card--clean .hero-contact-list.hero-contact-list--stacked{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  margin-top:4px !important;
}

.hero-card--clean .hero-contact-item{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-height:84px !important;
  width:100% !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(167,194,244,.14) !important;
  box-sizing:border-box !important;
}

.hero-card--clean .hero-contact-item:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(167,194,244,.26) !important;
  background:rgba(255,255,255,.05) !important;
}

.hero-card--clean .hero-contact-item--wa{
  background:linear-gradient(135deg, rgba(26,120,76,.34), rgba(18,69,47,.22)) !important;
  border-color:rgba(88,199,140,.18) !important;
}

.hero-card--clean .hero-contact-kicker{
  display:block !important;
  margin:0 0 8px !important;
  color:#97afd7 !important;
  font-size:.84rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
}

.hero-card--clean .hero-contact-item strong{
  display:block !important;
  color:#fff !important;
  font-size:1.06rem !important;
  line-height:1.4 !important;
}

@media (max-width: 767px){
  .hero-card.hero-card--clean{
    padding:24px !important;
    border-radius:22px !important;
  }

  .hero-card--clean .hero-card-top{
    gap:14px !important;
    margin-bottom:22px !important;
  }

  .hero-card--clean .hero-badge.hero-badge--big{
    font-size:1.12rem !important;
    min-height:42px !important;
  }

  .hero-card--clean .hero-card-copy{
    font-size:.98rem !important;
    line-height:1.62 !important;
  }

  .hero-card--clean .hero-feature-list.hero-feature-list--spaced{
    gap:14px !important;
    margin:0 0 24px !important;
  }

  .hero-card--clean .hero-feature-item{
    grid-template-columns:12px 1fr !important;
    gap:12px !important;
    font-size:.97rem !important;
    line-height:1.55 !important;
  }

  .hero-card--clean .hero-feature-mark{
    width:8px !important;
    height:8px !important;
  }

  .hero-card--clean .hero-contact-item{
    min-height:76px !important;
    padding:14px 16px !important;
  }

  .hero-card--clean .hero-contact-item strong{
    font-size:.98rem !important;
  }
}


/* Hero title reduced by ~50% */
.hero h1{
  font-size: 50% !important;
  line-height: 1.05 !important;
}