@import url('./virus-security-colors-v35.css?v=20260826-2');
/* Virus Protection V34 — sea-water explorer + managed security platform grid */
body[data-service="virus-protection"] .vp12-ecosystem.vp17-security-explorer{
  --vp34-sea:#d6f2ef;
  --vp34-cyan:#caedf1;
  --vp34-blue:#d8e8f6;
  --vp34-lav:#e7e1f3;
  --vp34-ink:#173f49;
  --vp34-muted:#58757b;
  background:
    radial-gradient(circle at 14% 14%,rgba(65,190,181,.22),transparent 28%),
    radial-gradient(circle at 87% 20%,rgba(72,159,202,.18),transparent 31%),
    radial-gradient(circle at 76% 84%,rgba(128,106,181,.12),transparent 28%),
    linear-gradient(135deg,var(--vp34-sea) 0%,var(--vp34-cyan) 36%,var(--vp34-blue) 69%,var(--vp34-lav) 100%)!important;
  border-color:rgba(36,111,126,.16)!important;
  box-shadow:0 28px 78px rgba(26,80,91,.13)!important;
}
body[data-service="virus-protection"] .vp12-ecosystem.vp17-security-explorer:before{
  background:
    linear-gradient(rgba(42,127,144,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,127,144,.035) 1px,transparent 1px),
    radial-gradient(circle at 48% 42%,rgba(255,255,255,.24),transparent 38%)!important;
  background-size:32px 32px,32px 32px,auto!important;
  opacity:.9;
}
body[data-service="virus-protection"] .vp12-eco-head{padding-bottom:4px}
body[data-service="virus-protection"] .vp12-eco-head h3{
  color:#153f4a!important;
  max-width:720px!important;
  text-wrap:balance;
  letter-spacing:-.025em!important;
}
body[data-service="virus-protection"] .vp12-eco-head p{
  color:#4f6f76!important;
  max-width:620px!important;
  line-height:1.68!important;
  text-wrap:pretty;
}

