:root{
  --bg:#07111f; --bg2:#0b1424; --card:rgba(255,255,255,.05); --line:rgba(255,255,255,.1); --text:#f8fbff; --muted:#9fb0c8;
  --cyan:#67e8f9; --blue:#3b82f6; --gold:#f5d28b; --shadow:0 25px 60px rgba(0,0,0,.22); --radius:28px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit} button,input,textarea{font:inherit}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px}
.bg-blur{position:fixed;z-index:-2;border-radius:999px;filter:blur(90px);pointer-events:none}.blur-1{width:500px;height:500px;background:rgba(59,130,246,.22);top:-100px;left:-80px}.blur-2{width:460px;height:460px;background:rgba(103,232,249,.16);top:120px;right:-100px}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.section{padding:82px 0}.section-small{padding:10px 0 0}.alt{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.section-heading{max-width:760px;margin-bottom:40px}.section-heading.compact{margin-bottom:24px}.section-heading.center{text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.section-tag{display:inline-flex;margin:0 0 16px;color:var(--cyan);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.section-heading h2,.glass-card h2,.contact-form-card h2,.contact-info-card h2,.modal-box h3{margin:0 0 16px;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.03em}
.modal-box h3{font-size:34px}.section-heading p,.glass-card p,.contact-form-card p,.modal-text{color:var(--muted);margin:0}
.premium-surface{position:relative;overflow:hidden}
.premium-surface::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 35%,transparent 70%,rgba(103,232,249,.06));pointer-events:none}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(7,17,31,.72);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand,.footer-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001018;font-weight:800;box-shadow:0 14px 30px rgba(59,130,246,.25)}
.brand strong{display:block;font-size:20px}.brand small,.footer-brand small{display:block;color:var(--muted);font-size:12px}
.desktop-nav{display:flex;gap:26px;color:#d6e3f4}.desktop-nav a{position:relative;font-size:14px}.desktop-nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.25s}.desktop-nav a:hover::after{width:100%}
.header-actions{display:flex;align-items:center;gap:12px}.btn-sm{min-height:44px;padding:0 18px;border-radius:14px}
.menu-toggle{display:none;width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:0;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:#fff;margin:4px auto;border-radius:4px}
.mobile-nav{display:none;border-top:1px solid var(--line);padding:14px 20px 22px;background:rgba(7,17,31,.96)}.mobile-nav.active{display:flex;flex-direction:column;gap:14px}.mobile-nav a{color:#dbe8f7}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(103,232,249,.16);background:rgba(103,232,249,.08);color:#c9fbff;font-size:14px;margin-bottom:18px}
.dot{width:10px;height:10px;border-radius:999px;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.hero-copy h1{margin:0;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.05em}.hero-copy h1 span{background:linear-gradient(90deg,#c7fdff,#8feaff,#74a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{max-width:760px;color:var(--muted);font-size:18px;margin:22px 0 0}.hero-actions{display:flex;gap:14px;margin:30px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:18px;font-weight:700;transition:.25s ease;border:none;cursor:pointer}
.btn:hover{transform:translateY(-2px)} .btn-primary{color:#03121b;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 20px 40px rgba(59,130,246,.25)} .btn-secondary{color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.03)} .full{width:100%}
.stats-grid{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card,.feature-card,.method-card,.pricing-card,.sector-card,.glass-card,.contact-form-card,.contact-info-card,.faq-item,.enterprise-box,.modal-box,.reference-card,.feature-detail-box{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.stat-card{padding:22px}.stat-card strong{display:block;font-size:30px;margin-bottom:8px}.stat-card span{display:block;color:var(--muted);font-size:14px}
.hero-panel{position:relative}.panel-shell{position:relative;border-radius:34px;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);box-shadow:0 28px 80px rgba(13,72,164,.18);backdrop-filter:blur(12px);animation:float 5s ease-in-out infinite}.panel-shell::after{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%) skewX(-20deg);animation:shine 4.5s linear infinite}
.panel-head,.panel-top,.panel-bottom{position:relative;z-index:1}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 8px 18px;border-bottom:1px solid var(--line)} .panel-head small{color:var(--muted);display:block;margin-bottom:2px}.panel-head h3{margin:0;font-size:20px}
.status-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#b8ffd2;font-size:12px;font-weight:700}
.panel-top{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.mini-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(10,18,31,.72)} .mini-card small{display:block;color:var(--muted);margin-bottom:6px}.mini-card strong{display:block;font-size:32px}.mini-card em{display:block;margin-top:6px;color:#99ffbf;font-style:normal;font-size:12px}
.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:14px}.bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.panel-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.chart-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(10,18,31,.72)}
.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.chart-head span{font-weight:700}.chart-head small{color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:10px;height:180px}.bars span{flex:1;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#7ef0ff,#3b82f6);transition:.3s}.bars span:hover{filter:brightness(1.15)}
.side-stack{display:grid;gap:14px}.progress-list{list-style:none;padding:0;margin:12px 0 0}.progress-list li{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;row-gap:8px;align-items:center;margin-bottom:18px}.progress-list li i{grid-column:1 / span 2;height:8px;border-radius:99px;display:block;background:linear-gradient(90deg,var(--cyan),var(--blue))}.progress-list li::before{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:99px;background:rgba(255,255,255,.06);z-index:-1}
.progress-list span,.progress-list b{font-size:14px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.info-grid div{padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}.info-grid span{display:block;color:var(--muted);font-size:13px}.info-grid strong{display:block;margin-top:4px}
.panel-floating{position:absolute;left:-10px;bottom:-16px;font-size:12px;padding:12px 14px;border-radius:18px;background:rgba(103,232,249,.1);border:1px solid rgba(103,232,249,.18);color:#d7fcff;backdrop-filter:blur(12px)}
.reference-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reference-card{padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.ref-badge{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:rgba(103,232,249,.1);border:1px solid rgba(103,232,249,.18);color:#d4fcff;font-size:11px;font-weight:700}.reference-card strong{display:block;font-size:22px;line-height:1.2}.reference-card small{color:var(--muted)}.ref-logo{display:inline-flex;align-items:center;justify-content:center;height:54px;width:110px;border:1px dashed rgba(245,210,139,.5);border-radius:16px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.18em}
.feature-grid,.method-grid,.pricing-grid,.sector-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(4,1fr)}.method-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.sector-grid{grid-template-columns:repeat(3,1fr)}
.feature-card,.method-card,.pricing-card,.sector-card{padding:28px;transition:.28s ease}.feature-card:hover,.method-card:hover,.pricing-card:hover,.sector-card:hover,.faq-item:hover,.info-box:hover,.enterprise-box:hover,.reference-card:hover{transform:translateY(-5px);border-color:rgba(103,232,249,.22)}
.feature-badge{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.08);color:#d0fbff;font-size:12px;font-weight:700}
.feature-card h3,.method-card h3,.pricing-card h3,.sector-card h3{margin:18px 0 10px;font-size:28px;line-height:1.08;letter-spacing:-.03em}.feature-card p,.method-card p,.pricing-card p,.sector-card p,.enterprise-box p{margin:0;color:var(--muted)}
.feature-card ul,.pricing-card ul{margin:18px 0 0;padding:0;list-style:none}.feature-card li,.pricing-card li{position:relative;padding-left:18px;margin-bottom:10px;color:#dbe8f7}.feature-card li::before,.pricing-card li::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--cyan);position:absolute;left:0;top:9px}
.method-card span:first-child{font-size:30px}.method-card h3{font-size:24px}
.pricing-card{position:relative}.pricing-topline{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12px;color:#dce9f8}
.duration-table{display:grid;gap:10px;margin:18px 0 12px}.duration-table div{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.duration-table span{color:var(--muted)}.duration-table strong{font-size:22px;letter-spacing:-.03em}
.pricing-badge{position:absolute;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:rgba(103,232,249,.12);border:1px solid rgba(103,232,249,.2);color:#d2fbff;font-size:12px;font-weight:700}.featured{background:linear-gradient(180deg,rgba(103,232,249,.1),rgba(59,130,246,.08));border-color:rgba(103,232,249,.22);transform:translateY(-8px)}
.key-feature-list{display:grid;gap:10px;margin-top:10px}.key-feature-list div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.key-feature-list span{font-size:18px}.key-feature-list b{font-size:15px}
.more-link{display:inline-flex;margin-top:16px;color:#baf7ff;font-size:14px}.package-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.feature-detail-box{margin-top:22px;padding:28px}.detail-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.detail-feature-grid div{padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.detail-feature-grid span{display:inline-flex;font-size:24px;margin-bottom:10px}.detail-feature-grid strong{display:block;font-size:18px;margin-bottom:6px}.detail-feature-grid small{color:var(--muted)}
.enterprise-box{margin-top:22px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.enterprise-box h3{margin:0 0 8px;font-size:30px;line-height:1.1}.enterprise-actions{display:flex;gap:12px;flex-wrap:wrap}
.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.glass-card{padding:32px}.chips,.security-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chips span,.security-grid span{display:inline-flex;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#dce8f7;font-size:14px}.security-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.faq-list{display:grid;gap:14px}.faq-item{padding:24px 26px}.faq-item summary{list-style:none;cursor:pointer;font-size:20px;font-weight:700;position:relative;padding-right:30px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;right:0;top:0;color:var(--cyan);font-size:28px;line-height:1}.faq-item[open] summary::after{content:"−"}.faq-item p{margin:16px 0 0;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.contact-form-card,.contact-info-card,.modal-box{padding:32px}
.contact-form,.quick-form{margin-top:24px;display:grid;gap:14px}.contact-form input,.contact-form textarea,.quick-form input{width:100%;border:1px solid var(--line);border-radius:18px;min-height:56px;background:rgba(10,18,31,.76);color:#fff;padding:0 18px}.contact-form textarea{min-height:140px;padding-top:16px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus,.quick-form input:focus{outline:none;border-color:rgba(103,232,249,.32);box-shadow:0 0 0 4px rgba(103,232,249,.08)}
.info-box{padding:20px;border-radius:24px;border:1px solid var(--line);background:rgba(10,18,31,.7);margin-top:14px;transition:.28s ease}.info-box small{display:block;color:var(--muted);margin-bottom:6px}.info-box strong{display:block;font-size:20px;line-height:1.4}.info-box.accent{background:rgba(103,232,249,.08);border-color:rgba(103,232,249,.16)}
.alert{margin-top:18px;padding:14px 16px;border-radius:18px;font-weight:600}.alert.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#c1ffd7}.alert.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.18);color:#ffd0d0}
.floating-btn{position:fixed;right:24px;width:58px;height:58px;border-radius:999px;display:grid;place-items:center;z-index:90;box-shadow:0 20px 35px rgba(0,0,0,.25);transition:.25s ease}.floating-btn:hover{transform:translateY(-3px) scale(1.03)}.floating-btn svg{width:28px;height:28px;fill:#fff}.whatsapp{bottom:98px;background:#22c55e}.phone{bottom:28px;background:#38bdf8}
.modal-overlay{position:fixed;inset:0;background:rgba(4,10,18,.72);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:120;padding:20px}.modal-overlay.active{display:flex}
.modal-box{position:relative;width:min(560px,100%);background:rgba(7,17,31,.96)}.modal-close{position:absolute;right:18px;top:12px;width:42px;height:42px;border:none;border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-size:28px;cursor:pointer}
.selected-package-box{margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(103,232,249,.08);border:1px solid rgba(103,232,249,.18)}.selected-package-box small{display:block;color:var(--muted);margin-bottom:6px}.selected-package-box strong{display:block}
.site-footer{border-top:1px solid var(--line);background:rgba(255,255,255,.02);padding:34px 0 44px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:20px}.footer-grid h4{margin:0 0 14px;font-size:16px}.footer-grid a{display:block;margin-bottom:10px;color:#dce8f7}.footer-text,.footer-note{color:var(--muted)}.logo-placeholder{height:78px;border-radius:20px;border:1px dashed rgba(245,210,139,.55);display:grid;place-items:center;color:var(--gold);font-weight:800;letter-spacing:.2em;background:rgba(245,210,139,.06)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} @keyframes shine{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(220%) skewX(-20deg)}}
@media (max-width:1180px){.feature-grid,.detail-feature-grid,.reference-showcase,.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.contact-grid,.two-col{grid-template-columns:1fr}.panel-floating{position:static;margin-top:12px;display:inline-flex}.enterprise-box{flex-direction:column;align-items:flex-start}}
@media (max-width:980px){.desktop-nav,.header-actions .btn-sm{display:none}.menu-toggle{display:block}.stats-grid,.method-grid,.pricing-grid,.sector-grid,.security-grid,.detail-feature-grid,.reference-showcase,.footer-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.panel-top,.panel-bottom,.package-actions{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}.featured{transform:none}}
@media (max-width:640px){.section{padding:68px 0}.container{width:min(100% - 24px,1180px)}.brand small{display:none}.site-header{backdrop-filter:blur(12px)}.contact-form-card,.contact-info-card,.glass-card,.feature-card,.method-card,.pricing-card,.sector-card,.faq-item,.enterprise-box,.modal-box,.reference-card,.feature-detail-box{padding:22px}.floating-btn{right:16px;width:54px;height:54px}.whatsapp{bottom:88px}.phone{bottom:20px}.enterprise-actions{width:100%}.modal-close{top:10px;right:10px}}


.section-counters{padding-top:40px}
.counter-wrap{padding:32px}
.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
.counter-card{padding:24px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px;transition:.28s ease}
.counter-card:hover{transform:translateY(-4px);border-color:rgba(103,232,249,.22)}
.counter-number{font-size:54px;line-height:1;font-weight:800;letter-spacing:-.06em;background:linear-gradient(135deg,#d7fdff,var(--cyan),#7cb7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.counter-card strong{font-size:18px}
.counter-card small{color:var(--muted)}

.footer-top{padding:28px;margin-bottom:22px}
.footer-cta{display:flex;flex-direction:column;gap:12px}
.footer-cta h3{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.03em}
.footer-cta p{margin:0;color:var(--muted);max-width:820px}
.footer-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .9fr 1.1fr;gap:20px}
.footer-mini-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.footer-mini-stats span{display:inline-flex;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12px;color:#dce8f7}
.footer-contact-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.03);margin-bottom:14px}
.footer-contact-card strong{display:block;margin-bottom:6px}
.footer-contact-card small{color:var(--muted)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.footer-bottom-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-bottom-links a{color:#dce8f7}

@media (max-width:1180px){
  .counter-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .counter-grid,.footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}

.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}
.testimonial-card{background:rgba(255,255,255,0.03);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,0.08)}
.testimonial-card p{font-size:15px;line-height:1.6}
.dashboard-preview{text-align:center}
.dashboard-image{max-width:900px;width:100%;margin-top:30px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.4)}


.network-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:-4;
  opacity:.28;
  pointer-events:none;
}

.logo-slider{
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--line);
  margin:24px 0 18px;
  background:rgba(255,255,255,.03);
}
.logo-slider-track{
  display:flex;
  gap:18px;
  width:max-content;
  padding:18px;
  animation:logoMarquee 24s linear infinite;
}
.logo-slider-track span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(245,210,139,.25);
  background:rgba(255,255,255,.03);
  color:var(--gold);
  font-weight:800;
  letter-spacing:.08em;
  font-size:12px;
}

.hotspot-map-section{
  padding-top:40px;
}
.hotspot-map{
  position:relative;
  min-height:420px;
  border-radius:30px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 20% 20%, rgba(103,232,249,.12), transparent 30%),
    radial-gradient(circle at 80% 40%, rgba(59,130,246,.14), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  overflow:hidden;
}
.map-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.4;
}
.map-node{
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(7,17,31,.85);
  border:1px solid rgba(103,232,249,.25);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  animation:pulseNode 3s ease-in-out infinite;
}
.map-node span{
  width:12px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  box-shadow:0 0 18px rgba(103,232,249,.7);
}
.map-node b{
  font-size:13px;
}
.node-1{top:18%;left:18%}
.node-2{top:28%;right:18%}
.node-3{bottom:24%;right:24%}
.node-4{bottom:16%;left:20%}
.node-5{top:50%;left:46%}

.testimonials h2,
.dashboard-preview h2{
  text-align:center;
  margin:0 0 10px;
  font-size:clamp(30px,4vw,48px);
  letter-spacing:-.03em;
}
.dashboard-preview p{
  text-align:center;
  color:var(--muted);
  max-width:760px;
  margin:0 auto;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:30px;
}
.testimonial-card{
  position:relative;
  background:rgba(255,255,255,.04);
  padding:26px;
  border-radius:22px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  transition:.28s ease;
}
.testimonial-card:hover{
  transform:translateY(-5px);
  border-color:rgba(103,232,249,.22);
}
.testimonial-card::before{
  content:"“";
  position:absolute;
  top:12px;
  right:18px;
  font-size:64px;
  line-height:1;
  color:rgba(103,232,249,.16);
  font-weight:800;
}
.testimonial-card p{
  font-size:15px;
  line-height:1.7;
  color:#dfe8f4;
  margin:0 0 18px;
}
.testimonial-card strong{
  display:block;
  font-size:16px;
}
.testimonial-card small{
  color:var(--muted);
}

.dashboard-preview{
  text-align:center;
}
.dashboard-image{
  max-width:980px;
  width:100%;
  margin-top:30px;
  border-radius:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.08);
  transition:.35s ease;
}
.dashboard-image:hover{
  transform:translateY(-4px) scale(1.01);
}

@keyframes logoMarquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
@keyframes pulseNode{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}

@media (max-width:1180px){
  .testimonial-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .testimonial-grid{grid-template-columns:1fr}
  .logo-slider-track span{min-width:150px}
  .hotspot-map{min-height:360px}
}
@media (max-width:640px){
  .hotspot-map{min-height:320px}
  .map-node{padding:8px 10px}
  .map-node b{font-size:11px}
}


.policy-modal-box{
  max-height:min(80vh,760px);
  overflow:auto;
}
.policy-content{
  color:#dce8f7;
  line-height:1.8;
}
.policy-content p{
  margin:0 0 14px;
}
.footer-policies{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:14px;
}
.footer-policies a{
  color:#dce8f7;
  font-size:14px;
  border-bottom:1px dashed rgba(103,232,249,.35);
}
.testimonials{
  padding-bottom:80px;
}

.footer-bottom{
  padding-top:18px;
  margin-top:18px;
}
.site-logo{
height:42px;
width:auto;
display:block;
}