.support-page{--support-accent:#e5c991;--support-muted:#c6bed1;padding-bottom:3rem}
.support-page .content-shell{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}
.support-hero{padding-block:clamp(3rem,7vw,6rem);position:relative;background:radial-gradient(ellipse at 80% 30%,#4b31672e,transparent 65%)}
.support-hero h1{font-size:clamp(2.35rem,6vw,4.9rem);line-height:1.08;max-width:900px;letter-spacing:-.035em;margin:.6rem 0 1.4rem}
.support-lead{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.7;max-width:780px;color:var(--support-muted)}
.support-page .hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}
.support-caption{font-size:.93rem;color:var(--support-muted);line-height:1.65;margin-top:1.25rem}
.support-caption a,.support-faq a{color:var(--support-accent);text-decoration:underline;text-underline-offset:.2em}
.support-section{padding-block:1.5rem 2.6rem;scroll-margin-top:7rem}
.support-section h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.2;margin:.4rem 0 1rem}
.support-section>p,.support-projects p,.support-option>p,.support-voice p,.support-faq p{line-height:1.75;color:var(--support-muted)}
.support-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.6rem}
.support-projects article{border-top:1px solid #b99a665c;padding-top:1.2rem}
.support-projects article>span{font-size:2rem;color:var(--support-accent)}
.support-projects h3,.support-option h3{font-size:1.35rem;margin:.7rem 0}
.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.2rem;margin-top:1.5rem}
.support-option{padding:clamp(1.35rem,3vw,2rem);display:flex;align-items:flex-start;flex-direction:column;border:1px solid #b99a664d;border-radius:16px}
.support-option>.button{margin-top:auto;white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%}
.support-option>p:last-of-type{margin-bottom:1.6rem}
.support-voice{padding:clamp(1.5rem,4vw,2.8rem);border-left:3px solid var(--support-accent);border-radius:12px}
.support-voice p{max-width:850px}
.support-faq details{border-bottom:1px solid #ffffff20;padding:1.1rem 0}
.support-faq summary{font-weight:600;cursor:pointer;line-height:1.6}
.support-faq details p{max-width:850px;margin:1rem 0 .3rem}
.support-page :focus-visible{outline:3px solid var(--support-accent);outline-offset:5px}
.support-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.support-projects{grid-template-columns:1fr;gap:1rem}.support-page .hero-actions{flex-direction:column;align-items:stretch}.support-page .hero-actions a{text-align:center;white-space:normal}.support-option>.button{width:100%}.support-page .content-shell{width:calc(100% - 2rem)}}