/* Поддержка (support) — page-specific deltas. Shared components/tokens: site.css */

.s-hero{padding:clamp(40px,6vh,72px) 0 clamp(14px,2vh,26px)}
.s-hero h1{font-family:var(--disp);font-weight:700;text-transform:uppercase;line-height:.94;font-size:clamp(44px,8vw,92px);margin:22px 0 0}
.s-hero .lede{max-width:60ch;margin:24px 0 0;color:var(--ink2);font-size:clamp(16px,1.8vw,19px)}

/* faq */
.faq{margin-top:30px;border-top:1px solid var(--line2);max-width:900px}
.faq details{border-bottom:1px solid var(--line2)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 4px;position:relative;font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(15px,2vw,19px);color:var(--ink);transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--cyan)}
.faq summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--body);font-weight:400;font-size:28px;line-height:1;color:var(--cyan);transition:transform .25s}
.faq details[open] summary::after{content:"−"}
.faq .a{padding:0 44px 24px 4px;color:var(--ink2);font-size:15.5px;max-width:64ch}
.faq .a a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

/* contact band — shared .band base in site.css; support constrains width + adds sub-links */
.band{max-width:720px;padding:clamp(30px,4vw,48px)}
.band h3{font-size:24px;margin:14px 0 8px}
.band p{font-size:15px;margin:0 auto 24px}
.band .sub{margin-top:22px;padding-top:20px;border-top:1px solid var(--line2);font-size:14px;color:var(--mut)}
.band .sub a{color:var(--ink2)}.band .sub a:hover{color:var(--cyan)}