/* IMPULORA — страницы платформ и цен (/telegram, /prices …), их рендерит seo_pages.py */
.ptile{width:var(--s);height:var(--s);flex:none;border-radius:calc(var(--s) * .3);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -10px #0008}
.seo-main{padding-top:36px;padding-bottom:40px}
.crumbs{display:flex;gap:10px;font-size:13px;color:var(--dim);font-weight:700}
.crumbs a:hover{color:var(--lime)}
.seo-hero{padding:34px 0 26px;max-width:860px}
.seo-hero .ptile-slot{display:inline-block;margin-bottom:18px;min-height:56px}
.seo-hero h1{font-size:clamp(32px,5vw,60px)}
.seo-hero .lead{color:#cfc8de;font-size:17px;line-height:1.7;margin-top:18px}
.seo-hero .muted{margin-top:12px;font-weight:700}
.seo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.seo-chips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 8px}
.seo-group{margin-top:44px}
.seo-group h2,.seo-group h3{font-size:clamp(20px,2.4vw,28px);margin-bottom:18px}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.seo-svc{padding:20px;display:flex;flex-direction:column;gap:12px}
.seo-svc h3{font:700 15px var(--body);letter-spacing:0;line-height:1.35}
.seo-svc p{color:var(--muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.seo-svc-foot{display:flex;align-items:flex-end;gap:12px;margin-top:auto}
.seo-svc .price{font:700 22px var(--display);letter-spacing:-.03em}
.seo-svc .price small{display:block;font:700 11px var(--body);color:var(--dim);letter-spacing:0;margin-bottom:3px}
.seo-svc .lim{font-size:11px;color:var(--dim);font-weight:700;margin-right:auto}
.seo-note{margin-top:28px;font-size:13px}
.seo-platform{margin-top:70px}
.seo-platform-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.seo-platform-head h2{display:flex;align-items:center;gap:14px;font-size:clamp(26px,3.4vw,40px)}
.seo-platform-head .ptile-slot .ptile{--s:44px}
.seo-platform-head a{font-weight:800;font-size:14px}
.seo-steps,.seo-faq,.seo-other{margin-top:80px}
.seo-steps h2,.seo-faq h2,.seo-other h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:22px}
.seo-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seo-steps li{padding:24px}
.seo-steps li b{font:700 14px var(--display);color:var(--lime)}
.seo-steps li h3{font-size:18px;margin:12px 0 8px}
.seo-steps li p{color:var(--muted);font-size:14px}
.empty-state{padding:44px 24px;text-align:center;color:var(--muted);border:1px dashed var(--stroke2);border-radius:var(--radius)}
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--stroke);padding:4px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:800;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:400 26px/1 var(--display);color:var(--lime);transition:transform .3s var(--ease)}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding:0 40px 22px 0}
@media (max-width:760px){.seo-steps ol{grid-template-columns:1fr}.seo-grid{grid-template-columns:1fr}}