/* Рисованные значки и то, что из них собирается (11.11.2026; lib/drawn.php pg_draw). Светлые страницы: body.pg-light.
   .dr-ico - сам значок; .dr-tiles - три свободные плитки без рамок (значок, заголовок, строка); .dr-rows - белая карточка
   со строками-ссылками; .dr-grp - группа «значок и заголовок слева, карточка справа». */
.dr-ico{display:block;flex:0 0 auto;width:84px;height:70px;color:#2f2f37}

/* ---------- свободные плитки ---------- */
.dr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,64px) clamp(24px,4vw,56px);max-width:1080px;margin:clamp(8px,2vw,20px) auto 0}
.dr-tile{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit}
.dr-tile .dr-ico{margin-bottom:24px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
a.dr-tile:hover .dr-ico{transform:translateY(-4px)}
.dr-tile h3{margin-bottom:10px;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--text);transition:color .2s}
a.dr-tile:hover h3{color:#15803d}
.dr-tile p{max-width:330px;font-size:15.5px;line-height:1.6;color:var(--text-2)}
@media (max-width:820px){.dr-tiles{grid-template-columns:minmax(0,1fr);gap:40px}}

/* ---------- группа: вступление слева, строки справа ---------- */
.dr-grp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start;padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--border)}
.dr-grp:first-of-type{border-top:0;padding-top:0}
.dr-grp-h .dr-ico{margin-bottom:22px}
.dr-grp-h h2{margin:0 0 12px;font-size:clamp(26px,2.6vw,34px);line-height:1.15;font-weight:700;letter-spacing:-.025em}
.dr-grp-h p{max-width:400px;font-size:16.5px;line-height:1.6;color:var(--text-2)}
.dr-rows{border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden}
.dr-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid var(--border);text-decoration:none;color:inherit;transition:background .2s}
.dr-row:first-child{border-top:0}
.dr-row>span{display:grid;gap:4px;min-width:0;flex:1 1 auto}
.dr-row b{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.012em;color:var(--text)}
.dr-row small{font-size:14.5px;line-height:1.5;color:var(--text-2)}
.dr-row>svg{flex:0 0 auto;width:17px;height:17px;color:#b4b4ad;transition:color .2s,transform .2s}
.dr-row:hover{background:#f7faf7}
.dr-row:hover>svg{color:#15803d;transform:translateX(3px)}
@media (max-width:860px){.dr-grp{grid-template-columns:minmax(0,1fr);gap:24px}.dr-grp-h .dr-ico{width:66px;height:55px;margin-bottom:16px}}
@media (max-width:480px){.dr-row{padding:16px 18px}}

/* /pricing/ (12.11): строка-ссылка на бесплатный телефон и аренду под плитками «What you pay for» */