/* ===================================================================
   AGI•GO — стили индексируемых страниц (услуги, кейсы, цены, контакты).
   Отдельно от рабочего стола: здесь важны читаемость, скорость и
   нормальная типографика, а не иммерсивность.
   =================================================================== */
:root{
  --pg-ink:#12203a;
  --pg-dim:#4a5a75;
  --pg-blue:#1c52bf;
  --pg-blue-dk:#0a2a6a;
  --pg-line:#dbe3f0;
  --pg-bg:#f6f8fc;
  --pg-card:#fff;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--pg-bg); color:var(--pg-ink);
  font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, sans-serif;
}
a{ color:var(--pg-blue); text-decoration:none; }
a:hover{ text-decoration:underline; }
.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ---- шапка ---- */
.pg-top{
  background:linear-gradient(180deg,#2f6bd6,#1c52bf); color:#fff;
  padding:14px 20px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 26px;
}
.pg-logo{ color:#fff; font-weight:800; font-size:22px; letter-spacing:-.5px; }
.pg-logo span{ color:#ffd34d; }
.pg-nav ul{ list-style:none; display:flex; flex-wrap:wrap; gap:6px 18px; margin:0; padding:0; }
.pg-nav a{ color:#e8f0ff; font-size:15px; }
.pg-nav a[aria-current="page"]{ color:#fff; font-weight:bold; text-decoration:underline; }

/* ---- контент ---- */
.pg-main{ max-width:820px; margin:0 auto; padding:26px 20px 10px; }
.pg-crumbs{ font-size:13px; color:var(--pg-dim); margin-bottom:14px; }
h1{ font-size:clamp(26px,4.4vw,38px); line-height:1.2; margin:0 0 14px; color:var(--pg-blue-dk); }
h2{ font-size:clamp(20px,3vw,26px); line-height:1.28; margin:34px 0 10px; color:var(--pg-blue-dk); }
h3{ font-size:17px; margin:22px 0 6px; }
.pg-lead{ font-size:18px; color:#26364f; margin:0 0 6px; }
.pg-sub{ color:var(--pg-dim); margin:0 0 10px; }
.pg-main ul{ padding-left:22px; margin:10px 0; }
.pg-main li{ margin:9px 0; }
section{ background:var(--pg-card); border:1px solid var(--pg-line); border-radius:12px;
  padding:4px 22px 18px; margin:18px 0; }
section h2:first-child{ margin-top:20px; }

/* ---- таблица цен ---- */
.pg-table{ width:100%; border-collapse:collapse; margin:12px 0 4px; font-size:15px; }
.pg-table th, .pg-table td{ text-align:left; padding:11px 8px; border-bottom:1px solid var(--pg-line); }
.pg-table thead th{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; color:var(--pg-dim); }
.pg-table tbody th{ font-weight:normal; }
.pg-table td{ white-space:nowrap; font-weight:bold; color:#1d7a2e; }

/* ---- призыв к действию ---- */
.pg-cta{ background:linear-gradient(180deg,#eaf1ff,#dfe9fb); border-color:#c3d5f5; }
.pg-cta__row{ display:flex; flex-wrap:wrap; gap:12px; margin:16px 0 4px; }
.pg-btn{
  display:inline-block; padding:13px 26px; border-radius:10px; font-weight:bold;
  background:linear-gradient(180deg,#63b46f 0%,#2f8f43 48%,#1d7a2e 52%,#156323 100%);
  color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px rgba(0,0,0,.2);
}
.pg-btn:hover{ text-decoration:none; filter:brightness(1.05); }
.pg-btn--ghost{ background:#fff; color:var(--pg-blue); border:1px solid #b9cdf0; box-shadow:none; }

.pg-faq h3{ color:var(--pg-blue-dk); }
.pg-more__list{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px 20px; }

/* ---- подвал ---- */
.pg-foot{ max-width:820px; margin:10px auto 0; padding:20px; color:var(--pg-dim); font-size:13px; line-height:1.6; }
.pg-foot p{ margin:5px 0; }

@media (max-width:600px){
  .pg-main{ padding:18px 14px 6px; }
  section{ padding:2px 16px 14px; }
  .pg-btn{ width:100%; text-align:center; }
}