/* Client support: direct routes, practical guidance and existing-client expectations. */
.cs-page-support .support-opening { padding-block:56px 80px; }
.cs-page-support .support-opening-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-rows:auto 1fr; gap:40px 64px; align-items:start; }
.cs-page-support .support-intro { grid-column:1; grid-row:1; }
.cs-page-support .support-intro .cs-eyebrow { color:var(--cs-text); }
.cs-page-support .support-intro h1 { font-size:clamp(40px,3.6vw,52px); text-wrap:balance; }
.cs-page-support .support-intro>p:last-child { max-width:44ch; }
.cs-page-support .support-options { grid-column:2; grid-row:1 / span 2; background:var(--cs-navy); border-radius:10px; padding:32px; min-width:0; }
.cs-page-support .support-option { display:grid; grid-template-columns:36px minmax(0,1fr); gap:8px 16px; }
.cs-page-support .support-option+.support-option { margin-top:24px; padding-top:24px; border-top:1px solid var(--cs-line); }
.cs-page-support .support-icon { display:block; width:36px; height:36px; fill:none; stroke:#9ca5b5; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.cs-page-support .support-icon * { vector-effect:non-scaling-stroke; }
.cs-page-support .support-icon-accent { stroke:var(--cs-red); }
.cs-page-support .support-option h2 { font-size:22px; line-height:1.5; font-weight:500; letter-spacing:-.02em; margin:0; align-self:center; }
.cs-page-support .support-option-body { grid-column:2; min-width:0; }
.cs-page-support .support-option-body p { margin-bottom:12px; }
.cs-page-support .support-link-note { display:block; margin-top:8px; color:var(--cs-muted); font-size:14px; line-height:1.5; }
.cs-page-support .support-contact-link { display:inline-block; min-height:44px; padding-block:7px; font-size:18px; line-height:1.6; color:var(--cs-text); text-decoration:underline; text-decoration-thickness:1px; text-decoration-color:#8b929e; text-underline-offset:5px; overflow-wrap:anywhere; }
.cs-page-support .support-phone { font-size:22px; font-weight:500; padding-block:4px; }
.cs-page-support .support-contact-link:hover, .cs-page-support .cs-faq a:hover { text-decoration-color:currentColor; }
.cs-page-support .support-expectations { grid-column:1; grid-row:2; padding-top:24px; border-top:1px solid var(--cs-line); max-width:47ch; }
.cs-page-support .support-expectations p { font-size:16px; margin-bottom:16px; }
.cs-page-support .support-expectations .support-hours { color:var(--cs-text); font-weight:500; }
.cs-page-support .support-guidance-panel { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; padding:40px; border-radius:10px; }
.cs-page-support .support-guidance-panel h2 { font-size:32px; line-height:1.2; margin-bottom:16px; }
.cs-page-support .support-guidance-panel ul { display:grid; gap:12px; padding-left:22px; margin:0 0 24px; font-size:18px; line-height:1.6; }
.cs-page-support .support-guidance-panel li { padding-left:4px; }
.cs-page-support .support-guidance-panel li::marker { color:var(--cs-slate); }
.cs-page-support .support-guidance-panel .support-ticket-note { border-top:1px solid var(--cs-paper-line); padding-top:16px; font-size:16px; }
.cs-page-support .cs-faq a { color:var(--cs-text); text-decoration:underline; text-decoration-thickness:1px; text-decoration-color:#8b929e; text-underline-offset:4px; overflow-wrap:anywhere; }
.cs-page-support .support-new-client { display:flex; align-items:center; justify-content:space-between; gap:24px 48px; margin-top:64px; padding-top:32px; border-top:1px solid var(--cs-line); }
.cs-page-support .support-new-client h3 { font-size:22px; line-height:1.4; font-weight:500; margin-bottom:8px; }
.cs-page-support .support-new-client p { font-size:16px; margin:0; }
.cs-page-support .support-new-client>.cs-link { flex:none; }
@media (max-width:1200px) {
  .cs-page-support .support-opening-grid, .cs-page-support .support-guidance-panel { column-gap:40px; }
  .cs-page-support .support-option { grid-template-columns:32px minmax(0,1fr); gap:8px 12px; }
  .cs-page-support .support-icon { width:32px; height:32px; }
}
@media (max-width:1000px) {
  .cs-page-support .support-opening-grid { grid-template-columns:1fr; grid-template-rows:auto; gap:32px; }
  .cs-page-support .support-intro, .cs-page-support .support-options, .cs-page-support .support-expectations { grid-column:auto; grid-row:auto; }
  .cs-page-support .support-intro h1 { max-width:650px; }
  .cs-page-support .support-intro>p:last-child { max-width:58ch; }
  .cs-page-support .support-expectations { max-width:none; }
  .cs-page-support .support-guidance-panel { grid-template-columns:1fr; gap:24px; }
  .cs-page-support .support-guidance-panel h2 { max-width:620px; }
}
@media (max-width:600px) {
  .cs-page-support .support-opening { padding-block:32px 64px; }
  .cs-page-support .support-opening-grid { gap:24px; }
  .cs-page-support .support-intro h1 { font-size:clamp(36px,9vw,40px); }
  .cs-page-support .support-options { padding:24px; }
  .cs-page-support .support-option { grid-template-columns:28px minmax(0,1fr); gap:8px 12px; }
  .cs-page-support .support-icon { width:28px; height:28px; }
  .cs-page-support .support-option h2 { font-size:20px; }
  .cs-page-support .support-option-body { grid-column:1/-1; }
  .cs-page-support .support-option+.support-option { margin-top:20px; padding-top:20px; }
  .cs-page-support .support-option .cs-button { width:100%; }
  .cs-page-support .support-contact-link { font-size:16px; }
  .cs-page-support .support-phone { font-size:22px; }
  .cs-page-support .support-guidance-panel { padding:24px; }
  .cs-page-support .support-guidance-panel h2 { font-size:26px; }
  .cs-page-support .support-guidance-panel ul { font-size:16px; padding-left:18px; }
  .cs-page-support .support-new-client { flex-direction:column; align-items:flex-start; gap:16px; margin-top:40px; padding-top:24px; }
  .cs-page-support .support-new-client h3 { font-size:20px; }
}
@media (max-width:360px) {
  .cs-page-support .support-intro h1 { font-size:clamp(32px,9.4vw,34px); }
  .cs-page-support .support-options, .cs-page-support .support-guidance-panel { padding:20px; }
}