:root{--pg-accent:var(--green);--pg-accent-ink:var(--green-ink);--pg-on-accent:#fff;--pg-ink:var(--ink);--pg-text:#2c3238;
  --pg-muted:var(--slate);--pg-line:var(--line);--pg-soft:var(--mist);--pg-soft-accent:#e6f5ec;--pg-paper:#fff;--pg-dark:var(--graphite);--pg-r:14px}
body.pg{background:#fff}
.hdr.hdr--solid{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom-color:var(--line)}
.hdr--solid .hdr__tel{color:var(--ink)}
.hdr--solid .hdr__tel span{color:var(--slate)}
.hdr--solid .logo__pic img{height:48px}
.pg-main h1,.pg-main h2,.pg-steps b,.pg-card b{font-family:var(--f-display)}
.pg-ftr .logo__pic img{height:56px}
/* Внутренние страницы (генерируется из _build/templates/pages.css) */
[hidden]{display:none !important}
.pg-main{display:block}
.pg-main h1,.pg-main h2{letter-spacing:-.02em;line-height:1.18}
.pg-main h2{font-size:clamp(1.3rem,2.2vw,1.75rem);margin:0 0 18px}

/* шапка */
.pg-nav{display:flex;gap:22px;margin-left:28px}
.pg-nav a{font-size:.92rem;font-weight:600;color:var(--pg-ink);opacity:.8;text-decoration:none;white-space:nowrap}
.pg-nav a:hover{opacity:1;color:var(--pg-accent-ink)}
@media (max-width:1100px){.pg-nav{display:none}}

/* крошки */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:18px;font-size:.84rem;color:var(--pg-muted)}
.crumbs a{color:var(--pg-muted);text-decoration:none}
.crumbs a:hover{color:var(--pg-accent-ink);text-decoration:underline}
.crumbs span[aria-current]{color:var(--pg-ink)}

/* первый экран */
.pg-hero{padding:clamp(22px,3vw,40px) 0 clamp(36px,4.5vw,60px)}
.pg-hero__in{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
.pg-hero__in--pic{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.pg-kicker{display:inline-block;margin:0 0 14px;padding:5px 12px;border-radius:99px;background:var(--pg-soft-accent);color:var(--pg-accent-ink);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pg-hero h1{font-size:clamp(1.65rem,3.4vw,2.6rem);margin:0 0 16px;max-width:22ch}
.pg-lead{font-size:1.02rem;line-height:1.65;color:var(--pg-text);max-width:62ch}
.pg-lead p{margin:0 0 10px}
.pg-facts{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:22px 0 0;padding:0}
.pg-facts li{padding:12px 16px;border:1px solid var(--pg-line);border-radius:var(--pg-r);background:var(--pg-paper);min-width:140px}
.pg-facts b{display:block;font-size:1.2rem;color:var(--pg-ink)}
.pg-facts span{font-size:.82rem;color:var(--pg-muted)}
.pg-cta{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:26px}
.pg-call{color:var(--pg-muted);text-decoration:none;font-size:.95rem}
.pg-call b{color:var(--pg-ink);white-space:nowrap}
.pg-hero__pic img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--pg-r) + 6px)}

/* секции */
.pg-sec{padding:clamp(28px,4vw,48px) 0}
.pg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.pg-card{display:block;padding:18px 20px;border:1px solid var(--pg-line);border-radius:var(--pg-r);background:var(--pg-paper);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.pg-card:hover{border-color:var(--pg-accent);box-shadow:0 14px 34px -22px rgba(0,0,0,.45);transform:translateY(-2px)}
.pg-card b{display:block;margin-bottom:6px;font-size:1rem;color:var(--pg-ink)}
.pg-card b::after{content:" →";color:var(--pg-accent-ink)}
.pg-card span{font-size:.88rem;line-height:1.5;color:var(--pg-muted)}

/* статья + боковая карточка */
.pg-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(12px,2vw,24px) 0 clamp(32px,4vw,56px)}
.pg-article{font-size:1rem;line-height:1.7;color:var(--pg-text)}
.pg-article section+section{margin-top:34px}
.pg-article p{margin:0 0 12px}
.pg-article ul,.pg-article ol{margin:0 0 12px;padding-left:22px}
.pg-article li{margin-bottom:7px}
.pg-article a{color:var(--pg-accent-ink);text-decoration:underline;text-underline-offset:2px}
.pg-note{padding:12px 16px;border-left:3px solid var(--pg-accent);background:var(--pg-soft);border-radius:0 8px 8px 0;font-size:.9rem;color:var(--pg-muted)}
.pg-date{margin-top:28px !important;font-size:.84rem;color:var(--pg-muted)}
.pg-table{overflow-x:auto;margin:4px 0 12px;border:1px solid var(--pg-line);border-radius:var(--pg-r)}
.pg-table table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.pg-table th,.pg-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pg-line)}
.pg-table thead th{background:var(--pg-soft);color:var(--pg-ink)}
.pg-table tbody tr:last-child td{border-bottom:0}
.pg-table td:first-child{font-weight:600;color:var(--pg-ink)}
.pg-side{position:sticky;top:96px}
.pg-side__card{padding:24px;border-radius:calc(var(--pg-r) + 4px);background:var(--pg-dark);color:#fff}
.pg-side__card p{margin:0 0 16px;font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.72)}
.pg-side__card .pg-side__t{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:8px}
.pg-side__tel{display:block;margin-top:16px;text-align:center;font-weight:800;font-size:1.15rem;color:#fff;text-decoration:none;white-space:nowrap}
.pg-side__msg{display:flex;gap:8px;margin-top:12px}
.pg-side__msg a{flex:1;padding:9px 0;border:1px solid rgba(255,255,255,.2);border-radius:10px;text-align:center;font-size:.85rem;font-weight:600;color:#fff;text-decoration:none}
.pg-side__msg a:hover{border-color:#fff}

/* шаги */
.pg-steps-wrap{padding:clamp(36px,4.5vw,60px) 0;background:var(--pg-soft)}
.pg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;counter-reset:s}
.pg-steps li{position:relative;padding:22px 20px 20px;border-radius:var(--pg-r);background:var(--pg-paper);border:1px solid var(--pg-line);counter-increment:s}
.pg-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:var(--pg-accent);color:var(--pg-on-accent);font-weight:800}
.pg-steps b{display:block;margin-bottom:6px;color:var(--pg-ink)}
.pg-steps span{font-size:.9rem;line-height:1.55;color:var(--pg-muted)}

/* FAQ */
.pg-faq details{border:1px solid var(--pg-line);border-radius:var(--pg-r);background:var(--pg-paper);margin-bottom:10px}
.pg-faq summary{cursor:pointer;list-style:none;padding:16px 48px 16px 20px;position:relative;font-weight:700;color:var(--pg-ink)}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--pg-accent-ink)}
.pg-faq details[open] summary::after{content:"−"}
.pg-faq details>div{padding:0 20px 18px;line-height:1.65;color:var(--pg-text)}

