/* A product-evidence-led composition for the regional service guide only. */
.regional-showcase { --content: min(1240px, calc(100% - 64px)); }
.regional-showcase :is(a, button, select, summary):focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
.regional-showcase [id] { scroll-margin-top: 94px; }
.regional-showcase .search-nav { padding-inline: max(32px, calc((100vw - 1240px) / 2)); }
.regional-showcase .editorial-breadcrumb { margin-top: 16px; }
.regional-showcase .editorial-breadcrumb a { min-height: 44px; }
.regional-intro-stage { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 44px; align-items: center; width: var(--content); margin: 0 auto; padding: 48px 0 68px; }
.regional-intro-copy { min-width: 0; }
.regional-intro-copy h1 { margin: 23px 0; font-size: clamp(2.05rem, 3.18vw, 2.88rem); font-weight: 720; line-height: 1.22; letter-spacing: -.055em; word-break: keep-all; }
.regional-intro-copy h1 span { display: block; }
.regional-intro-copy .search-lede { font-size: 1rem; line-height: 1.85; }
.regional-intro-copy .search-actions { gap: 8px; margin-top: 28px; }
.regional-intro-copy .search-actions a { gap: 20px; min-height: 52px; padding-inline: 17px; font-size: .88rem; }
.regional-origin { max-width: 26rem; margin: 22px 0 0; color: var(--copy); font-size: .79rem; line-height: 1.75; word-break: keep-all; }
.regional-hero-proof { min-width: 0; margin: 0; }
.regional-proof-heading { display: flex; justify-content: space-between; gap: 12px; padding: 0 0 12px; color: var(--copy); font-size: .75rem; line-height: 1.5; }
.regional-proof-heading span:first-child { color: var(--ink); font-weight: 750; }
.regional-hero-proof > a { display: block; box-shadow: 0 18px 40px -24px rgba(16,26,43,.4); }
.regional-hero-proof img { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; }
.regional-hero-proof figcaption { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding-top: 13px; font-size: .78rem; line-height: 1.65; color: var(--copy); }
.regional-hero-proof figcaption > a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 9px; min-height: 44px; margin-top: -9px; color: var(--ink); font-weight: 700; text-underline-offset: 4px; }
.regional-value-strip { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 26px; width: var(--content); margin: 0 auto; padding: 22px 0; border-block: 1px solid var(--line); }
.regional-value-strip p { display: flex; gap: 16px; align-items: baseline; margin: 0; font-size: .86rem; font-weight: 600; line-height: 1.7; word-break: keep-all; }
.regional-value-strip span { color: var(--blue); font-size: .75rem; font-weight: 750; }
.regional-showcase .search-section { padding-block: clamp(68px, 7vw, 100px); }
.regional-showcase #examples { border-top: 0; }
.regional-showcase .search-section > header { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: end; }
.regional-showcase .search-section > header .search-kicker { margin: 0 0 16px; color: var(--blue); font-size: .72rem; line-height: 1.6; }
.regional-showcase .search-section h2 { font-size: clamp(1.85rem, 2.8vw, 2.55rem); line-height: 1.27; }
.regional-showcase .search-section > header > p { font-size: .97rem; }
.regional-demo-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.regional-demo-image { display: block; overflow: hidden; background: #ece8df; }
.regional-demo-image img { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; transition: opacity 180ms ease; }
.regional-demo-image:hover img { opacity: .92; }
.regional-demo-caption { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding-top: 20px; }
.regional-demo-caption p { margin: 0 0 7px; color: var(--copy); font-size: .76rem; }
.regional-demo-caption h3 { margin: 0; font-size: 1.13rem; line-height: 1.5; font-weight: 680; letter-spacing: -.03em; word-break: keep-all; }
.regional-demo-caption > a { display: inline-flex; flex: 0 0 auto; gap: 12px; align-items: center; min-height: 44px; margin-top: 5px; font-size: .8rem; font-weight: 700; text-underline-offset: 4px; }
.regional-demo-note { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 26px; }
.regional-demo-note p { max-width: 42rem; margin: 0; color: var(--copy); font-size: .77rem; line-height: 1.75; word-break: keep-all; }
.regional-demo-note .editorial-text-link { flex: 0 0 auto; margin: 0; font-size: .85rem; }
.regional-industry-links { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.regional-industry-links a { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 44px; color: var(--copy); font-size: .83rem; text-underline-offset: 4px; }
.regional-industry-links a > span:not([aria-hidden]) { font-size: .75rem; }
.regional-operation-band { padding: 76px 0 0; background: var(--ink); color: var(--surface); }
.regional-operation-inner { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 76px; align-items: center; width: var(--content); margin: 0 auto; }
.regional-operation-copy .search-kicker { color: #9dbaff; }
.regional-operation-copy h2 { margin: 22px 0; font-size: clamp(1.9rem, 3.1vw, 2.7rem); font-weight: 690; line-height: 1.27; letter-spacing: -.04em; word-break: keep-all; }
.regional-operation-copy > p:not(.search-kicker) { max-width: 27rem; color: #c4cbd6; font-size: .96rem; line-height: 1.85; word-break: keep-all; }
.regional-operation-scope { margin: 32px 0 0; }
.regional-operation-scope > div { padding: 16px 0; border-top: 1px solid rgba(255,253,249,.18); }
.regional-operation-scope dt { color: #9dbaff; font-size: .77rem; font-weight: 700; }
.regional-operation-scope dd { margin: 8px 0 0; font-size: .96rem; line-height: 1.7; word-break: keep-all; }
.regional-operation-copy > p.regional-operation-boundary { margin-top: 24px; font-size: .77rem; line-height: 1.75; }
.regional-trial { min-width: 0; padding: 30px; background: var(--surface); color: var(--ink); border-radius: 8px; }
.regional-trial-title { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; font-size: .75rem; font-weight: 700; }
.regional-trial-title span:last-child { color: var(--copy); font-size: .7rem; font-weight: 500; }
.regional-trial h3 { margin: 0 0 10px; font-size: 1.25rem; font-weight: 700; letter-spacing: -.03em; }
.regional-trial > p { margin: 0; color: var(--copy); font-size: .84rem; line-height: 1.7; word-break: keep-all; }
.regional-trial form { margin-top: 24px; }
.regional-trial label { display: block; margin-bottom: 9px; font-size: .8rem; font-weight: 700; }
.regional-trial-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.regional-trial-controls select, .regional-trial-controls button { min-width: 0; min-height: 48px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: var(--surface); font: inherit; font-size: .88rem; }
.regional-trial-controls button { border-color: var(--blue); background: var(--blue); color: #fff; font-weight: 700; cursor: pointer; }
.regional-trial-controls button:disabled { border-color: var(--line); background: #f0eee8; color: var(--copy); cursor: default; }
.regional-trial-status { min-height: 1.8em; margin: 10px 0 18px; color: var(--copy); font-size: .76rem; line-height: 1.7; }
.regional-trial-preview { padding: 22px; border-left: 3px solid var(--blue); background: #f1eee5; }
.regional-trial-preview > div { display: flex; justify-content: space-between; color: var(--copy); font-size: .7rem; }
.regional-trial-preview h4 { margin: 22px 0 6px; font-size: 1.2rem; font-weight: 720; letter-spacing: -.03em; }
.regional-trial-preview > p { margin: 0; color: var(--copy); font-size: .76rem; line-height: 1.7; }
.regional-trial-preview dl { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line); }
.regional-trial-preview dl > div { display: flex; justify-content: space-between; gap: 20px; font-size: .85rem; line-height: 1.7; }
.regional-trial-preview dt { color: var(--copy); }
.regional-trial-preview dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 750; }
.regional-trial-preview.is-updated dd { animation: regional-hours-saved 240ms ease-out; }
.regional-trial > p.regional-trial-disclaimer { margin-top: 18px; font-size: .73rem; }
.regional-connected { display: flex; justify-content: space-between; align-items: center; gap: 32px; width: var(--content); margin: 48px auto 0; padding: 24px 0; border-top: 1px solid rgba(255,253,249,.18); }
.regional-connected p { margin: 0; color: #c4cbd6; font-size: .83rem; line-height: 1.8; word-break: keep-all; }
.regional-connected strong { color: var(--surface); font-weight: 650; }
.regional-connected a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 18px; min-height: 44px; font-size: .8rem; text-underline-offset: 4px; }
.regional-showcase #price { border-top: 0; }
.regional-showcase .regional-plans { gap: 32px; }
.regional-showcase .regional-plans article { padding: 28px 32px; border: 1px solid var(--line); border-top: 3px solid var(--ink); background: var(--surface); }
.regional-showcase .regional-plans article:last-child { border-top-color: var(--blue); }
.regional-plan-action { display: flex; justify-content: space-between; align-items: center; min-height: 52px; gap: 20px; margin-top: 24px; padding: 12px 16px; border-radius: 6px; background: var(--ink); color: var(--surface); text-decoration: none; font-size: .9rem; font-weight: 700; }
.regional-plans article:last-child .regional-plan-action { background: var(--blue); }
.regional-showcase .regional-plans .editorial-text-link { margin-top: 8px; font-size: .83rem; }
.regional-build-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin: 0; padding: 0; list-style: none; }
.regional-build-steps li { padding-top: 24px; border-top: 1px solid var(--ink); }
.regional-build-steps li > span { color: var(--blue); font-size: .83rem; font-weight: 750; }
.regional-build-steps h3 { margin: 26px 0 12px; font-size: 1.2rem; font-weight: 700; line-height: 1.5; letter-spacing: -.03em; word-break: keep-all; }
.regional-build-steps p { margin: 0; color: var(--copy); font-size: .92rem; line-height: 1.85; word-break: keep-all; }
.regional-materials-detail { margin-top: 36px; padding: 22px 24px; background: #ece9e1; }
.regional-materials-detail summary { min-height: 44px; padding-block: 10px; font-size: .96rem; font-weight: 700; cursor: pointer; }
.regional-materials-detail dl { margin: 16px 0 0; }
.regional-materials-detail dl > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 24px; padding: 12px 0; border-top: 1px solid var(--line); font-size: .88rem; line-height: 1.75; }
.regional-materials-detail dt { font-weight: 650; }
.regional-materials-detail dd { margin: 0; color: var(--copy); word-break: keep-all; }
.regional-showcase .search-faq details { padding-block: 16px; }
.regional-showcase .search-faq summary { min-height: 44px; padding-block: 10px; }
.regional-showcase .editorial-final { padding-block: 60px 78px; }
.regional-showcase .editorial-final h2 { font-size: clamp(1.9rem, 3vw, 2.7rem); }
@keyframes regional-hours-saved { from { opacity: .4; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1100px) {
  .regional-intro-stage { gap: 28px; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
  .regional-intro-copy h1 { font-size: clamp(1.95rem, 3.1vw, 2.4rem); }
  .regional-desktop-break { display: none; }
  .regional-operation-inner { gap: 36px; }
  .regional-trial { padding: 26px; }
  .regional-connected { align-items: start; }
  .regional-connected a { max-width: 230px; flex-shrink: 1; word-break: keep-all; line-height: 1.7; }
}
@media (max-width: 860px) {
  .regional-showcase { --content: calc(100% - 48px); }
  .regional-showcase .search-nav { padding-inline: 24px; }
  .regional-intro-stage { grid-template-columns: 1fr; gap: 40px; padding-top: 34px; }
  .regional-intro-copy h1 { font-size: clamp(2.1rem, 5vw, 2.75rem); }
  .regional-intro-copy .search-lede { max-width: 34rem; }
  .regional-hero-proof { width: 100%; }
  .regional-showcase .search-section > header { grid-template-columns: 1fr; gap: 20px; }
  .regional-value-strip { gap: 10px 28px; }
  .regional-demo-caption { display: block; }
  .regional-demo-caption > a { margin-top: 7px; }
  .regional-demo-note { display: block; }
  .regional-demo-note .editorial-text-link { margin-top: 10px; }
  .regional-operation-inner { grid-template-columns: 1fr; gap: 36px; }
  .regional-operation-copy > p:not(.search-kicker) { max-width: 36rem; }
  .regional-operation-scope { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .regional-trial { max-width: 650px; width: 100%; }
  .regional-build-steps { gap: 24px; }
}
@media (max-width: 560px) {
  .regional-showcase { --content: calc(100% - 32px); }
  .regional-showcase .search-nav { padding-inline: 16px; }
  .regional-showcase .editorial-breadcrumb { margin-top: 6px; font-size: .67rem; }
  .regional-intro-stage { gap: 30px; padding: 24px 0 34px; }
  .regional-intro-copy .search-kicker { font-size: .69rem; }
  .regional-intro-copy h1 { margin: 18px 0; font-size: clamp(1.72rem, 7.45vw, 2.05rem); letter-spacing: -.045em; line-height: 1.25; }
  .regional-intro-copy .search-lede { font-size: .94rem; line-height: 1.75; }
  .regional-intro-copy .search-actions { display: flex; gap: 10px; margin-top: 22px; }
  .regional-intro-copy .search-actions a { min-height: 48px; padding-inline: 14px; font-size: .8rem; gap: 10px; }
  .regional-origin { margin-top: 16px; font-size: .72rem; }
  .regional-proof-heading { font-size: .69rem; }
  .regional-hero-proof figcaption { display: block; padding-top: 10px; font-size: .74rem; }
  .regional-hero-proof figcaption > span { display: block; }
  .regional-hero-proof figcaption > a { margin-top: 0; }
  .regional-value-strip { display: grid; gap: 12px; padding-block: 20px; }
  .regional-value-strip p { font-size: .81rem; gap: 16px; }
  .regional-showcase .search-section { padding-block: 54px; }
  .regional-showcase .search-section h2 { font-size: 1.72rem; }
  .regional-showcase .search-section > header > p { font-size: .92rem; }
  .regional-showcase .search-section > header .search-kicker { margin-bottom: 12px; }
  .regional-demo-gallery { grid-template-columns: 1fr; gap: 32px; }
  .regional-demo-caption { display: flex; gap: 16px; padding-top: 14px; }
  .regional-demo-caption h3 { font-size: 1rem; }
  .regional-demo-caption > a { font-size: .76rem; gap: 8px; }
  .regional-demo-note { margin-top: 22px; }
  .regional-operation-band { padding-top: 52px; }
  .regional-operation-copy h2 { margin-block: 18px; font-size: 1.85rem; }
  .regional-operation-copy > p:not(.search-kicker) { font-size: .92rem; }
  .regional-operation-scope { display: block; margin-top: 24px; }
  .regional-trial { padding: 22px 18px; }
  .regional-trial-controls select, .regional-trial-controls button { min-height: 52px; padding-inline: 11px; font-size: .82rem; }
  .regional-trial-preview { padding: 20px 16px; }
  .regional-trial-preview dl > div { font-size: .82rem; }
  .regional-connected { display: block; margin-top: 32px; }
  .regional-connected a { max-width: none; margin-top: 10px; font-size: .77rem; }
  .regional-showcase .regional-plans { gap: 24px; }
  .regional-showcase .regional-plans article { padding: 24px; }
  .regional-build-steps { grid-template-columns: 1fr; gap: 26px; }
  .regional-build-steps li { display: grid; grid-template-columns: 28px 1fr; gap: 8px 14px; padding-top: 20px; }
  .regional-build-steps li > span { padding-top: 4px; }
  .regional-build-steps h3 { margin: 0; font-size: 1.1rem; }
  .regional-build-steps p { grid-column: 2; font-size: .88rem; }
  .regional-materials-detail { padding: 12px 18px; }
  .regional-materials-detail dl > div { grid-template-columns: 1fr; gap: 4px; font-size: .85rem; }
  .regional-showcase .editorial-final { padding-block: 46px 60px; }
  .regional-showcase .editorial-final h2 { font-size: 1.8rem; }
  .regional-showcase .editorial-final > a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .regional-demo-image img { transition: none; }
  .regional-trial-preview.is-updated dd { animation: none; }
}