.svc-hero{position:relative;overflow:hidden;min-height:620px;color:#fff;background:radial-gradient(circle at 75% 35%,rgba(236,40,203,.22),transparent 28%),radial-gradient(circle at 38% 52%,rgba(35,104,255,.22),transparent 30%),linear-gradient(135deg,#03063f 0%,#060066 52%,#10004d)}
.svc-hero-grid{max-width:1280px;margin:0 auto;padding:70px 24px 92px;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.svc-kicker{color:#d9ccff;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.svc-hero h1{max-width:560px;margin:18px 0 0;font-size:clamp(42px,5vw,66px);line-height:1.06;letter-spacing:-.04em}.svc-hero h1 span{display:block;background:linear-gradient(90deg,#3884ff,#ec28cb);-webkit-background-clip:text;background-clip:text;color:transparent}.svc-hero p{max-width:530px;margin:24px 0 0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.8}
.svc-actions{margin-top:30px;display:flex;gap:18px;flex-wrap:wrap}.svc-btn,.svc-btn-outline,.svc-copy a{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:15px 24px;font-weight:800;font-size:14px}.svc-btn,.svc-copy a{background:linear-gradient(90deg,#2368ff,#ec28cb);color:#fff;box-shadow:0 18px 40px rgba(236,40,203,.22)}.svc-btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.svc-stats{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;max-width:560px}.svc-stats div{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 18px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.svc-stats b,.svc-stats small{display:block}.svc-stats b{font-size:22px}.svc-stats small{margin-top:7px;color:rgba(255,255,255,.72)}
.svc-visual{position:relative;min-height:420px}.svc-orbit{position:absolute;border:2px solid rgba(80,142,255,.38);border-radius:50%;transform:rotate(-15deg)}.svc-orbit.one{width:520px;height:260px;right:22px;top:70px}.svc-orbit.two{width:600px;height:320px;right:-25px;top:35px;border-color:rgba(236,40,203,.28)}
.svc-router{position:absolute;left:95px;bottom:100px;width:210px;height:82px;border-radius:20px;background:linear-gradient(180deg,#fff,#dce9ff);box-shadow:0 28px 50px rgba(0,0,0,.35)}.svc-router:before,.svc-router:after{content:"";position:absolute;bottom:74px;width:8px;height:110px;border-radius:99px;background:linear-gradient(180deg,#fff,#b7c9e8)}.svc-router:before{left:40px}.svc-router:after{right:40px}
.svc-screen{position:absolute;right:60px;top:110px;width:330px;height:205px;border:12px solid #dbe6ff;border-radius:16px;background:radial-gradient(circle at 50% 45%,#ec28cb,#5e2cff 35%,#10135d 72%);box-shadow:0 36px 70px rgba(0,0,0,.38)}.svc-camera{position:absolute;right:12px;bottom:106px;width:118px;height:82px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#bcc9e7);box-shadow:0 22px 48px rgba(0,0,0,.28)}.svc-camera:after{content:"";position:absolute;left:35px;top:18px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#ec28cb 0 18%,#12155f 20% 52%,#e8efff 54%)}
.svc-shield{position:absolute;left:315px;bottom:35px;width:112px;height:120px;display:grid;place-items:center;border-radius:34px 34px 48px 48px;color:#fff;font-size:54px;background:linear-gradient(135deg,rgba(35,104,255,.45),rgba(236,40,203,.45));border:3px solid rgba(236,40,203,.72)}
.svc-pill{position:absolute;min-width:170px;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:14px 18px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.2)}.svc-pill b,.svc-pill small{display:block}.svc-pill small{margin-top:6px;color:rgba(255,255,255,.72)}.p1{left:80px;top:35px}.p2{right:0;top:35px}.p3{left:70px;bottom:10px}.p4{right:0;bottom:12px}
.svc-tabs{position:relative;z-index:5;max-width:1180px;margin:-48px auto 0;border-radius:18px;padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.14)}.svc-tabs a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-radius:14px;padding:18px}.svc-tabs a:hover{background:#f8faff}.svc-tabs span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#eff4ff;color:#2368ff;font-size:24px}.svc-tabs b,.svc-tabs small{display:block}.svc-tabs b{color:#08045f}.svc-tabs small{margin-top:5px;color:#64748b}.svc-tabs em{font-style:normal;color:#9aa4b2;font-size:24px}
.svc-list{padding-top:54px}.svc-row{padding:44px 24px;display:grid;grid-template-columns:minmax(320px,520px) minmax(320px,520px);justify-content:center;gap:56px;align-items:center;background:#fff}.svc-row.reverse{background:linear-gradient(90deg,#fff,#fbf6ff)}.svc-row.blue-bg{background:linear-gradient(90deg,#f7fbff,#fff)}.svc-art{position:relative;min-height:330px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 60% 40%,rgba(236,40,203,.32),transparent 28%),radial-gradient(circle at 30% 65%,rgba(35,104,255,.38),transparent 34%),linear-gradient(135deg,#070a3b,#12186f);box-shadow:0 18px 44px rgba(15,23,42,.16)}
.tag{display:inline-flex;border-radius:5px;padding:7px 10px;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase}.tag.blue{background:#2368ff}.tag.purple{background:#8238f2}.tag.pink{background:#ec28cb}.svc-copy h2{margin:15px 0 0;color:#08045f;font-size:clamp(30px,4vw,42px);letter-spacing:-.02em}.svc-copy p{max-width:520px;color:#64748b;line-height:1.75}.svc-copy ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px;color:#1f2a44}.svc-copy li{position:relative;padding-left:28px}.svc-copy li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#2368ff;color:#fff;font-size:11px;font-weight:800}.svc-copy a{margin-top:24px;padding:13px 18px;border-radius:7px}.svc-copy .pink-link{background:linear-gradient(90deg,#ec28cb,#a855f7)}
.speed{position:absolute;right:58px;top:48px;width:178px;height:178px;display:grid;place-items:center;border-radius:50%;border:12px solid rgba(35,104,255,.72);color:#fff;font-size:30px;font-weight:800}.mini-router{position:absolute;left:58px;bottom:66px;width:200px;height:76px;border-radius:18px;background:linear-gradient(180deg,#fff,#dbe8ff)}.devices{position:absolute;left:180px;bottom:44px;display:flex;gap:18px}.devices i{width:84px;height:55px;border-radius:8px;background:linear-gradient(135deg,#10176f,#2563eb);border:5px solid rgba(255,255,255,.85)}
.tv-grid{position:absolute;inset:48px 58px 80px;border:10px solid #cdd9f8;border-radius:14px;background:#12155f;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.tv-grid i{border-radius:8px;background:linear-gradient(135deg,#2368ff,#ec28cb)}.remote{position:absolute;right:76px;bottom:35px;width:32px;height:100px;border-radius:18px;background:#111827;transform:rotate(-18deg)}.home-line{position:absolute;inset:62px 80px 78px;border:8px solid transparent;border-image:linear-gradient(135deg,#2368ff,#ec28cb) 1}.bundle-screen{position:absolute;right:90px;top:115px;width:190px;height:118px;border:8px solid #dbe6ff;border-radius:14px;background:radial-gradient(circle,#ec28cb,#11155f 65%)}.gift{position:absolute;right:160px;bottom:52px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(35,104,255,.88);font-size:24px}.phone-lock{position:absolute;left:70px;top:58px;width:115px;height:210px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(180deg,#10155f,#0f172a);border:8px solid #cbd5e1;color:#22c55e;font-size:46px}.house{position:absolute;right:90px;bottom:70px;width:200px;height:140px;border-radius:16px;background:linear-gradient(135deg,#e0f2fe,#f8fafc)}.house:before{content:"";position:absolute;left:35px;top:-42px;border-left:65px solid transparent;border-right:65px solid transparent;border-bottom:58px solid #c7d2fe}.cam{position:absolute;right:54px;top:56px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#11155f 0 35%,#f8fafc 38%)}
.svc-why{padding:64px 24px;background:#fff}.why-cards{max-width:1160px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why-cards article{padding:34px 26px;text-align:center;border-right:1px solid #e8edf7}.why-cards article:last-child{border-right:0}.why-cards span{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#eff4ff;color:#2368ff;font-size:30px}.why-cards h3{color:#08045f}.why-cards p{color:#64748b;line-height:1.7;font-size:14px}
.svc-faq{padding:64px 24px 84px;display:grid;grid-template-columns:minmax(300px,560px) minmax(280px,360px);gap:90px;justify-content:center;background:#fff}.faq-left h2{margin:0 0 26px;color:#08045f;font-size:32px}.faq-left details{border:1px solid #e5eaf5;border-radius:12px;margin-bottom:14px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}.faq-left summary{cursor:pointer;padding:18px 20px;color:#111044;font-weight:700}.faq-left p{margin:0;padding:0 20px 18px;color:#64748b;line-height:1.7}.help-box{border:1px solid rgba(236,40,203,.35);border-radius:18px;padding:30px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08)}.help-box h3{margin:0;color:#08045f;font-size:26px}.help-box p{color:#64748b;line-height:1.7}.help-box a,.help-box span{display:block;margin-top:18px;color:#5b45ff;font-weight:700}
@media(max-width:1120px){.svc-hero-grid,.svc-row,.svc-row.reverse,.svc-faq{grid-template-columns:1fr}.svc-visual{min-height:390px}.svc-tabs,.why-cards{grid-template-columns:repeat(2,1fr)}.svc-row.reverse .svc-copy{order:2}.svc-row.reverse .svc-art{order:1}}@media(max-width:760px){.svc-hero-grid{padding:48px 18px 78px}.svc-visual{display:none}.svc-stats,.svc-tabs,.why-cards{grid-template-columns:1fr}.svc-tabs{margin:-34px 16px 0}.svc-row{padding:42px 18px}.svc-art{min-height:260px}.why-cards article{border-right:0;border-bottom:1px solid #e8edf7}.why-cards article:last-child{border-bottom:0}.svc-faq{padding:52px 18px 64px;gap:30px}}


.svc-art.tv-photo {
  padding: 0;
  overflow: hidden;
  min-height: 360px;
  background: linear-gradient(135deg, rgba(35,104,255,.12), rgba(236,40,203,.12));
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(8, 4, 95, .16);
}

.svc-art.tv-photo img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 28px;
}

@media (max-width: 768px) {
  .svc-art.tv-photo {
    min-height: 240px;
  }

  .svc-art.tv-photo img {
    min-height: 240px;
  }
}

.svc-art.security-photo {
  padding: 0;
  overflow: hidden;
  min-height: 360px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(35,104,255,.10), rgba(8,4,95,.10));
  box-shadow: 0 24px 70px rgba(8, 4, 95, .16);
}

.svc-art.security-photo img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 28px;
}

@media (max-width: 768px) {
  .svc-art.security-photo {
    min-height: 240px;
  }

  .svc-art.security-photo img {
    min-height: 240px;
  }
}

.svc-art.bundle-photo {
  padding: 0;
  overflow: hidden;
  min-height: 360px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(236,40,203,.10), rgba(35,104,255,.10));
  box-shadow: 0 24px 70px rgba(8, 4, 95, .16);
}

.svc-art.bundle-photo img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 28px;
}

@media (max-width: 768px) {
  .svc-art.bundle-photo {
    min-height: 240px;
  }

  .svc-art.bundle-photo img {
    min-height: 240px;
  }
}

.svc-art.internet-photo {
  padding: 0;
  overflow: hidden;
  height: 460px;
  min-height: 460px;
  max-height: 460px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(35,104,255,.10), rgba(236,40,203,.10));
  box-shadow: 0 24px 70px rgba(8, 4, 95, .16);
}

.svc-art.internet-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
  border-radius: 28px;
}

@media (max-width: 992px) {
  .svc-art.internet-photo {
    height: 380px;
    min-height: 380px;
    max-height: 380px;
  }
}

@media (max-width: 768px) {
  .svc-art.internet-photo {
    height: 320px;
    min-height: 320px;
    max-height: 320px;
  }
}

.svc-tabs a .tab-icon {
  color: #2368ff;
}

.svc-tabs a .bundle-icon {
  color: #6d4cff;
}

.svc-tabs a .tab-icon svg {
  display: block;
}