.pg-links{display:flex;flex-wrap:wrap;gap:10px}
.pg-links a{padding:9px 16px;border:1px solid var(--pg-line);border-radius:99px;font-size:.9rem;color:var(--pg-ink);text-decoration:none;background:var(--pg-paper)}
.pg-links a:hover{border-color:var(--pg-accent);color:var(--pg-accent-ink)}

/* документ */
.pg-doc{padding:clamp(24px,3vw,40px) 0 clamp(40px,5vw,72px);max-width:860px}
.pg-doc h1{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 20px}
.pg-doc__body{line-height:1.7;color:var(--pg-text)}
.pg-doc__body h2,.pg-doc__body h3{font-size:1.15rem;margin:26px 0 10px}
.pg-doc__body a{color:var(--pg-accent-ink)}

/* форма */
.pg-form-wrap{padding:clamp(40px,5vw,72px) 0;background:var(--pg-dark);color:#fff}
.pg-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(24px,4vw,64px);align-items:center}
.pg-form-wrap h2{color:#fff}
.pg-form-wrap p{color:rgba(255,255,255,.72);line-height:1.6}
.pg-form-wrap p a{color:#fff;text-decoration:underline}
.pg-form{padding:24px;border-radius:calc(var(--pg-r) + 4px);background:var(--pg-paper);color:var(--pg-ink)}
.pg-form .fld{display:block;margin-bottom:14px}
.pg-form .fld>span{display:block;margin-bottom:6px;font-size:.84rem;font-weight:600;color:var(--pg-ink)}
.pg-form .fld em{font-style:normal;font-weight:400;color:var(--pg-muted)}
.pg-form .inp{width:100%;box-sizing:border-box}
.pg-form .agree{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;font-size:.8rem;line-height:1.5;color:var(--pg-muted)}
.pg-form .agree a{color:inherit;text-decoration:underline}
.pg-form .err{margin:0 0 12px;font-size:.84rem;color:#d9463b}
.pg-form .err:not([hidden]){display:block}
.pg-form .ok{text-align:center;padding:12px 0}
.pg-form .ok:not([hidden]){display:block}
.pg-form .ok__tick{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--pg-accent);color:var(--pg-on-accent);font-size:1.5rem;font-weight:800}
.pg-form .ok__t{font-size:1.15rem;font-weight:800;color:var(--pg-ink) !important;margin:0 0 4px}
.pg-form .ok p{color:var(--pg-muted)}

/* подвал */
.pg-ftr__in{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:28px 36px;padding-bottom:30px}
.pg-ftr__about{margin:16px 0 0;font-size:.88rem;line-height:1.6;opacity:.6;max-width:36ch}
.pg-ftr__h{margin:0 0 12px;font-weight:700;color:#fff}
.pg-ftr__col{display:flex;flex-direction:column;gap:9px;font-size:.88rem}
.pg-ftr__col a,.pg-ftr__col span{color:rgba(255,255,255,.64);text-decoration:none}
.pg-ftr__col a:hover{color:#fff}
.pg-ftr__col .pg-ftr__tel{font-weight:800;font-size:1.1rem;color:#fff}
.pg-ftr__bot{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:rgba(255,255,255,.45)}
.pg-ftr__bot a{color:rgba(255,255,255,.6)}

/* кнопка звонка на мобильных */
.pg-float{display:none;position:fixed;right:16px;bottom:16px;z-index:90;width:56px;height:56px;border-radius:50%;background:var(--pg-accent);color:var(--pg-on-accent);place-items:center;box-shadow:0 12px 28px -10px rgba(0,0,0,.5)}
.pg-float svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9}

@media (max-width:980px){
  .pg-hero__in--pic,.pg-body,.pg-form-in{grid-template-columns:minmax(0,1fr)}
  .pg-hero__pic{order:-1;max-width:560px}
  .pg-side{position:static}
  .pg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-ftr__in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pg-steps{grid-template-columns:1fr}
  .pg-ftr__in{grid-template-columns:1fr}
  .pg-facts li{flex:1 1 40%;min-width:0}
  .pg-float{display:grid}
  .pg-hero__pic{display:none}
}