.support-page{overflow-x:clip;background:#fff}
.support-page .nav a[aria-current="page"]{color:var(--navy)}
.support-hero{padding:68px 0 48px;background:#f1f5f7}
.support-hero h1{margin:0;max-width:14ch;color:var(--navy);font:500 clamp(2.7rem,5.2vw,4.4rem)/.94 var(--serif);letter-spacing:-.06em}
.support-hero p:not(.eyebrow){max-width:540px;margin:16px 0 0;color:#566575;font-size:16px;line-height:1.7}
.support-cats{padding:28px 0 88px}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.support-card{display:flex;flex-direction:column;min-height:248px;padding:30px 28px 26px;background:#f6f9fb;color:inherit;text-decoration:none;border-top:1px solid #dce6ee}
.support-card span{color:var(--blue);font:11px/1 var(--mono);letter-spacing:.08em}
.support-card h2{margin:22px 0 12px;color:var(--navy);font:500 clamp(1.7rem,2.1vw,2.15rem)/1.02 var(--serif);letter-spacing:-.045em}
.support-card p{margin:0;max-width:28ch;color:#5d6d7c;font-size:14px;line-height:1.65}
.support-card em{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:32px;color:var(--navy);font:700 12px var(--sans);font-style:normal}
.support-card em b{display:inline-block;transition:transform .2s ease}
@media(hover:hover){
  .support-card{transition:transform .3s ease,background-color .3s ease}
  .support-card:hover{background:#eaf1f6;transform:translateY(-3px)}
  .support-card:hover em b{transform:translateX(4px)}
}
.support-help{padding:72px 0;background:var(--navy);color:#fff}
.support-help .eyebrow{color:#91bcdf}
.support-help h2{margin:0;color:#fff;font:500 clamp(2.4rem,4vw,3.8rem)/.96 var(--serif);letter-spacing:-.055em}
.support-help p:not(.eyebrow){max-width:480px;margin:16px 0 28px;color:#c5d3df;font-size:15px;line-height:1.7}
.support-help .button--dark{background:#fff;color:var(--navy)}
.support-help .button--dark:hover{background:var(--blue);color:#fff}
@media(max-width:1000px){
  .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .header .nav,.header .whatsapp-mini{display:none}
  .header .menu-button{display:grid}
  .support-hero{padding:48px 0 36px}
  .support-hero h1{font-size:2.55rem;max-width:11ch}
  .support-hero p:not(.eyebrow){font-size:15px;line-height:1.65}
  .support-cats{padding:8px 0 64px}
  .support-grid{grid-template-columns:1fr;gap:8px}
  .support-card{min-height:0;padding:22px 20px 20px}
  .support-card h2{margin:14px 0 8px;font-size:1.7rem}
  .support-card p{max-width:none;font-size:15px}
  .support-card em{padding-top:22px;min-height:44px}
  .support-help{padding:56px 0 88px}
  .support-help h2{font-size:2.4rem}
  .support-help .button{min-height:50px}
}
@media(prefers-reduced-motion:reduce){
  .support-card,.support-card em b{transition:none}
  .support-card:hover{transform:none}
}