/* Structural frame: advanced menu settings decide which page regions stick. */
body:not([data-has-utility="true"]) {
  --website-utility-bar-offset: 0px;
  --website-sticky-top-offset: 0px;
}
body[data-has-utility="true"] {
  --website-utility-bar-offset: 58px;
  --website-sticky-top-offset: 58px;
}
.utilityBar {
  position: sticky;
  top: 0;
  z-index: 1800;
}
.siteHeader {
  position: var(--website-menu-header-position);
  top: var(--website-menu-header-top);
  z-index: 1600;
  overflow: visible;
}
.topBar {
  position: relative;
  z-index: 1200;
}
body[data-menu-position="top"] .siteHeader {
  position: relative;
  top: auto;
}
.navBar {
  position: var(--website-menu-nav-position);
  top: var(--website-sticky-top-offset);
  z-index: 1050;
}
body[data-menu-position="top"] .navBar {
  position: var(--website-menu-nav-position);
  top: var(--website-sticky-top-offset);
}
.siteFooter {
  position: var(--website-footer-position);
  bottom: 0;
  z-index: 1040;
}
@media (min-width: 901px) {
  body[data-menu-position="left"] .siteHeader,
  body[data-menu-position="right"] .siteHeader {
    position: fixed;
    top: var(--website-sticky-top-offset);
    height: calc(100vh - var(--website-sticky-top-offset));
    height: calc(100dvh - var(--website-sticky-top-offset));
  }
}
@media (max-width: 900px) {
  /* Keep mobile product and checkout content fully visible above the footer. */
  .siteFooter {
    position: relative;
    bottom: auto;
  }
  .utilityBar {
    display: block;
  }
  body[data-has-utility="true"] {
    --website-utility-bar-offset: 34px;
    --website-sticky-top-offset: 34px;
  }
  .utilityBarInner {
    min-height: 28px;
    padding: 2px 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: center;
    gap: 8px;
  }
  .utilityLogoWrap {
    width: 28px;
    height: 28px;
  }
  .utilityLogoWrap img {
    width: 22px;
    height: 24px;
  }
  .utilityBrandTitle {
    max-width: min(220px, 62vw);
    font-size: 15px;
  }
  .utilitySlotLeft { justify-content:flex-start; }
  .utilitySlotRight { justify-content:flex-end; }
  .topBar { padding: 8px 10px; }
  .brandRow {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    justify-content: stretch;
    gap: 9px;
    max-width: none;
  }
  .navBurgerTop {
    display: flex;
    grid-column: 1;
    grid-row: 1;
  }
  .brandMain {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
  }
  .logoWrap {
    width: min(var(--website-menu-logo-size), 42px);
    height: min(var(--website-menu-logo-size), 42px);
    flex: 0 0 auto;
  }
  .logoWrap img {
    width: min(var(--website-menu-logo-image-width), 34px);
    height: min(var(--website-menu-logo-image-height), 36px);
  }
  .brandTitle {
    min-width: 0;
    font-size: 18px;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }
  .siteHeaderActions {
    grid-column: 3;
    grid-row: 1;
    gap: 2px;
    min-width: max-content;
  }
  .mobileHeaderActions { display: none; }
  .utilityBar .siteHeaderActions { display: flex; }
  .siteLanguage { flex-direction: row; align-items: center; }
  .siteLanguageButton,
  .siteHeaderAction {
    height: 34px;
  }
  .siteLanguageButton { width: auto; min-width: 34px; gap: 5px; padding: 0 6px; }
  .siteHeaderAction { width: 34px; }
  .siteBackendAction { display: none; }
  .siteAccountBackendOption { display: flex; }
  .navMobileBar { display: none; }
  .nav { padding: 0; }
  .navRoot {
    display: none !important;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  .navRoot.is-open {
    display: flex !important;
    padding: 8px 0;
  }
  .navItem { width: 100%; }
  .navLink,
  .navBtn {
    width: 100%;
    justify-content: space-between;
    padding: 14px 16px;
  }
  .navDropdown {
    position: static;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0 0 0 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .navItem.hasChildren:hover > .navDropdown,
  .navItem.hasChildren:focus-within > .navDropdown { display: none; }
  .navItem.open > .navDropdown { display: block; }
}

.siteAccessibilityAction.is-active {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.accessibilityPanel {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2400;
  width: min(390px, calc(100vw - 28px));
  max-height: min(720px, calc(100dvh - 36px));
  overflow: auto;
}
.accessibilityPanel[hidden] { display: none; }
.accessibilityPanelHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 24px 28px;
  border-bottom: 1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
}
.accessibilityPanel h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.15;
  color: var(--website-color-heading);
  font-weight: 850;
}
.accessibilityPanel p {
  margin: 6px 0 0;
  color: color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size: 18px;
  line-height: 1.4;
}
.accessibilityPanelClose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--body-text) 18%, transparent);
  border-radius: 999px;
  background: var(--body-bg);
  color: var(--body-text);
  cursor: pointer;
}
.accessibilityPanelClose svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.accessibilityPanelOptions {
  display: grid;
  gap: 10px;
  padding: 20px 28px;
}
.accessibilityOption {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--body-text) 10%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--body-text) 3%, transparent);
  cursor: pointer;
}
.accessibilityOption input {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: #2563eb;
}
.accessibilityOption strong {
  display: block;
  color: var(--website-color-heading);
  font-size: 18px;
  line-height: 1.25;
}
.accessibilityOption small {
  display: block;
  margin-top: 3px;
  color: color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size: 15px;
  line-height: 1.35;
}
.accessibilityReset {
  width: calc(100% - 56px);
  min-height: 56px;
  margin: 0 28px 28px;
  border: 1px solid color-mix(in srgb, var(--body-text) 18%, transparent);
  border-radius: 14px;
  background: var(--body-bg);
  color: var(--body-text);
  font: inherit;
  font-size: 18px;
  font-weight: 850;
  cursor: pointer;
}
.accessibilityPanel button:focus-visible,
.accessibilityPanel input:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 3px;
}

html[data-cbx-a11y-contrast="true"] {
  --topbar-bg: #000000;
  --topbar-text: #ffffff;
  --nav-bg: #000000;
  --nav-text: #ffffff;
  --nav-active: #ffffff;
  --nav-underline: #ffcc00;
  --body-bg: #ffffff;
  --body-text: #000000;
  --color-primary: #000000;
  --color-primary-text: #ffffff;
  --color-accent: #ffcc00;
  --color-accent-text: #000000;
  --website-color-heading: #000000;
  --website-color-page-title: #000000;
  --website-color-section-title: #000000;
  --website-color-block-title: #000000;
  --website-footer-bg: #000000;
  --website-footer-text: #ffffff;
  --website-button-primary-bg: #000000;
  --website-button-primary-text: #ffffff;
  --website-button-primary-border: #000000;
  --website-button-primary-hover-bg: #ffcc00;
  --website-button-primary-hover-text: #000000;
  --website-button-primary-hover-border: #000000;
  --website-button-secondary-bg: #ffcc00;
  --website-button-secondary-text: #000000;
  --website-button-secondary-border: #000000;
  --website-button-secondary-hover-bg: #000000;
  --website-button-secondary-hover-text: #ffffff;
  --website-button-secondary-hover-border: #000000;
}

