#pea-tsrv-aerzen{
  --navy:#1F3864;
  --navy-800:#16294A;
  --blue:#2E5C9A;
  --blue-400:#4A86D8;
  --ink:#16202E;
  --text:#3D4C63;
  --muted:#5B6B80;
  --line:#D9E1EC;
  --bg-soft:#F5F8FC;
  --ok:#2E7D32;
  --warn:#B03A2E;
  --radius:16px;
  --shadow:0 1px 2px rgba(20,35,58,.06), 0 12px 32px rgba(20,35,58,.08);
  --maxw:1160px;
}
#pea-tsrv-aerzen, #pea-tsrv-aerzen *::before, #pea-tsrv-aerzen *::after{box-sizing:border-box}
#pea-tsrv-aerzen{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#pea-tsrv-aerzen{
  margin:0;color:var(--ink);background:#fff;line-height:1.55;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  -webkit-font-smoothing:antialiased;
}
#pea-tsrv-aerzen img{max-width:100%;display:block}
#pea-tsrv-aerzen a{color:var(--blue)}
#pea-tsrv-aerzen h1, #pea-tsrv-aerzen h2, #pea-tsrv-aerzen h3{color:var(--navy);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
#pea-tsrv-aerzen h1{font-size:clamp(30px,3.4vw,50px);letter-spacing:-.02em}
#pea-tsrv-aerzen h2{font-size:clamp(24px,2.4vw,34px)}
#pea-tsrv-aerzen h3{font-size:clamp(17px,1.4vw,20px)}
#pea-tsrv-aerzen p{margin:0 0 1em}
#pea-tsrv-aerzen ul, #pea-tsrv-aerzen ol{margin:0 0 1em}
#pea-tsrv-aerzen strong{color:#16202E}
#pea-tsrv-aerzen .container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}
#pea-tsrv-aerzen .narrow{max-width:860px}
#pea-tsrv-aerzen .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border-radius:12px;border:1px solid transparent;
  font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
