/* ═══ PAGE: общий каркас продающих страниц artgk ═══ */
.hero-1s{background:linear-gradient(135deg,#f2f5fd 0%,#e8eefc 55%,#f5f0ff 100%);padding:56px 0 48px;overflow:hidden;position:relative}
.hero-1s::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:rgba(26,107,255,.06);pointer-events:none}
.hero-1s::after{content:'';position:absolute;bottom:-60px;left:20%;width:360px;height:360px;border-radius:50%;background:rgba(43, 91, 215,.05);pointer-events:none}
.hero-1s-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 460px;gap:60px;align-items:center}
.hero-1s-label{display:inline-flex;align-items:center;gap:8px;background:rgba(26,107,255,.1);color:#2b5bd7;font-size:16px;font-weight:700;border-radius:20px;padding:5px 14px;margin-bottom:18px;letter-spacing:.3px}
.hero-1s-label-dot{width:6px;height:6px;border-radius:50%;background:#2b5bd7}
.hero-1s h1{font-size:55px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:16px;color:#1a1a1a}
.hero-1s h1 span{color:#2b5bd7}
.hero-1s-desc{font-size:21px;color:#3c4048;line-height:1.7;margin-bottom:28px;max-width:520px}
.hero-1s-price{display:inline-flex;align-items:baseline;gap:8px;margin-bottom:28px}
.hero-1s-price-from{font-size:18px;color:#7a7f8c}
.hero-1s-price-val{font-size:47px;font-weight:800;color:#1a1a1a}
.hero-1s-price-note{font-size:17px;color:#7a7f8c}
.hero-1s-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.btn-primary-lg{background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;border:none;border-radius:11px;padding:14px 28px;font-size:20px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,transform .15s;display:inline-block}
.btn-primary-lg:hover{background:#0d5add;transform:translateY(-1px)}
.btn-outline-lg{background:transparent;color:#2b5bd7;border:2px solid #2b5bd7;border-radius:11px;padding:12px 24px;font-size:20px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;display:inline-block}
.btn-outline-lg:hover{background:linear-gradient(135deg,#3567e8 0%,#1b2f66 100%);color:#fff}
.hero-1s-trust{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.h1s-trust-item{display:flex;align-items:center;gap:8px;font-size:17px;color:#7a7f8c}
.h1s-trust-item svg{width:16px;height:16px;fill:#2b5bd7;flex-shrink:0}

/* HERO right — карточка-превью таблицы кластеров */
.sem-table{position:relative;background:#fff;border:1px solid #e9eaee;border-radius:18px;padding:24px;box-shadow:0 10px 40px rgba(15,23,42,.08)}
.st-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.st-title::before{content:'';width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);animation:st-pulse 2s infinite}
@keyframes st-pulse{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.18)}50%{box-shadow:0 0 0 8px rgba(34,197,94,.05)}}
.st-sub{font-size:13px;color:#7a7f8c;margin:0 0 14px}
.st-head,.st-row{display:grid;grid-template-columns:1.7fr 1fr 1.2fr;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;font-size:13px}
.st-head{background:#f2f5fd;color:#2b5bd7;font-weight:700;letter-spacing:.3px;text-transform:uppercase;font-size:11px;margin-bottom:6px}
.st-row{background:#f6f8fc;font-weight:600;color:#1a1a1a;margin-bottom:6px;border:1px solid transparent;transition:border-color .2s}
.st-row:hover{border-color:#d8e2fa}
.st-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;white-space:nowrap}
.st-tag.com{background:#fff5ef;color:#2b5bd7}
.st-tag.info{background:#eef2ff;color:#4f46e5}
.st-tag.nav{background:#ecfdf5;color:#10b981}
.st-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.st-route{color:#7a7f8c;font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.st-foot{margin-top:14px;padding-top:14px;border-top:1px dashed #e9eaee;font-size:13px;color:#7a7f8c;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.st-foot strong{color:#2b5bd7}

/* BREADCRUMB */
.bc{padding:12px 0;font-size:17px;color:#7a7f8c;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bc a{color:#7a7f8c;transition:color .2s;text-decoration:none}
.bc a:hover{color:#2b5bd7}
.bc-sep{color:#d1d5db}

/* STICKY PAGE NAV */
.page-nav-wrap{background:#fff;border-bottom:2px solid #e9eaee;position:sticky;top:65px;z-index:90;overflow-x:auto;scrollbar-width:none}
.page-nav-wrap::-webkit-scrollbar{display:none}
.page-nav{display:flex;width:max-content;min-width:100%}
.page-nav a{padding:13px 22px;font-size:17px;font-weight:600;color:#7a7f8c;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;text-decoration:none}
.page-nav a:hover,.page-nav a.pn-active{color:#2b5bd7;border-bottom-color:#2b5bd7}

/* SECTIONS */
.section{padding:64px 0}
.section-alt{background:#f6f8fc}
.sec-anchor{display:block;position:relative;top:-85px;visibility:hidden}
.sec-label{font-size:16px;font-weight:700;color:#2b5bd7;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.sec-title{font-size:39px;font-weight:800;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px;color:#1a1a1a}
.sec-title span{color:#2b5bd7}
.sec-desc{font-size:20px;color:#7a7f8c;line-height:1.7;max-width:660px;margin-bottom:36px}

/* Зачем — 3 кол */
.why-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why3-card{background:#fff;border-radius:14px;border:1px solid #e9eaee;padding:28px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,transform .2s}
.why3-card:hover{box-shadow:0 6px 24px rgba(26,107,255,.1);transform:translateY(-3px)}
.why3-icon{width:52px;height:52px;border-radius:14px;background:#f2f5fd;display:flex;align-items:center;justify-content:center}
.why3-icon svg{width:26px;height:26px;fill:#2b5bd7}
.why3-card h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}
.why3-card p{font-size:18px;color:#7a7f8c;line-height:1.6;flex:1;margin:0}
.why3-result{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #e9eaee;font-size:17px;font-weight:600;color:#1a1a1a}
.why3-result-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);flex-shrink:0}

/* 2-кол grid универсальный */
.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sync-card{background:#fff;border-radius:14px;border:1px solid #e9eaee;padding:24px;display:flex;gap:16px;transition:box-shadow .2s}
.sync-card:hover{box-shadow:0 4px 20px rgba(26,107,255,.08)}
.sync-card-icon{width:48px;height:48px;border-radius:12px;background:#f2f5fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sync-card-icon svg{width:24px;height:24px;fill:#2b5bd7}
.sync-card h3{font-size:20px;font-weight:700;margin:0 0 6px;color:#1a1a1a}
.sync-card p{font-size:17px;color:#7a7f8c;line-height:1.5;margin:0}

/* Этапы — timeline 5 шагов */
.stages-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:40px}
.stages-row::before{content:'';position:absolute;top:26px;left:calc(10% + 22px);right:calc(10% + 22px);height:2px;background:repeating-linear-gradient(90deg,#2b5bd7 0,#2b5bd7 8px,transparent 8px,transparent 20px)}
.stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;z-index:1}
.stage-num{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}
.stage h3{font-size:18px;font-weight:700;margin:0 0 6px;color:#1a1a1a}
.stage p{font-size:16px;color:#7a7f8c;line-height:1.5;margin:0}

/* Состав ядра — bcard список с галочками */
.deliv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.deliv-card{background:#fff;border-radius:14px;border:1px solid #e9eaee;padding:24px;display:flex;flex-direction:column;gap:12px}
.deliv-card h3{font-size:19px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}
.deliv-card h3 .dnum{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f2f5fd;color:#2b5bd7;font-size:14px;font-weight:800}
.deliv-card p{font-size:16px;color:#7a7f8c;line-height:1.55;margin:0}
.deliv-card .dval{font-size:15px;font-weight:700;color:#2b5bd7;background:#f2f5fd;padding:4px 10px;border-radius:8px;align-self:flex-start;margin-top:auto}

/* Numbers strip */
.numbers-strip{background:#2b5bd7;padding:40px 0}
.ns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ns-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.2)}
.ns-item:last-child{border-right:none}
.ns-val{font-size:49px;font-weight:800;color:#fff;line-height:1}
.ns-txt{font-size:16px;color:rgba(255,255,255,.75);margin-top:6px;line-height:1.4}

/* Тарифы */
.tariff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tariff-card{background:#fff;border-radius:16px;border:2px solid #e9eaee;padding:30px;display:flex;flex-direction:column;gap:16px;position:relative;transition:box-shadow .2s,border-color .2s}
.tariff-card:hover{box-shadow:0 8px 28px rgba(26,107,255,.1);border-color:#d8e2fa}
.tariff-card.featured{border-color:#2b5bd7;box-shadow:0 8px 32px rgba(26,107,255,.15)}
.tariff-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;font-size:14px;font-weight:700;border-radius:20px;padding:4px 14px;white-space:nowrap}
.tariff-name{font-size:23px;font-weight:700;color:#1a1a1a}
.tariff-desc{font-size:17px;color:#7a7f8c;line-height:1.6;min-height:54px}
.tariff-price{font-size:39px;font-weight:800;color:#1a1a1a;line-height:1}
.tariff-price span{font-size:18px;font-weight:500;color:#7a7f8c}
.tariff-feats{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;padding:0;margin:0}
.tariff-feats li{font-size:17px;color:#1a1a1a;display:flex;align-items:flex-start;gap:8px}
.tariff-feats li::before{content:'';width:18px;height:18px;border-radius:50%;background:#f2f5fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231A6BFF'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") center/10px no-repeat;flex-shrink:0;margin-top:1px}
.tariff-btn{width:100%;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;border:none;border-radius:11px;padding:13px;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s;margin-top:auto}
.tariff-btn:hover{background:#0d5add}
.tariff-card.featured .tariff-btn{background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%)}
.tariff-card.featured .tariff-btn:hover{background:linear-gradient(135deg,#3567e8 0%,#1b2f66 100%)}
.tariff-extra{margin-top:28px;padding:18px 22px;background:#f2f5fd;border:1px dashed #d8e2fa;border-radius:12px;font-size:17px;color:#1a1a1a;line-height:1.5;display:flex;align-items:center;gap:12px}
.tariff-extra svg{width:22px;height:22px;fill:#2b5bd7;flex-shrink:0}

/* FAQ */
.faq-list{max-width:820px}
.faq-item{border-bottom:1px solid #e9eaee}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;gap:16px}
.faq-q h3{font-size:21px;font-weight:600;line-height:1.4;color:#1a1a1a;margin:0}
.faq-toggle{width:28px;height:28px;border-radius:50%;background:#f6f8fc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}
.faq-toggle svg{width:14px;height:14px;fill:#1a1a1a;transition:transform .3s}
.faq-item.open .faq-toggle{background:#2b5bd7}
.faq-item.open .faq-toggle svg{fill:#fff;transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-a{max-height:500px}
.faq-a p{padding:0 0 20px;font-size:18px;color:#7a7f8c;line-height:1.7;margin:0}

/* CTA */
.cta-sec{background:linear-gradient(135deg,#1a1a1a 0%,#14213d 100%);padding:72px 0;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:rgba(26,107,255,.08)}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center}
.cta-inner h2{font-size:44px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
.cta-inner h2 span{color:#3567e8}
.cta-inner>div>p{font-size:20px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:24px}
.cta-checks{display:flex;flex-direction:column;gap:10px}
.cta-check{display:flex;align-items:center;gap:10px;font-size:18px;color:rgba(255,255,255,.85)}
.cta-check-icon{width:20px;height:20px;border-radius:50%;background:rgba(26,107,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cta-check-icon svg{width:10px;height:10px;fill:#2b5bd7}
.cta-form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:32px;backdrop-filter:blur(12px)}
.cta-form-title{font-size:26px;font-weight:700;color:#fff;margin-bottom:4px}
.cta-form-sub{font-size:17px;color:rgba(255,255,255,.45);margin-bottom:22px}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:17px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;font-size:18px;font-family:inherit;color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.3)}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#2b5bd7}
.fg textarea{resize:vertical;min-height:80px}
.f-submit{width:100%;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;border:none;border-radius:11px;padding:14px;font-size:21px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s}
.f-submit:hover{background:linear-gradient(135deg,#3567e8 0%,#1b2f66 100%)}
.f-priv{font-size:14px;color:rgba(255,255,255,.35);text-align:center;margin-top:10px}
.f-priv a{color:rgba(26,107,255,.8)}

/* RELATED */
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel-card{background:#fff;border-radius:14px;border:1px solid #e9eaee;padding:22px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}
.rel-card:hover{box-shadow:0 5px 20px rgba(26,107,255,.09);transform:translateY(-2px)}
.rel-icon{width:44px;height:44px;border-radius:11px;background:#f2f5fd;display:flex;align-items:center;justify-content:center}
.rel-icon svg{width:22px;height:22px;fill:#2b5bd7}
.rel-card h3{font-size:20px;font-weight:700;margin:0;color:#1a1a1a}
.rel-card p{font-size:17px;color:#7a7f8c;line-height:1.5;flex:1;margin:0}
.rel-link{font-size:17px;font-weight:700;color:#2b5bd7;display:flex;align-items:center;gap:4px;margin-top:4px}
.rel-link svg{width:13px;height:13px;fill:#2b5bd7}

/* RESPONSIVE */
@media(max-width:1000px){
  .hero-1s-inner{grid-template-columns:1fr;gap:36px}
  .why-grid-3{grid-template-columns:1fr 1fr}
  .sync-grid{grid-template-columns:1fr 1fr}
  .stages-row{grid-template-columns:1fr 1fr;gap:24px}
  .stages-row::before{display:none}
  .deliv-grid{grid-template-columns:1fr 1fr}
  .ns-grid{grid-template-columns:1fr 1fr;gap:20px}
  .ns-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:16px}
  .ns-item:nth-child(3),.ns-item:nth-child(4){border-bottom:none}
  .tariff-grid{grid-template-columns:1fr}
  .cta-inner{grid-template-columns:1fr}
  .rel-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .container{padding:0 16px}
  body{padding-bottom:72px}
  .page-nav-wrap{top:57px}
  .hero-1s{padding:32px 0 36px}
  .hero-1s h1{font-size:34px;letter-spacing:-.5px}
  .hero-1s-desc{font-size:18px;margin-bottom:18px}
  .hero-1s-btns{flex-direction:column;gap:10px}
  .btn-primary-lg,.btn-outline-lg{width:100%;text-align:center;padding:13px}
  .hero-1s-trust{gap:14px}
  .hero-1s-price-val{font-size:36px}
  .section{padding:40px 0}
  .sec-title{font-size:29px}
  .why-grid-3{grid-template-columns:1fr;gap:14px}
  .sync-grid{grid-template-columns:1fr;gap:14px}
  .stages-row{grid-template-columns:1fr;gap:16px}
  .deliv-grid{grid-template-columns:1fr;gap:14px}
  .ns-grid{grid-template-columns:1fr 1fr;gap:12px}
  .ns-val{font-size:34px}
  .tariff-grid{grid-template-columns:1fr;gap:14px}
  .cta-sec{padding:40px 0 116px}
  .cta-inner{gap:28px}
  .cta-inner h2{font-size:31px}
  .cta-form-card{padding:22px 18px}
  .rel-grid{grid-template-columns:1fr;gap:12px}
  .faq-q h3{font-size:18px}
  .bc{font-size:16px;padding:10px 0}
  .st-head,.st-row{grid-template-columns:1.5fr .9fr 1fr;font-size:12px;padding:7px 9px}
}
@media(max-width:380px){
  .hero-1s h1{font-size:29px}
  .sec-title{font-size:26px}
}


@keyframes popupIn{from{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}
#auditPopup{display:none;position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px;-webkit-overflow-scrolling:touch}
#auditPopup.show{display:flex!important}
#auditPopup .ap-card{position:relative;background:#fff;border-radius:20px;width:100%;max-width:480px;padding:32px 28px 26px;box-shadow:0 30px 80px rgba(15,23,42,.35);animation:popupIn .22s ease}
#auditPopup .ap-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#f5f6f8;border-radius:50%;cursor:pointer;font-size:22px;line-height:1;color:#3c4048;display:flex;align-items:center;justify-content:center;transition:background .15s}
#auditPopup .ap-close:hover{background:#e9eaee}
#auditPopup .ap-title{font-size:24px;font-weight:800;color:#1a1a1a;margin:0 0 6px;line-height:1.2}
#auditPopup .ap-sub{font-size:14px;color:#7a7f8c;margin:0 0 18px}
#auditPopup form .fg{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}
#auditPopup form label{font-size:13px;font-weight:600;color:#3c4048}
#auditPopup form input,#auditPopup form select{width:100%;padding:11px 14px;border:1px solid #e9eaee;border-radius:10px;font-size:15px;font-family:inherit;background:#fff;box-sizing:border-box;color:#1a1a1a}
#auditPopup form input:focus,#auditPopup form select:focus{outline:none;border-color:#2b5bd7;box-shadow:0 0 0 3px rgba(27,129,247,.15)}
#auditPopup form .f-submit{width:100%;padding:13px 20px;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff;border:none;border-radius:11px;font-size:16px;font-weight:700;cursor:pointer;margin-top:6px;transition:background .15s,transform .12s}
#auditPopup form .f-submit:hover{background:#1668c9;transform:translateY(-1px)}
#auditPopup form .f-priv{font-size:11px;color:#a9adb8;margin:10px 0 0;line-height:1.4;text-align:center}
#auditPopup form .f-priv a{color:#7a7f8c;text-decoration:underline}
#auditPopup form .form-msg{margin-top:12px;padding:10px 14px;border-radius:8px;background:#f5f6f8;font-size:14px}
body.ap-open{overflow:hidden}
@media (max-width:520px){
  #auditPopup{padding:16px 12px}
  #auditPopup .ap-card{padding:26px 20px 22px}
  #auditPopup .ap-title{font-size:20px}
}

/* Дополнение к каркасу страниц услуг — блоки, которых не было в исходной вёрстке.
   26.08.2026, services_engine. */
.hero-1s-side{display:flex;align-items:center}
.ns-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}
.ns-item{background:#fff;border:1px solid #e9eaee;border-radius:16px;padding:20px 22px}
.ns-val{font-size:30px;font-weight:800;line-height:1.05;color:#2b5bd7;letter-spacing:-.5px}
.ns-txt{font-size:15px;line-height:1.45;color:#3c4048;margin-top:8px}
.deliv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.deliv-card{background:#fff;border:1px solid #e9eaee;border-radius:16px;padding:24px}
.deliv-card h3{font-size:19px;line-height:1.35;margin:0 0 10px}
.deliv-card p{font-size:16px;line-height:1.6;color:#3c4048;margin:0}
.why-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.why3-card{background:#fff;border:1px solid #e9eaee;border-radius:16px;padding:24px}
.why3-card h3{font-size:19px;line-height:1.35;margin:0 0 10px}
.why3-card p{font-size:16px;line-height:1.6;color:#3c4048;margin:0 0 14px}
.why3-result{display:flex;align-items:flex-start;gap:9px;font-size:15px;line-height:1.5;color:#14213d;
  background:#f2f5fd;border-radius:10px;padding:12px 14px}
.why3-result-dot{width:8px;height:8px;border-radius:50%;background:#2b5bd7;margin-top:6px;flex:none}
.stages-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px}
.stage{background:#fff;border:1px solid #e9eaee;border-radius:16px;padding:22px}
.stage-num{width:36px;height:36px;border-radius:10px;background:#2b5bd7;color:#fff;display:flex;
  align-items:center;justify-content:center;font-weight:700;font-size:17px;margin-bottom:12px}
.stage h3{font-size:18px;line-height:1.35;margin:0 0 8px}
.stage p{font-size:15.5px;line-height:1.55;color:#3c4048;margin:0}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.rel-card{display:block;background:#fff;border:1px solid #e9eaee;border-radius:16px;padding:22px;
  text-decoration:none;color:inherit;transition:.18s}
.rel-card:hover{border-color:#2b5bd7;box-shadow:0 10px 30px rgba(26,107,255,.1);transform:translateY(-2px)}
.rel-icon{font-size:22px;margin-bottom:10px;color:#2b5bd7}
.rel-card h3{font-size:18px;line-height:1.35;margin:0 0 8px}
.rel-card p{font-size:15.5px;line-height:1.55;color:#3c4048;margin:0 0 12px}
.rel-link{font-size:15px;color:#2b5bd7}
.cta-inner{display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:start}
.cta-checks{list-style:none;margin:18px 0 0;padding:0}
.cta-checks li{position:relative;padding-left:26px;margin-bottom:10px;font-size:16.5px;line-height:1.55}
.cta-checks li:before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;
  background:rgba(43,91,215,.15);box-shadow:inset 0 0 0 4px #2b5bd7}
.faq-a{display:none}
.faq-item.is-open .faq-a{display:block}
.sv-shell .sv-main{min-width:0}
@media(max-width:1100px){
  .deliv-grid,.why-grid-3,.rel-grid{grid-template-columns:repeat(2,1fr)}
  .cta-inner{grid-template-columns:1fr;gap:28px}
}
@media(max-width:820px){
  .hero-1s-inner{grid-template-columns:1fr;gap:28px}
  .ns-grid{grid-template-columns:1fr 1fr}
  .deliv-grid,.why-grid-3,.rel-grid{grid-template-columns:1fr}
  .hero-1s h1{font-size:34px}
  .hero-1s-desc{font-size:17px}
  .hero-1s-price-val{font-size:34px}
}
/* поверх hy-skin: глобальные h3/p/li с !important */
html body.hy-skin.hy-skin.hy-skin .deliv-card h3,
html body.hy-skin.hy-skin.hy-skin .why3-card h3,
html body.hy-skin.hy-skin.hy-skin .rel-card h3{font-size:18.5px !important;font-weight:600 !important;line-height:1.35 !important}
html body.hy-skin.hy-skin.hy-skin .stage h3{font-size:18px !important;font-weight:600 !important}
html body.hy-skin.hy-skin.hy-skin .deliv-card p,
html body.hy-skin.hy-skin.hy-skin .why3-card p,
html body.hy-skin.hy-skin.hy-skin .rel-card p{font-size:16px !important;line-height:1.6 !important}
html body.hy-skin.hy-skin.hy-skin .stage p{font-size:15.5px !important;line-height:1.55 !important}
html body.hy-skin.hy-skin.hy-skin .cta-checks li{font-size:16.5px !important;line-height:1.55 !important}
html body.hy-skin.hy-skin.hy-skin .ns-txt{font-size:15px !important;line-height:1.45 !important}
html body.hy-skin.hy-skin.hy-skin .hero-1s-desc{font-size:20px !important;line-height:1.7 !important}
/* «по запросу» не должно кричать как цифра цены */
.hero-1s-price-val.is-text{font-size:30px;font-weight:700}

/* ═══ Блок G3, 31.08.2026: hero страниц услуг вылезал за экран на мобильном ═══
   Измерено: на 390 px правый край hero доходил до 427 px — заголовок, кнопка
   «Подключить мониторинг» и телефон подрезались. Виновник — карточки .ns-item
   в правой колонке: на 820 px они переходили в две колонки и не сжимались
   ниже min-content. Специфичность троится, как весь hy-skin. */
@media(max-width:560px){
  html body.hy-skin.hy-skin.hy-skin .hero-1s-inner{grid-template-columns:minmax(0,1fr) !important}
  html body.hy-skin.hy-skin.hy-skin .hero-1s-inner>*{min-width:0 !important;max-width:100% !important}
  html body.hy-skin.hy-skin.hy-skin .hero-1s-side{display:block !important;min-width:0 !important;max-width:100% !important}
  html body.hy-skin.hy-skin.hy-skin .ns-grid{grid-template-columns:minmax(0,1fr) !important}
  html body.hy-skin.hy-skin.hy-skin .ns-item{min-width:0 !important;max-width:100% !important}
  html body.hy-skin.hy-skin.hy-skin .ns-val,
  html body.hy-skin.hy-skin.hy-skin .ns-txt{min-width:0 !important;max-width:100% !important;overflow-wrap:anywhere !important}
}

/* 03.09 — hero в разделе услуг: слева колонка меню, поэтому контейнер узкий (≈814px).
   1fr считался по min-content и правая карточка вылезала за край, а на длинных H1
   левая колонка ужималась до 300px и цена рвалась пополам. */
.hero-1s-inner{grid-template-columns:minmax(0,1fr) 380px;gap:36px}
.sv-shell .hero-1s h1{font-size:44px}

/* 25.09.2026 — блок «офис/город», волна 4 (городские посадочные без своего офиса) */
.office-card{background:#fff;border:1px solid #e9eaee;border-radius:16px;padding:26px 28px}
.office-card-title{font-size:20px;font-weight:700;line-height:1.35;margin:0 0 10px}
.office-card-text{font-size:16px;line-height:1.6;color:#3c4048;margin:0 0 20px}
.office-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.office-item{background:#f7f8fb;border-radius:12px;padding:14px 16px}
.office-item-label{font-size:13px;line-height:1.4;color:#6b6f78;margin-bottom:6px}
.office-item-val{font-size:15.5px;line-height:1.4;color:#14213d;font-weight:600}
@media(max-width:820px){.office-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.office-grid{grid-template-columns:1fr}}
.hero-1s-price-val{white-space:nowrap}

/* 26.09.2026: FAQ страниц услуг — скрипт ставит .is-open, а max-height:0 оставался и ответ не раскрывался */
.faq-item.is-open .faq-a{max-height:none}