.support-page {background:#f4f8fb; padding-bottom:64px;}
.support-hero {padding:64px 0 40px; background:#102d3c; color:#fff;}
.support-hero .section-eyebrow {color:#75d6c2;}
.support-hero h1 {margin:8px 0 12px; color:#fff; font-size:2.4rem; font-weight:700;}
.support-hero p {max-width:700px; margin:0; color:#d8e8ed; line-height:1.7;}
.support-content {max-width:900px; margin:0 auto; padding:38px 20px 0;}
.support-panel {padding:30px; background:#fff; border:1px solid #d8e3e8; border-top:4px solid #0e9b83; border-radius:6px;}
.support-panel h2 {margin:0 0 8px; color:#153949; font-size:1.35rem; font-weight:700;}
.support-intro {margin:0 0 24px; color:#60727c; line-height:1.6;}
.support-form-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px;}
.support-field {min-width:0; display:flex; flex-direction:column; gap:7px;}
.support-field-wide {grid-column:1/-1;}
.support-field label {color:#244655; font-size:.88rem; font-weight:600;}
.support-field input,.support-field select,.support-field textarea {width:100%; min-height:46px; padding:11px 13px; border:1px solid #c8d6dc; border-radius:4px; background:#fbfdfe; color:#193744; font:inherit; font-size:.94rem;}
.support-field textarea {min-height:140px; resize:vertical;}
.support-field input:focus,.support-field select:focus,.support-field textarea:focus {outline:3px solid rgba(14,155,131,.18); border-color:#0e9b83;}
.support-form-submit {display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 22px; border:0; border-radius:4px; background:#0e806e; color:#fff; font:inherit; font-weight:700; cursor:pointer;}
.support-form-submit:hover,.support-form-submit:focus {background:#096554; color:#fff;}
.support-privacy {margin:14px 0 0; color:#6b7d85; font-size:.8rem; line-height:1.5;}
.support-notice {margin:0 0 22px; padding:14px 16px; border-left:3px solid #d48425; background:#fff8ed; color:#62491f; line-height:1.55;}
.support-success {margin:0 0 20px; padding:14px 16px; border-left:3px solid #0e9b83; background:#e9f7f3; color:#145b4f; font-weight:600;}
.support-success a {color:#104f44; text-decoration:underline;}
.thank-you-shell {display:grid; place-items:center; min-height:65vh; padding:64px 20px; background:linear-gradient(180deg,#eef7ff 0%,#ffffff 78%);}
.thank-you-content {width:min(100%,720px); text-align:center;}
.thank-you-icon {display:grid; place-items:center; width:68px; height:68px; margin:0 auto 20px; border:1px solid #b9e7f4; border-radius:50%; background:#ddf6ff; color:#006fe6; font-size:1.65rem;}
.thank-you-eyebrow {margin:0 0 8px; color:#007bff; font-size:.78rem; font-weight:700;}
.thank-you-content h1 {margin:0 0 14px; color:#003f9e; font-size:2.2rem; font-weight:700;}
.thank-you-lead {max-width:620px; margin:0 auto; color:#334e68; font-size:1.05rem; line-height:1.7;}
.thank-you-note {max-width:620px; margin:24px auto 0; padding:15px 18px; border:1px solid #cde7f4; border-left:4px solid #00aef0; border-radius:4px; background:#f5fbff; color:#31546a; line-height:1.6; text-align:left;}
.thank-you-note a {color:#0058c8; font-weight:600; text-decoration:underline;}
.thank-you-actions {display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:30px;}
.thank-you-button {display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 20px; border:1px solid #006fe6; border-radius:5px; font-weight:700; text-decoration:none; transition:background-color .16s ease,color .16s ease,transform .16s ease;}
.thank-you-button:hover,.thank-you-button:focus {transform:translateY(-1px); text-decoration:none;}
.thank-you-button-primary {background:#006fe6; color:#fff;}
.thank-you-button-primary:hover,.thank-you-button-primary:focus {background:#003f9e; border-color:#003f9e; color:#fff;}
.thank-you-button-secondary {background:#fff; color:#0058c8;}
.thank-you-button-secondary:hover,.thank-you-button-secondary:focus {background:#eaf5ff; color:#003f9e;}
.support-links {display:flex; flex-wrap:wrap; gap:10px; margin-top:24px;}
.support-links a {display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid #c8d6dc; border-radius:4px; color:#15586a; font-weight:600;}
.support-links a:hover {border-color:#0e9b83; color:#0a705f; text-decoration:none;}
.contact-pathways {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:1050px; margin:28px auto 0; text-align:left;}
.contact-pathway {display:flex; align-items:center; gap:14px; min-width:0; padding:18px; border:1px solid rgba(255,255,255,.24); border-radius:5px; background:#fff; color:#153949; box-shadow:0 8px 22px rgba(0,0,0,.12); transition:transform .18s ease,border-color .18s ease;}
.contact-pathway:hover,.contact-pathway:focus {transform:translateY(-2px); border-color:#75d6c2; color:#153949; text-decoration:none;}
.contact-pathway-icon {display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:4px; background:#e4f5f1; color:#087561; font-size:1.15rem;}
.contact-pathway-icon-alert {background:#fff2df; color:#a75e00;}
.contact-pathway-icon-quote {background:#eaf0fb; color:#345f9e;}
.contact-pathway-copy {display:flex; flex:1; flex-direction:column; gap:4px; min-width:0;}
.contact-pathway-copy strong {font-size:.98rem;}
.contact-pathway-copy small {color:#5b7079; font-size:.8rem; line-height:1.45;}
.contact-pathway-arrow {flex:0 0 auto; color:#087561;}
@media (max-width:600px) {
  .support-hero {padding:46px 0 30px;}
  .support-hero h1 {font-size:1.9rem;}
  .support-panel {padding:23px 18px;}
  .support-form-grid {grid-template-columns:minmax(0,1fr); gap:15px;}
  .support-field-wide {grid-column:auto;}
  .contact-pathways {grid-template-columns:minmax(0,1fr); gap:10px; margin-top:22px;}
  .contact-pathway {padding:15px;}
  .thank-you-shell {min-height:58vh; padding:48px 18px;}
  .thank-you-content h1 {font-size:1.75rem;}
  .thank-you-actions {flex-direction:column; align-items:stretch; max-width:360px; margin-right:auto; margin-left:auto;}
}
@media (min-width:601px) and (max-width:900px) {
  .contact-pathways {grid-template-columns:minmax(0,1fr); max-width:560px;}
}