/* Start:/local/templates/custom_artgk/css/services.css?178670725325041*/
/* services.css — стили страницы /services/ и вложенных лендингов. Подключается через SetAdditionalCSS. */

.mob-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;background:#fff;border-top:1px solid #e8eefc;padding:12px 16px;gap:10px;box-shadow:0 -4px 20px rgba(0,0,0,.08)}
.mob-cta a,.mob-cta button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:11px;font-size:14px;font-weight:700;font-family:'Stolzl','Stolzl Book',-apple-system,'Segoe UI','Roboto',sans-serif;cursor:pointer;border:none}
.mob-cta .cc{background:#f5f6f8;color:#1a1a1a;text-decoration:none}
.mob-cta .co{background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);color:#fff}

/* ── HERO ── */
.hero { background: linear-gradient(135deg, #f2f5fd 0%, #e8eefc 50%, #f5f0ff 100%); padding: 56px 0 48px; overflow: hidden; position: relative; }
.hero::before { content: ''; position: absolute; top: -80px; right: -80px; width: 400px; height: 400px; border-radius: 50%; background: rgba(26,107,255,0.06); }
.hero::after { content: ''; position: absolute; bottom: -60px; left: 30%; width: 300px; height: 300px; border-radius: 50%; background: rgba(43, 91, 215,0.05); }
.hero-content { position: relative; z-index: 1; max-width: 720px; }
.hero-label { display: inline-flex; align-items: center; gap: 8px; background: rgba(26,107,255,0.1); color: #2b5bd7; font-size: 13px; font-weight: 600; border-radius: 20px; padding: 5px 14px; margin-bottom: 18px; }
.hero-label-dot { width: 6px; height: 6px; border-radius: 50%; background: #2b5bd7; }
.hero h1 { font-size: 48px; font-weight: 800; line-height: 1.1; letter-spacing: -1.5px; color: #1a1a1a; margin-bottom: 18px; }
.hero h1 span { color: #2b5bd7; }
.hero-desc { font-size: 17px; color: #3c4048; line-height: 1.7; margin-bottom: 32px; max-width: 580px; }
.hero-stats { display: flex; gap: 0; border: 1px solid #e8eefc; border-radius: 12px; overflow: hidden; background: #fff; width: fit-content; }
.hero-stat { padding: 16px 28px; border-right: 1px solid #e8eefc; }
.hero-stat:last-child { border-right: none; }
.hero-stat-num { font-size: 28px; font-weight: 800; color: #2b5bd7; line-height: 1; }
.hero-stat-text { font-size: 12px; color: #7a7f8c; margin-top: 4px; }

/* ── STICKY SERVICES NAV ── */
.services-nav-wrap { background: #fff; border-bottom: 2px solid #e8eefc; position: sticky; top: 65px; z-index: 90; overflow-x: auto; scrollbar-width: none; }
.services-nav-wrap::-webkit-scrollbar { display: none; }
.services-nav { display: flex; gap: 0; width: max-content; min-width: 100%; }
.services-nav a { display: flex; align-items: center; gap: 8px; padding: 14px 20px; font-size: 13px; font-weight: 600; color: #7a7f8c; white-space: nowrap; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color .2s, border-color .2s; }
.services-nav a:hover { color: #2b5bd7; }
.services-nav a.active { color: #2b5bd7; border-bottom-color: #2b5bd7; }
.services-nav a svg { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }

/* ── CATEGORY GRID (3 sections per row) ── */
.cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.cat{background:#fff;border:1px solid #e8eefc;border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.cat:hover{box-shadow:0 6px 28px rgba(0,0,0,.07);border-color:#d1d5db}
.cat-head{display:flex;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e8eefc;margin-bottom:14px}
.cat-icon{width:46px;height:46px;border-radius:12px;background:#f2f5fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cat-icon svg{width:22px;height:22px;fill:#2b5bd7}
.cat-title{font-size:15px;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:4px}
.cat-sub{font-size:12px;color:#7a7f8c;line-height:1.4}
.cat-list{display:flex;flex-direction:column;flex:1;margin-bottom:14px}
.cat-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:7px;text-decoration:none;color:#1a1a1a;transition:background .12s}
.cat-item:hover{background:#f2f5fd;color:#2b5bd7}
.cat-item-name{font-size:12.5px;font-weight:500;flex:1;min-width:0;line-height:1.3}
.cat-item-price{font-size:11px;color:#7a7f8c;white-space:nowrap;flex-shrink:0}
.cat-item:hover .cat-item-price{color:#2b5bd7;opacity:.8}
.cat-more{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e8eefc;border-radius:8px;font-size:12px;font-weight:600;color:#2b5bd7;text-decoration:none;transition:background .15s,border-color .15s;margin-top:auto}
.cat-more:hover{background:#f2f5fd;border-color:#2b5bd7}
/* ── SECTION COMMON ── */
.section { padding: 44px 0; }
.section-alt { background: #f5f6f8; }
.sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 20px; flex-wrap: wrap; }
/* ── SERVICE CARDS ── */
.sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc{display:flex;flex-direction:column;padding:18px 20px;border:1px solid #e8eefc;border-radius:12px;background:#fff;text-decoration:none;transition:border-color .18s,box-shadow .18s}
.sc:hover{border-color:#2b5bd7;box-shadow:0 4px 22px rgba(26,107,255,.09)}
.sc-head{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.sc-icon{width:40px;height:40px;border-radius:10px;background:#f2f5fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sc-icon svg{width:20px;height:20px;fill:#2b5bd7}
.sc-name{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.3}
.sc-desc{font-size:12px;color:#7a7f8c;line-height:1.55;flex:1;margin-bottom:12px}
.sc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #e8eefc}
.sc-price{font-size:13px;font-weight:700;color:#1a1a1a}
.sc-arr{color:#2b5bd7;font-size:20px;opacity:.35;line-height:1}
.sc:hover .sc-arr{opacity:1}
.sc-badge{display:inline-block;font-size:9px;font-weight:700;border-radius:3px;padding:1px 5px;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;margin-left:4px}
.sec-label { font-size: 12px; font-weight: 700; color: #2b5bd7; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; }
.sec-title { font-size: 30px; font-weight: 800; line-height: 1.2; letter-spacing: -0.5px; }
.sec-title span { color: #2b5bd7; }
.sec-desc { font-size: 15px; color: #7a7f8c; line-height: 1.7; max-width: 520px; }
.sec-link { font-size: 14px; font-weight: 700; color: #2b5bd7; white-space: nowrap; display: flex; align-items: center; gap: 4px; }
.sec-link:hover { text-decoration: underline; }
.sec-anchor { display: block; position: relative; top: -80px; visibility: hidden; }

/* ── SERVICE CARDS GRID ── */
.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cards-grid-4 { grid-template-columns: repeat(4, 1fr); }
.service-card { background: #fff; border-radius: 12px; border: 1px solid #e8eefc; padding: 26px; display: flex; flex-direction: column; gap: 14px; transition: box-shadow .2s, transform .2s; position: relative; }
.service-card:hover { box-shadow: 0 6px 28px rgba(26,107,255,0.1); transform: translateY(-3px); }
.service-card-icon { width: 52px; height: 52px; border-radius: 14px; background: #f2f5fd; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.service-card-icon svg { width: 26px; height: 26px; fill: #2b5bd7; }
.service-card-badge { position: absolute; top: 16px; right: 16px; font-size: 10px; font-weight: 700; border-radius: 5px; padding: 3px 8px; letter-spacing: 0.5px; text-transform: uppercase; }
.badge-rec { background: #e8eefc; color: #92400e; }
.badge-hit { background: #fee2e2; color: #991b1b; }
.badge-new { background: #d1fae5; color: #065f46; }
.service-card h3 { font-size: 16px; font-weight: 700; line-height: 1.3; }
.service-card p { font-size: 13px; color: #7a7f8c; line-height: 1.6; flex: 1; }
.service-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid #e8eefc; }
.service-card-price { font-size: 17px; font-weight: 800; color: #1a1a1a; }
.service-card-price span { font-size: 12px; font-weight: 500; color: #7a7f8c; }
.service-card-btn { display: inline-flex; align-items: center; gap: 4px; background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%); color: #fff; border-radius:11px; padding: 8px 16px; font-size: 13px; font-weight: 700; transition: background .2s; white-space: nowrap; }
.service-card-btn:hover { background: #1557cc; }
.service-card-btn svg { width: 14px; height: 14px; fill: #fff; }

/* ── WIDE CARD ── */
.service-card-wide { grid-column: span 2; flex-direction: row; align-items: center; gap: 28px; }
.service-card-wide .service-card-body { flex: 1; display: flex; flex-direction: column; gap: 10px; }
.service-card-wide .service-card-icon { width: 72px; height: 72px; border-radius: 18px; flex-shrink: 0; }
.service-card-wide .service-card-icon svg { width: 34px; height: 34px; }

/* ── CRM BANNER ── */
.crm-banner { background: linear-gradient(135deg, #1a1a1a 0%, #14213d 100%); border-radius: 18px; padding: 40px 48px; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.crm-banner h2 { font-size: 26px; font-weight: 800; color: #fff; line-height: 1.3; margin-bottom: 10px; }
section .crm-banner p, .crm-banner p { font-size: 15px; color: #fff !important; line-height: 1.6; }
.crm-feats { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.crm-feat { font-size: 13px; color: rgba(255,255,255,0.85); display: flex; align-items: center; gap: 8px; }
.crm-feat::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%); flex-shrink: 0; }
.crm-btn { background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%); color: #fff; border: none; border-radius:11px; padding: 14px 28px; font-size: 15px; font-weight: 700; font-family: 'Stolzl','Stolzl Book',-apple-system,'Segoe UI','Roboto',sans-serif; cursor: pointer; white-space: nowrap; transition: background .2s; }
.crm-btn:hover { background:linear-gradient(135deg,#3567e8 0%,#1b2f66 100%); }

/* ── TRUST BAR ── */
.trust-bar { background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%); padding: 36px 0; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 24px; border-right: 1px solid rgba(255,255,255,0.2); }
.trust-item:last-child { border-right: none; }
.trust-num { font-size: 36px; font-weight: 800; color: #fff; line-height: 1; }
.trust-text { font-size: 13px; color: #000; margin-top: 6px; line-height: 1.4; }

/* ── CTA SECTION ── */
.cta-section { background: #f5f6f8; padding: 72px 0; }
.cta-inner { display: grid; grid-template-columns: 1fr 460px; gap: 60px; align-items: center; }
.cta-inner h2 { font-size: 34px; font-weight: 800; color: #1a1a1a; line-height: 1.2; margin-bottom: 14px; }
.cta-inner h2 span { color: #2b5bd7; }
.cta-inner > div > p { font-size: 16px; color: #7a7f8c; line-height: 1.7; margin-bottom: 24px; }
.cta-feats { display: flex; flex-direction: column; gap: 10px; }
.cta-feat { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #1a1a1a; }
.cta-feat-dot { width: 8px; height: 8px; border-radius: 50%; background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%); flex-shrink: 0; }
.cta-form { background: #fff; border-radius: 18px; padding: 34px; border: 1px solid #e8eefc; }
.cta-form-title { font-size: 20px; font-weight: 700; margin-bottom: 4px; }
.cta-form-sub { font-size: 13px; color: #7a7f8c; margin-bottom: 22px; }
.form-group { margin-bottom: 14px; }
.form-group label { display: block; font-size: 13px; font-weight: 600; color: #3c4048; margin-bottom: 5px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; border: 1.5px solid #e8eefc; border-radius: 8px; padding: 10px 14px; font-size: 14px; font-family: 'Stolzl','Stolzl Book',-apple-system,'Segoe UI','Roboto',sans-serif; color: #1a1a1a; background: #fff; transition: border-color .2s; outline: none; }
.form-group input:focus, .form-group select:focus { border-color: #2b5bd7; }
.form-btn-full { width: 100%; background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%); color: #fff; border: none; border-radius:11px; padding: 14px; font-size: 16px; font-weight: 700; font-family: 'Stolzl','Stolzl Book',-apple-system,'Segoe UI','Roboto',sans-serif; cursor: pointer; transition: background .2s; }
.form-btn-full:hover { background:linear-gradient(135deg,#3567e8 0%,#1b2f66 100%); }
.form-privacy { font-size: 11px; color: #a9adb8; text-align: center; margin-top: 10px; }
.form-privacy a { color: #2b5bd7; }

/* ── FOOTER ── */
.footer { background: #1a1a1a; color: #fff; padding: 50px 0 0; }
.footer-grid { display: grid; grid-template-columns: 220px 1fr 1fr 1fr; gap: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer-logo-name { font-size: 22px; font-weight: 800; letter-spacing: -0.5px; display: block; }
.footer-logo-name span { color: #2b5bd7; }
.footer-badge { font-size: 10px; color: rgba(255,255,255,0.4); margin-top: 4px; }
.footer-socials { display: flex; gap: 10px; margin-top: 16px; }
.footer-social { width: 36px; height: 36px; border-radius: 8px; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; transition: background .2s; }
.footer-social:hover { background: #2b5bd7; }
.footer-social svg { width: 16px; height: 16px; fill: #fff; }
.footer-contacts { margin-top: 20px; display: flex; flex-direction: column; gap: 6px; }
.footer-phone { font-size: 16px; font-weight: 700; color: #fff; display: block; }
.footer-phone-label { font-size: 11px; color: rgba(255,255,255,0.4); }
.footer-email { font-size: 14px; color: #2b5bd7; }
.footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.4); margin-bottom: 16px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.footer-col ul li a { font-size: 14px; color: rgba(255,255,255,0.7); transition: color .2s; }
.footer-col ul li a:hover { color: #fff; }
.footer-cities { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.footer-cities a { font-size: 12px; color: rgba(255,255,255,0.3); transition: color .2s; }
.footer-cities a:hover { color: rgba(255,255,255,0.6); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-size: 13px; color: rgba(255,255,255,0.35); }
.footer-bottom a { color: rgba(255,255,255,0.35); transition: color .2s; }
.footer-bottom a:hover { color: rgba(255,255,255,0.7); }

/* ── RESPONSIVE 1000px ── */
@media (max-width: 1000px) {
  .header-top { display: none; }
  .hero h1 { font-size: 38px; }
  .cards-grid { grid-template-columns: repeat(2, 1fr); }
  .cards-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .service-card-wide { grid-column: span 1; flex-direction: column; }
  .sc-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .cats-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .trust-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 20px; }
  .trust-item:nth-child(3), .trust-item:nth-child(4) { border-bottom: none; }
  .cta-inner { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .crm-banner { grid-template-columns: 1fr; padding: 32px; gap: 24px; }
}

/* ── RESPONSIVE 768px ── */
@media(max-width:768px){
  .container{padding:0 16px}
  body{padding-bottom:72px}
  .header-top{display:none}
  .hnav,.hc,.btn-orange,.btn-cb,.btn-callback,.header-nav,.header-contacts{display:none}
  .hm{padding:12px 0}
  .ln{font-size:20px}
  .bxb,.bitrix-badge,.badge{display:none}
  .burger{display:flex}
  .mob-cta{display:flex}

  .hm{padding:12px 0}
  .ln{font-size:20px}
  .bxb,.bitrix-badge,.badge{display:none}
  body { padding-bottom: 72px; }
  .header-top { display: none; }
  .hnav,.hc,.btn-orange,.btn-cb,.btn-callback,.btn-buy-primary,.btn-buy-ghost,.header-nav,.header-contacts{display:none}
  }
  .header-main { padding: 12px 0; }
  .logo-name { font-size: 20px; }
  .bitrix-badge { display: none; }

  .hero { padding: 32px 0 36px; }
  .hero h1 { font-size: 28px; letter-spacing: -0.5px; }
  .hero-desc { font-size: 15px; margin-bottom: 22px; }
  .hero-stats { width: 100%; flex-direction: row; }
  .hero-stat { flex: 1; padding: 12px 10px; text-align: center; }
  .hero-stat-num { font-size: 22px; }
  .hero-stat-text { font-size: 10px; }
  .hero-label { font-size: 12px; }

  .services-nav-wrap { top: 57px; }
  .services-nav a { padding: 12px 14px; font-size: 12px; }

  .section { padding: 40px 0; }
  .sec-title { font-size: 22px; }
  .sec-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 24px; }

  .cards-grid { grid-template-columns: 1fr; gap: 14px; }
  .cards-grid-4 { grid-template-columns: 1fr; }
  .sc-grid { grid-template-columns: 1fr; gap: 10px; }
  .cats-grid { grid-template-columns: 1fr; }
  .service-card-wide { flex-direction: column; }
  .service-card { padding: 20px; }
  .service-card h3 { font-size: 15px; }

  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-num { font-size: 28px; }

  .crm-banner { padding: 24px 20px; border-radius: 14px; }
  .crm-banner h2 { font-size: 20px; }

  .cta-section { padding: 44px 0 116px; }
  .cta-inner { gap: 24px; }
  .cta-inner h2 { font-size: 24px; }
  .cta-form { padding: 22px 18px; border-radius: 14px; }

  .footer { padding: 36px 0 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-col h4 { cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; padding-bottom: 14px; }
  .footer-col ul { display: none; padding-bottom: 10px; }
  .footer-col.open ul { display: flex; }
  .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }
  .footer-bottom > div { flex-direction: column; display: flex; gap: 8px; }
  .breadcrumb { font-size: 12px; padding: 10px 0; }
  .sec-anchor { top: -130px; }
}

@media (max-width: 380px) {
  .hero h1 { font-size: 24px; }
  .sec-title { font-size: 20px; }
  .hero-stat { padding: 10px 6px; }
  .sc-grid { grid-template-columns: 1fr; gap: 10px; }
}
.bc{padding:12px 0;font-size:13px;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}
</style>
<link rel="canonical" href="https://artgk.ru/services/">

<style>
.h-contacts{background:linear-gradient(135deg,#f2f5fd 0%,#e8eefc 55%,#f2f5fd 100%) !important;padding:52px 0 48px !important;overflow:hidden;position:relative}
/* /services/ pilot override: single-column hero + h-contacts size variant */
.h-contacts .h-contacts-inner--single{display:block !important;max-width:760px;padding-top:8px;padding-bottom:20px}
.h-contacts .h-contacts-inner--single h1{font-size:57.2px !important;line-height:1.05 !important;letter-spacing:-1.5px !important;color:#1a1a1a !important;margin:0 0 16px !important;font-weight:300 !important}
.h-contacts .h-contacts-inner--single h1 span{color:#2b5bd7 !important;display:block;font-weight:300 !important}
.h-contacts .h-contacts-inner--single .h-contacts-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(26,107,255,.1);color:#2b5bd7;padding:6px 14px;border-radius:20px;font-size:15.6px;font-weight:500;margin-bottom:14px}
.h-contacts-badge-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#2b5bd7 0%,#14213d 100%);display:inline-block}
.h-contacts .h-contacts-inner--single .h-contacts-desc{font-size:18px;color:#3c4048;line-height:1.55;margin:0 0 22px;max-width:600px}
.h-contacts .h-contacts-inner--single .h-contacts-trust{display:flex;gap:32px;flex-wrap:wrap;padding-top:8px}
.h-contacts .hct-item{display:flex;flex-direction:column;gap:2px}
.h-contacts .hct-num{font-size:32px;font-weight:500 !important;color:#1a1a1a;line-height:1}
.h-contacts .hct-txt{font-size:13px;color:#7a7f8c}
@media (max-width:980px){
  .h-contacts .h-contacts-inner--single h1{font-size:38px !important;letter-spacing:-1px !important}
}
@media (max-width:640px){
  .h-contacts .h-contacts-inner--single h1{font-size:30px !important;letter-spacing:-.5px !important}
  .h-contacts .h-contacts-inner--single .h-contacts-desc{font-size:16px}
}

/* sync .sec-title/.sec-desc с эталоном /contacts/ (page.css задаёт 30px, AGD override 22/20px — перебиваем) */
.sec-title{font-size:39px !important;font-weight:300 !important;line-height:1.2 !important;letter-spacing:-.5px !important;margin-bottom:14px !important;color:#1a1a1a !important}
.sec-title span{color:#2b5bd7 !important}
.sec-desc{font-size:19.5px !important;color:#7a7f8c !important;line-height:1.7 !important;max-width:660px;margin-bottom:36px !important;font-weight:300 !important}
.section{padding:72px 0 !important}
.section-alt{background:#f6f8fc !important}
.cta-sec, .cta-band, .cta-dark{background:#1a1a1a !important;padding:80px 0 !important;position:relative;overflow:hidden}
.cta-inner h2, .cta-dark h2{font-size:49.4px !important;font-weight:300 !important;color:#000 !important;line-height:1.15 !important;letter-spacing:-.5px !important;margin-bottom:16px !important}
.cta-inner h2 span, .cta-dark h2 span{color:#3567e8 !important}
@media (max-width:980px){
  .sec-title{font-size:28.6px !important}
  .cta-inner h2, .cta-dark h2{font-size:33.8px !important}
}
@media (max-width:640px){
  .sec-title{font-size:26px !important}
  .section{padding:44px 0 !important}
}

/* Типографика тела секций — синхронизация с /contacts/ */
.section p, .h-contacts p, section p{font-size:20.8px !important;line-height:1.7 !important;color:#3c4048 !important;font-weight:300 !important}
.sec-desc{color:#7a7f8c !important}

/* sec-desc должен быть 19.5px (не 20.8px от section p) */
.section .sec-desc, .h-contacts .sec-desc, section .sec-desc{font-size:19.5px !important;color:#7a7f8c !important;line-height:1.7 !important;max-width:660px;margin-bottom:36px !important;font-weight:300 !important}
/* badge цвет точнее под /contacts/ */
.h-contacts .h-contacts-badge{color:#2b5bd7 !important}
.h-contacts-badge-dot{background:#2b5bd7 !important}

/* Карточки услуг .sc/.sc-* — синхронизация с .dept-* размерами /contacts/ */
.sc{padding:28px !important;border-radius:14px !important;gap:12px !important}
.sc-head{margin-bottom:10px !important;gap:14px !important}
.sc-icon{width:50px !important;height:50px !important;border-radius:14px !important}
.sc-icon svg{width:24px !important;height:24px !important}
.sc-name{font-size:22.1px !important;font-weight:500 !important;color:#1a1a1a !important;line-height:1.3 !important}
.sc-desc{font-size:16.9px !important;color:#7a7f8c !important;line-height:1.6 !important;font-weight:300 !important}
.sc-foot{padding-top:16px !important;margin-top:8px}
.sc-price{font-size:17px !important;font-weight:500 !important;color:#1a1a1a !important}
.sc-arr{font-size:22px !important}
.sc-badge{font-size:11px !important;padding:3px 8px !important;border-radius:4px !important;letter-spacing:.4px !important}

/* Trust-item — статсы внутри секций */
.trust-grid{gap:24px !important}
.trust-item{padding:20px !important}
.trust-item .trust-num,.trust-num{font-size:36.4px !important;font-weight:500 !important;color:#1a1a1a !important}
.trust-item .trust-text,.trust-text{font-size:14px !important;color:#000 !important}

/* Sec-label (eyebrow над h2) — приведём к виду cqc-eyebrow на /contacts/ */
.sec-label{font-size:13px !important;font-weight:600 !important;color:#2b5bd7 !important;text-transform:uppercase !important;letter-spacing:1.2px !important;margin-bottom:12px !important}

/* Sec-link (стрелочка "Все услуги →") — синхронизация */
.sec-link{font-size:16px !important;font-weight:500 !important;color:#2b5bd7 !important;gap:6px !important}

/* Сетка карточек услуг: 3 в ряд (фикс глобального override 1fr в исходнике) */
.sc-grid{grid-template-columns:repeat(3,1fr) !important;gap:20px !important}
.cards-grid{grid-template-columns:repeat(3,1fr) !important;gap:20px !important}
@media (max-width:980px){
  .sc-grid,.cards-grid{grid-template-columns:repeat(2,1fr) !important;gap:16px !important}
}
@media (max-width:640px){
  .sc-grid,.cards-grid{grid-template-columns:1fr !important;gap:14px !important}
}

/* End */
/* /local/templates/custom_artgk/css/services.css?178670725325041 */