.custom-logo{width:180px;height:auto;filter:brightness(0) invert(1)}
.hero{position:relative;background:#020817 url('../images/hero-network.png') center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,8,23,.72) 48%,rgba(2,8,23,.18));pointer-events:none;animation:networkPulse 7s ease-in-out infinite}
.hero-grid{position:relative;z-index:1}.hero-offer{color:#2f83ff}.price-amount{display:inline-block;background:linear-gradient(100deg,#2f83ff 10%,#e5f4ff 38%,#5bc0ff 52%,#2f83ff 76%);background-size:260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:priceShine 2.8s ease-in-out infinite,pricePulse 2.2s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(33,119,255,.26))}
.hero-copy>*{opacity:0;transform:translateY(18px);animation:heroEnter .65s cubic-bezier(.2,.75,.25,1) forwards}.hero-copy>*:nth-child(2){animation-delay:.12s}.hero-copy>*:nth-child(3){animation-delay:.22s}.hero-copy>*:nth-child(4){animation-delay:.32s}.hero-copy>*:nth-child(5){animation-delay:.42s}
.device{display:flex;align-items:center;justify-content:center}.device img{width:120%;max-width:none;filter:drop-shadow(0 35px 45px rgba(0,0,0,.5));transform:translateX(-3%);animation:deviceFloat 6s ease-in-out infinite}
.trust span{display:inline-flex;align-items:center;gap:8px}.trust b{width:36px;height:36px;display:grid;place-items:center;border:1px solid #2576e8;border-radius:10px;color:#5fa7ff}
.corner-badge{position:absolute;top:19px;right:-39px;width:160px;padding:7px 0;background:linear-gradient(135deg,#35ca61,#11993e);color:#fff;font-size:11px;font-weight:900;transform:rotate(45deg)}.price{overflow:hidden}.price.featured{overflow:visible}.price .wp-block-list,.price ul{list-style:none;padding:0;text-align:left}
.package-intro p{font-size:18px;line-height:1.7}.service-index-card{padding:0;overflow:hidden}.service-index-card img{display:block;width:100%;height:205px;object-fit:cover}.service-body{padding:24px}.service-link{display:inline-flex;margin-top:17px;color:#1664ff;font-weight:800}
.included-block{grid-column:1/-1;margin-top:58px;padding:56px 50px;border-radius:26px;background:#fff;border:1px solid #d9e5f6;box-shadow:0 22px 65px rgba(20,65,130,.1)}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.included-item{display:flex;gap:13px;padding:19px;border:1px solid #e2eaf5;border-radius:15px}.included-item i{flex:0 0 29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e8f7ee;color:#16a34a;font-style:normal}.included-item span{display:flex;flex-direction:column}.included-item small{color:#718098}
.service-detail-hero{padding:82px 0 55px;background:radial-gradient(circle at 82% 30%,#0b45a8,#020817 60%);color:#fff}.service-detail-hero .split{grid-template-columns:1fr .9fr}.service-detail-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.08;margin:12px 0}.service-detail-hero p{color:#c4d4ec;font-size:18px}.service-detail-hero img{width:100%;height:390px;object-fit:cover;border-radius:24px;box-shadow:0 28px 65px rgba(0,0,0,.35)}.service-article{max-width:880px;margin:auto}.service-article h2{font-size:32px;margin:42px 0 14px}.service-article p{font-size:17px;line-height:1.85;color:#46536b}
.callback-wrap{margin-top:58px;padding:46px;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;border-radius:26px;background:linear-gradient(135deg,#061738,#0a2f72);color:#fff}.callback-copy p{color:#bccce5}.callback-form{background:#fff;color:#13213a;padding:28px;border-radius:18px;grid-template-columns:1fr 1fr}.callback-form label:last-of-type,.callback-form button{grid-column:1/-1}.callback-form label:last-of-type textarea{width:100%;min-height:120px}
.contact>.callback-wrap{margin-top:0;grid-template-columns:1fr;padding:34px}.contact>.callback-wrap .callback-copy{display:none}
.floating a{flex:0 0 58px;overflow:hidden}.floating .wa{background:#20ad45;border:2px solid #43d365;padding:11px}.floating .wa img{display:block;width:32px;height:32px;object-fit:contain}.floating .call svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wp-content{max-width:900px}.wp-content img{max-width:100%;height:auto}.menu ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.footer .menu{display:block}.footer .menu ul{display:block}.footer .menu li{margin:5px 0}
.mobile-toggle{background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important;padding:6px!important}.menu .sub-menu{display:none;position:absolute;top:100%;min-width:210px;padding:12px;background:#06142f;border:1px solid #1c3561;border-radius:10px;flex-direction:column;gap:4px}.menu li{position:relative}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:flex}.menu .sub-menu a{display:block;padding:8px 10px}
.form-message{display:none;grid-column:1/-1;padding:12px 14px;border-radius:10px;font-weight:700;line-height:1.45}.form-message:not(:empty){display:block}.form-message.success{color:#116b35;background:#e9f9ef;border:1px solid #a9e4bd}.form-message.error{color:#a22525;background:#fff0f0;border:1px solid #f1b7b7}.siteyap-form button:disabled{opacity:.65;cursor:wait}
.modal-open{overflow:hidden}.offer-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.offer-modal.is-open{display:flex}.offer-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,24,.78);backdrop-filter:blur(5px)}.offer-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:36px;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.38)}.offer-dialog h2{font-size:34px;line-height:1.15;margin:7px 0 8px}.offer-dialog>p{margin:0 0 24px;color:var(--muted)}.offer-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#eef4ff;color:#0d2a5b;font-size:28px;line-height:1;cursor:pointer}.popup-form{grid-template-columns:1fr 1fr}.popup-form label{font-weight:750;font-size:14px}.popup-form input,.popup-form select{margin-top:7px;background:#f7f9fd}.popup-form button,.popup-form .form-message{grid-column:1/-1}.package-offer{cursor:pointer;width:100%}
@keyframes deviceFloat{0%,100%{transform:translateX(-3%) translateY(0)}50%{transform:translateX(-3%) translateY(-10px)}}@keyframes priceShine{0%,22%{background-position:100% center}65%,100%{background-position:-100% center}}@keyframes pricePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes heroEnter{to{opacity:1;transform:translateY(0)}}@keyframes networkPulse{0%,100%{opacity:1}50%{opacity:.88}}
@media(max-width:900px){.menu.is-open{display:flex;position:absolute;top:78px;left:0;right:0;background:#020817;padding:24px}.menu.is-open>ul{width:100%;flex-direction:column}.menu.is-open .sub-menu{position:static;width:100%;margin-top:6px;padding:5px 0 5px 15px;background:transparent;border:0;border-left:1px solid #254a83;border-radius:0;flex-direction:column}.included-grid{grid-template-columns:1fr 1fr}.callback-wrap{grid-template-columns:1fr}.device img{width:105%;transform:none}.service-detail-hero .split{grid-template-columns:1fr}.service-detail-hero img{height:330px}}
@media(max-width:580px){.included-grid{grid-template-columns:1fr}.included-block{padding:34px 18px}.callback-wrap{padding:28px 20px}.callback-form,.popup-form{grid-template-columns:1fr}.callback-form label,.popup-form label{grid-column:1/-1}.offer-dialog{padding:32px 20px 24px}.offer-dialog h2{font-size:28px}.device img{width:112%}}
@media(prefers-reduced-motion:reduce){.device img,.price-amount,.hero:after,.hero-copy>*{animation:none;opacity:1;transform:none}}
@media (max-width: 900px) {
  .menu.is-open,
  .menu.is-open > ul,
  .menu.is-open .menu-item,
  .menu.is-open .sub-menu {
    flex-direction: column !important;
  }

  .menu.is-open {
    display: flex !important;
    position: absolute !important;
    top: 78px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px;
    background: #020817;
  }

  .menu.is-open > ul {
    display: flex !important;
    width: 100%;
    gap: 0 !important;
    margin: 0;
    padding: 0;
  }

  .menu.is-open li {
    display: block !important;
    width: 100%;
  }

  .menu.is-open a {
    display: block !important;
    width: 100%;
    padding: 11px 5px;
  }

  .menu.is-open .sub-menu {
    position: static !important;
    display: flex;
    width: 100%;
    margin: 3px 0 5px 12px;
    padding: 0 0 0 12px;
    background: transparent;
    border: 0;
    border-left: 1px solid #254a83;
  }

  .mobile-toggle {
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}