/* Feature destinations shared by the UK and US product tours. */
.platform-page .nav-inner { max-width: 1280px; width: calc(100% - 48px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 22px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(42,27,46,.9); backdrop-filter: blur(16px); }
.platform-page .logo-img { display: block; width: auto; height: 28px; }
.platform-page .hero { padding: 160px 0 64px; }
.platform-hero-inner { text-align: center; }
.platform-eyebrow { color: #e9bc76; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 22px; }
.platform-hero-inner h1 { font-size: clamp(36px,5vw,64px); line-height: 1.12; letter-spacing: -.035em; margin-bottom: 24px; }
.platform-hero-inner h1 span { color: #e9bc76; }
.platform-hero-inner > p:not(.platform-eyebrow) { max-width: 760px; margin: 0 auto 28px; font-size: 19px; line-height: 1.65; color: #e3d9e3; }
.platform-back { color: white; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
.platform-jump { position: sticky; top: 0; z-index: 60; background: #fffdf9; border-bottom: 1px solid #e3d8cd; }
.platform-jump .container { display: flex; justify-content: center; gap: 12px 24px; padding-top: 16px; padding-bottom: 16px; }
.platform-jump a { padding: 10px 14px; color: #4d325b; font-size: 15px; font-weight: 600; border-radius: 8px; text-decoration: underline; text-underline-offset: 5px; }
.platform-jump a:hover { background: #f1e9f3; }
.platform-feature { padding: 76px 0; border-bottom: 1px solid #e3d8cd; scroll-margin-top: 78px; }
.platform-feature:nth-of-type(odd) { background: #f6f0e8; }
.platform-feature .section-eyebrow { color: #795125; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 22px; }
.platform-feature-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 64px; }
.platform-copy h2 { font-size: clamp(30px,3.2vw,42px); line-height: 1.15; letter-spacing: -.025em; margin-bottom: 22px; }
.platform-copy p { color: #5c515b; font-size: 16px; line-height: 1.65; }
.platform-copy .platform-intro { font-size: 18px; }
.platform-copy h3 { font-size: 18px; line-height: 1.35; margin: 24px 0 8px; }
.platform-example { min-width: 0; }
.platform-page[data-region="uk"] #knowledge .tour-screen img { transform: scale(1.6); transform-origin: 61% 54%; }
.platform-use { padding: 20px 24px; background: #fffdf9; border: 1px solid #e3d8cd; border-radius: 12px; margin-top: 24px; }
.platform-use p { color: #4d325b; font-size: 17px; line-height: 1.5; }
.platform-use .platform-use-label { color: #795125; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px; }
.platform-connection { max-width: 820px; border-left: 3px solid #bf884a; padding-left: 18px; margin-top: 36px; color: #5c515b; font-size: 15px; line-height: 1.6; }
.platform-cta { padding: 64px 0; background: #35263a; color: white; text-align: center; }
.platform-cta h2 { font-size: clamp(30px,3.5vw,44px); line-height: 1.2; margin-bottom: 20px; }
.platform-cta h2 span { color: #e9bc76; }
.platform-cta p { font-size: 18px; color: #e3d9e3; line-height: 1.6; margin-bottom: 28px; }
.platform-audience { color: white; text-decoration: underline; text-underline-offset: 5px; margin-left: 24px; }
.platform-page main a:focus-visible { outline: 3px solid #794695; outline-offset: 5px; }
.platform-page .hero a:focus-visible, .platform-cta a:focus-visible { outline-color: #e9bc76; }
@media (max-width: 900px) {
  .platform-feature-grid { grid-template-columns: 1fr; gap: 32px; }
  .platform-feature { padding: 56px 0; }
  .platform-example { max-width: 660px; width: 100%; margin: 0 auto; }
  .platform-page .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 640px) {
  .platform-page .nav-inner { width: calc(100% - 24px); gap: 8px; padding: 10px 12px; }
  .platform-page .logo-img { height: 24px; }
  .platform-page .hero { padding: 130px 0 44px; }
  .platform-hero-inner > p:not(.platform-eyebrow) { font-size: 17px; }
  .platform-jump .container { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 8px; padding-top: 8px; padding-bottom: 8px; }
  .platform-jump a { font-size: 13px; padding: 10px 6px; text-align: center; }
  .platform-feature { padding: 44px 0; scroll-margin-top: 108px; }
  .platform-copy .platform-intro { font-size: 17px; }
  .platform-use { padding: 18px; }
  .platform-page .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .platform-audience { display: block; margin: 24px 0 0; }
}
@media (max-width: 360px) { .platform-page .nav-end > .btn { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }