/* Maintenance: four equal cards followed by the shared service FAQ rhythm. */
.page-support .support-hero {margin-bottom:48px}
.support-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.page-support .support-grid article {position:relative;min-width:0;min-height:0;padding:30px 28px;background:#1f1f1f;border:0;border-radius:20px;box-shadow:none;overflow:hidden;transition:translate .3s ease,box-shadow .3s ease}
.support-grid h2 {margin:0 0 16px;font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.035em;word-break:keep-all}
.support-grid p {color:var(--sf-muted);font-size:16px;line-height:1.85;margin:0;word-break:keep-all}
.page-support .support-faq {margin-top:64px}
.support-faq h2 {margin:0 0 24px;font-size:24px;font-weight:600;line-height:1.5;color:var(--sf-text)}
.support-faq details {border-bottom:1px solid var(--sf-line);border-radius:0;transition:background-color .25s}
.support-faq details:last-child {border-bottom:0}
.support-faq details:hover {background:var(--sf-surface)}
.support-faq summary {display:grid;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:16px;padding:18px 0;font-size:20px;font-weight:500;line-height:1.5;list-style:none;cursor:pointer;text-align:left;word-break:keep-all}
.support-faq summary::-webkit-details-marker {display:none}
.support-faq summary::before,.support-faq summary::after {content:none}
.support-faq [data-faq-q] {font:inherit;line-height:inherit}
.support-faq .is-open summary {color:#ff6e2e}
.support-faq .faq-is-moving {overflow:hidden}
.support-faq details p {margin:0;padding:0 0 22px 42px;color:var(--sf-muted);font-size:17px;line-height:1.8}
.page-support .support-actions {margin:36px auto 0}
html.support-motion .page-support [data-support-reveal] {opacity:0;transform:translateY(24px);transition:background-color .25s,translate .3s ease,box-shadow .3s ease}
html.support-motion .page-support .support-grid [data-support-reveal] {transform:translateX(90px)}
html.support-motion .page-support [data-support-reveal].is-visible {opacity:1;transform:none;transition:opacity .75s ease,transform .9s cubic-bezier(.22,1,.36,1),background-color .25s,translate .3s ease,box-shadow .3s ease}
@media(max-width:1100px) {
 .support-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-support .support-grid article {min-height:0;padding:30px 28px}
}
@media(max-width:700px) {
 .support-faq summary {grid-template-columns:22px minmax(0,1fr) 20px;gap:10px;font-size:18px}
 .support-faq details p {padding-left:32px;font-size:16px}
}
@media(max-width:600px) {
 .support-grid {grid-template-columns:1fr;gap:14px}
 .page-support .support-grid article {min-height:0;padding:28px;border-radius:18px}
 .support-grid h2 {font-size:22px;margin-bottom:12px}
 .support-grid p {font-size:15px}
 .page-support .support-faq {margin-top:44px}
 .page-support .support-actions {gap:10px}
 .page-support .support-actions a {padding:12px 10px;gap:4px}
 .page-support .support-actions .sf-arrow {width:18px;height:18px}
 html.support-motion .page-support .support-grid [data-support-reveal] {transform:translateX(36px)}
 html.support-motion .page-support .support-grid [data-support-reveal].is-visible {transform:none}
}
@media(prefers-reduced-motion:reduce) {
 html.support-motion .page-support [data-support-reveal] {opacity:1;transform:none!important;transition:none}
}

.page-support.light-mode .support-grid article {background:#f8f8f8}
@media(hover:hover) and (pointer:fine) {
 .page-support .support-grid article:hover {translate:0 -5px;box-shadow:0 0 26px rgba(255,110,46,.09),0 8px 20px rgba(255,110,46,.04)}
}
@media(prefers-reduced-motion:reduce) {
 .page-support .support-grid article:hover {translate:none}
}