#pea-tsrv-aerzen .btn-primary{background:var(--navy);color:#fff}
#pea-tsrv-aerzen .btn-primary:hover{background:var(--navy-800)}
#pea-tsrv-aerzen .btn-ghost{background:#fff;color:var(--navy);border-color:var(--line)}
#pea-tsrv-aerzen .btn-ghost:hover{border-color:#B9C9DF}
#pea-tsrv-aerzen .btn-sm{padding:9px 16px;font-size:14px;border-radius:10px}
#pea-tsrv-aerzen .btn-block{width:100%}
#pea-tsrv-aerzen :focus-visible{outline:3px solid #7FA8E0;outline-offset:2px}
#pea-tsrv-aerzen .hero{
  position:relative;padding:56px 0 64px;
  background:
    radial-gradient(900px 420px at 10% -12%, #EAF1FB 0%, rgba(234,241,251,0) 62%),
    radial-gradient(720px 380px at 92% -4%, #E7EEFA 0%, rgba(231,238,250,0) 58%),
    #FBFCFE;
}
#pea-tsrv-aerzen .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:start}
#pea-tsrv-aerzen .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:700;margin:0 0 14px}
#pea-tsrv-aerzen .lead{font-size:17px;color:#37475E;max-width:48ch}
#pea-tsrv-aerzen .facts{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:12px}
#pea-tsrv-aerzen .facts li{display:flex;flex-direction:column;padding-left:16px;border-left:3px solid var(--blue-400)}
#pea-tsrv-aerzen .facts strong{font-size:15px;color:var(--navy)}
#pea-tsrv-aerzen .facts span{font-size:13.5px;color:var(--muted)}
#pea-tsrv-aerzen .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
#pea-tsrv-aerzen .hero-note{font-size:12.5px;color:var(--muted);margin:16px 0 0;max-width:46ch}
#pea-tsrv-aerzen .calc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
#pea-tsrv-aerzen .calc-head{margin-bottom:16px}
#pea-tsrv-aerzen .calc-title{font-size:19px;margin:0 0 3px}
#pea-tsrv-aerzen .calc-sub{font-size:13px;color:var(--muted);margin:0}
#pea-tsrv-aerzen .tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#EFF3F9;border-radius:12px;padding:5px;margin-bottom:16px}
#pea-tsrv-aerzen .tab{
  appearance:none;border:0;background:transparent;padding:9px 8px;border-radius:9px;
  font:inherit;font-size:13px;font-weight:600;color:#4A5A72;cursor:pointer;
}
#pea-tsrv-aerzen .tab.is-active{background:#fff;color:var(--navy);box-shadow:0 1px 2px rgba(20,35,58,.14)}
#pea-tsrv-aerzen .field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
#pea-tsrv-aerzen .field-label{font-size:12.5px;font-weight:600;color:var(--text)}
#pea-tsrv-aerzen select, #pea-tsrv-aerzen input[type="number"], #pea-tsrv-aerzen input[type="text"], #pea-tsrv-aerzen input[type="tel"], #pea-tsrv-aerzen input[type="email"], #pea-tsrv-aerzen textarea{
  font:inherit;font-size:14.5px;width:100%;padding:11px 12px;color:var(--ink);
  background:#fff;border:1px solid #C9D4E4;border-radius:10px;
}
#pea-tsrv-aerzen textarea{resize:vertical}
#pea-tsrv-aerzen select:focus, #pea-tsrv-aerzen input:focus, #pea-tsrv-aerzen textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(74,134,216,.18)}
#pea-tsrv-aerzen .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#pea-tsrv-aerzen .row2-bottom{align-items:end}
#pea-tsrv-aerzen .field-btn{margin-bottom:12px}
#pea-tsrv-aerzen .hint{font-size:11.5px;color:var(--muted);margin:-2px 0 12px}
#pea-tsrv-aerzen .result{margin-top:4px}
#pea-tsrv-aerzen .result:empty{display:none}
#pea-tsrv-aerzen .res{border:1px solid var(--line);border-radius:14px;padding:16px;background:#F8FAFE}
#pea-tsrv-aerzen .res-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
#pea-tsrv-aerzen .res-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
#pea-tsrv-aerzen .res-model{font-size:25px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
#pea-tsrv-aerzen .res-badge{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:#E7F1E8;color:var(--ok);white-space:nowrap}
#pea-tsrv-aerzen .res-badge.is-mid{background:#FFF3D9;color:#8A5A0B}
#pea-tsrv-aerzen .res-badge.is-warn{background:#FBEAE7;color:var(--warn)}
#pea-tsrv-aerzen .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 10px}
#pea-tsrv-aerzen .res-cell{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 10px}
#pea-tsrv-aerzen .res-cell span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
#pea-tsrv-aerzen .res-cell strong{font-size:14px;color:var(--navy);font-variant-numeric:tabular-nums}
#pea-tsrv-aerzen .bar{height:8px;border-radius:999px;background:#E3EAF4;overflow:hidden;margin:2px 0 10px}
#pea-tsrv-aerzen .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue-400))}
#pea-tsrv-aerzen .bar.is-warn i{background:linear-gradient(90deg,#B03A2E,#D9735F)}
#pea-tsrv-aerzen .res-why{font-size:13px;color:var(--text);margin:0 0 10px}
#pea-tsrv-aerzen .res-warn{font-size:12.5px;background:#FBEAE7;border-left:3px solid var(--warn);color:#6E2A21;padding:9px 11px;border-radius:8px;margin:0 0 10px}
#pea-tsrv-aerzen .res-alt{font-size:12.5px;background:#FFF6E5;border-left:3px solid #C98A16;color:#6B4A0C;padding:9px 11px;border-radius:8px;margin:0 0 10px}
#pea-tsrv-aerzen .res .btn{margin-top:2px}
#pea-tsrv-aerzen .section{padding:64px 0}
#pea-tsrv-aerzen .section-alt{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#pea-tsrv-aerzen .section-dark{background:var(--navy);color:#E4ECF7}
#pea-tsrv-aerzen .section-dark h2{color:#fff}
#pea-tsrv-aerzen .section-dark .eyebrow{color:#8FB6E8}
#pea-tsrv-aerzen .section-lead{font-size:16px;color:#42536B;max-width:72ch;margin:0 0 28px}
#pea-tsrv-aerzen .section-lead-light{color:#C6D3E6}
#pea-tsrv-aerzen .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#pea-tsrv-aerzen .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
#pea-tsrv-aerzen .card h3{margin-bottom:8px}
#pea-tsrv-aerzen .card p{font-size:14.5px;color:var(--text);margin:0}
#pea-tsrv-aerzen .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:26px}
#pea-tsrv-aerzen .table{width:100%;border-collapse:collapse;min-width:660px;font-size:14px}
#pea-tsrv-aerzen .table caption{text-align:left;padding:14px 16px 2px;font-size:12.5px;color:var(--muted)}
#pea-tsrv-aerzen .table th, #pea-tsrv-aerzen .table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
#pea-tsrv-aerzen .table thead th{
  background:#F1F5FB;color:var(--navy);font-size:12px;text-transform:uppercase;
  letter-spacing:.05em;white-space:nowrap;position:relative;
}
#pea-tsrv-aerzen .table tbody tr:last-child td,#pea-tsrv-aerzen .table tbody tr:last-child th{border-bottom:0}
#pea-tsrv-aerzen .table tbody tr:nth-child(even){background:#FAFCFE}
#pea-tsrv-aerzen .row-best td{background:#F1F8F2}
#pea-tsrv-aerzen .table-map th:nth-child(2), #pea-tsrv-aerzen .table-map td:nth-child(2), #pea-tsrv-aerzen .table-map th:nth-child(5), #pea-tsrv-aerzen .table-map td:nth-child(5), #pea-tsrv-aerzen .table-map th:nth-child(6), #pea-tsrv-aerzen .table-map td:nth-child(6){text-align:right;font-variant-numeric:tabular-nums}
#pea-tsrv-aerzen .pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:#E7F1E8;color:var(--ok);white-space:nowrap}
#pea-tsrv-aerzen .pill.is-mid{background:#FFF3D9;color:#8A5A0B}
#pea-tsrv-aerzen .pill.is-warn{background:#FBEAE7;color:var(--warn)}
#pea-tsrv-aerzen .notice{background:#EAF1FB;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:16px 18px;margin-top:22px}
#pea-tsrv-aerzen .notice p{margin:0;font-size:14px;color:#2C3E56}
#pea-tsrv-aerzen .source-note{font-size:12.5px;color:var(--muted);margin:16px 0 0;max-width:90ch}
#pea-tsrv-aerzen .cards-price{align-items:stretch}
#pea-tsrv-aerzen .price-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;
}
#pea-tsrv-aerzen .price-card-featured{border-color:#9FBBE4;box-shadow:0 10px 30px rgba(46,92,154,.12)}
#pea-tsrv-aerzen .badge-featured{
  position:absolute;top:-11px;left:22px;background:var(--blue);color:#fff;font-size:11px;
  font-weight:700;padding:4px 10px;border-radius:999px;
}
#pea-tsrv-aerzen .price{font-size:26px;font-weight:800;color:var(--navy);margin:6px 0 14px}
#pea-tsrv-aerzen .price-card ul{margin:0 0 16px;padding-left:18px;font-size:14px;color:var(--text)}
#pea-tsrv-aerzen .price-card li{margin-bottom:7px}
#pea-tsrv-aerzen .price-who{margin:auto 0 0;font-size:13px;color:var(--muted);font-style:italic}
#pea-tsrv-aerzen .steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:16px}
#pea-tsrv-aerzen .steps li{
  counter-increment:s;position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 22px 20px 66px;
}
#pea-tsrv-aerzen .steps li::before{
  content:counter(s);position:absolute;left:22px;top:20px;width:28px;height:28px;
  border-radius:8px;background:var(--navy);color:#fff;font-weight:700;font-size:14px;
  display:grid;place-items:center;
}
#pea-tsrv-aerzen .steps h3{margin:0 0 6px;font-size:17px}
#pea-tsrv-aerzen .steps p{margin:0;font-size:14.5px;color:var(--text)}
#pea-tsrv-aerzen .two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
#pea-tsrv-aerzen .checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
#pea-tsrv-aerzen .checklist li{position:relative;padding-left:34px;font-size:15px;color:var(--text)}
#pea-tsrv-aerzen .checklist li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;background:#E7F1E8;box-shadow:inset 0 0 0 1px #BBD9BE}
#pea-tsrv-aerzen .checklist li::after{
  content:"";position:absolute;left:6px;top:9px;width:8px;height:4px;
  border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg);
}
#pea-tsrv-aerzen .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
#pea-tsrv-aerzen .side-card p{font-size:14.5px;color:var(--text)}
#pea-tsrv-aerzen .side-card .btn{margin-top:6px}
#pea-tsrv-aerzen .card-service ul{padding-left:18px;margin:0;font-size:14px;color:var(--text)}
#pea-tsrv-aerzen .card-service li{margin-bottom:6px}
#pea-tsrv-aerzen .tier-guarantee{font-weight:700;color:var(--blue);font-size:14px;margin:0 0 12px}
#pea-tsrv-aerzen .card-service-mid{background:#F7FAFF;border-color:#B9CDE9}
#pea-tsrv-aerzen .faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px}
#pea-tsrv-aerzen .faq summary{
  cursor:pointer;font-weight:700;font-size:16px;color:var(--navy);
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;
}
#pea-tsrv-aerzen .faq summary::-webkit-details-marker{display:none}
#pea-tsrv-aerzen .faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--blue);flex:0 0 auto}
#pea-tsrv-aerzen .faq[open] summary::after{content:"–"}
#pea-tsrv-aerzen .faq p{margin:12px 0 0;font-size:14.5px;color:var(--text)}
#pea-tsrv-aerzen .lead-form{background:#fff;border-radius:16px;padding:24px;color:var(--ink);box-shadow:var(--shadow)}
#pea-tsrv-aerzen .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#pea-tsrv-aerzen .consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:4px 0 16px}
#pea-tsrv-aerzen .consent input{margin-top:3px;flex:0 0 auto}
#pea-tsrv-aerzen .req{color:var(--warn)}
#pea-tsrv-aerzen .form-note{font-size:13px;margin:12px 0 0;min-height:1.2em}
#pea-tsrv-aerzen .form-note.is-ok{color:var(--ok)}
#pea-tsrv-aerzen .form-note.is-err{color:var(--warn)}
#pea-tsrv-aerzen .contact-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
#pea-tsrv-aerzen .contact-list li{font-size:15px;color:#D5E0F0}
#pea-tsrv-aerzen .contact-list span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8FA9CB;margin-bottom:2px}
#pea-tsrv-aerzen .contact-list a{color:#fff}
#pea-tsrv-aerzen .muted{color:#7C8CA3}
@media (max-width:980px){#pea-tsrv-aerzen .hero{padding:36px 0 48px}#pea-tsrv-aerzen .hero-grid{grid-template-columns:1fr;gap:28px}#pea-tsrv-aerzen .cards3{grid-template-columns:1fr}#pea-tsrv-aerzen .two-col{grid-template-columns:1fr;gap:28px}#pea-tsrv-aerzen .section{padding:48px 0}}
@media (max-width:560px){#pea-tsrv-aerzen .container{padding:0 18px}#pea-tsrv-aerzen .row2, #pea-tsrv-aerzen .form-row{grid-template-columns:1fr}#pea-tsrv-aerzen .res-grid{grid-template-columns:1fr}#pea-tsrv-aerzen h1{font-size:30px}#pea-tsrv-aerzen .lead{font-size:16px}}
@media (prefers-reduced-motion:reduce){#pea-tsrv-aerzen{scroll-behavior:auto}#pea-tsrv-aerzen{transition:none !important;animation:none !important}}

/* ==========================================================================
   ADAPTIVE OVERRIDES — 2026-11-09
   Лендинг встроен в колонку контента сайта, поэтому сетки привязаны к ширине
   контейнера (auto-fit/minmax), а не только к ширине экрана.
   ========================================================================== */

/* 1. Ничего не вылезает за контейнер */
#pea-tsrv-aerzen,
#pea-tsrv-aerzen * { box-sizing: border-box; }
#pea-tsrv-aerzen { max-width: 100%; overflow-wrap: anywhere; }
#pea-tsrv-aerzen img,
#pea-tsrv-aerzen svg,
#pea-tsrv-aerzen video { max-width: 100%; height: auto; }
#pea-tsrv-aerzen .container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }

/* 2. Сетки подстраиваются под фактическую ширину блока */
#pea-tsrv-aerzen .cards3,
#pea-tsrv-aerzen .cards-price {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
#pea-tsrv-aerzen .hero-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
#pea-tsrv-aerzen .two-col,
#pea-tsrv-aerzen .compare { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
#pea-tsrv-aerzen .row2,
#pea-tsrv-aerzen .form-row { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
#pea-tsrv-aerzen .res-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }

/* 3. Таблицы: скролл + подсказка, что справа есть продолжение */
#pea-tsrv-aerzen .table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background:
    linear-gradient(to right, #fff 30%, rgba(255,255,255,0)) left center,
    linear-gradient(to left, #fff 30%, rgba(255,255,255,0)) right center,
    radial-gradient(farthest-side at 0 50%, rgba(20,35,58,.12), rgba(20,35,58,0)) left center,
    radial-gradient(farthest-side at 100% 50%, rgba(20,35,58,.12), rgba(20,35,58,0)) right center;
  background-repeat: no-repeat;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
}
#pea-tsrv-aerzen .table { min-width: 620px; }
#pea-tsrv-aerzen .table th,
#pea-tsrv-aerzen .table td { overflow-wrap: anywhere; }

/* 4. Планшеты и узкая колонка */
@media (max-width: 1024px) {
  #pea-tsrv-aerzen .section { padding: 44px 0; }
  #pea-tsrv-aerzen .hero { padding: 32px 0 40px; }
  #pea-tsrv-aerzen .calc { padding: 18px; }
}

/* 5. Мобильные */
@media (max-width: 760px) {
  #pea-tsrv-aerzen .container { padding: 0 16px; }
  #pea-tsrv-aerzen .section { padding: 36px 0; }
  #pea-tsrv-aerzen h1 { font-size: clamp(26px, 7vw, 34px); line-height: 1.15; }
  #pea-tsrv-aerzen h2 { font-size: clamp(21px, 5.6vw, 27px); }
  #pea-tsrv-aerzen h3 { font-size: clamp(17px, 4.4vw, 20px); }
  #pea-tsrv-aerzen .lead { font-size: 16px; }

  /* поля ввода без зума на iOS */
  #pea-tsrv-aerzen input,
  #pea-tsrv-aerzen select,
  #pea-tsrv-aerzen textarea { font-size: 16px; width: 100%; }

  /* кнопки и вкладки — удобный размер для пальца */
  #pea-tsrv-aerzen .btn,
  #pea-tsrv-aerzen .tabs button { min-height: 46px; }
  #pea-tsrv-aerzen .hero-actions { width: 100%; }
  #pea-tsrv-aerzen .hero-actions .btn { flex: 1 1 100%; }
  #pea-tsrv-aerzen .calc { padding: 15px; border-radius: 16px; }
  #pea-tsrv-aerzen .table { min-width: 560px; font-size: 13.5px; }
  #pea-tsrv-aerzen .steps li { padding: 16px 16px 16px 60px; }
  #pea-tsrv-aerzen .steps li::before { left: 16px; top: 16px; }
}

/* 6. Узкие телефоны */
@media (max-width: 420px) {
  #pea-tsrv-aerzen .container { padding: 0 12px; }
  #pea-tsrv-aerzen .tabs { grid-template-columns: 1fr; }
  #pea-tsrv-aerzen .table { min-width: 520px; }
  #pea-tsrv-aerzen .price-card { padding: 16px; }
}

/* 7. Печать */
@media print {
  #pea-tsrv-aerzen .btn,
  #pea-tsrv-aerzen .tabs,
  #pea-tsrv-aerzen .hero-actions { display: none !important; }
  #pea-tsrv-aerzen .table-wrap { overflow: visible; background: none; }
  #pea-tsrv-aerzen .table { min-width: 0; }
}

/* отступ прокрутки под шапку сайта */
#pea-tsrv-aerzen .section, #pea-tsrv-aerzen [id]{scroll-margin-top:90px}