body[data-service="virus-protection"] .vp17-platform-note{
  margin-top:20px!important;
  padding:13px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(120deg,rgba(225,248,245,.82),rgba(220,239,249,.76))!important;
  border-color:rgba(43,118,131,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body[data-service="virus-protection"] .vp17-platform-note strong{
  color:#1d5963!important;
  font-size:.76rem!important;
  letter-spacing:.11em!important;
}
body[data-service="virus-protection"] .vp17-platform-note span{
  color:#557279!important;
  max-width:690px;
  line-height:1.45;
}

body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  margin:13px 0 26px!important;
  align-items:stretch!important;
}
body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid .vp12-platform{
  position:relative!important;
  min-width:0!important;
  min-height:74px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  padding:12px 12px 11px 16px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(244,255,253,.75),rgba(232,246,250,.73))!important;
  border:1px solid rgba(41,107,120,.13)!important;
  box-shadow:0 9px 22px rgba(29,78,88,.07),inset 0 1px 0 rgba(255,255,255,.58)!important;
  backdrop-filter:blur(7px);
}
body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid .vp12-platform:before{
  content:"";position:absolute;left:9px;top:14px;bottom:14px;width:3px;border-radius:99px;
  background:linear-gradient(180deg,#3ab5aa,#5b9bd3,#8873b4);
  opacity:.72;
}
body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid .vp12-platform span{display:none!important}
body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid .vp12-platform small{
  margin-left:4px!important;
  color:#5b757b!important;
  font:800 .52rem/1.1 Rajdhani,sans-serif!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  opacity:1!important;
}
body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid .vp12-platform strong{
  margin-left:4px!important;
  color:#214d56!important;
  font:800 .73rem/1.12 "Exo 2",sans-serif!important;
  letter-spacing:-.01em!important;
  text-wrap:balance;
}

body[data-service="virus-protection"] .vp12-layer-map{
  border-color:rgba(38,105,118,.14)!important;
  background:
    radial-gradient(circle at 50% 47%,rgba(66,185,174,.18),transparent 18%),
    radial-gradient(circle at 50% 47%,transparent 0 23%,rgba(43,137,150,.09) 23.5% 24%,transparent 24.5% 35%,rgba(83,123,169,.08) 35.5% 36%,transparent 36.5%),
    linear-gradient(rgba(38,121,138,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,121,138,.035) 1px,transparent 1px),
    linear-gradient(145deg,rgba(214,244,241,.88),rgba(210,237,242,.83) 55%,rgba(221,229,246,.82))!important;
  background-size:auto,auto,34px 34px,34px 34px,auto!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 22px 54px rgba(24,77,87,.09)!important;
}
body[data-service="virus-protection"] .vp12-map-core,
body[data-service="virus-protection"] .vp12-layer-node{
  background:linear-gradient(145deg,rgba(246,255,253,.83),rgba(230,245,248,.78))!important;
  border-color:rgba(37,104,115,.14)!important;
  backdrop-filter:blur(8px);
}
body[data-service="virus-protection"] .vp12-layer-node span{color:#204d56!important}
body[data-service="virus-protection"] .vp12-layer-node small{color:#5d7479!important}
body[data-service="virus-protection"] .vp12-layer-detail{
  background:linear-gradient(135deg,#185360,#256979 52%,#2c6670)!important;
  border:1px solid rgba(175,237,230,.17)!important;
  box-shadow:0 20px 44px rgba(18,67,77,.20)!important;
  padding:20px 22px!important;
}
body[data-service="virus-protection"] .vp12-layer-detail>small{
  color:#d5c17e!important;
  font-size:.64rem!important;
  letter-spacing:.14em!important;
}
body[data-service="virus-protection"] .vp12-layer-detail>strong{
  display:block!important;
  margin-top:6px!important;
  color:#fff!important;
  font-size:1.06rem!important;
  line-height:1.32!important;
  text-wrap:balance;
}
body[data-service="virus-protection"] .vp12-layer-detail>p{
  margin:9px 0 8px!important;
  color:#e3f0ef!important;
  font-size:.82rem!important;
  line-height:1.58!important;
  text-wrap:pretty;
}
body[data-service="virus-protection"] .vp12-layer-detail>span{
  color:#d6e9e8!important;
  font-size:.7rem!important;
  line-height:1.42!important;
}

body[data-service="virus-protection"] .vp17-practical{
  background:linear-gradient(145deg,rgba(229,248,245,.80),rgba(223,240,247,.76) 60%,rgba(232,230,247,.72))!important;
  border-color:rgba(40,110,120,.14)!important;
  box-shadow:0 22px 58px rgba(24,76,85,.09)!important;
}
body[data-service="virus-protection"] .vp17-need,
body[data-service="virus-protection"] .vp17-layer-card,
body[data-service="virus-protection"] .vp17-detail{
  background:linear-gradient(145deg,rgba(247,255,253,.78),rgba(232,246,249,.74))!important;
  border-color:rgba(40,108,119,.13)!important;
  backdrop-filter:blur(6px);
}
body[data-service="virus-protection"] .vp17-practical-head h4,
body[data-service="virus-protection"] .vp17-detail h4{color:#173f49!important;text-wrap:balance}
body[data-service="virus-protection"] .vp17-practical-head p,
body[data-service="virus-protection"] .vp17-detail p{color:#567178!important;line-height:1.62!important;text-wrap:pretty}
body[data-service="virus-protection"] .vp12-trademark-note{
  color:#5f7479!important;
  line-height:1.5!important;
  background:rgba(220,239,241,.58)!important;
  border:1px solid rgba(49,111,120,.10)!important;
  border-radius:12px!important;
  padding:10px 12px!important;
}

@media(max-width:1050px){
  body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:780px){
  body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-service="virus-protection"] .vp17-platform-note{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
  body[data-service="virus-protection"] .vp17-platform-note span{text-align:left!important}
}
@media(max-width:480px){
  body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid{grid-template-columns:1fr!important}
  body[data-service="virus-protection"] .vp12-platform-flow.vp34-platform-grid .vp12-platform{min-height:62px!important}
}