html[data-cbx-a11y-contrast="true"] .webshop-product-card {
  background: #ffffff !important;
  color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .page .webshop-product-add {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .webshop-product-add {
  border-color: #000000 !important;
}

.webshop-shelf-dots{display:flex;flex-wrap:wrap;gap:2px;align-items:center;}
.webshop-shelf-dots button{width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent;color:var(--body-text);opacity:.35;font-size:22px;}
.webshop-shelf-dots button[aria-current="true"]{opacity:1;color:var(--color-accent);}



html[data-cbx-a11y-contrast="true"] .siteCartMenu {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
html[data-cbx-a11y-contrast="true"] .webshopCartConfirmation {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
html[data-cbx-a11y-contrast="true"] .siteCartCheckout {
  border-color: #000000 !important;
}

html[data-cbx-a11y-contrast="true"] body,
html[data-cbx-a11y-contrast="true"] .page,
html[data-cbx-a11y-contrast="true"] .block-rich-text,
html[data-cbx-a11y-contrast="true"] .block-placeholder,
html[data-cbx-a11y-contrast="true"] .imported-block,
html[data-cbx-a11y-contrast="true"] .imported-card,
html[data-cbx-a11y-contrast="true"] .clubexLegalPage {
  background-color: #ffffff !important;
  color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .topBar,
html[data-cbx-a11y-contrast="true"] .navBar,
html[data-cbx-a11y-contrast="true"] .utilityBar,
html[data-cbx-a11y-contrast="true"] .siteAccountMenu,
html[data-cbx-a11y-contrast="true"] .siteLanguageMenu {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
html[data-cbx-a11y-contrast="true"] .siteFooter {
  background: #000000 !important;
  color: #ffffff !important;
}
html[data-cbx-a11y-contrast="true"] a,
html[data-cbx-a11y-contrast="true"] button,
html[data-cbx-a11y-contrast="true"] .navLink,
html[data-cbx-a11y-contrast="true"] .navBtn,
html[data-cbx-a11y-contrast="true"] .siteFooter a,
html[data-cbx-a11y-contrast="true"] .siteHeaderAction,
html[data-cbx-a11y-contrast="true"] .siteLanguageButton {
  color: inherit;
}
html[data-cbx-a11y-contrast="true"] .skipLink {
  background: #000000 !important;
  color: #ffffff !important;
}
html[data-cbx-a11y-contrast="true"] .pageSection,
html[data-cbx-a11y-contrast="true"] .pageSectionInner,
html[data-cbx-a11y-contrast="true"] .block,
html[data-cbx-a11y-contrast="true"] .blockWrap,
html[data-cbx-a11y-contrast="true"] .block-placeholder,
html[data-cbx-a11y-contrast="true"] .file-card,
html[data-cbx-a11y-contrast="true"] .standings-table,
html[data-cbx-a11y-contrast="true"] .standings-table th,
html[data-cbx-a11y-contrast="true"] .standings-table td {
  background: #ffffff !important;
  color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .page :where(h1,h2,h3,h4,h5,h6,p,span,strong,b,em,li,td,th,label,figcaption,blockquote,small,div):not(.cbx-btn):not(.cbx-btn *) {
  color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .page a:not(.cbx-btn) {
  color: #000000 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em;
}
html[data-cbx-a11y-contrast="true"] .topBar,
html[data-cbx-a11y-contrast="true"] .topBar a,
html[data-cbx-a11y-contrast="true"] .topBar button,
html[data-cbx-a11y-contrast="true"] .navBar,
html[data-cbx-a11y-contrast="true"] .navBar a,
html[data-cbx-a11y-contrast="true"] .navBar button,
html[data-cbx-a11y-contrast="true"] .utilityBar,
html[data-cbx-a11y-contrast="true"] .utilityBar a,
html[data-cbx-a11y-contrast="true"] .utilityBar button,
html[data-cbx-a11y-contrast="true"] .siteFooter,
html[data-cbx-a11y-contrast="true"] .siteFooter a,
html[data-cbx-a11y-contrast="true"] .siteFooter button {
  color: #ffffff !important;
}
html[data-cbx-a11y-contrast="true"] .page .cbx-btn--primary {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .page .cbx-btn--secondary,
html[data-cbx-a11y-contrast="true"] .page .cbx-btn--outline {
  background: #ffcc00 !important;
  color: #000000 !important;
  border-color: #000000 !important;
}
html[data-cbx-a11y-contrast="true"] .cbx-btn {
  border-color: #000000 !important;
}
html[data-cbx-a11y-text="true"] {
  font-size: 112.5%;
}
html[data-cbx-a11y-spacing="true"] body,
html[data-cbx-a11y-spacing="true"] .block-rich-text,
html[data-cbx-a11y-spacing="true"] .page {
  line-height: 1.75 !important;
}
html[data-cbx-a11y-spacing="true"] .page {
  letter-spacing: 0.01em;
}
html[data-cbx-a11y-font="true"] body,
html[data-cbx-a11y-font="true"] body *:not(svg):not(path) {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
}
html[data-cbx-a11y-links="true"] a {
  text-decoration: underline !important;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
}
html[data-cbx-a11y-motion="true"] *,
html[data-cbx-a11y-motion="true"] *::before,
html[data-cbx-a11y-motion="true"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
}

/* Builder marketing foundation */
html:has(.siteHeader--marketing),
body:has(.siteHeader--marketing) {
  overflow-x: clip;
}
body[data-menu-position] .siteHeader.siteHeader--marketing {
  position: sticky;
  top: var(--website-sticky-top-offset);
  z-index: 1600;
  background: color-mix(in srgb, #ffffff 94%, transparent);
  color: var(--website-color-text, #0d1b2a);
  border-bottom: 1px solid color-mix(in srgb, var(--website-color-text, #0d1b2a) 10%, transparent);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--website-color-text, #0d1b2a) 3%, transparent);
  backdrop-filter: blur(18px) saturate(150%);
}
.marketingHeaderInner {
  width: min(100% - 40px, 1240px);
  min-height: 76px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}
.marketingBrand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--website-color-text, #0d1b2a);
  text-decoration: none;
  font-family: var(--website-font-display), Inter, system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.marketingBrand img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.marketingNavPanel {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
.siteHeader--marketing .nav {
  min-width: 0;
}
.siteHeader--marketing .navRoot {
  position: static;
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  list-style: none;
}
.siteHeader--marketing .navItem {
  position: relative;
}
.siteHeader--marketing .navLink,
.siteHeader--marketing .navBtn {
  min-height: 42px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: var(--website-color-text, #0d1b2a);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.siteHeader--marketing .navLink:hover,
.siteHeader--marketing .navBtn:hover,
.siteHeader--marketing .navItem.open > .navBtn {
  background: color-mix(in srgb, var(--color-accent) 9%, transparent);
  color: var(--color-primary);
}
.siteHeader--marketing .navItem.active > .navLink,
.siteHeader--marketing .navItem.active > .navBtn {
  color: #00756e;
}
.siteHeader--marketing .caret {
  color: currentColor;
  font-size: 11px;
}
.siteHeader--marketing .navDropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 4;
  min-width: 210px;
  margin: 0;
  padding: 8px;
  display: none;
  list-style: none;
  border: 1px solid rgba(11, 23, 57, 0.09);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(11, 23, 57, 0.14);
}
.siteHeader--marketing .navItem.open > .navDropdown,
.siteHeader--marketing .navItem:focus-within > .navDropdown {
  display: grid;
}
.siteHeader--marketing .navDropdown .navLink {
  width: 100%;
  justify-content: flex-start;
}
.marketingNavActions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.siteHeader--marketing .siteLanguageButton,
.marketingLogin,
.marketingPrimaryCta {
  min-height: 42px;
  border-radius: 2px;
}
.siteHeader--marketing .siteLanguageButton {
  width: auto;
  min-width: 42px;
  padding: 0 8px;
  color: var(--website-color-text, #0d1b2a);
  border-color: transparent;
  background: transparent;
}
.marketingLogin {
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  color: var(--website-color-text, #0d1b2a);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.marketingPrimaryCta {
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}
.marketingPrimaryCta:hover {
  background: color-mix(in srgb, var(--color-primary) 88%, #ffffff 12%);
  transform: translateY(-1px);
}
.siteHeader--marketing .navBurger,
.marketingNavOverlay {
  display: none;
}

/* Vereno Live public arena shell */
body[data-menu-position] .siteHeader.siteHeader--arena {
  --arena-header-accent: #00a7a0;
  position: sticky;
  top: var(--website-sticky-top-offset);
  z-index: 1600;
  background: var(--body-bg);
  color: var(--website-color-text, var(--body-text));
  border-bottom: 1px solid color-mix(in srgb, var(--body-text) 10%, transparent);
}
.arenaHeaderInner {
  width: min(100% - 96px, 1440px);
  min-height: 58px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 80px;
}
.arenaBrand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0d1b2a;
  text-decoration: none;
}
.arenaBrandLockup {
  display: block;
  width: 122px;
  height: auto;
}
.arenaBrandModule {
  color: var(--arena-header-accent);
  font-family: var(--website-font-brand-title), var(--website-font-display), "Work Sans", Inter, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1;
}
.arenaNavPanel {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.siteHeader--arena .nav {
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
}
.siteHeader--arena .navRoot {
  position: static;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  list-style: none;
}
.siteHeader--arena .navItem { position: relative; }
.siteHeader--arena .navLink,
.siteHeader--arena .navBtn {
  position: relative;
  min-height: 58px;
  padding: 0 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: var(--website-color-text, var(--body-text));
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.siteHeader--arena .navItem.active > .navLink,
.siteHeader--arena .navItem.active > .navBtn,
.siteHeader--arena .navLink:hover,
.siteHeader--arena .navBtn:hover {
  border: 0;
  background: transparent;
  color: var(--arena-header-accent);
}
.siteHeader--arena .navItem.active > .navLink::after,
.siteHeader--arena .navItem.active > .navBtn::after {
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  height: 2px;
  border-radius: 0;
  background: var(--arena-header-accent);
  content: '';
}
.siteHeader--arena .navDropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 4;
  min-width: 210px;
  margin: 0;
  padding: 8px;
  display: none;
  list-style: none;
  border: 1px solid color-mix(in srgb, var(--body-text) 10%, transparent);
  border-radius: 12px;
  background: var(--body-bg);
  box-shadow: 0 18px 48px color-mix(in srgb, var(--body-text) 14%, transparent);
}
.siteHeader--arena .navItem.open > .navDropdown,
.siteHeader--arena .navItem:focus-within > .navDropdown { display: grid; }
.siteHeader--arena .navDropdown .navLink {
  width: 100%;
  min-height: 44px;
  justify-content: flex-start;
}
.arenaNavActions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--website-color-text, var(--body-text));
}
.siteHeader--arena .siteLanguageButton,
.siteHeader--arena .siteHeaderAction {
  min-height: 44px;
  color: var(--website-color-text, var(--body-text));
}
.siteHeader--arena .siteLanguageButton:hover,
.siteHeader--arena .siteHeaderAction:hover,
.siteHeader--arena .siteHeaderAction[aria-expanded="true"] {
  background: color-mix(in srgb, var(--arena-header-accent) 9%, transparent);
  color: var(--arena-header-accent);
}
.arenaMobileTools,
.arenaSearch { display: none; }
.siteHeader--arena .navBurger,
.siteHeader--arena .marketingNavOverlay { display: none; }

/* Editorial photo hero */
.block-product-hero.block-product-hero--editorial {
  min-height: 640px;
  padding: clamp(52px, 6vw, 84px) 0 clamp(64px, 7vw, 96px);
  grid-template-columns: minmax(360px, .84fr) minmax(540px, 1.16fr);
  gap: clamp(42px, 5vw, 72px);
  color: var(--website-color-text, #0d1b2a);
}
.block-product-hero.block-product-hero--editorial::before,
.block-product-hero.block-product-hero--editorial::after { content: none; }
.editorialHeroCopy { max-width: 590px; }
.editorialHeroEyebrow {
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #00756e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
.editorialHeroEyebrow > span { width: 15px; height: 2px; background: currentColor; }
.editorialHeroTitle {
  margin: 0;
  color: var(--website-color-heading, #0d1b2a);
  font-size: clamp(56px, 5.5vw, 82px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.editorialHeroLead {
  max-width: 560px;
  margin: 26px 0 0;
  color: var(--website-color-muted, #5f6c73);
  font-size: clamp(17px, 1.55vw, 19px);
  line-height: 1.58;
}
.editorialHeroActions { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; }
.editorialHeroButton {
  min-height: 52px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 750;
  text-decoration: none;
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1), background-color 160ms ease, border-color 160ms ease;
}
.editorialHeroButton:active { transform: scale(.97); }
.editorialHeroButton--primary { background: #0d1b2a; color: #fff; }
.editorialHeroButton--primary:hover { background: #162b40; }
.editorialHeroButton--secondary { border-color: #bfc9c6; background: transparent; }
.editorialHeroButton--secondary:hover { border-color: #0d1b2a; }
.editorialHeroQualification {
  margin: 36px 0 0;
  color: var(--website-color-muted, #5f6c73);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.editorialHeroVisual {
  position: relative;
  min-height: 610px;
  margin: 0;
  overflow: hidden;
  background: #0d1b2a;
  clip-path: polygon(0 0, 100% 0, 100% 94%, 51% 100%, 0 94%);
}
.editorialHeroPhotos { position: absolute; inset: 0; }
.editorialHeroContext { position: absolute; inset: 0; overflow: hidden; background: #10283a; }
.editorialHeroContextPhoto { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(.98); }
.editorialHeroContextScreen { position: absolute; left: var(--context-screen-left, 0%); top: var(--context-screen-top, 0%); width: var(--context-screen-width, 0%); height: var(--context-screen-height, 0%); object-fit: fill; border-radius: var(--context-screen-radius, 0); }
.editorialHeroPhoto { position: absolute; display: block; object-fit: cover; filter: saturate(.86) contrast(.98); }
.editorialHeroPhoto--primary { inset: 0 auto 0 0; width: 58%; height: 100%; }
.editorialHeroPhoto--secondary { inset: 0 0 auto auto; width: 42%; height: 50%; }
.editorialHeroPhoto--tertiary { inset: 50% 0 0 auto; width: 42%; height: 50%; }
.editorialHeroPhoto--quaternary { display: none; }
.editorialHeroPhoto--empty { background: linear-gradient(145deg, #25475b, #10283a); }
.editorialHeroPhotos::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(13,27,42,.25), transparent 42%);
  pointer-events: none;
}
.editorialHeroVisualLabel {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 22px;
  padding: 5px 7px;
  background: rgba(13,27,42,.88);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(13,27,42,.55);
}
.editorialHeroBrandMark {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 58%;
  width: 104px;
  height: 78px;
  object-fit: contain;
  transform: translate(-50%, -200%);
  filter: drop-shadow(0 6px 12px rgba(13,27,42,.28));
}
.editorialHeroStory {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 36px;
  width: 42%;
  padding: 22px 24px;
  box-sizing: border-box;
  background: rgba(13,27,42,.94);
  color: #fff;
  backdrop-filter: blur(8px);
}
.editorialHeroStoryEyebrow { margin: 0; color: rgba(255,255,255,.58); font-size: 10px; font-weight: 750; letter-spacing: .14em; }
.editorialHeroStory h2 { margin: 9px 0 17px; color: #fff; font-size: 21px; line-height: 1.15; letter-spacing: -.02em; }
.editorialHeroStory ul { margin: 0; padding: 0; list-style: none; }
.editorialHeroStory li { padding: 10px 0; display: flex; gap: 10px; border-top: 1px solid rgba(255,255,255,.12); font-size: 12px; }
.editorialHeroStory li > span:first-child { color: #00b2a6; font-weight: 900; }
.editorialHeroStory li strong,
.editorialHeroStory li small { display: block; }
.editorialHeroStory li small { margin-top: 3px; color: rgba(255,255,255,.58); }
.editorialHeroStoryFooter { margin-top: 12px; padding: 12px 13px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; color: #0d1b2a; }
.editorialHeroStoryFooter small,
.editorialHeroStoryFooter strong { display: block; }
.editorialHeroStoryFooter small { margin-bottom: 3px; color: #5f6c73; font-size: 9px; letter-spacing: .1em; }
.editorialHeroStoryFooter > span:last-child { color: #00756e; font-size: 20px; }

/* Four-scene composition: an open photo field, not a stack of cards. */
.block-product-hero--editorial-collage .editorialHeroVisual {
  min-height: 540px;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0, 100% 94%, 50% 100%, 0 94%);
}
.block-product-hero--editorial-collage .editorialHeroPhoto {
  width: 50%;
  height: 50%;
}
.block-product-hero--editorial-collage .editorialHeroPhoto--primary { inset: 0 auto auto 0; }
.block-product-hero--editorial-collage .editorialHeroPhoto--secondary { inset: 0 0 auto auto; }
.block-product-hero--editorial-collage .editorialHeroPhoto--tertiary { inset: auto auto 0 0; }
.block-product-hero--editorial-collage .editorialHeroPhoto--quaternary { inset: auto 0 0 auto; display: block; }
.block-product-hero--editorial-collage .editorialHeroPhotos {
  inset: 3px;
  background: #ffffff;
}
.block-product-hero--editorial-collage .editorialHeroPhoto--primary,
.block-product-hero--editorial-collage .editorialHeroPhoto--secondary { border-bottom: 3px solid #ffffff; }
.block-product-hero--editorial-collage .editorialHeroPhoto--primary,
.block-product-hero--editorial-collage .editorialHeroPhoto--tertiary { border-right: 3px solid #ffffff; }
.block-product-hero--editorial-collage .editorialHeroPhotos::after {
  background: linear-gradient(0deg, rgba(13,27,42,.12), transparent 38%);
}
.block-product-hero--editorial-collage .editorialHeroBrandMark {
  top: 50%;
  left: 50%;
  width: 92px;
  height: 70px;
  padding: 12px 14px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  background: #ffffff;
  clip-path: polygon(50% 0, 100% 24%, 88% 78%, 50% 100%, 12% 78%, 0 24%);
  filter: drop-shadow(0 7px 18px rgba(13,27,42,.22));
}

@media (max-width: 980px) {
  .block-product-hero.block-product-hero--editorial { grid-template-columns: 1fr; }
  .editorialHeroCopy { max-width: 680px; }
  .editorialHeroVisual { min-height: 590px; }
}
@media (max-width: 640px) {
  .block-product-hero.block-product-hero--editorial { min-height: 0; padding-top: 42px; gap: 34px; }
  .editorialHeroTitle { max-width: 360px; font-size: clamp(46px, 14vw, 58px); }
  .editorialHeroLead { font-size: 16px; }
  .editorialHeroActions { display: grid; }
  .editorialHeroButton { width: 100%; }
  .editorialHeroQualification { display: none; }
  .editorialHeroVisual { min-height: 485px; clip-path: polygon(0 0, 100% 0, 100% 96%, 50% 100%, 0 96%); }
  .editorialHeroPhoto--primary { inset: 0 0 auto; width: 100%; height: 55%; }
  .editorialHeroPhoto--secondary { inset: 55% auto 0 0; width: 50%; height: 45%; }
  .editorialHeroPhoto--tertiary { inset: 55% 0 0 auto; width: 50%; height: 45%; }
  .editorialHeroBrandMark { top: 55%; left: 50%; width: 72px; height: 54px; transform: translate(-50%, -110%); }
  .editorialHeroStory { right: 0; bottom: 19px; width: 100%; padding: 15px 16px; }
  .editorialHeroStory h2 { margin-bottom: 8px; font-size: 18px; }
  .editorialHeroStory ul { display: none; }
  .block-product-hero--editorial-collage .editorialHeroVisual { min-height: 440px; }
  .block-product-hero--editorial-collage .editorialHeroPhoto--primary,
  .block-product-hero--editorial-collage .editorialHeroPhoto--secondary,
  .block-product-hero--editorial-collage .editorialHeroPhoto--tertiary,
  .block-product-hero--editorial-collage .editorialHeroPhoto--quaternary { width: 50%; height: 50%; }
  .block-product-hero--editorial-collage .editorialHeroPhoto--primary { inset: 0 auto auto 0; }
  .block-product-hero--editorial-collage .editorialHeroPhoto--secondary { inset: 0 0 auto auto; }
  .block-product-hero--editorial-collage .editorialHeroPhoto--tertiary { inset: auto auto 0 0; }
  .block-product-hero--editorial-collage .editorialHeroPhoto--quaternary { inset: auto 0 0 auto; }
  .block-product-hero--editorial-collage .editorialHeroBrandMark { top: 50%; left: 50%; width: 76px; height: 58px; transform: translate(-50%, -50%); }
}

/* Connected areas */
.block-connected-areas {
  position: relative;
  padding: clamp(78px, 9vw, 126px) 0;
  color: var(--website-color-text, #0d1b2a);
}
.pageSection:has(.block-product-hero--editorial) + .pageSection:has(.block-connected-areas) > .pageSectionInner {
  padding-top: 0;
}
.pageSection:has(.block-product-hero--editorial) + .pageSection:has(.block-connected-areas) .block-connected-areas {
  padding-top: clamp(42px, 5vw, 68px);
}
.connectedAreasHeader {
  width: min(100%, 720px);
  margin: 0 auto clamp(52px, 6vw, 78px);
  text-align: center;
}
.connectedAreasEyebrow {
  margin: 0 0 16px;
  color: #00756e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.connectedAreasHeader h2 {
  margin: 0;
  color: var(--website-color-heading, #0d1b2a);
  font-size: clamp(38px, 4.7vw, 62px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.connectedAreasHeader > p:last-child:not(.connectedAreasEyebrow) {
  max-width: 620px;
  margin: 22px auto 0;
  color: var(--website-color-muted, #5f6c73);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.6;
}
.connectedAreasDiagram {
  position: relative;
  min-height: 390px;
  display: grid;
  place-items: center;
}
.connectedAreasCenter {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 190px;
  min-height: 168px;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  clip-path: polygon(50% 0, 100% 18%, 100% 82%, 50% 100%, 0 82%, 0 18%);
  background: var(--color-primary, #0d1b2a);
  color: var(--color-primary-text, #fff);
  text-align: center;
}
.connectedAreasCenter img {
  width: 62px;
  height: 48px;
  margin-bottom: 12px;
  display: block;
  object-fit: contain;
}
.connectedAreasCenterMark {
  width: 46px;
  height: 32px;
  margin-bottom: 13px;
  display: block;
  background: var(--color-accent, #00b2a6);
  clip-path: polygon(0 0, 50% 58%, 100% 0, 86% 42%, 50% 100%, 14% 42%);
}
.connectedAreasCenter strong { font-size: 18px; line-height: 1.15; }
.connectedAreasCenter > span:last-child { margin-top: 5px; color: color-mix(in srgb, currentColor 68%, transparent); font-size: 12px; }
.connectedAreasItems {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-rows: minmax(94px, auto);
  column-gap: 290px;
  row-gap: 22px;
}
.connectedAreaItem {
  position: relative;
  min-width: 0;
  padding: 18px 2px 15px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 13px;
  border-top: 1px solid color-mix(in srgb, var(--website-color-text, #0d1b2a) 16%, transparent);
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms cubic-bezier(.23, 1, .32, 1);
}
.connectedAreaItem::after {
  content: '';
  position: absolute;
  top: -1px;
  width: 145px;
  border-top: 1px dashed color-mix(in srgb, var(--color-accent, #00b2a6) 70%, transparent);
}
.connectedAreaItem:nth-child(odd)::after { right: -145px; }
.connectedAreaItem:nth-child(even)::after { left: -145px; }
.connectedAreaIcon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--color-accent, #00b2a6);
}
.connectedAreaIcon svg { width: 30px; height: 30px; }
.connectedAreaCopy strong,
.connectedAreaCopy small { display: block; }
.connectedAreaCopy strong { font-size: 17px; line-height: 1.2; }
.connectedAreaCopy small { margin-top: 5px; color: var(--website-color-muted, #5f6c73); font-size: 13px; line-height: 1.45; }
.connectedAreaArrow { color: #00756e; font-size: 20px; }
@media (hover: hover) and (pointer: fine) {
  a.connectedAreaItem:hover { border-color: var(--color-accent, #00b2a6); transform: translateY(-2px); }
}
a.connectedAreaItem:active { transform: scale(.98); }

.block-connected-areas--linear .connectedAreasDiagram,
.block-connected-areas--stacked .connectedAreasDiagram { min-height: 0; display: block; }
.block-connected-areas--linear .connectedAreasCenter,
.block-connected-areas--stacked .connectedAreasCenter { position: relative; left: auto; top: auto; margin: 0 auto 42px; transform: none; }
.block-connected-areas--linear .connectedAreasItems { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; }
.block-connected-areas--linear .connectedAreaItem::after,
.block-connected-areas--stacked .connectedAreaItem::after { content: none; }
.block-connected-areas--stacked .connectedAreasItems { max-width: 760px; margin: 0 auto; grid-template-columns: 1fr; row-gap: 8px; }

@media (max-width: 900px) {
  .connectedAreasDiagram { min-height: 0; display: block; }
  .connectedAreasCenter { position: relative; left: auto; top: auto; margin: 0 auto 42px; transform: none; }
  .connectedAreasItems,
  .block-connected-areas--linear .connectedAreasItems { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .connectedAreaItem::after { content: none; }
}
@media (max-width: 600px) {
  .block-connected-areas { padding: 68px 0 74px; }
  .connectedAreasHeader { margin-bottom: 38px; text-align: left; }
  .connectedAreasHeader h2 { font-size: clamp(38px, 12vw, 50px); }
  .connectedAreasCenter { width: 164px; min-height: 146px; margin-bottom: 30px; }
  .connectedAreasItems,
  .block-connected-areas--linear .connectedAreasItems { grid-template-columns: 1fr; row-gap: 6px; }
  .connectedAreaItem { min-height: 86px; }
}

/* Module index */
.block-module-index {
  position: relative;
  padding: clamp(76px, 9vw, 126px) 0;
  color: var(--website-color-text, #0d1b2a);
}
.moduleIndexHeader {
  max-width: 780px;
  margin: 0 0 clamp(48px, 6vw, 76px);
}
.moduleIndexEyebrow {
  margin: 0 0 15px;
  color: #00756e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.moduleIndexHeader h2 {
  margin: 0;
  color: var(--website-color-heading, #0d1b2a);
  font-size: clamp(42px, 5.2vw, 68px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.moduleIndexHeader > p:last-child:not(.moduleIndexEyebrow) {
  max-width: 620px;
  margin: 22px 0 0;
  color: var(--website-color-muted, #5f6c73);
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.6;
}
.moduleIndexLayout {
  display: grid;
  grid-template-columns: minmax(290px, .78fr) minmax(0, 1.35fr);
  gap: clamp(44px, 6vw, 92px);
  align-items: start;
}
.moduleIndexLead {
  position: relative;
  min-height: 500px;
  padding: clamp(34px, 4vw, 54px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 92%, 50% 100%, 0 92%);
  background: var(--color-primary, #0d1b2a);
  color: var(--color-primary-text, #fff);
  text-decoration: none;
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1);
}
.moduleIndexLeadNumber,
.moduleIndexNumber {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
}
.moduleIndexLeadNumber { color: var(--color-accent, #00b2a6); }
.moduleIndexLeadCopy { position: relative; z-index: 1; margin-top: auto; }
.moduleIndexMeta { margin: 0 0 12px; font-size: 12px; }
.moduleIndexMeta span { color: color-mix(in srgb, currentColor 64%, transparent); }
.moduleIndexMeta strong { margin-left: 7px; color: var(--color-accent, #00b2a6); }
.moduleIndexLead h3 {
  margin: 0;
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.05em;
}
.moduleIndexDescription { max-width: 430px; margin: 18px 0 0; color: color-mix(in srgb, currentColor 78%, transparent); font-size: 16px; line-height: 1.55; }
.moduleIndexRelated { margin: 28px 0 0; font-size: 13px; line-height: 1.5; }
.moduleIndexRelated span { display: block; margin-bottom: 5px; color: color-mix(in srgb, currentColor 55%, transparent); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.moduleIndexExplore { margin-top: 26px; display: inline-flex; gap: 10px; align-items: center; font-size: 13px; font-weight: 750; }
.moduleIndexExplore > span { color: var(--color-accent, #00b2a6); font-size: 20px; }
.moduleIndexLeadMark {
  position: absolute;
  top: 38px;
  right: -28px;
  width: 180px;
  height: 118px;
  opacity: .13;
  background: currentColor;
  clip-path: polygon(0 0, 50% 55%, 100% 0, 88% 38%, 50% 100%, 12% 38%);
}
.moduleIndexList { margin: 0; padding: 0; list-style: none; border-top: 1px solid color-mix(in srgb, var(--website-color-text, #0d1b2a) 16%, transparent); }
.moduleIndexList li { margin: 0; }
.moduleIndexItem {
  min-height: 102px;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 38px minmax(130px, .72fr) minmax(190px, 1fr) 24px;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--website-color-text, #0d1b2a) 16%, transparent);
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms cubic-bezier(.23, 1, .32, 1);
}
.moduleIndexNumber { color: #00756e; }
.moduleIndexItemCopy strong,
.moduleIndexItemCopy small,
.moduleIndexItemMeta small,
.moduleIndexItemMeta strong,
.moduleIndexItemMeta span { display: block; }
.moduleIndexItemCopy > strong { color: var(--website-color-heading, #0d1b2a); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.15; }
.moduleIndexItemCopy > small { margin-top: 6px; color: var(--website-color-muted, #5f6c73); font-size: 13px; line-height: 1.4; }
.moduleIndexItemMeta { display: grid; grid-template-columns: minmax(72px, .45fr) minmax(130px, 1fr); align-items: center; column-gap: 14px; }
.moduleIndexItemMeta > small,
.moduleIndexItemMeta span small { color: var(--website-color-muted, #5f6c73); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.moduleIndexItemMeta > strong { color: #00756e; font-size: 12px; }
.moduleIndexItemMeta span { color: var(--website-color-muted, #5f6c73); font-size: 11px; line-height: 1.4; }
.moduleIndexItemMeta span small { margin-bottom: 4px; }
.moduleIndexArrow { color: #00756e; font-size: 20px; }
@media (hover: hover) and (pointer: fine) {
  a.moduleIndexLead:hover { transform: translateY(-3px); }
  a.moduleIndexItem:hover { border-color: var(--color-accent, #00b2a6); transform: translateX(3px); }
}
a.moduleIndexLead:active,
a.moduleIndexItem:active { transform: scale(.985); }
@media (max-width: 900px) {
  .moduleIndexLayout { grid-template-columns: 1fr; }
  .moduleIndexLead { min-height: 420px; }
}
@media (max-width: 620px) {
  .block-module-index { padding: 66px 0 76px; }
  .moduleIndexHeader h2 { font-size: clamp(40px, 12vw, 52px); }
  .moduleIndexLead { min-height: 390px; padding: 32px 26px 44px; }
  .moduleIndexItem { grid-template-columns: 30px minmax(0, 1fr) 20px; gap: 12px; }
  .moduleIndexItemMeta { grid-column: 2 / -1; grid-template-columns: 80px minmax(0, 1fr); margin-top: -6px; }
  .moduleIndexArrow { grid-column: 3; grid-row: 1; }
}

/* Editorial pillars */
.block-editorial-pillars {
  padding: clamp(70px, 8vw, 112px) 0 clamp(82px, 9vw, 126px);
  color: var(--website-color-text, #0d1b2a);
}
.editorialPillarsHeader {
  max-width: 760px;
  margin: 0 auto clamp(48px, 6vw, 72px);
  text-align: center;
}
.editorialPillarsEyebrow {
  margin: 0 0 15px;
  color: #00756e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.editorialPillarsHeader h2 {
  margin: 0;
  color: var(--website-color-heading, #0d1b2a);
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 600;
  line-height: 1.03;
  letter-spacing: -.05em;
  text-wrap: balance;
}
.editorialPillarsHeader > p:last-child:not(.editorialPillarsEyebrow) {
  max-width: 650px;
  margin: 21px auto 0;
  color: var(--website-color-muted, #5f6c73);
  font-size: clamp(16px, 1.45vw, 18px);
  line-height: 1.6;
}
.editorialPillarsGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.editorialPillar {
  min-width: 0;
  padding: 0 clamp(20px, 2.6vw, 38px);
  border-left: 1px solid color-mix(in srgb, var(--website-color-text, #0d1b2a) 12%, transparent);
}
.editorialPillar:first-child { padding-left: 0; border-left: 0; }
.editorialPillar:last-child { padding-right: 0; }
.editorialPillarCopy { min-height: 215px; }
.editorialPillarNumber {
  display: block;
  color: #00756e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
}
.editorialPillar h3 {
  margin: 10px 0 9px;
  color: var(--website-color-heading, #0d1b2a);
  font-size: clamp(28px, 2.8vw, 38px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.04em;
}
.editorialPillarCopy p {
  margin: 0;
  color: var(--website-color-muted, #5f6c73);
  font-size: 15px;
  line-height: 1.55;
}
.editorialPillarCopy a {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: inherit;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  transition: color 160ms ease, transform 160ms cubic-bezier(.23, 1, .32, 1);
}
.editorialPillarCopy a > span { color: var(--color-accent, #00b2a6); font-size: 18px; }
.editorialPillarCopy a:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) {
  .editorialPillarCopy a:hover { color: var(--color-accent, #00b2a6); transform: translateX(2px); }
}
.editorialPillarMedia {
  position: relative;
  height: clamp(260px, 29vw, 390px);
  margin: 24px 0 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--color-primary, #0d1b2a) 10%, var(--body-bg));
  clip-path: polygon(0 0, 100% 0, 100% 92%, 50% 100%, 0 92%);
}
.editorialPillarMedia img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.88) contrast(.98);
}
.editorialPillarMediaFallback {
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 88%, #fff), var(--color-primary));
}
@media (max-width: 820px) {
  .editorialPillarsGrid { grid-template-columns: 1fr; }
  .editorialPillar,
  .editorialPillar:first-child,
  .editorialPillar:last-child {
    padding: 38px 0 0;
    border-top: 1px solid color-mix(in srgb, var(--website-color-text, #0d1b2a) 12%, transparent);
    border-left: 0;
  }
  .editorialPillar:first-child { padding-top: 0; border-top: 0; }
  .editorialPillarCopy { min-height: 0; }
  .editorialPillarMedia { height: clamp(290px, 76vw, 430px); margin-top: 24px; }
}
@media (max-width: 600px) {
  .block-editorial-pillars { padding: 64px 0 76px; }
  .editorialPillarsHeader { margin-bottom: 42px; text-align: left; }
  .editorialPillarsHeader h2 { font-size: clamp(40px, 12vw, 52px); }
  .editorialPillar { padding-top: 34px; }
  .editorialPillar h3 { font-size: 34px; }
}

.blockWrap:has(> .block-product-hero) {
  width: 100%;
}
.pageSection:has(.block-product-hero) {
  overflow: clip;
}
.pageSection:has(.block-product-hero) > .pageSectionInner {
  padding-top: 0;
}
.pageSection:has(.block-product-hero--world) > .pageSectionInner {
  max-width: none;
  padding: 0;
}
.pageSection:has(.block-product-hero--world) .blockWrap {
  margin: 0;
}
.pageSection:has(.block-product-hero) .col {
  margin: 0;
}
.block-product-hero {
  position: relative;
  min-height: 680px;
  margin: 0;
  padding: clamp(74px, 7vw, 104px) 0 clamp(82px, 8vw, 116px);
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
  align-items: center;
  gap: clamp(46px, 6vw, 84px);
  color: #ffffff;
  isolation: isolate;
}
.block-product-hero::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0 -50vw;
  background:
    radial-gradient(circle at 78% 20%, rgba(39, 112, 255, 0.3), transparent 30%),
    radial-gradient(circle at 57% 108%, rgba(26, 167, 136, 0.12), transparent 34%),
    linear-gradient(125deg, #06132e 0%, #0a1c42 55%, #0c2558 100%);
}
.block-product-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0 -50vw;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 100%);
}
.productHeroCopy {
  position: relative;
  z-index: 2;
  max-width: 610px;
}
.productHeroEyebrow {
  margin: 0 0 24px;
  color: #7fb3ff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.14em;
}
.productHeroTitle {
  max-width: 610px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(46px, 5vw, 68px);
  font-weight: 770;
  line-height: 0.99;
  letter-spacing: -0.055em;
  text-wrap: balance;
}
.productHeroLead {
  max-width: 590px;
  margin: 28px 0 0;
  color: #c7d3e9;
  font-size: clamp(17px, 1.65vw, 20px);
  line-height: 1.58;
}
.productHeroActions {
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.productHeroButton {
  min-height: 52px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.productHeroButton--primary {
  background: #2f73ff;
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(23, 91, 238, 0.36);
}
.productHeroButton--primary:hover {
  background: #4a85ff;
  transform: translateY(-2px);
}
.productHeroButton--secondary {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
.productHeroButton--secondary:hover {
  border-color: rgba(255, 255, 255, 0.44);
  background: rgba(255, 255, 255, 0.11);
}
.productHeroQualification {
  margin: 22px 0 0;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #aebdd6;
  font-size: 13px;
  line-height: 1.5;
}
.productHeroQualification > span {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(72, 212, 158, 0.14);
  color: #69e0b2;
  font-size: 12px;
  font-weight: 900;
}
.productHeroVisual {
  position: relative;
  min-height: 520px;
  margin: 0;
  perspective: 1100px;
}
.productHeroGlow {
  position: absolute;
  inset: 5% -4% 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(64, 133, 255, 0.36), rgba(31, 90, 197, 0.12) 48%, transparent 72%);
  filter: blur(24px);
  animation: productHeroGlow 12s ease-in-out infinite alternate;
}
.productHeroBrandMark {
  position: absolute;
  top: -58px;
  right: -74px;
  width: 390px;
  height: 390px;
  object-fit: contain;
  opacity: 0.075;
  transform: rotate(8deg);
}
.productHeroWorkspace {
  position: absolute;
  top: 38px;
  right: 0;
  left: 18px;
  height: 404px;
  overflow: hidden;
  border: 1px solid rgba(172, 197, 240, 0.22);
  border-radius: 19px;
  background: #ffffff;
  box-shadow: 0 38px 90px rgba(0, 5, 20, 0.48), 0 8px 24px rgba(0, 5, 20, 0.2);
  transform: rotateY(-5deg) rotateX(1deg) rotateZ(0.6deg);
  transform-origin: center right;
  animation: productHeroEnter 700ms cubic-bezier(.2,.8,.2,1) both;
}
.productHeroWorkspaceBar {
  height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 15px;
  border-bottom: 1px solid #e5eaf3;
  background: #f8faff;
  color: #182746;
  font-size: 13px;
}
.productHeroWorkspaceBar > strong {
  margin-right: auto;
}
.productHeroWindowDots {
  display: flex;
  gap: 5px;
}
.productHeroWindowDots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bdc9dc;
}
.productHeroLive {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #52607d;
  font-size: 11px;
  font-weight: 750;
}
.productHeroLive i,
.productHeroFloatCard--pos > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #21a36a;
  box-shadow: 0 0 0 4px rgba(33, 163, 106, 0.12);
  animation: productHeroPulse 2.6s ease-in-out infinite;
}
.productHeroWorkspaceMedia {
  height: 350px;
  overflow: hidden;
  background: #ffffff;
}
.productHeroWorkspaceMedia > img {
  width: 100%;
  height: auto;
  display: block;
  transform: translateY(-30px) scale(1.015);
  transform-origin: top center;
}
.productHeroMediaFallback {
  height: 100%;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
  background: #f6f8fc;
}
.productHeroMediaFallback span {
  height: 68px;
  border: 1px solid #e3e9f3;
  border-radius: 12px;
  background: #ffffff;
}
.productHeroDevice {
  position: absolute;
  z-index: 4;
  right: -28px;
  bottom: -12px;
  width: 174px;
  height: 350px;
  overflow: hidden;
  border: 7px solid #071127;
  border-radius: 29px;
  background: #ffffff;
  box-shadow: 0 28px 65px rgba(0, 5, 20, 0.5);
  animation: productHeroFloat 6.5s ease-in-out infinite;
}
.productHeroDeviceBar {
  height: 32px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #071127;
  color: #ffffff;
  font-size: 9px;
}
.productHeroDeviceBar > span {
  width: 36px;
  height: 4px;
  border-radius: 4px;
  background: #31405f;
}
.productHeroDeviceMedia {
  height: 318px;
  overflow: hidden;
}
.productHeroDeviceMedia img {
  width: 100%;
  height: auto;
  display: block;
}
.productHeroFloatIcon {
  display: grid;
  place-items: center;
  color: #155eef;
}
.productHeroFloatIcon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.productHeroFloatCard {
  position: absolute;
  z-index: 3;
  min-width: 220px;
  padding: 15px 17px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(115, 139, 184, 0.22);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 48px rgba(11, 23, 57, 0.18);
  color: #182746;
  animation: productHeroFloat 6s ease-in-out infinite;
}
.productHeroFloatCard--pos {
  display: none;
}
.productHeroFloatCard--builder {
  left: -10px;
  bottom: 6px;
  animation-delay: -3s;
}
.productHeroFloatIcon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 11px;
  background: #edf3ff;
}
.productHeroFloatCard > span:nth-child(2) {
  display: grid;
  gap: 4px;
}
.productHeroFloatCard strong {
  font-size: 12px;
}
.productHeroFloatCard small {
  color: #63708b;
  font-size: 10px;
}
.productHeroFloatCard--pos > i {
  margin-left: auto;
}
@keyframes productHeroEnter {
  from { transform: translateY(22px) rotateY(-5deg) rotateX(1deg) rotateZ(0.6deg); opacity: 0; }
  to { transform: translateY(0) rotateY(-5deg) rotateX(1deg) rotateZ(0.6deg); opacity: 1; }
}
@keyframes productHeroFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
@keyframes productHeroGlow {
  from { transform: translate3d(-2%, 1%, 0) scale(.98); }
  to { transform: translate3d(3%, -2%, 0) scale(1.04); }
}
@keyframes productHeroPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .55; }
}

/* Interactive club world */
body[data-menu-position]:has(.block-product-hero--world) .siteHeader.siteHeader--marketing {
  background: rgba(5, 15, 38, 0.92);
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(18px) saturate(135%);
}
body:has(.block-product-hero--world) .siteFooter,
body:has(.block-product-hero--world) .page::after {
  display: none;
}
body:has(.block-product-hero--world) .marketingBrand,
body:has(.block-product-hero--world) .siteHeader--marketing .navLink,
body:has(.block-product-hero--world) .siteHeader--marketing .navBtn,
body:has(.block-product-hero--world) .siteHeader--marketing .siteLanguageButton,
body:has(.block-product-hero--world) .marketingLogin {
  color: #ffffff;
}
body:has(.block-product-hero--world) .marketingBrand img {
  filter: brightness(0) invert(1);
}
body:has(.block-product-hero--world) .siteHeader--marketing .navLink:hover,
body:has(.block-product-hero--world) .siteHeader--marketing .navBtn:hover,
body:has(.block-product-hero--world) .siteHeader--marketing .navItem.open > .navBtn {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
body:has(.block-product-hero--world) .siteHeader--marketing .navDropdown .navLink {
  color: #24324f;
}
.block-product-hero--world {
  --world-focus-x: 50%;
  --world-focus-y: 50%;
  --world-focus-scale: 1;
  --world-inverse-scale: 1;
  width: 100%;
  min-height: calc(100svh - 77px);
  max-height: 920px;
  margin-left: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  background: #06132e;
  color: #ffffff;
}
.block-product-hero--world::before,
.block-product-hero--world::after {
  content: none;
}
.productWorldScene,
.productWorldShade,
.productWorldHotspots {
  position: absolute;
  inset: 0;
}
.productWorldScene {
  overflow: hidden;
  background: #06132e;
}
.productWorldSceneImage {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(var(--world-focus-scale));
  transform-origin: var(--world-focus-x) var(--world-focus-y);
  transition: transform 900ms cubic-bezier(.2,.75,.2,1), filter 500ms ease, opacity 280ms ease;
}
.productWorldSceneImage--desktop {
  display: none;
}
.block-product-hero--world.is-switching .productWorldSceneImage {
  opacity: 0.42;
  filter: saturate(0.72) brightness(0.82);
}
.productWorldShade {
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 11, 30, 0.9) 0%, rgba(3, 11, 30, 0.48) 25%, transparent 54%),
    linear-gradient(180deg, rgba(3, 11, 30, 0.24) 0%, transparent 38%, rgba(3, 11, 30, 0.72) 100%);
}
.productWorldHotspots {
  z-index: 3;
  transform: scale(var(--world-focus-scale));
  transform-origin: var(--world-focus-x) var(--world-focus-y);
  transition: transform 900ms cubic-bezier(.2,.75,.2,1);
}
.productWorldHotspot {
  position: absolute;
  top: var(--hotspot-y);
  left: var(--hotspot-x);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  text-decoration: none;
  transform: translate(-50%, -50%) scale(var(--world-inverse-scale));
  transform-origin: center;
}
.productWorldHotspot.is-obscured {
  pointer-events: none;
  visibility: hidden;
}
.productWorldHotspotPulse {
  position: relative;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 50%;
  background: rgba(7, 20, 48, 0.64);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(8px);
}
.productWorldHotspotPulse::before,
.productWorldHotspotPulse::after {
  content: '';
  position: absolute;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: none;
}
.productWorldHotspotPulse::before {
  width: 12px;
  height: 2px;
}
.productWorldHotspotPulse::after {
  width: 2px;
  height: 12px;
}
.productWorldHotspotLabel {
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  background: rgba(5, 15, 38, 0.76);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
  backdrop-filter: blur(10px);
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 160ms ease, transform 160ms ease;
}
.productWorldHotspot.is-active .productWorldHotspotPulse {
  background: #2f73ff;
  border-color: #ffffff;
}
.productWorldHotspot:hover .productWorldHotspotLabel,
.productWorldHotspot:focus-visible .productWorldHotspotLabel,
.productWorldHotspot.is-active .productWorldHotspotLabel {
  opacity: 1;
  transform: translateX(0);
}
.productWorldHotspot.is-active .productWorldHotspotLabel {
  background: #ffffff;
  color: #07152f;
}
.productWorldSportSwitch {
  position: absolute;
  z-index: 7;
  top: 22px;
  right: max(32px, calc((100vw - 1240px) / 2));
  max-width: min(560px, calc(100% - 64px));
  display: flex;
  align-items: center;
  gap: 16px;
  color: #c7d5ea;
}
.productWorldSportSwitch > span {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.productWorldSports {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.productWorldSports::-webkit-scrollbar { display: none; }
.productWorldSport {
  min-height: 36px;
  padding: 0 10px;
  flex: 0 0 auto;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #d7e2f2;
  font: inherit;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}
.productWorldSport:hover { color: #ffffff; }
.productWorldSport.is-active {
  border-bottom-color: #6ca0ff;
  color: #ffffff;
}
.productWorldIntro {
  position: absolute;
  z-index: 4;
  top: clamp(46px, 7vh, 78px);
  left: max(32px, calc((100vw - 1240px) / 2));
  width: min(410px, calc(100% - 64px));
}
.productWorldIntro .productHeroEyebrow {
  margin-bottom: 14px;
  color: #8ab8ff;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}
.productWorldTitle {
  margin: 0;
  max-width: 390px;
  color: #ffffff;
  font-size: clamp(44px, 5.2vw, 74px);
  font-weight: 780;
  line-height: 0.96;
  letter-spacing: -0.055em;
  text-wrap: balance;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.38);
}
.productWorldLead {
  max-width: 330px;
  margin: 19px 0 0;
  color: #d5e0f2;
  font-size: 16px;
  line-height: 1.5;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.45);
}
.productWorldPanel {
  position: absolute;
  z-index: 5;
  left: max(32px, calc((100vw - 1240px) / 2));
  bottom: 105px;
  width: min(450px, calc(100% - 64px));
  min-height: 154px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 16px;
  background: rgba(247, 250, 255, 0.93);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  color: #07152f;
  backdrop-filter: blur(16px) saturate(120%);
}
.productWorldPanelCopy > p:first-child {
  margin: 0 0 7px;
  color: #2365e5;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.productWorldPanelCopy h2 {
  margin: 0;
  color: #07152f;
  font-size: 23px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}
.productWorldPanelCopy > p:nth-of-type(2) {
  margin: 9px 0 0;
  color: #4c5a76;
  font-size: 13px;
  line-height: 1.45;
}
.productWorldPanelAction {
  margin-top: 13px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #175ee8;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.productWorldPanelAction[hidden] {
  display: none;
}
.productWorldPanelUi {
  width: 106px;
  height: 116px;
  margin: 0;
  overflow: hidden;
  border: 5px solid #07152f;
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(7, 21, 47, 0.22);
}
.productWorldPanelUi[hidden] {
  display: none;
}
.productWorldPanelUi img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top center;
}
.productWorldPanelUi > [hidden] {
  display: none;
}
.productWorldPanelUi[data-world-active-visual="ticket_scan"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelUi[data-world-active-visual="shop_sales"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelUi[data-world-active-visual="club_office"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelUi[data-world-active-visual="club_bar"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelUi[data-world-active-visual="main_pitch"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelUi[data-world-active-visual="tournament_area"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelUi[data-world-active-visual="stands_live"],
.productWorldPanelUi[data-world-active-visual="sponsoring"],
.productWorldPanelUi[data-world-active-visual="teams_activities"],
.productWorldPanelUi[data-world-active-visual="website_builder"] {
  border-width: 0;
  background: #07152f;
}
.productWorldPanelVisual {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.productWorldTicketScan {
  background:
    radial-gradient(circle at 78% 14%, rgba(70, 135, 255, 0.32), transparent 32%),
    #07152f;
}
.productWorldTicketScan svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldTicketScanTicket {
  position: absolute;
  top: 22px;
  left: 8px;
  width: 54px;
  height: 72px;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
  transform: rotate(-7deg);
}
.productWorldTicketScanTicket > span {
  width: 24px;
  height: 24px;
  background:
    linear-gradient(90deg, #07152f 50%, transparent 50%) 0 0 / 6px 6px,
    linear-gradient(#07152f 50%, transparent 50%) 0 0 / 6px 6px;
  opacity: 0.82;
}
.productWorldTicketScanHand {
  position: absolute;
  right: -7px;
  bottom: -15px;
  width: 50px;
  height: 48px;
  border-radius: 28px 10px 0 0;
  background: #d9a979;
  transform: rotate(-12deg);
}
.productWorldTicketScanDevice {
  position: absolute;
  z-index: 2;
  top: 24px;
  right: 8px;
  width: 42px;
  height: 70px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 4px solid #dce7fb;
  border-radius: 11px;
  background: #132a52;
  color: #9fc0ff;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
}
.productWorldTicketScanDevice > span {
  position: absolute;
  right: 5px;
  left: 5px;
  top: 24%;
  height: 2px;
  border-radius: 2px;
  background: #53e0a1;
  box-shadow: 0 0 10px rgba(83, 224, 161, 0.9);
  opacity: 0;
}
.productWorldTicketScanSuccess {
  position: absolute;
  z-index: 3;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
  transform: scale(0);
}
.productWorldTicketScanSuccess svg {
  width: 14px;
  height: 14px;
  stroke-width: 2.6;
}
.productWorldPanelUi[data-world-active-visual="ticket_scan"] .productWorldTicketScanDevice {
  animation: productWorldScanDevice 900ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="ticket_scan"] .productWorldTicketScanDevice > span {
  animation: productWorldScanLine 900ms 180ms ease both;
}
.productWorldPanelUi[data-world-active-visual="ticket_scan"] .productWorldTicketScanSuccess {
  animation: productWorldScanSuccess 360ms 840ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldScanDevice {
  from { transform: translate(18px, 10px) rotate(9deg); }
  to { transform: translate(0, 0) rotate(-2deg); }
}
@keyframes productWorldScanLine {
  0% { top: 24%; opacity: 0; }
  18% { opacity: 1; }
  78% { top: 74%; opacity: 1; }
  100% { top: 78%; opacity: 0; }
}
@keyframes productWorldScanSuccess {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldShopSales {
  background:
    radial-gradient(circle at 18% 18%, rgba(70, 135, 255, 0.34), transparent 34%),
    linear-gradient(145deg, #0b1c3c, #07152f);
}
.productWorldShopSales svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldShopProduct {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 8px;
  width: 46px;
  height: 60px;
  padding: 8px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 9px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transform: rotate(-4deg);
}
.productWorldShopProduct > span {
  width: 27px;
  height: 9px;
  border-top: 2px solid #07152f;
  border-bottom: 2px solid #9db3d5;
  opacity: 0.88;
}
.productWorldShopConnection {
  position: absolute;
  z-index: 1;
  top: 47px;
  left: 47px;
  width: 35px;
  height: 25px;
  border-top: 2px solid #5b91f7;
  border-right: 2px solid #5b91f7;
  border-radius: 0 9px 0 0;
  opacity: 0.8;
}
.productWorldShopChannel {
  position: absolute;
  z-index: 2;
  right: 7px;
  width: 38px;
  height: 36px;
  display: grid;
  grid-template-columns: 17px 1fr;
  align-items: center;
  gap: 3px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 8px;
  background: #eef4ff;
  color: #2365e5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
}
.productWorldShopChannel--web { top: 11px; }
.productWorldShopChannel--pos { top: 54px; }
.productWorldShopChannel small,
.productWorldShopStock small {
  font-size: 7px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.04em;
}
.productWorldShopStock {
  position: absolute;
  z-index: 3;
  bottom: 7px;
  left: 9px;
  min-height: 22px;
  padding: 4px 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 7px;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
  transform: scale(0);
}
.productWorldShopStock svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.6;
}
.productWorldPanelUi[data-world-active-visual="shop_sales"] .productWorldShopProduct {
  animation: productWorldShopProductIn 520ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="shop_sales"] .productWorldShopConnection {
  animation: productWorldShopConnectionIn 520ms 250ms ease both;
}
.productWorldPanelUi[data-world-active-visual="shop_sales"] .productWorldShopChannel--web {
  animation: productWorldShopChannelIn 420ms 360ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="shop_sales"] .productWorldShopChannel--pos {
  animation: productWorldShopChannelIn 420ms 520ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="shop_sales"] .productWorldShopStock {
  animation: productWorldShopStockIn 320ms 820ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldShopProductIn {
  from { opacity: 0; transform: translate(-10px, 8px) rotate(-8deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(-4deg); }
}
@keyframes productWorldShopConnectionIn {
  from { opacity: 0; clip-path: inset(0 100% 100% 0); }
  to { opacity: 0.8; clip-path: inset(0 0 0 0); }
}
@keyframes productWorldShopChannelIn {
  from { opacity: 0; transform: translateX(10px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldShopStockIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldClubOffice {
  background:
    radial-gradient(circle at 78% 18%, rgba(70, 135, 255, 0.32), transparent 34%),
    linear-gradient(145deg, #0b1c3c, #07152f);
}
.productWorldClubOffice svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldOfficeMember {
  position: absolute;
  z-index: 2;
  top: 13px;
  left: 8px;
  width: 58px;
  height: 73px;
  padding: 8px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  grid-template-rows: 25px 5px 5px;
  align-items: center;
  gap: 5px 6px;
  border-radius: 9px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transform: rotate(-3deg);
}
.productWorldOfficeMember > span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  grid-row: 1 / 3;
  border-radius: 50%;
  background: #e8f0ff;
}
.productWorldOfficeMember > i {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #9db3d5;
}
.productWorldOfficeMember > i:last-child {
  grid-column: 1 / -1;
  width: 72%;
  background: #d2dcef;
}
.productWorldOfficeFlow {
  position: absolute;
  z-index: 1;
  top: 43px;
  left: 57px;
  width: 25px;
  height: 41px;
  border-top: 2px solid #5b91f7;
  border-right: 2px solid #5b91f7;
  border-bottom: 2px solid #5b91f7;
  border-radius: 0 9px 9px 0;
  opacity: 0.82;
}
.productWorldOfficeRecord {
  position: absolute;
  z-index: 2;
  right: 7px;
  width: 39px;
  height: 35px;
  padding: 5px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: center;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 8px;
  background: #eef4ff;
  color: #2365e5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}
.productWorldOfficeRecord--document { top: 12px; }
.productWorldOfficeRecord--finance { top: 57px; }
.productWorldOfficeRecord small {
  font-size: 6px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.02em;
}
.productWorldOfficeReady {
  position: absolute;
  z-index: 3;
  bottom: 8px;
  left: 11px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
  transform: scale(0);
}
.productWorldOfficeReady svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.6;
}
.productWorldPanelUi[data-world-active-visual="club_office"] .productWorldOfficeMember {
  animation: productWorldOfficeMemberIn 520ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="club_office"] .productWorldOfficeFlow {
  animation: productWorldOfficeFlowIn 520ms 260ms ease both;
}
.productWorldPanelUi[data-world-active-visual="club_office"] .productWorldOfficeRecord--document {
  animation: productWorldOfficeRecordIn 420ms 380ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="club_office"] .productWorldOfficeRecord--finance {
  animation: productWorldOfficeRecordIn 420ms 540ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="club_office"] .productWorldOfficeReady {
  animation: productWorldOfficeReadyIn 320ms 820ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldOfficeMemberIn {
  from { opacity: 0; transform: translate(-10px, 8px) rotate(-7deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(-3deg); }
}
@keyframes productWorldOfficeFlowIn {
  from { opacity: 0; clip-path: inset(0 100% 100% 0); }
  to { opacity: 0.82; clip-path: inset(0 0 0 0); }
}
@keyframes productWorldOfficeRecordIn {
  from { opacity: 0; transform: translateX(10px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldOfficeReadyIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldClubBar {
  background:
    radial-gradient(circle at 22% 18%, rgba(70, 135, 255, 0.34), transparent 34%),
    linear-gradient(145deg, #0b1c3c, #07152f);
}
.productWorldClubBar svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldBarShift {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 8px;
  width: 51px;
  height: 58px;
  padding: 7px;
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr);
  grid-template-rows: 23px 5px 5px;
  align-items: center;
  gap: 5px;
  border-radius: 9px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transform: rotate(-4deg);
}
.productWorldBarShift > span {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  grid-row: 1 / 3;
  border-radius: 50%;
  background: #e8f0ff;
}
.productWorldBarShift > i {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #16a66a;
}
.productWorldBarShift > i svg {
  width: 13px;
  height: 13px;
}
.productWorldBarShift > b {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #9db3d5;
}
.productWorldBarShift > b:last-child {
  grid-column: 1 / -1;
  width: 72%;
  background: #d2dcef;
}
.productWorldBarTerminal {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 7px;
  width: 43px;
  height: 69px;
  padding: 8px 6px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 13px;
  gap: 5px;
  border: 4px solid #dce7fb;
  border-radius: 10px;
  background: #132a52;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
}
.productWorldBarTerminal > i {
  border-radius: 3px;
  background: #5b91f7;
}
.productWorldBarTerminal > i:nth-child(2),
.productWorldBarTerminal > i:nth-child(5) {
  background: #53c895;
}
.productWorldBarTerminal > i:nth-child(3),
.productWorldBarTerminal > i:nth-child(6) {
  background: #f0b86b;
}
.productWorldBarVoucher {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 7px;
  width: 48px;
  height: 33px;
  padding: 5px 7px;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 7px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.28);
  transform: translateY(-18px) scaleY(0.25);
  transform-origin: top;
  opacity: 0;
}
.productWorldBarVoucher > i {
  width: 15px;
  height: 12px;
  border-top: 2px solid #07152f;
  border-bottom: 2px solid #9db3d5;
}
.productWorldBarReady {
  position: absolute;
  z-index: 4;
  bottom: 8px;
  left: 10px;
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
  transform: scale(0);
}
.productWorldBarReady svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.6;
}
.productWorldPanelUi[data-world-active-visual="club_bar"] .productWorldBarShift {
  animation: productWorldBarShiftIn 480ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="club_bar"] .productWorldBarTerminal {
  animation: productWorldBarTerminalIn 480ms 260ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="club_bar"] .productWorldBarVoucher {
  animation: productWorldBarVoucherOut 480ms 650ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="club_bar"] .productWorldBarReady {
  animation: productWorldBarReadyIn 320ms 930ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldBarShiftIn {
  from { opacity: 0; transform: translate(-10px, 8px) rotate(-8deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(-4deg); }
}
@keyframes productWorldBarTerminalIn {
  from { opacity: 0; transform: translateX(10px) rotate(4deg); }
  to { opacity: 1; transform: translateX(0) rotate(0); }
}
@keyframes productWorldBarVoucherOut {
  from { opacity: 0; transform: translateY(-18px) scaleY(0.25); }
  to { opacity: 1; transform: translateY(0) scaleY(1); }
}
@keyframes productWorldBarReadyIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldMainPitch {
  background:
    radial-gradient(circle at 78% 18%, rgba(70, 135, 255, 0.34), transparent 34%),
    linear-gradient(145deg, #0b1c3c, #07152f);
}
.productWorldMainPitch svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldPitchSchedule {
  position: absolute;
  z-index: 3;
  top: 9px;
  left: 8px;
  width: 42px;
  height: 43px;
  padding: 6px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  grid-template-rows: 15px 5px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);
  transform: rotate(-4deg);
}
.productWorldPitchSchedule > i {
  height: 4px;
  border-radius: 3px;
  background: #9db3d5;
}
.productWorldPitchSchedule > i:last-child {
  grid-column: 1 / -1;
  width: 76%;
  background: #d2dcef;
}
.productWorldPitchPlan {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 8px;
  width: 62px;
  height: 88px;
  overflow: hidden;
  border: 3px solid #dce7fb;
  border-radius: 9px;
  background:
    linear-gradient(90deg, transparent 49%, rgba(255, 255, 255, 0.68) 49%, rgba(255, 255, 255, 0.68) 51%, transparent 51%),
    #258358;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
}
.productWorldPitchPlan::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(255, 255, 255, 0.72);
}
.productWorldPitchPlan::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.productWorldPitchLine {
  position: absolute;
  z-index: 1;
  top: 7px;
  bottom: 7px;
  left: 50%;
  width: 1px;
  background: rgba(255, 255, 255, 0.68);
}
.productWorldPitchPlayer {
  position: absolute;
  z-index: 2;
  width: 8px;
  height: 8px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #2365e5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
}
.productWorldPitchPlayer--one { top: 19px; left: 14px; }
.productWorldPitchPlayer--two { top: 52px; left: 20px; }
.productWorldPitchPlayer--three { top: 29px; right: 13px; background: #f0b86b; }
.productWorldPitchPlayer--four { top: 65px; right: 18px; background: #f0b86b; }
.productWorldPitchSync {
  position: absolute;
  z-index: 4;
  bottom: 9px;
  left: 21px;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #2365e5;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}
.productWorldPitchSync svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.3;
}
.productWorldPitchReady {
  position: absolute;
  z-index: 5;
  bottom: 7px;
  left: 45px;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
  transform: scale(0);
}
.productWorldPitchReady svg {
  width: 11px;
  height: 11px;
  stroke-width: 2.7;
}
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchSchedule {
  animation: productWorldPitchScheduleIn 460ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchPlan {
  animation: productWorldPitchPlanIn 500ms 230ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchPlayer {
  animation: productWorldPitchPlayerIn 360ms 580ms cubic-bezier(.2,.9,.3,1.2) both;
}
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchPlayer--two { animation-delay: 650ms; }
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchPlayer--three { animation-delay: 720ms; }
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchPlayer--four { animation-delay: 790ms; }
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchSync {
  animation: productWorldPitchSyncIn 420ms 860ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="main_pitch"] .productWorldPitchReady {
  animation: productWorldPitchReadyIn 300ms 1120ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldPitchScheduleIn {
  from { opacity: 0; transform: translate(-9px, 7px) rotate(-8deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(-4deg); }
}
@keyframes productWorldPitchPlanIn {
  from { opacity: 0; transform: translateX(10px) rotate(3deg); }
  to { opacity: 1; transform: translateX(0) rotate(0); }
}
@keyframes productWorldPitchPlayerIn {
  from { opacity: 0; transform: scale(0); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes productWorldPitchSyncIn {
  from { opacity: 0; transform: scale(0.7) rotate(-130deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}
@keyframes productWorldPitchReadyIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldTournament {
  background:
    radial-gradient(circle at 22% 16%, rgba(70, 135, 255, 0.34), transparent 34%),
    linear-gradient(145deg, #0b1c3c, #07152f);
}
.productWorldTournament svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldTournamentBracket {
  position: absolute;
  z-index: 2;
  top: 13px;
  left: 8px;
  width: 45px;
  height: 72px;
}
.productWorldTournamentBracket > i {
  position: absolute;
  left: 0;
  width: 22px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 4px;
  background: #eef4ff;
  box-shadow: 0 5px 11px rgba(0, 0, 0, 0.22);
}
.productWorldTournamentBracket > i:nth-child(1) { top: 0; }
.productWorldTournamentBracket > i:nth-child(2) { top: 18px; }
.productWorldTournamentBracket > i:nth-child(3) { top: 42px; }
.productWorldTournamentBracket > i:nth-child(4) { top: 60px; }
.productWorldTournamentBracket > b {
  position: absolute;
  right: 0;
  width: 18px;
  height: 26px;
  border-top: 2px solid #5b91f7;
  border-right: 2px solid #5b91f7;
  border-bottom: 2px solid #5b91f7;
  border-radius: 0 5px 5px 0;
}
.productWorldTournamentBracket > b:nth-of-type(1) { top: 5px; }
.productWorldTournamentBracket > b:nth-of-type(2) { top: 47px; }
.productWorldTournamentMatchday {
  position: absolute;
  z-index: 3;
  top: 9px;
  right: 8px;
  width: 43px;
  height: 33px;
  padding: 5px;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 3px;
  border-radius: 7px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.28);
  transform: rotate(3deg);
}
.productWorldTournamentMatchday small {
  font-size: 6px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.02em;
}
.productWorldTournamentTable {
  position: absolute;
  z-index: 3;
  right: 8px;
  bottom: 10px;
  width: 46px;
  height: 57px;
  padding: 6px;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  grid-template-rows: 15px repeat(3, 5px);
  align-items: center;
  gap: 4px;
  border: 2px solid #dce7fb;
  border-radius: 8px;
  background: #132a52;
  color: #f0b86b;
  box-shadow: 0 10px 21px rgba(0, 0, 0, 0.31);
}
.productWorldTournamentTable > i {
  grid-column: 1 / -1;
  height: 4px;
  border-radius: 3px;
  background: #9db3d5;
}
.productWorldTournamentTable > i:nth-of-type(1) { width: 88%; background: #53c895; }
.productWorldTournamentTable > i:nth-of-type(2) { width: 72%; }
.productWorldTournamentTable > i:nth-of-type(3) { width: 58%; }
.productWorldTournamentReady {
  position: absolute;
  z-index: 4;
  bottom: 8px;
  left: 17px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
  transform: scale(0);
}
.productWorldTournamentReady svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.7;
}
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentBracket > i {
  animation: productWorldTournamentTeamIn 340ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentBracket > i:nth-child(2) { animation-delay: 80ms; }
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentBracket > i:nth-child(3) { animation-delay: 160ms; }
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentBracket > i:nth-child(4) { animation-delay: 240ms; }
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentBracket > b {
  animation: productWorldTournamentBracketIn 420ms 360ms ease both;
}
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentMatchday {
  animation: productWorldTournamentMatchdayIn 420ms 560ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentTable {
  animation: productWorldTournamentTableIn 450ms 760ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="tournament_area"] .productWorldTournamentReady {
  animation: productWorldTournamentReadyIn 300ms 1080ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldTournamentTeamIn {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldTournamentBracketIn {
  from { opacity: 0; clip-path: inset(0 100% 0 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); }
}
@keyframes productWorldTournamentMatchdayIn {
  from { opacity: 0; transform: translate(8px, -5px) rotate(7deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(3deg); }
}
@keyframes productWorldTournamentTableIn {
  from { opacity: 0; transform: translateX(10px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldTournamentReadyIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldStandsLive,
.productWorldSponsoring,
.productWorldTeamsActivities,
.productWorldWebsiteBuilder {
  background:
    radial-gradient(circle at 78% 16%, rgba(70, 135, 255, 0.34), transparent 34%),
    linear-gradient(145deg, #0b1c3c, #07152f);
}
.productWorldStandsLive svg,
.productWorldSponsoring svg,
.productWorldTeamsActivities svg,
.productWorldWebsiteBuilder svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldLivePhone {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 18px;
  width: 66px;
  height: 96px;
  padding: 9px 8px;
  display: grid;
  grid-template-rows: 12px 25px repeat(3, 6px);
  gap: 5px;
  border: 4px solid #dce7fb;
  border-radius: 13px;
  background: #0d2349;
  color: #ffffff;
  box-shadow: 0 13px 25px rgba(0, 0, 0, 0.34);
}
.productWorldLivePhone > small {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #90b9ff;
  font-size: 6px;
  font-weight: 850;
  letter-spacing: 0.08em;
}
.productWorldLivePhone > small > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef5b68;
  box-shadow: 0 0 0 3px rgba(239, 91, 104, 0.2);
}
.productWorldLivePhone > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 18px;
  line-height: 1;
}
.productWorldLivePhone > strong em {
  color: #7f93b4;
  font-size: 11px;
  font-style: normal;
}
.productWorldLivePhone > i {
  display: block;
  height: 5px;
  border-radius: 4px;
  background: #6c86b2;
}
.productWorldLivePhone > i:nth-of-type(2) { width: 80%; }
.productWorldLivePhone > i:nth-of-type(3) { width: 60%; }
.productWorldLiveEvent {
  position: absolute;
  z-index: 4;
  top: 57px;
  right: 5px;
  min-width: 43px;
  min-height: 25px;
  padding: 6px 7px;
  display: flex;
  align-items: center;
  gap: 5px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  background: #2365e5;
  color: #ffffff;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.3);
}
.productWorldLiveEvent > i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #53c895;
}
.productWorldLiveEvent > strong {
  font-size: 7px;
  letter-spacing: 0.04em;
}
.productWorldLiveAudience {
  position: absolute;
  z-index: 4;
  right: 5px;
  bottom: 8px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.28);
}
.productWorldPanelUi[data-world-active-visual="stands_live"] .productWorldLivePhone {
  animation: productWorldLivePhoneIn 480ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="stands_live"] .productWorldLiveEvent {
  animation: productWorldLiveEventIn 380ms 520ms cubic-bezier(.2,.9,.3,1.2) both;
}
.productWorldPanelUi[data-world-active-visual="stands_live"] .productWorldLiveAudience {
  animation: productWorldLiveAudienceIn 340ms 830ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldLivePhoneIn {
  from { opacity: 0; transform: translateY(10px) rotate(-3deg); }
  to { opacity: 1; transform: translateY(0) rotate(0); }
}
@keyframes productWorldLiveEventIn {
  from { opacity: 0; transform: translateX(10px) scale(0.85); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes productWorldLiveAudienceIn {
  from { opacity: 0; transform: scale(0); }
  to { opacity: 1; transform: scale(1); }
}
.productWorldSponsorPitch {
  position: absolute;
  z-index: 2;
  top: 13px;
  left: 8px;
  width: 90px;
  height: 72px;
  overflow: hidden;
  border: 3px solid #dce7fb;
  border-radius: 9px;
  background: #258358;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
}
.productWorldSponsorPitch > i {
  position: absolute;
  inset: 11px 14px 15px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
}
.productWorldSponsorPitch > b {
  position: absolute;
  bottom: 0;
  height: 14px;
  padding: 3px 4px;
  display: grid;
  place-items: center;
  border-top: 2px solid #ffffff;
  background: #0a1d41;
  color: #ffffff;
  font-size: 5px;
  font-weight: 800;
  line-height: 1;
}
.productWorldSponsorPitch > b:nth-of-type(1) { left: 0; width: 30px; }
.productWorldSponsorPitch > b:nth-of-type(2) { left: 30px; width: 30px; background: #ffffff; color: #07152f; }
.productWorldSponsorPitch > b:nth-of-type(3) { right: 0; width: 30px; }
.productWorldSponsorContract {
  position: absolute;
  z-index: 4;
  right: 7px;
  bottom: 7px;
  width: 43px;
  height: 49px;
  padding: 7px;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  grid-template-rows: 16px 5px;
  align-items: center;
  gap: 5px 4px;
  border-radius: 8px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 10px 21px rgba(0, 0, 0, 0.3);
  transform: rotate(3deg);
}
.productWorldSponsorContract > i {
  height: 4px;
  border-radius: 3px;
  background: #9db3d5;
}
.productWorldSponsorContract > i:last-child {
  grid-column: 1 / -1;
  width: 72%;
  background: #d2dcef;
}
.productWorldSponsorReady {
  position: absolute;
  z-index: 5;
  bottom: 7px;
  left: 11px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
}
.productWorldPanelUi[data-world-active-visual="sponsoring"] .productWorldSponsorPitch {
  animation: productWorldSponsorPitchIn 480ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="sponsoring"] .productWorldSponsorPitch > b {
  animation: productWorldSponsorBoardIn 340ms 420ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="sponsoring"] .productWorldSponsorPitch > b:nth-of-type(2) { animation-delay: 530ms; }
.productWorldPanelUi[data-world-active-visual="sponsoring"] .productWorldSponsorPitch > b:nth-of-type(3) { animation-delay: 640ms; }
.productWorldPanelUi[data-world-active-visual="sponsoring"] .productWorldSponsorContract {
  animation: productWorldSponsorContractIn 420ms 760ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="sponsoring"] .productWorldSponsorReady {
  animation: productWorldSponsorReadyIn 300ms 1040ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldSponsorPitchIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes productWorldSponsorBoardIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes productWorldSponsorContractIn {
  from { opacity: 0; transform: translate(9px, 7px) rotate(7deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(3deg); }
}
@keyframes productWorldSponsorReadyIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldTeamsRoster {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 7px;
  width: 48px;
  height: 70px;
  padding: 7px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  grid-template-rows: 17px repeat(3, 6px);
  align-items: center;
  gap: 5px;
  border-radius: 9px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 11px 23px rgba(0, 0, 0, 0.3);
  transform: rotate(-3deg);
}
.productWorldTeamsRoster > i {
  grid-column: 1 / -1;
  height: 5px;
  border-radius: 4px;
  background: #9db3d5;
}
.productWorldTeamsRoster > i:nth-of-type(2) { width: 82%; }
.productWorldTeamsRoster > i:nth-of-type(3) { width: 65%; }
.productWorldTeamsCalendar {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 7px;
  width: 47px;
  height: 70px;
  padding: 7px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 17px repeat(2, 14px);
  gap: 5px;
  border: 3px solid #dce7fb;
  border-radius: 9px;
  background: #132a52;
  color: #90b9ff;
  box-shadow: 0 11px 23px rgba(0, 0, 0, 0.3);
}
.productWorldTeamsCalendar > svg { grid-column: 1 / -1; }
.productWorldTeamsCalendar > i {
  border-radius: 4px;
  background: #5b91f7;
}
.productWorldTeamsCalendar > i:nth-of-type(2),
.productWorldTeamsCalendar > i:nth-of-type(3) { background: #53c895; }
.productWorldTeamsCalendar > i:nth-of-type(4) { background: #f0b86b; }
.productWorldTeamsPresence {
  position: absolute;
  z-index: 4;
  right: 12px;
  bottom: 8px;
  display: flex;
  align-items: center;
}
.productWorldTeamsPresence > i {
  width: 25px;
  height: 25px;
  margin-left: -5px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
}
.productWorldTeamsPresence > i svg { width: 11px; height: 11px; stroke-width: 2.8; }
.productWorldPanelUi[data-world-active-visual="teams_activities"] .productWorldTeamsRoster {
  animation: productWorldTeamsRosterIn 460ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="teams_activities"] .productWorldTeamsCalendar {
  animation: productWorldTeamsCalendarIn 460ms 260ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="teams_activities"] .productWorldTeamsPresence > i {
  animation: productWorldTeamsPresenceIn 300ms 650ms cubic-bezier(.2,.9,.3,1.2) both;
}
.productWorldPanelUi[data-world-active-visual="teams_activities"] .productWorldTeamsPresence > i:nth-child(2) { animation-delay: 760ms; }
.productWorldPanelUi[data-world-active-visual="teams_activities"] .productWorldTeamsPresence > i:nth-child(3) { animation-delay: 870ms; }
@keyframes productWorldTeamsRosterIn {
  from { opacity: 0; transform: translate(-9px, 7px) rotate(-7deg); }
  to { opacity: 1; transform: translate(0, 0) rotate(-3deg); }
}
@keyframes productWorldTeamsCalendarIn {
  from { opacity: 0; transform: translateX(9px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldTeamsPresenceIn {
  from { opacity: 0; transform: scale(0); }
  to { opacity: 1; transform: scale(1); }
}
.productWorldWebsiteEditor {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 7px;
  width: 63px;
  height: 91px;
  padding: 7px;
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr);
  grid-template-rows: repeat(3, 14px) repeat(3, 9px);
  gap: 5px;
  border: 3px solid #dce7fb;
  border-radius: 9px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
}
.productWorldWebsiteEditor > i {
  grid-column: 1;
  border-radius: 3px;
  background: #5b91f7;
}
.productWorldWebsiteEditor > b {
  grid-column: 1 / -1;
  border-radius: 3px;
  background: #d2dcef;
}
.productWorldWebsiteEditor > b:nth-of-type(1) { height: 13px; background: #132a52; }
.productWorldWebsiteEditor > b:nth-of-type(2) { width: 82%; }
.productWorldWebsiteEditor > b:nth-of-type(3) { width: 64%; }
.productWorldWebsiteFlow {
  position: absolute;
  z-index: 1;
  top: 49px;
  left: 63px;
  width: 19px;
  height: 2px;
  background: #5b91f7;
  box-shadow: 0 0 9px rgba(91, 145, 247, 0.75);
}
.productWorldWebsitePublic {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 6px;
  width: 42px;
  height: 59px;
  padding: 6px;
  display: grid;
  grid-template-rows: 16px 8px 8px;
  gap: 5px;
  border: 3px solid #dce7fb;
  border-radius: 8px;
  background: #132a52;
  color: #90b9ff;
  box-shadow: 0 11px 23px rgba(0, 0, 0, 0.31);
}
.productWorldWebsitePublic > i {
  border-radius: 3px;
  background: #5b91f7;
}
.productWorldWebsitePublic > i:last-child { width: 68%; background: #53c895; }
.productWorldWebsiteReady {
  position: absolute;
  z-index: 4;
  right: 7px;
  bottom: 8px;
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #16a66a;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.24);
}
.productWorldPanelUi[data-world-active-visual="website_builder"] .productWorldWebsiteEditor {
  animation: productWorldWebsiteEditorIn 470ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="website_builder"] .productWorldWebsiteFlow {
  animation: productWorldWebsiteFlowIn 360ms 430ms ease both;
}
.productWorldPanelUi[data-world-active-visual="website_builder"] .productWorldWebsitePublic {
  animation: productWorldWebsitePublicIn 430ms 620ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldPanelUi[data-world-active-visual="website_builder"] .productWorldWebsiteReady {
  animation: productWorldWebsiteReadyIn 300ms 960ms cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes productWorldWebsiteEditorIn {
  from { opacity: 0; transform: translateX(-9px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldWebsiteFlowIn {
  from { opacity: 0; transform: scaleX(0); transform-origin: left; }
  to { opacity: 1; transform: scaleX(1); transform-origin: left; }
}
@keyframes productWorldWebsitePublicIn {
  from { opacity: 0; transform: translateX(10px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldWebsiteReadyIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.productWorldDetail {
  position: absolute;
  z-index: 11;
  top: 12px;
  right: clamp(32px, 4vw, 72px);
  bottom: 82px;
  width: min(720px, calc(100% - 64px));
  padding: 20px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 20px;
  background: rgba(5, 15, 38, 0.96);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.46);
  color: #ffffff;
  backdrop-filter: blur(22px) saturate(125%);
  animation: productWorldDetailIn 240ms cubic-bezier(.2,.75,.2,1) both;
}
.productWorldDetail[hidden] {
  display: none;
}
.block-product-hero--world.is-detail-open .productWorldIntro,
.block-product-hero--world.is-detail-open .productWorldPanel,
.block-product-hero--world.is-detail-open .productWorldSportSwitch {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.productWorldIntro,
.productWorldPanel,
.productWorldSportSwitch {
  transition: opacity 180ms ease, visibility 180ms ease;
}
.productWorldDetailHeader {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.productWorldDetailHeader > p {
  margin: 0;
  color: #8ab8ff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.productWorldDetailClose,
.productWorldStoryReplay {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font: inherit;
  cursor: pointer;
}
.productWorldDetailClose svg,
.productWorldStoryReplay svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldStory {
  position: relative;
  width: 100%;
  height: clamp(140px, 20vh, 190px);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: #07152f;
  isolation: isolate;
}
.productWorldStory[hidden] {
  display: none;
}
.productWorldStoryScene,
.productWorldStoryShade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.productWorldStoryScene {
  display: block;
  object-fit: cover;
  object-position: center;
}
.productWorldStoryScene--purchase {
  opacity: 0;
}
.productWorldStoryScene--scan {
  opacity: 1;
}
.productWorldStoryShade {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 13, 33, 0.08), rgba(4, 13, 33, 0.12) 52%, rgba(4, 13, 33, 0.78));
}
.productWorldEntryCheckout,
.productWorldEntryTicket,
.productWorldEntryScanner,
.productWorldEntryGranted,
.productWorldStoryCaptions,
.productWorldStoryReplay {
  position: absolute;
  z-index: 3;
}
.productWorldEntryCheckout {
  top: 16px;
  right: 16px;
  min-width: 188px;
  min-height: 48px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 10px;
  background: rgba(248, 251, 255, 0.96);
  color: #07152f;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32);
  font-size: 11px;
  font-weight: 780;
  opacity: 0;
}
.productWorldEntryCheckout > span:first-child {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #eaf1ff;
  color: #2365e5;
}
.productWorldEntryCheckout > svg:last-child {
  color: #16a66a;
}
.productWorldEntryCheckout svg,
.productWorldEntryTicket svg,
.productWorldEntryScanner svg,
.productWorldEntryGranted svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.productWorldEntryTicket {
  top: 18px;
  right: 22px;
  width: 70px;
  height: 92px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border-radius: 10px;
  background: #ffffff;
  color: #2365e5;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.36);
  opacity: 0;
  transform: translateY(8px) rotate(-5deg);
}
.productWorldEntryTicket > span {
  width: 34px;
  height: 34px;
  background:
    linear-gradient(90deg, #07152f 50%, transparent 50%) 0 0 / 7px 7px,
    linear-gradient(#07152f 50%, transparent 50%) 0 0 / 7px 7px;
  opacity: 0.82;
}
.productWorldEntryScanner {
  top: 24%;
  right: 23%;
  width: 58px;
  height: 96px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 4px solid #dce7fb;
  border-radius: 13px;
  background: #132a52;
  color: #9fc0ff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transform: translate(14px, 8px) rotate(7deg);
}
.productWorldEntryScanner > span {
  position: absolute;
  top: 25%;
  right: 7px;
  left: 7px;
  height: 2px;
  border-radius: 2px;
  background: #53e0a1;
  box-shadow: 0 0 12px rgba(83, 224, 161, 0.95);
}
.productWorldEntryGranted {
  top: 50%;
  left: 50%;
  min-width: 180px;
  min-height: 54px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 12px;
  background: rgba(16, 140, 91, 0.94);
  color: #ffffff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
  opacity: 1;
  transform: translate(-50%, -50%);
}
.productWorldEntryGranted svg {
  width: 22px;
  height: 22px;
  stroke-width: 2.6;
}
.productWorldEntryGranted strong {
  font-size: 13px;
}
.productWorldStoryCaptions {
  right: 72px;
  bottom: 13px;
  left: 14px;
  min-height: 22px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 760;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.72);
}
.productWorldStoryCaptions > span {
  position: absolute;
  inset: 0 auto auto 0;
  opacity: 0;
}
.productWorldStoryCaptions > span:last-child {
  opacity: 1;
}
.productWorldStoryReplay {
  right: 12px;
  bottom: 10px;
  width: 40px;
  height: 40px;
}
.productWorldStoryReplay > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.productWorldStory.is-playing .productWorldStoryScene--purchase {
  animation: productWorldEntryPurchaseScene 5.8s ease both;
}
.productWorldStory.is-playing .productWorldStoryScene--scan {
  animation: productWorldEntryScanScene 5.8s ease both;
}
.productWorldStory.is-playing .productWorldEntryCheckout {
  animation: productWorldEntryCheckout 5.8s ease both;
}
.productWorldStory.is-playing .productWorldEntryTicket {
  animation: productWorldEntryTicket 5.8s ease both;
}
.productWorldStory.is-playing .productWorldEntryScanner {
  animation: productWorldEntryScanner 5.8s ease both;
}
.productWorldStory.is-playing .productWorldEntryScanner > span {
  animation: productWorldEntryScanLine 1.25s 3.05s ease both;
}
.productWorldStory.is-playing .productWorldEntryGranted {
  animation: productWorldEntryGranted 5.8s cubic-bezier(.2,.75,.2,1) both;
}
.productWorldStory.is-playing .productWorldStoryCaptions > span:nth-child(1) {
  animation: productWorldEntryCaptionOne 5.8s ease both;
}
.productWorldStory.is-playing .productWorldStoryCaptions > span:nth-child(2) {
  animation: productWorldEntryCaptionTwo 5.8s ease both;
}
.productWorldStory.is-playing .productWorldStoryCaptions > span:nth-child(3) {
  animation: productWorldEntryCaptionThree 5.8s ease both;
}
.productWorldStory.is-playing .productWorldStoryCaptions > span:nth-child(4) {
  animation: productWorldEntryCaptionFour 5.8s ease both;
}
.productWorldDetailCopy {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(270px, 1.08fr);
  grid-template-rows: auto auto auto;
  column-gap: 24px;
  row-gap: 8px;
  align-content: start;
}
.productWorldDetailIntro {
  grid-column: 1;
  display: grid;
  align-content: start;
  gap: 8px;
}
.productWorldDetailIntro h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.04;
  letter-spacing: -0.04em;
}
.productWorldDetailIntro > p {
  margin: 0;
  color: #c8d5e9;
  font-size: 13px;
  line-height: 1.5;
}
.productWorldDetailSteps {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px 16px;
  list-style: none;
}
.productWorldDetailSteps[hidden] {
  display: none;
}
.productWorldDetailSteps > li {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
}
.productWorldDetailSteps > li > span {
  padding-top: 2px;
  color: #78aaff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
}
.productWorldDetailSteps strong,
.productWorldDetailSteps p {
  display: block;
  margin: 0;
}
.productWorldDetailSteps strong {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.25;
}
.productWorldDetailSteps p {
  margin-top: 3px;
  color: #afbdd2;
  font-size: 10.5px;
  line-height: 1.35;
}
.productWorldDetailCopy > ul {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  padding: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  list-style: none;
}
.productWorldDetailCopy > ul[hidden] {
  display: none;
}
.productWorldDetailCopy > ul > li {
  position: relative;
  padding-left: 20px;
  color: #e4ecf8;
  font-size: 12px;
  line-height: 1.4;
}
.productWorldDetailCopy > ul > li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 8px;
  border: 2px solid #7eadff;
  border-radius: 50%;
}
.productWorldDetailOffer {
  grid-column: 1 / -1;
  min-height: 70px;
  padding: 10px 14px;
  display: grid;
  grid-template-columns: minmax(210px, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(123, 171, 255, 0.3);
  border-radius: 13px;
  background: linear-gradient(105deg, rgba(35, 101, 229, 0.27), rgba(17, 43, 87, 0.52));
}
.productWorldDetailOffer[hidden] {
  display: none;
}
.productWorldDetailOfferLead,
.productWorldDetailOfferTerms {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.productWorldDetailOfferLead > p,
.productWorldDetailOfferLead > strong,
.productWorldDetailOfferLead > span,
.productWorldDetailOfferTerms > strong,
.productWorldDetailOfferTerms > span {
  margin: 0;
}
.productWorldDetailOfferLead > p {
  color: #9fc1ff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.productWorldDetailOfferLead > strong {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -.025em;
}
.productWorldDetailOfferLead > span,
.productWorldDetailOfferTerms > span {
  color: #b9c9e0;
  font-size: 10.5px;
  line-height: 1.35;
}
.productWorldDetailOfferTerms > strong {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.35;
}
.productWorldDetailActions {
  position: absolute;
  right: 20px;
  bottom: 12px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.productWorldDetailCta,
.productWorldDetailSecondaryCta,
.productWorldDetailBack {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.productWorldDetailCta {
  padding: 0 16px;
  border: 1px solid #2f73ff;
  background: #2f73ff;
  color: #ffffff;
}
.productWorldDetailSecondaryCta {
  padding: 0 4px;
  color: #9fc1ff;
}
.productWorldDetailBack {
  padding: 0;
  border: 0;
  background: transparent;
  color: #b9c9e0;
  cursor: pointer;
}
.productWorldDetailCta[hidden],
.productWorldDetailSecondaryCta[hidden] {
  display: none;
}
@keyframes productWorldDetailIn {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes productWorldEntryPurchaseScene {
  0%, 44% { opacity: 1; transform: scale(1.015); }
  52%, 100% { opacity: 0; transform: scale(1.04); }
}
@keyframes productWorldEntryScanScene {
  0%, 44% { opacity: 0; transform: scale(1.03); }
  52%, 100% { opacity: 1; transform: scale(1.01); }
}
@keyframes productWorldEntryCheckout {
  0%, 4% { opacity: 0; transform: translateY(8px); }
  10%, 25% { opacity: 1; transform: translateY(0); }
  34%, 100% { opacity: 0; transform: translateY(-5px); }
}
@keyframes productWorldEntryTicket {
  0%, 24% { opacity: 0; transform: translateY(10px) rotate(-5deg); }
  31%, 44% { opacity: 1; transform: translateY(0) rotate(-5deg); }
  51%, 100% { opacity: 0; transform: translateY(-6px) rotate(-3deg); }
}
@keyframes productWorldEntryScanner {
  0%, 50% { opacity: 0; transform: translate(14px, 8px) rotate(7deg); }
  58%, 74% { opacity: 1; transform: translate(0, 0) rotate(-2deg); }
  80%, 100% { opacity: 0; transform: translate(-3px, -2px) rotate(-2deg); }
}
@keyframes productWorldEntryScanLine {
  0% { top: 25%; opacity: 0; }
  15% { opacity: 1; }
  80% { top: 74%; opacity: 1; }
  100% { top: 78%; opacity: 0; }
}
@keyframes productWorldEntryGranted {
  0%, 77% { opacity: 0; transform: translate(-50%, -45%) scale(.86); }
  86%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes productWorldEntryCaptionOne {
  0%, 22% { opacity: 1; }
  29%, 100% { opacity: 0; }
}
@keyframes productWorldEntryCaptionTwo {
  0%, 22% { opacity: 0; }
  29%, 44% { opacity: 1; }
  51%, 100% { opacity: 0; }
}
@keyframes productWorldEntryCaptionThree {
  0%, 49% { opacity: 0; }
  56%, 75% { opacity: 1; }
  82%, 100% { opacity: 0; }
}
@keyframes productWorldEntryCaptionFour {
  0%, 78% { opacity: 0; }
  86%, 100% { opacity: 1; }
}
.productWorldNavigation {
  position: absolute;
  z-index: 6;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 78px;
  padding: 12px max(32px, calc((100vw - 1240px) / 2));
  display: flex;
  align-items: center;
  gap: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(4, 13, 33, 0.82);
  backdrop-filter: blur(14px) saturate(130%);
}
.productWorldNavigation > span {
  flex: 0 0 auto;
  color: #aebdd6;
  font-size: 11px;
  font-weight: 750;
}
.productWorldRail {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.productWorldRail::-webkit-scrollbar { display: none; }
.productWorldRailItem {
  min-height: 48px;
  padding: 0 9px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 9px;
  color: #d6e0f1;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 720;
  text-decoration: none;
  flex: 1 0 88px;
}
.productWorldRailItem > span {
  color: #7790bc;
  font-size: 10px;
}
.productWorldRailItem:hover,
.productWorldRailItem.is-active {
  background: rgba(69, 128, 255, 0.18);
  color: #ffffff;
}
.productWorldRailItem.is-active > span {
  color: #73a3ff;
}
.productWorldHotspot:focus-visible,
.productWorldSport:focus-visible,
.productWorldRailItem:focus-visible,
.productWorldPanelAction:focus-visible,
.productWorldDetailClose:focus-visible,
.productWorldStoryReplay:focus-visible,
.productWorldDetailCta:focus-visible,
.productWorldDetailSecondaryCta:focus-visible,
.productWorldDetailBack:focus-visible {
  outline: 3px solid #8cb7ff;
  outline-offset: 3px;
}
@media (max-width: 1100px) {
  .marketingHeaderInner { gap: 18px; }
  .marketingNavPanel { gap: 12px; }
  .siteHeader--marketing .navLink,
  .siteHeader--marketing .navBtn { padding-inline: 9px; }
  .block-product-hero {
    grid-template-columns: minmax(0, 0.95fr) minmax(430px, 1.05fr);
    gap: 34px;
  }
  .productHeroDevice { right: -8px; }
}

@media (min-width: 901px) and (orientation: landscape) {
  .productWorldSceneImage--mobile {
    display: none;
  }
  .productWorldSceneImage--desktop {
    display: block;
  }
  .productWorldSceneImage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
  }
  .productWorldHotspots {
    inset: 0;
    width: auto;
    height: auto;
    aspect-ratio: auto;
    transform: none;
  }
  .productWorldHotspot {
    top: var(--desktop-hotspot-y, var(--hotspot-y));
    left: var(--desktop-hotspot-x, var(--hotspot-x));
  }
  .productWorldShade {
    background:
      linear-gradient(270deg, rgba(3, 11, 30, 0.9) 0%, rgba(3, 11, 30, 0.68) 24%, rgba(3, 11, 30, 0.16) 46%, transparent 64%),
      linear-gradient(180deg, rgba(3, 11, 30, 0.2) 0%, transparent 38%, rgba(3, 11, 30, 0.72) 100%);
  }
  .productWorldSportSwitch {
    right: auto;
    left: max(32px, calc((100vw - 1240px) / 2));
  }
  .productWorldIntro,
  .productWorldPanel {
    right: clamp(32px, 4vw, 72px);
    left: auto;
  }
  .productWorldIntro {
    top: 76px;
  }
}

@media (max-width: 900px) {
  body.is-marketing-nav-open { overflow: hidden; }
  .marketingHeaderInner {
    width: min(100% - 28px, 720px);
    min-height: 68px;
    justify-content: space-between;
  }
  .marketingBrand { font-size: 20px; }
  .marketingBrand img { width: 36px; height: 36px; }
  .siteHeader--marketing .navBurger {
    position: relative;
    z-index: 8;
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(11, 23, 57, 0.11);
    border-radius: 10px;
    background: #ffffff;
    color: #0b1739;
  }
  .siteHeader--marketing .navBurger svg { grid-area: 1 / 1; }
  .siteHeader--marketing .navBurger [data-nav-icon="x"] { display: none; }
  .siteHeader--marketing .navBurger.is-open [data-nav-icon="menu"] { display: none; }
  .siteHeader--marketing .navBurger.is-open [data-nav-icon="x"] { display: block; }
  .marketingNavPanel {
    position: absolute;
    z-index: 7;
    top: 100%;
    right: 0;
    bottom: auto;
    width: min(88vw, 390px);
    height: calc(100dvh - var(--website-sticky-top-offset) - 68px);
    padding: 26px 22px 30px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    overflow-y: auto;
    background: #ffffff;
    box-shadow: -24px 0 60px rgba(11, 23, 57, 0.18);
    visibility: visible;
  }
  .siteHeader--marketing.is-open .marketingNavPanel {
    display: flex;
    animation: marketingDrawerIn 220ms ease both;
  }
  .siteHeader--marketing .navRoot {
    display: grid;
    gap: 4px;
  }
  .siteHeader--marketing .navLink,
  .siteHeader--marketing .navBtn {
    width: 100%;
    min-height: 48px;
    padding: 0 12px;
    justify-content: space-between;
    font-size: 16px;
  }
  .siteHeader--marketing .navDropdown {
    position: static;
    min-width: 0;
    margin: 2px 0 6px 13px;
    padding: 3px 0 3px 12px;
    border: 0;
    border-left: 2px solid #dce7fb;
    border-radius: 0;
    box-shadow: none;
  }
  .siteHeader--marketing .navDropdown .navLink {
    min-height: 42px;
    font-size: 14px;
  }
  .marketingNavActions {
    margin-top: auto;
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 10px;
  }
  .siteHeader--marketing .siteLanguageMenu { right: auto; left: 0; }
  .marketingLogin { justify-content: center; }
  .marketingPrimaryCta { grid-column: 1 / -1; min-height: 50px; }
  .marketingNavOverlay {
    position: absolute;
    z-index: 6;
    top: 100%;
    right: 0;
    left: 0;
    height: calc(100dvh - var(--website-sticky-top-offset) - 68px);
    display: none;
    border: 0;
    background: rgba(5, 13, 33, 0.48);
    opacity: 1;
    visibility: visible;
  }
  .siteHeader--marketing.is-open .marketingNavOverlay {
    display: block;
    animation: marketingOverlayIn 220ms ease both;
  }
  .arenaHeaderInner {
    width: calc(100% - 32px);
    min-height: 64px;
    justify-content: space-between;
    gap: 8px;
  }
  .arenaBrand {
    min-width: 0;
    gap: 8px;
  }
  .arenaBrandLockup {
    width: 104px;
  }
  .arenaBrandModule {
    font-size: 18px;
  }
  .arenaMobileTools {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 2px;
  }
  .arenaSearch {
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--body-text) 4%, transparent);
    color: var(--website-color-text, var(--body-text));
  }
  .arenaSearch:hover {
    background: color-mix(in srgb, var(--arena-header-accent) 10%, transparent);
    color: var(--arena-header-accent);
  }
  .arenaSearch:focus-visible,
  .siteHeader--arena .navBurger:focus-visible {
    outline: 2px solid var(--arena-header-accent);
    outline-offset: 2px;
  }
  .arenaSearch svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .siteHeader--arena .navBurger {
    position: relative;
    z-index: 8;
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--website-color-text, var(--body-text));
  }
  .siteHeader--arena .navBurger svg {
    grid-area: 1 / 1;
    width: 26px;
    height: 26px;
  }
  .siteHeader--arena .navBurger [data-nav-icon="x"] { display: none; }
  .siteHeader--arena .navBurger.is-open [data-nav-icon="menu"] { display: none; }
  .siteHeader--arena .navBurger.is-open [data-nav-icon="x"] { display: block; }
  .arenaNavPanel {
    position: absolute;
    z-index: 7;
    top: 100%;
    right: 0;
    width: min(88vw, 390px);
    height: calc(100dvh - var(--website-sticky-top-offset) - 64px);
    padding: 20px 18px 24px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
    overflow-y: auto;
    background: var(--body-bg);
    box-shadow: -24px 0 60px color-mix(in srgb, var(--body-text) 18%, transparent);
  }
  .siteHeader--arena.is-open .arenaNavPanel {
    display: flex;
    animation: marketingDrawerIn 220ms ease both;
  }
  .siteHeader--arena .navRoot {
    display: grid;
    gap: 4px;
  }
  .siteHeader--arena .navLink,
  .siteHeader--arena .navBtn {
    width: 100%;
    min-height: 48px;
    padding: 0 12px;
    justify-content: space-between;
    font-size: 16px;
  }
  .siteHeader--arena .navItem.active > .navLink::after,
  .siteHeader--arena .navItem.active > .navBtn::after {
    top: 8px;
    right: auto;
    bottom: 8px;
    left: 0;
    width: 3px;
    height: auto;
  }
  .siteHeader--arena .navDropdown {
    position: static;
    min-width: 0;
    margin: 2px 0 6px 13px;
    padding: 3px 0 3px 12px;
    border: 0;
    border-left: 2px solid color-mix(in srgb, var(--nav-underline) 22%, transparent);
    border-radius: 0;
    box-shadow: none;
  }
  .arenaNavActions {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .siteHeader--arena .marketingNavOverlay {
    position: absolute;
    z-index: 6;
    top: 100%;
    right: 0;
    left: 0;
    height: calc(100dvh - var(--website-sticky-top-offset) - 64px);
    display: none;
    border: 0;
    background: color-mix(in srgb, var(--body-text) 48%, transparent);
  }
  .siteHeader--arena.is-open .marketingNavOverlay {
    display: block;
    animation: marketingOverlayIn 220ms ease both;
  }
  .block-product-hero {
    min-height: 0;
    padding: 70px 0 84px;
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
  .productHeroCopy { max-width: 690px; }
  .productHeroTitle { max-width: 680px; font-size: clamp(42px, 9vw, 60px); }
  .productHeroVisual { width: min(100%, 650px); min-height: 500px; margin-inline: auto; }
  body:has(.block-product-hero--world) .marketingNavPanel {
    background: #ffffff;
  }
  body:has(.block-product-hero--world) .siteHeader--marketing .marketingNavPanel .navLink,
  body:has(.block-product-hero--world) .siteHeader--marketing .marketingNavPanel .navBtn,
  body:has(.block-product-hero--world) .siteHeader--marketing .siteLanguageButton,
  body:has(.block-product-hero--world) .marketingLogin {
    color: #152444;
  }
  .block-product-hero--world {
    min-height: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
  }
  .productWorldScene {
    position: relative;
    inset: auto;
    height: min(62svh, 610px);
    min-height: 480px;
    flex: 0 0 auto;
  }
  .productWorldSceneImage,
  .productWorldHotspots {
    transform: none;
  }
  .productWorldSceneImage {
    object-position: 58% center;
  }
  .productWorldShade {
    background:
      linear-gradient(180deg, rgba(3, 11, 30, 0.55) 0%, transparent 40%, rgba(3, 11, 30, 0.75) 100%),
      linear-gradient(90deg, rgba(3, 11, 30, 0.68) 0%, transparent 68%);
  }
  .productWorldHotspots {
    display: none;
  }
  .productWorldSportSwitch {
    top: 20px;
    right: 20px;
    left: 20px;
    max-width: none;
  }
  .productWorldIntro {
    top: 86px;
    left: 28px;
    width: min(430px, calc(100% - 56px));
  }
  .productWorldTitle {
    max-width: 420px;
    font-size: clamp(43px, 10vw, 64px);
  }
  .productWorldPanel {
    position: relative;
    z-index: 7;
    left: auto;
    bottom: auto;
    width: auto;
    min-height: 0;
    margin: -54px 20px 0;
  }
  body.is-product-world-detail-open {
    overflow: hidden;
  }
  .productWorldDetail {
    position: fixed;
    z-index: 20;
    top: calc(var(--website-sticky-top-offset, 0px) + 68px);
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 18px;
    grid-template-rows: auto auto auto;
    overflow-y: auto;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    background: #06132e;
  }
  .productWorldStory {
    height: auto;
    aspect-ratio: 1200 / 525;
  }
  .productWorldDetailCopy {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 10px;
  }
  .productWorldDetailIntro,
  .productWorldDetailSteps,
  .productWorldDetailCopy > ul,
  .productWorldDetailOffer,
  .productWorldDetailActions {
    grid-column: 1;
    grid-row: auto;
  }
  .productWorldDetailSteps,
  .productWorldDetailCopy > ul {
    margin-top: 4px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
  }
  .productWorldDetailOffer {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  }
  .productWorldDetailActions {
    position: static;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 4px;
  }
  .productWorldNavigation {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    min-height: 0;
    padding: 24px 20px 28px;
    display: grid;
    gap: 12px;
    border-top: 0;
    background: #06132e;
    backdrop-filter: none;
  }
  .productWorldRail {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .productWorldRail::-webkit-scrollbar { display: none; }
  .productWorldRailItem {
    min-width: 148px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    background: rgba(255, 255, 255, 0.055);
  }
}

@keyframes marketingDrawerIn {
  from { transform: translateX(18px); }
  to { transform: translateX(0); }
}
@keyframes marketingOverlayIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 560px) {
  .marketingHeaderInner { width: calc(100% - 24px); }
  .block-product-hero { padding: 54px 0 68px; gap: 36px; }
  .productHeroEyebrow { max-width: 300px; margin-bottom: 17px; font-size: 10px; }
  .productHeroTitle { font-size: clamp(38px, 12.6vw, 50px); line-height: 1.04; }
  .productHeroLead { margin-top: 21px; font-size: 17px; line-height: 1.55; }
  .productHeroActions { margin-top: 28px; display: grid; }
  .productHeroButton { width: 100%; min-height: 50px; padding-inline: 17px; }
  .productHeroQualification { margin-top: 18px; }
  .productHeroVisual { min-height: 390px; }
  .productHeroBrandMark { top: -30px; right: -70px; width: 290px; height: 290px; }
  .productHeroWorkspace { top: 24px; right: 18px; left: 0; height: 304px; border-radius: 16px; transform: none; }
  .productHeroWorkspaceBar { height: 48px; padding-inline: 13px; }
  .productHeroWorkspaceBar > strong { font-size: 11px; }
  .productHeroWorkspaceMedia { height: 256px; }
  .productHeroWorkspaceMedia > img { min-width: 430px; transform: translate(-44px, -18px); }
  .productHeroDevice { right: -6px; bottom: 0; width: 120px; height: 244px; border-width: 5px; border-radius: 22px; }
  .productHeroDeviceBar { height: 25px; padding-inline: 7px; font-size: 7px; }
  .productHeroDeviceBar > span { width: 20px; }
  .productHeroDeviceMedia { height: 219px; }
  .productHeroFloatCard { min-width: 0; padding: 11px 12px; }
  .productHeroFloatCard--builder { left: 5px; bottom: -8px; }
  .productHeroFloatIcon { width: 34px; height: 34px; flex-basis: 34px; }
  .productWorldScene {
    height: 55svh;
    min-height: 430px;
  }
  .productWorldIntro {
    top: 82px;
    left: 20px;
    width: calc(100% - 40px);
  }
  .productWorldIntro .productHeroEyebrow { max-width: 260px; }
  .productWorldTitle {
    max-width: 310px;
    font-size: clamp(40px, 13.5vw, 54px);
  }
  .productWorldLead {
    max-width: 280px;
    margin-top: 13px;
    font-size: 14px;
  }
  .productWorldPanel {
    margin-inline: 12px;
    padding: 18px;
    grid-template-columns: minmax(0, 1fr) 84px;
    border-radius: 14px;
  }
  .productWorldPanelCopy h2 { font-size: 20px; }
  .productWorldPanelUi { width: 78px; height: 96px; border-width: 4px; }
  .productWorldDetail {
    padding: 16px;
  }
  .productWorldDetailIntro h2 {
    font-size: 24px;
  }
  .productWorldDetailSteps,
  .productWorldDetailCopy > ul {
    grid-template-columns: minmax(0, 1fr);
  }
  .productWorldDetailOffer {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .productWorldEntryCheckout {
    top: 10px;
    right: 10px;
    min-width: 154px;
    min-height: 42px;
  }
  .productWorldEntryGranted {
    min-width: 156px;
    min-height: 48px;
  }
  .productWorldStoryCaptions {
    right: 58px;
    bottom: 10px;
    left: 10px;
    font-size: 11px;
  }
  .productWorldStoryReplay {
    right: 8px;
    bottom: 7px;
  }
  .productWorldNavigation { padding-inline: 12px; }
  .productWorldSportSwitch {
    right: 12px;
    left: 12px;
    gap: 8px;
  }
  .productWorldSportSwitch > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}
@media (max-width: 900px) {
  .accessibilityPanel {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    border-radius: 16px;
  }
}
.hasVerenoWebsiteBar {
  --website-sticky-top-offset: calc(var(--website-utility-bar-offset, 0px) + var(--vereno-inline-editor-height)) !important;
}
.hasVerenoWebsiteBar .utilityBar {
  top: var(--vereno-inline-editor-height);
}
/* Popover content uses its own surface, independently of white header-action branding. */
.siteHeaderActions .siteLanguageMenu{
  width:min(254px, calc(100vw - 32px));
  min-width:0;
  max-height:calc(100dvh - 120px);
  overflow-y:auto;
  padding:12px;
  border-radius:0;
  box-shadow:none;
  background:var(--body-bg);
  color:var(--body-text);
}
.siteHeaderActions .siteLanguageMenu .siteLanguageOption{
  min-height:48px;
  padding:10px 16px;
  border-radius:0;
  color:var(--body-text);
  font-size:16px;
  line-height:1.3;
  justify-content:space-between;
  gap:12px;
}
.siteHeaderActions .siteLanguageMenu .siteLanguageOption:is(:hover,[aria-checked="true"]){
  background:color-mix(in srgb, var(--body-text) 12%, var(--body-bg));
  color:var(--body-text);
}
.siteHeaderActions .siteLanguageOption[aria-checked="true"]::after{content:"✓";}
.siteHeaderActions .siteLanguageOption:focus-visible{outline:2px solid currentColor;outline-offset:-2px;}

/* Native nested navigation: grouped desktop menus and one mobile level at a time. */
.nav--nested .navLevelHeader, .nav--nested .navGroupTitle,.nav--nested .navLevelTitle,.nav--nested .navLevelOverview,.nav--nested .navSummary{display:none;}
@media(max-width:900px){
  .navBar:has(.nav--nested .navRoot>.open){background:var(--nav-bg);padding:0!important;}
  .nav--nested .navRoot:has(>.open){padding:0;}
  .nav--nested .navRoot>.open>.navDropdown{min-height:calc(100dvh - 118px);}
  .nav--nested .navLevelTitle{display:none;}
  .nav--nested .navLevelTitle h2{font-size:32px;line-height:1.2;margin:0;color:inherit;}
  .nav--nested .navDropdown>.navItem>.navLink,.nav--nested .navDropdown>.navItem>.navBtn{padding:22px 24px;}
  .nav--nested .navDropdown>.navItem:has(>.navLink)>.navBtn{padding:0;}
  .nav--nested .navDropdown .navSummary{display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:6px;}
  .nav--nested .navLevelOverview{display:block;padding:12px 20px 24px;}
  .nav--nested .navLevelOverview a{display:flex;align-items:center;min-height:44px;padding:8px 0;background:var(--nav-bg);color:var(--nav-text);text-decoration:none;font-size:14px;font-weight:700;}
  .nav--nested .navRoot{align-items:stretch;max-height:calc(100dvh - 100px);overflow-y:auto;}
  .nav--nested .navDropdown{position:static;min-width:0;width:100%;padding:0;margin:0;background:var(--nav-bg);color:var(--nav-text);border:0;}
  .nav--nested .navDropdown .navLink,.nav--nested .navDropdown .navBtn{color:var(--nav-text);min-height:52px;border-bottom:1px solid color-mix(in srgb,var(--body-text) 15%,transparent);}
  .nav--nested .navLevelHeader{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 20px;color:var(--nav-text);border-bottom:1px solid color-mix(in srgb,var(--body-text) 15%,transparent);}
  .nav--nested .navLevelHeader button{min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;}
  .nav--nested .navLevelHeader strong{min-width:0;font-size:20px;overflow-wrap:anywhere;}
  .nav--nested .navLevelBack{justify-self:start;}
  .nav--nested .navLevelClose{justify-self:end;font-size:26px!important;}
  .nav--nested .navLevelHeader button{border-radius:0;}
  .nav--nested .navLevelHeader button:focus-visible,.nav--nested .navLevelOverview a:focus-visible{outline:2px solid currentColor;outline-offset:-2px;}
  .nav--nested .navRoot:has(>.open)>.navItem:not(.open),
  .nav--nested .navDropdown:has(>.open)>.navItem:not(.open),
  .nav--nested .navDropdown:has(>.open)>.navLevelHeader,
  .nav--nested .navDropdown:has(>.open)>.navLevelTitle,
  .nav--nested .navDropdown:has(>.open)>.navLevelOverview,
  .nav--nested .navItem.open>.navLink,.nav--nested .navItem.open>.navBtn{display:none;}
  .nav--nested .navItem.open{display:block!important;}
  .nav--nested .navItem.open>.navDropdown{display:block!important;}
  /* Keep native menu structure readable with imported horizontal-menu branding. */
  body[data-menu-position="top"][data-menu-preset] .nav--nested .navRoot>.navItem.open>.navDropdown{
    left:0!important;width:100%!important;padding:0!important;
    min-height:0!important;max-height:calc(100dvh - 140px)!important;
    background:var(--nav-bg)!important;color:var(--nav-text);box-shadow:none;border-radius:0;
  }
  body[data-menu-position="top"][data-menu-preset] .nav--nested .navLevelHeader{display:grid!important;}
  body[data-menu-position="top"][data-menu-preset] .nav--nested .navLevelOverview{display:block!important;}
  body[data-menu-position="top"][data-menu-preset] .nav--nested .navLevelTitle{display:none!important;}
  body[data-menu-position="top"][data-menu-preset] .nav--nested .navRoot>.navItem.open>.navDropdown .navLink{
    color:var(--nav-text)!important;font-size:20px!important;font-weight:700!important;padding:18px 20px!important;
  }
}