.support-service-page {
  --content-width: 1540px;
  --support-deep: #173f3d;
  --support-ink: #202625;
  --support-teal: #50736b;
  --support-coral: #bd7663;
  --support-coral-soft: #e4b5a6;
  --support-fog: #dce5e0;
  --support-sand: #f0e8dd;
  --support-cream: #f7f4ef;
  background: var(--support-cream);
}

.support-service-page em { color: var(--support-teal); }

/* Hero: a compact constellation makes one technical contact visible. */
.support-hero { position: relative; padding: calc(var(--header-height) + var(--hero-space-top)) 0 var(--hero-space-bottom); overflow: hidden; background: linear-gradient(135deg, #f5f0e9 0%, #dce5e0 58%, #e8ded2 100%); isolation: isolate; }
.support-hero-depth { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.support-hero-depth::before { position: absolute; top: -29rem; right: -18rem; width: 60rem; aspect-ratio: 1; border: 1px solid rgba(23, 63, 61, 0.1); border-radius: 50%; box-shadow: 0 0 0 7rem rgba(255, 255, 255, 0.11), 0 0 0 14rem rgba(23, 63, 61, 0.018); content: ""; }
.support-hero-depth::after { position: absolute; bottom: -10rem; left: -9rem; width: 27rem; aspect-ratio: 1; border-radius: 44% 56% 61% 39% / 52% 37% 63% 48%; background: rgba(189, 118, 99, 0.075); content: ""; animation: support-hero-drift 16s ease-in-out infinite alternate; }
.support-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin-bottom: clamp(2.2rem, 4vw, 4rem); color: rgba(32, 38, 37, 0.54); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.055em; text-transform: uppercase; }
.support-breadcrumbs a { transition: color 180ms ease; }
.support-breadcrumbs a:hover { color: var(--support-deep); }
.support-hero-heading { display: grid; align-items: end; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.56fr); gap: clamp(3rem, 8vw, 9rem); }
.support-hero h1 { max-width: 15ch; margin: 0; }
.support-hero-intro { padding-bottom: 0.25rem; }
.support-hero-intro > p { max-width: 640px; margin: 0; color: #4c5854; font-size: var(--text-lead); line-height: 1.67; }
.support-hero-intro > p + p { margin-top: 1rem; font-size: var(--text-support); }
.support-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem 1.25rem; margin-top: 2rem; }
.support-phone { display: inline-flex; min-height: 2.9rem; align-items: center; gap: 0.55rem; color: var(--support-deep); font-size: var(--text-action); font-weight: 570; text-decoration: underline; text-decoration-color: rgba(23, 63, 61, 0.28); text-underline-offset: 0.3rem; }
.support-phone span { transition: transform 180ms ease; }
.support-phone:hover span { transform: translate(0.18rem, -0.18rem); }
.support-one-contact { position: relative; display: grid; min-height: clamp(22rem, 34vw, 32rem); place-items: center; margin-top: clamp(3.5rem, 6vw, 6rem); }
.support-one-contact::before { position: absolute; top: 50%; left: 50%; width: min(58rem, 86%); height: 58%; border-radius: 50%; background: radial-gradient(ellipse, rgba(255, 255, 255, 0.28), transparent 68%); content: ""; transform: translate(-50%, -50%); }
.support-contact-orbit { position: relative; width: min(100%, 67rem); height: clamp(21rem, 32vw, 29rem); }
.support-contact-orbit::before, .support-contact-orbit::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(23, 63, 61, 0.15); border-radius: 50%; content: ""; transform: translate(-50%, -50%) rotate(-4deg); }
.support-contact-orbit::before { width: 78%; height: 66%; box-shadow: 0 0 0 4rem rgba(255, 255, 255, 0.08); }
.support-contact-orbit::after { width: 52%; height: 43%; border-color: rgba(189, 118, 99, 0.2); transform: translate(-50%, -50%) rotate(8deg); }
.support-contact-anchor { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: clamp(10rem, 14vw, 12.5rem); aspect-ratio: 1; place-content: center; padding: 1rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 45% 55% 51% 49% / 54% 45% 55% 46%; background: var(--support-deep); box-shadow: 0 1.7rem 4rem rgba(23, 63, 61, 0.22); color: #fff; text-align: center; transform: translate(-50%, -50%) rotate(-4deg); }
.support-contact-anchor::before { position: absolute; inset: 0.7rem; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 52% 48% 45% 55% / 46% 55% 45% 54%; content: ""; }
.support-contact-anchor::after { position: absolute; top: 1.3rem; right: 1.5rem; width: 0.6rem; aspect-ratio: 1; border-radius: 50%; background: var(--support-coral-soft); box-shadow: 0 0 0 0.65rem rgba(228, 181, 166, 0.09); content: ""; }
.support-contact-anchor small { position: relative; color: var(--support-coral-soft); font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.08em; }
.support-contact-anchor strong { position: relative; margin-top: 0.22rem; font-size: var(--type-card-title-large); font-weight: 430; line-height: 1.05; }
.support-contact-anchor span { position: relative; margin-top: 0.4rem; color: rgba(255, 255, 255, 0.62); font-size: var(--text-label); }
.support-contact-node { position: absolute; z-index: 2; display: grid; width: clamp(6.4rem, 9vw, 8.2rem); aspect-ratio: 1; place-items: center; padding: 0.6rem; border: 1px solid rgba(23, 63, 61, 0.17); border-radius: 50%; background: rgba(247, 244, 239, 0.88); box-shadow: 0 1rem 2.5rem rgba(23, 63, 61, 0.09); color: #44504c; font-size: var(--text-label); font-weight: 570; line-height: 1.2; text-align: center; backdrop-filter: blur(8px); }
.support-contact-node::before { position: absolute; top: 0.8rem; left: 50%; width: 0.48rem; aspect-ratio: 1; border-radius: 50%; background: var(--support-coral); content: ""; transform: translateX(-50%); }
.support-contact-node.is-website { top: 50%; left: 0; transform: translateY(-50%); }
.support-contact-node.is-hosting { top: 0; left: 22%; }
.support-contact-node.is-domain { top: 0; right: 22%; }
.support-contact-node.is-email { top: 50%; right: 0; transform: translateY(-50%); }
.support-contact-node.is-licenses { bottom: 0; left: 50%; transform: translateX(-50%); }

/* Signal wall: the page starts in the customer's own words. */
.support-signals { padding: var(--section-space) 0 0; overflow: hidden; background: var(--support-cream); }
.support-signals-intro { display: grid; align-items: end; padding-bottom: var(--content-space); grid-template-columns: minmax(0, 1fr) minmax(300px, 0.58fr); gap: clamp(3rem, 7vw, 7rem); }
.support-signals-intro h2 { max-width: 17ch; margin: 0; }
.support-signals-intro > p { max-width: 610px; margin: 0 0 0.25rem; color: #59625f; font-size: var(--text-support); line-height: 1.72; }
.support-signal-wall { border-top: 1px solid rgba(32, 38, 37, 0.15); }
.support-signal-wall article { display: grid; min-height: 15rem; align-items: center; padding: clamp(2rem, 4vw, 4rem) max(var(--page-padding), calc((100vw - var(--content-width)) * 0.5)); border-bottom: 1px solid rgba(32, 38, 37, 0.15); grid-template-columns: 8rem minmax(0, 1.25fr) minmax(280px, 0.52fr); gap: clamp(2rem, 5vw, 5rem); }
.support-signal-wall article.is-urgent { background: var(--support-deep); color: #fff; }
.support-signal-wall article.is-forward { background: #e4ddd4; }
.support-signal-meta { display: grid; align-self: stretch; align-content: space-between; padding-block: 0.2rem; }
.support-signal-meta span { color: var(--support-coral); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.06em; text-transform: uppercase; }
.support-signal-meta i { color: rgba(32, 38, 37, 0.3); font-family: var(--font-mono); font-size: var(--text-label); font-style: normal; }
.support-signal-wall .is-urgent .support-signal-meta span { color: var(--support-coral-soft); }
.support-signal-wall .is-urgent .support-signal-meta i { color: rgba(255, 255, 255, 0.3); }
.support-signal-question { max-width: 20ch; margin: 0; font-size: var(--type-feature-title); font-weight: 430; letter-spacing: -0.042em; line-height: 1.08; }
.support-signal-answer { max-width: 520px; margin: 0; color: #5c6562; font-size: var(--text-support); line-height: 1.7; }
.support-signal-wall .is-urgent .support-signal-answer { color: rgba(255, 255, 255, 0.68); }

/* One contiguous technical map replaces separate service cards and spec tables. */
.support-environment { padding: var(--section-space) 0; background: var(--support-sand); }
.support-environment-heading { display: grid; align-items: end; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.6fr); gap: clamp(3rem, 7vw, 7rem); }
.support-environment-heading h2 { max-width: 16ch; margin: 0; }
.support-environment-heading > p { max-width: 650px; margin: 0 0 0.25rem; color: #59615f; font-size: var(--text-support); line-height: 1.72; }
.support-environment-map { display: grid; margin-top: var(--content-space); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 2.3rem; background: var(--support-ink); box-shadow: 0 2rem 5rem rgba(32, 38, 37, 0.14); color: #fff; grid-template-areas: "owner website website" "owner email licenses" "owner domain hosting" "owner base base"; grid-template-columns: minmax(300px, 0.65fr) repeat(2, minmax(0, 1fr)); }
.support-environment-owner { grid-area: owner; display: grid; align-content: center; padding: clamp(2rem, 4vw, 4rem); background: var(--support-deep); }
.support-environment-owner small { color: var(--support-coral-soft); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.08em; }
.support-environment-owner h3 { margin: 0.45rem 0 0; color: #fff; }
.support-environment-owner p { max-width: 360px; margin: 1rem 0 0; overflow-wrap: anywhere; color: rgba(255, 255, 255, 0.67); font-size: var(--text-support); line-height: 1.68; }
.support-environment-owner > span { width: fit-content; margin-top: 2rem; padding: 0.55rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 999px; color: rgba(255, 255, 255, 0.7); font-size: var(--text-label); }
.support-area { min-height: 10rem; padding: clamp(1.6rem, 3vw, 2.8rem); border-bottom: 1px solid rgba(255, 255, 255, 0.13); border-left: 1px solid rgba(255, 255, 255, 0.13); }
.support-area-website { grid-area: website; }
.support-area-email { grid-area: email; }
.support-area-licenses { grid-area: licenses; }
.support-area-domain { grid-area: domain; }
.support-area-hosting { grid-area: hosting; }
.support-area > span, .support-environment-base > div > span { color: var(--support-coral-soft); font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.07em; }
.support-area h3 { margin: 0.55rem 0 0; color: #fff; font-weight: 430; }
.support-area p { max-width: 520px; margin: 0.75rem 0 0; color: rgba(255, 255, 255, 0.64); font-size: var(--text-support); line-height: 1.62; }
.support-area-website { background: rgba(255, 255, 255, 0.025); }
.support-area-email, .support-area-hosting { background: rgba(80, 115, 107, 0.12); }
.support-area-licenses, .support-area-domain { background: rgba(189, 118, 99, 0.055); }
.support-environment-base { grid-area: base; display: grid; align-items: center; padding: clamp(2rem, 4vw, 3.7rem); border-left: 1px solid rgba(255, 255, 255, 0.13); background: #151918; grid-template-columns: minmax(280px, 0.58fr) minmax(0, 1.42fr); gap: clamp(2rem, 5vw, 5rem); }
.support-environment-base strong { display: block; margin-top: 0.55rem; font-size: var(--type-card-title-large); font-weight: 430; letter-spacing: -0.035em; line-height: 1.1; }
.support-environment-base p { max-width: 520px; margin: 0.8rem 0 0; color: rgba(255, 255, 255, 0.62); font-size: var(--text-support); line-height: 1.65; }
.support-environment-base ul { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.support-environment-base li { padding: 0.52rem 0.72rem; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 999px; background: rgba(255, 255, 255, 0.055); color: rgba(255, 255, 255, 0.72); font-size: var(--text-label); line-height: 1.3; }
.support-environment-note { margin-top: 2rem; color: #68716e; font-size: var(--text-label); line-height: 1.65; }

/* Technical dictionary: every term is translated into business meaning. */
.support-translation { padding: var(--section-space) 0; background: var(--support-fog); }
.support-translation-heading { display: grid; align-items: end; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.58fr); gap: clamp(3rem, 7vw, 7rem); }
.support-translation-heading h2 { max-width: 18ch; margin: 0; }
.support-translation-heading > p { max-width: 640px; margin: 0 0 0.25rem; color: #59625f; font-size: var(--text-support); line-height: 1.72; }
.support-dictionary { display: grid; margin-top: var(--content-space); border-top: 1px solid rgba(23, 63, 61, 0.16); border-left: 1px solid rgba(23, 63, 61, 0.16); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.support-dictionary > div { display: grid; min-height: 14rem; align-items: start; padding: clamp(1.6rem, 3.5vw, 3.2rem); border-right: 1px solid rgba(23, 63, 61, 0.16); border-bottom: 1px solid rgba(23, 63, 61, 0.16); grid-template-columns: minmax(12rem, 0.44fr) minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3rem); }
.support-dictionary dt { color: var(--support-coral); font-size: clamp(2rem, 2.2vw, 2.6rem); font-weight: 430; letter-spacing: -0.045em; line-height: 1; }
.support-dictionary dd { margin: 0; }
.support-dictionary dd strong { display: block; color: var(--support-deep); font-size: var(--text-action); font-weight: 570; line-height: 1.4; }
.support-dictionary dd p { margin: 0.75rem 0 0; color: #5a6561; font-size: var(--text-support); line-height: 1.68; }
.support-case-route { position: relative; display: grid; margin-top: var(--content-space); padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; }
.support-case-route::before { position: absolute; top: 0.55rem; right: 0; left: 0; height: 1px; background: rgba(23, 63, 61, 0.18); content: ""; }
.support-case-route li { position: relative; padding: 2.1rem 2rem 0 0; color: #44504c; font-size: var(--text-action); font-weight: 540; line-height: 1.48; }
.support-case-route li::before { position: absolute; top: 0; left: 0; width: 1.15rem; aspect-ratio: 1; border: 3px solid var(--support-fog); border-radius: 50%; background: var(--support-coral); box-shadow: 0 0 0 1px rgba(23, 63, 61, 0.22); content: ""; }

/* FAQ uses two balanced columns instead of the site's recurring sticky split. */
.support-faq { padding: var(--section-space) 0; background: var(--support-cream); }
.support-faq-heading { display: grid; align-items: end; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.58fr); gap: clamp(3rem, 7vw, 7rem); }
.support-faq-heading h2 { max-width: 17ch; margin: 0; }
.support-faq-heading > p { max-width: 610px; margin: 0 0 0.25rem; color: #5c6361; font-size: var(--text-support); line-height: 1.7; }
.support-faq-columns { display: grid; margin-top: var(--content-space); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 5rem); }
.support-faq-list { border-top: 1px solid rgba(32, 38, 37, 0.16); }
.support-faq-list details { border-bottom: 1px solid rgba(32, 38, 37, 0.16); }
.support-faq-list summary { display: flex; min-height: 5.8rem; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.2rem 0; cursor: pointer; font-size: clamp(1.05rem, 1.2vw, 1.2rem); font-weight: 560; line-height: 1.45; list-style: none; }
.support-faq-list summary::-webkit-details-marker { display: none; }
.support-faq-list summary i { position: relative; flex: 0 0 auto; width: 2.7rem; aspect-ratio: 1; border: 1px solid rgba(23, 63, 61, 0.2); border-radius: 50%; }
.support-faq-list summary i::before, .support-faq-list summary i::after { position: absolute; top: 50%; left: 50%; width: 0.85rem; height: 1px; background: var(--support-deep); content: ""; transform: translate(-50%, -50%); }
.support-faq-list summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform 180ms ease; }
.support-faq-list details[open] summary i::after { transform: translate(-50%, -50%); }
.support-faq-list details > p { margin: -0.25rem 3.7rem 0 0; padding: 0 0 1.7rem; color: #5b6260; font-size: var(--text-support); line-height: 1.72; }

/* CTA and related links remain shared wayfinding, but keep the page palette. */
.support-final { padding: var(--section-space-cta) 0; background: #ded8e4; }
.support-final-inner { display: grid; align-items: center; grid-template-columns: minmax(390px, 0.95fr) minmax(280px, 0.62fr) auto; gap: 2.5rem clamp(2.5rem, 5vw, 5rem); }
.support-final h2 { max-width: 17ch; margin: 0; }
.support-final-inner > p { max-width: 560px; margin: 0; color: #555d5b; font-size: var(--text-support); line-height: 1.7; }
.support-final-actions { display: grid; justify-items: start; gap: 0.7rem; }
.support-final-actions > a { min-height: 2.75rem; color: var(--support-deep); font-size: var(--text-action); font-weight: 560; text-decoration: underline; text-underline-offset: 0.27rem; }
.support-next { padding: clamp(3.5rem, 6vw, 5.5rem) 0; border-top: 1px solid rgba(32, 38, 37, 0.13); background: #e1ded9; }
.support-next-inner { display: grid; align-items: center; grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr); gap: clamp(2.5rem, 7vw, 7rem); }
.support-next-inner > div { display: grid; }
.support-next-inner > div strong { max-width: 480px; font-size: clamp(1.5rem, 2vw, 2.15rem); font-weight: 550; letter-spacing: -0.03em; line-height: 1.14; }
.support-next nav { display: grid; border-top: 1px solid rgba(32, 38, 37, 0.15); }
.support-next nav a { display: flex; min-height: 3.9rem; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(32, 38, 37, 0.15); color: #3f4544; font-size: var(--text-action); font-weight: 600; }
.support-next nav a span { color: var(--support-teal); transition: transform 180ms ease; }
.support-next nav a:hover span { transform: translate(0.2rem, -0.2rem); }

@keyframes support-hero-drift { to { transform: translate(4rem, -2rem) rotate(18deg); } }

@media (max-width: 1120px) {
  .support-hero-heading, .support-signals-intro, .support-environment-heading, .support-translation-heading, .support-faq-heading, .support-next-inner { grid-template-columns: 1fr; }
  .support-hero-intro { max-width: 820px; }
  .support-signals-intro, .support-environment-heading, .support-translation-heading, .support-faq-heading { gap: 3rem; }
  .support-signal-wall article { grid-template-columns: 6rem minmax(0, 1fr); }
  .support-signal-answer { grid-column: 2; }
  .support-environment-map { grid-template-areas: "owner owner" "website website" "email licenses" "domain hosting" "base base"; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .support-environment-owner { min-height: 15rem; }
  .support-environment-base { grid-template-columns: 1fr; }
  .support-dictionary > div { grid-template-columns: 1fr; gap: 1rem; }
  .support-final-inner { grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr); }
  .support-final-actions { grid-column: 2; }
}

@media (max-width: 860px) {
  .support-one-contact { min-height: 28rem; }
  .support-contact-orbit { height: 26rem; }
  .support-signal-wall article { min-height: 0; grid-template-columns: 1fr; gap: 1.25rem; }
  .support-signal-meta { display: flex; align-items: center; justify-content: space-between; }
  .support-signal-answer { grid-column: 1; }
  .support-environment-owner { min-height: 16rem; }
  .support-dictionary { grid-template-columns: 1fr; }
  .support-case-route { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 0; }
  .support-case-route::before { display: none; }
  .support-case-route li { padding-top: 2rem; }
  .support-faq-columns { grid-template-columns: 1fr; gap: 0; }
  .support-faq-list + .support-faq-list { border-top: 0; }
  .support-final-inner { grid-template-columns: 1fr; }
  .support-final-actions { grid-column: 1; }
}

@media (max-width: 620px) {
  .support-service-page .nav-trigger.is-current::after { display: none; }
  .support-hero { padding-top: calc(var(--header-height) + 1.5rem); padding-bottom: 4rem; }
  .support-breadcrumbs { margin-bottom: 2rem; }
  .support-hero h1 { font-size: clamp(2.65rem, 11.2vw, 3.35rem); }
  .support-hero-intro > p { font-size: 1rem; }
  .support-hero-actions { align-items: stretch; flex-direction: column; }
  .support-hero-actions .button, .support-phone { width: 100%; }
  .support-one-contact { min-height: 23rem; margin-top: 3rem; }
  .support-contact-orbit { height: 21.5rem; }
  .support-contact-orbit::before { width: 72%; height: 58%; box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0.08); }
  .support-contact-orbit::after { width: 48%; height: 36%; }
  .support-contact-anchor { width: 8.7rem; }
  .support-contact-anchor small { font-size: 0.61rem; }
  .support-contact-anchor strong { font-size: 1.35rem; }
  .support-contact-anchor span { font-size: 0.68rem; }
  .support-contact-node { width: 5.4rem; padding: 0.45rem; font-size: 0.68rem; }
  .support-contact-node::before { top: 0.6rem; }
  .support-contact-node.is-hosting { left: 16%; }
  .support-contact-node.is-domain { right: 16%; }
  .support-signals { padding-top: var(--section-space); }
  .support-signals-intro { padding-bottom: 3rem; }
  .support-signal-wall article { padding-block: 2.5rem; }
  .support-signal-question { font-size: var(--type-card-title-large); }
  .support-environment, .support-translation, .support-faq { padding-block: var(--section-space); }
  .support-environment-map {
    border-radius: 1.5rem;
    grid-template-areas:
      "owner owner"
      "website website"
      "email licenses"
      "domain hosting"
      "base base";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .support-environment-owner { min-height: 15rem; }
  .support-area, .support-environment-base { min-height: 0; border-left: 0; }
  .support-area { padding: 1.05rem; }
  .support-area-licenses,
  .support-area-hosting { border-left: 1px solid rgba(255, 255, 255, 0.13); }
  .support-area h3 { font-size: clamp(1.05rem, 5vw, 1.3rem) !important; line-height: 1.18; }
  .support-area p { margin-top: 0.55rem; font-size: 0.82rem; line-height: 1.5; }
  .support-environment-base { grid-template-columns: 1fr; }
  .support-dictionary { border: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
  .support-dictionary > div {
    min-height: 0;
    padding: 1.1rem;
    border: 1px solid rgba(23, 63, 61, 0.16);
    border-radius: 1rem;
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
  .support-dictionary > div:nth-child(n + 3) { grid-column: span 2; }
  .support-dictionary dt { font-size: clamp(1.55rem, 7vw, 2rem); overflow-wrap: anywhere; }
  .support-dictionary dd strong { font-size: 0.92rem; }
  .support-dictionary dd p { margin-top: 0.55rem; font-size: 0.84rem; line-height: 1.55; }
  .support-case-route { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
  .support-case-route li {
    min-height: 6.8rem;
    padding: 2.7rem 0.85rem 0.9rem;
    border: 1px solid rgba(23, 63, 61, 0.14);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.42);
    font-size: 0.9rem;
  }
  .support-case-route li::before { top: 1rem; left: 1rem; }
  .support-faq-list summary { min-height: 5rem; gap: 1rem; }
  .support-faq-list summary i { width: 2.5rem; }
  .support-faq-list details > p { margin-right: 0; }
  .support-final-actions, .support-final-actions .button { width: 100%; }
  .support-next { padding-block: 3.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .support-hero-depth::after { animation: none; }
  .support-phone span, .support-next nav a span { transition: none; }
}