/* Supporting product pages retain the shared CoLateral surface and controls. */
body[data-support-page] .hero { padding-block: clamp(2.5rem, 6vw, 5rem) 2rem; }
body[data-support-page] .hero h1 { font-size: clamp(2.4rem, 5.5vw, 4.4rem); letter-spacing: -.04em; line-height: 1.08; }
body[data-support-page] .hero .lede { max-width: 42rem; font-size: 1.125rem; line-height: 1.65; text-wrap: pretty; }
body[data-support-page] .section { padding-block: 2rem; }
body[data-support-page] p { overflow-wrap: anywhere; }
body[data-support-page] .platform { display: flex; flex-direction: column; border-radius: 1.25rem; }
body[data-support-page] .platform .actions { margin-top: auto; padding-top: 1.25rem; }
body[data-support-page] .platform-req { min-height: 3rem; }
body[data-support-page] .download-gate { border-radius: 1.25rem; }
body[data-support-page] .gate-facts { gap: 1.25rem; }
body[data-support-page] .gate-facts p, body[data-support-page] .note { font-size: .9375rem; line-height: 1.6; }
.workspace-start-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.workspace-start h2 { font-size: clamp(1.8rem, 3.5vw, 2.75rem); line-height: 1.14; letter-spacing: -.035em; text-wrap: balance; }
.workspace-start p { font-size: 1rem; line-height: 1.7; color: var(--muted, #42597a); }
.workspace-start-image { margin: 0; min-width: 0; }
.workspace-start-image img { display: block; width: 100%; height: auto; border-radius: 1rem; border: 1px solid var(--line, rgba(15, 23, 42, .10)); box-shadow: 0 16px 48px rgba(0, 74, 132, .10); }
.workspace-start-image .workspace-start-dark { display: none; }
html[data-site-theme="dark"] .workspace-start-image .workspace-start-light { display: none; }
html[data-site-theme="dark"] .workspace-start-image .workspace-start-dark { display: block; }
.workspace-start-image figcaption { margin-top: .75rem; font-size: .875rem; color: var(--muted, #42597a); line-height: 1.55; }
.billing-next { border-top: 1px solid var(--line, rgba(15, 23, 42, .10)); margin-top: 1.5rem; padding-top: 1.5rem; }
.billing-next h2 { font-size: 1.4rem; line-height: 1.3; margin: 0 0 .65rem; }
.billing-next p { margin: 0; max-width: 46rem; line-height: 1.7; }
body[data-support-page="contact"] .form-panel, body[data-support-page="contact"] .side-card { border-radius: 1.25rem; }
body[data-support-page="contact"] textarea { min-height: 11rem; resize: vertical; }
body[data-support-page] :is(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid var(--focus-ring, #00437c); outline-offset: 4px; }
html[data-site-theme="dark"] .workspace-start :is(p, figcaption) { color: var(--muted, #a1b1c4); }
html[data-site-theme="dark"] :is(.workspace-start-image img, .billing-next) { border-color: var(--line-strong, rgba(77, 166, 255, .5)); }
@media (max-width: 760px) {
  .workspace-start-grid { grid-template-columns: 1fr; }
  body[data-support-page] .hero { padding-top: 2rem; }
  body[data-support-page] .section { padding-block: 1.4rem; }
  body[data-support-page] .platform-req { min-height: 0; }
  body[data-support-page] .actions { gap: .75rem; }
}
@media (prefers-reduced-motion: reduce) { body[data-support-page] * { scroll-behavior: auto; } }

/* Distinct controls and secondary surfaces in both supported palettes. */
body[data-support-page] {
  --support-control-line: #7e91a9;
  --support-control-bg: #f7f9fc;
  --support-image-shadow: 0 1px 0 #fff inset, 0 18px 42px -20px rgba(15, 51, 90, .28);
}
html[data-site-theme="dark"] body[data-support-page] {
  --support-control-line: #5d7797;
  --support-control-bg: #101a2b;
  --support-image-shadow: 0 1px 0 rgba(211, 232, 255, .08) inset, 0 22px 52px -22px rgba(0, 0, 0, .72);
}
body[data-support-page="contact"] .form-grid :is(input, select, textarea) {
  min-height: 48px;
  border-color: var(--support-control-line);
  background: var(--support-control-bg);
  font-size: 16px;
  color: var(--ink, #182130);
}
body[data-support-page="contact"] .form-grid label { font-size: 14px; }
body[data-support-page="contact"] .form-grid :is(input, select, textarea):hover {
  border-color: var(--blue-ink, #005a9e);
}
body[data-support-page="contact"] .form-grid :is(input, select, textarea):focus {
  border-color: var(--blue-ink, #005a9e);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue, #0067c0) 12%, transparent);
}
body[data-support-page="contact"] .channel-row:is(:hover, :focus-visible),
body[data-support-page="contact"] .topic-list a:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--blue, #0067c0) 8%, var(--surface, #fff));
  border-color: var(--blue-ink, #005a9e);
}
body[data-support-page] .workspace-start-image img { box-shadow: var(--support-image-shadow); }
body[data-support-page] .workspace-start-image figcaption { color: var(--quiet, #526988); }
body[data-support-page="billing"] .billing-next {
  margin: 8px 0 22px;
  padding: 22px;
  border: 1px solid var(--line, rgba(15, 23, 42, .10));
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface-2, #f0f4f9) 80%, transparent);
}
body[data-support-page="download"] .platform:focus-within,
body[data-support-page="contact"] .form-panel:focus-within {
  border-color: var(--blue-ink, #005a9e);
}
@media (max-width: 760px) {
  body[data-support-page="billing"] .billing-next { padding: 18px; }
}