/* v2 staging final feedback — layout, mobile, and polish fixes */

/* ── Site-wide horizontal gutters — always 1rem ── */
.global_container,
.w-container.global_container {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.global_padding,
.both_padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.global_container .global_headings-wrapper,
.global_container .global_headings-wrapper.l,
.global_container .global_headings-wrapper.m,
.global_container .global_headings-wrapper.low,
.global_container .platfrom_hero-text,
.global_container .hero_headings,
.global_container .career_headings,
.global_container .events_hero,
.global_container .events_hero.l,
.global_container .legal-hero {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section-hero,
.footer {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.section-platforms {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.platfrom_hero-container {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.events_hero,
.events_hero.l,
.events_hero.m,
.events_hero.xl,
.legal-hero {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box;
}

.nav.w-nav,
.nav {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.nav_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.event-post .global_padding {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (max-width: 991px) {
  .page-acg-markets .dashboard_wrapper,
  .page-alpha-trader .dashboard_wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .page-acg-markets .global_container > .grid,
  .page-alpha-trader .global_container > .grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .page-acg-markets .grid .components,
  .page-acg-markets .grid .components.bgl,
  .page-acg-markets .grid .components.align,
  .page-alpha-trader .grid .components,
  .page-alpha-trader .grid .components.align,
  .page-alpha-trader .grid .components.bgl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  .page-acg-markets .grid .why_headings,
  .page-alpha-trader .grid .why_headings {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-acg-markets .essentials_wrapper.short,
  .page-alpha-trader .essentials_wrapper.short {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-acg-markets .essential,
  .page-alpha-trader .essential,
  .page-acg-markets .essential._100,
  .page-alpha-trader .essential._100 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

/* ── Trustpilot hero (static SVG badge) ── */
/* Feature / hero screenshots — preserve native resolution */
.group_dash,
.dashboard_wrapper img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.page-alpha-trader .grid .components img,
.page-acg-markets .grid .components img {
  height: auto;
}

@media (min-width: 992px) {
  .page-alpha-trader .grid .components img,
  .page-acg-markets .grid .components img {
    max-width: none;
  }
}

.trust_pilot img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ── Navbar: prevent logo flash on page change ── */
.nav_brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 9rem;
  min-height: 2rem;
}

.nav_brand_logo,
.nav_brand img {
  display: block;
  width: 9rem;
  height: auto;
  max-height: 2rem;
  object-fit: contain;
  object-position: left center;
}

/* ── Navbar: transparent at top, full-width black on scroll (.nav wrapper) ── */
.nav.w-nav,
.nav.w-nav.w-nav,
.w-nav.nav {
  z-index: 1000;
  isolation: isolate;
  background: transparent !important;
  background-color: transparent !important;
  overflow: visible;
  transition: background-color 0.25s ease;
}

.nav.w-nav.is-scrolled,
.nav.w-nav.is-scrolled.w-nav {
  background: #040404 !important;
  background-color: #040404 !important;
}

.nav.w-nav .nav_container,
.nav.w-nav .nav_links,
.nav.w-nav .nav_buttons-wrap,
.nav.w-nav .nav_brand,
.nav.w-nav .nav_dropdown {
  background: transparent !important;
  background-color: transparent !important;
}

/* Legacy Webflow overlay — disabled; scroll bg lives on .nav wrapper */
.nav.w-nav .bg,
.nav.w-nav > .bg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.nav_container,
.nav > .none {
  position: relative;
  z-index: 2;
}

.nav .dropdown.is_trading.w--open,
.nav .dropdown.is_help.w--open {
  z-index: 1002;
}

/* ── Nav dropdown link typography ── */
.dorpdown_link .tetx_link-l {
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

.dorpdown_link .link_text .body-s.low {
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

/* ── Navbar dropdown images ── */
.nav_dropdown .dropdown.is_trading {
  overflow: visible;
}

.nav_dropdown .dropdown_colum .icon_wrap img,
.dropdown_link-l .yotube_image,
.dropdown_link-l .myalpha_s {
  loading: eager;
}

/* Learn dropdown promo — Divento cover image */
.dropdown_link-l.learn {
  display: flex !important;
  flex-flow: column !important;
  background-image: url("../images/Divento-Pixelated-Cover.avif"),
    linear-gradient(#ec6746, #cf2900) !important;
  background-position: center center, 0 0 !important;
  background-size: cover, auto !important;
  background-repeat: no-repeat, no-repeat !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  padding: 1rem !important;
  gap: 0.75rem;
  overflow: hidden;
  width: 20rem;
  min-width: 20rem;
}

.dropdown_link-l.learn .yotube_image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto;
  width: 100%;
  height: 10rem;
  min-height: 10rem;
  object-fit: cover;
  object-position: center;
  border-radius: 0.625rem;
  background-color: #161616;
  background-image: url("../images/maxresdefault.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.divento_promo_cover {
  display: none;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}

.dropdown_link-l.learn .texts_links {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 0.5rem;
}

.dropdown_link-l.learn .divento {
  display: block;
  width: 7rem;
  height: auto;
}

.dropdown_link-l.is-myalpha-promo {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

/* Divento bento card — keep pixelated cover visible behind content */
.divento_card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../images/Divento-Pixelated-Cover.avif");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}

.divento_card .card_headings,
.divento_card .w-embed-youtubevideo,
.divento_card .youtube_video {
  position: relative;
  z-index: 1;
}

/* Legal page heroes — tag / heading / subtext spacing */
.legal-page-hero {
  padding-top: 12rem;
  padding-bottom: 3.5rem;
}

.legal-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: min(36rem, 100%);
  max-width: 100%;
}

.legal-hero .tag {
  padding: 0.5rem 1rem;
  margin: 0;
}

.legal-hero .h1,
.legal-hero h1 {
  margin: 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.legal-hero .body-m.text_70 {
  margin: 0;
  max-width: 30rem;
  line-height: 1.55;
}

.legal_v2 .p_cfwf_umuyca,
.legal_v2 .p_cfwf_wjkjnt,
.legal_v2 .p_cfwf_uusmmm,
.legal_v2 .p_cfwf_sbmtmf,
.legal_v2 .p_cfwf_qppfza {
  color: rgba(244, 244, 246, 0.72);
  line-height: 1.65;
}

@media (max-width: 767px) {
  .legal-page-hero {
    padding-top: 10rem;
    padding-bottom: 2.5rem;
  }

  .legal-hero {
    gap: 1.25rem;
  }
}

.cards.is_myalpha .learn_more {
  position: relative;
  z-index: 1;
  pointer-events: none;
  cursor: default;
}

/* ── FAQ smoother accordion ── */
.faq_capital-2 .faq_answer-2 {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 450ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.faq_capital-2.is-open .faq_answer-2 {
  opacity: 1;
}

.faq_capital-2 .faq_question .dropdown_icon {
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Certification path slider — hug content, no crop ── */
.global_headings-wrapper + .analyst_marquee,
.global_headings-wrapper.l + .slide_l {
  margin-top: 0.75rem;
}

.section .analyst_marquee.slider {
  overflow: visible;
}

.af-cert-slider {
  height: auto !important;
  min-height: 35.6875rem;
  margin-top: 0 !important;
  overflow: visible !important;
}

.af-cert-stage {
  height: 35.6875rem !important;
  min-height: 35.6875rem;
  overflow: visible;
}

.af-cert-slide img {
  object-fit: contain !important;
}

@media (max-width: 991px) {
  .af-cert-slider {
    min-height: 31rem;
  }

  .af-cert-stage {
    height: 31rem !important;
    min-height: 31rem;
  }
}

@media (max-width: 767px) {
  .af-cert-slider {
    min-height: 0;
    height: auto !important;
  }

  .af-cert-stage {
    height: auto !important;
    min-height: 0;
    aspect-ratio: 768.88 / 571;
    width: min(84vw, 20rem);
    margin-left: auto;
    margin-right: auto;
  }
}


@media (max-width: 991px) {
  .section:has(.af-cert-slider) .global_headings-wrapper {
    margin-bottom: 0 !important;
  }

  .section:has(.af-cert-slider) .global_padding {
    padding-bottom: 5rem !important;
  }

  .section:has(.af-cert-slider) .af-cert-slider {
    margin-bottom: 1rem;
  }

  .global_headings-wrapper + .analyst_marquee.slider,
  .global_headings-wrapper + .analyst_marquee {
    margin-top: 0.25rem !important;
  }
}
/* ── About mission / vision alignment ── */
._2_col-grid-2 {
  align-items: stretch;
}

.card_mission-visions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 100%;
}


@media (max-width: 991px) {
  ._2_col-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .card_mission-visions {
    min-height: 14rem;
    justify-content: flex-end;
    padding: 1.75rem 1rem 2rem !important;
  }
}

/* ── Our Journey timeline mobile fix ── */
@media (max-width: 991px) {
  .ac-story-timeline {
    width: 100%;
    margin-left: 0;
  }

  .ac-story-pin {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .ac-story-shell {
    padding: 0 1rem;
  }

  .ac-story-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.5rem;
  }

  .ac-story-track {
    display: flex;
    gap: 0.75rem;
    width: max-content;
  }

  .ac-story-card {
    scroll-snap-align: start;
    flex: 0 0 min(82vw, 320px);
  }

  .global_headings-wrapper.l {
    text-align: center;
    align-items: center;
  }
}

/* ── Symbols: hide duplicate text-only hero (image lives in main hero) ── */
.section-platforms.none {
  display: none !important;
}

.page-symbols .section-platforms .absolute_tools-img {
  display: block;
  width: 86rem;
  max-width: none;
  margin-top: 3rem;
  margin-right: -24.6rem;
  position: absolute;
  inset: 0% 0% 0% auto;
  object-fit: contain;
  object-position: center top;
  pointer-events: none;
  z-index: 1;
}

.page-leaderboard .platfrom_hero-container,
.page-leaderboard .platfrom_hero-text {
  position: relative;
  z-index: 10;
}

.page-leaderboard .section-platforms .fade_platfroms {
  z-index: 3;
}

.page-leaderboard .section-platforms .absolute_tools-img {
  display: block;
  position: absolute;
  top: -140px;
  right: -1rem;
  left: auto;
  bottom: auto;
  width: 42rem;
  max-width: none;
  margin: 0;
  object-fit: contain;
  object-position: top right;
  pointer-events: none;
  z-index: 1;
}

.section-platforms .absolute_tools-img,
.platfrom_hero-container .video,
.section-hero .video {
  object-position: center top;
}

/* ── Headings overflow fixes (mobile only) ── */
@media (max-width: 991px) {
  .global_headings-wrapper,
  .global_headings-wrapper.l,
  .global_headings-wrapper.m,
  .platfrom_hero-text,
  .hero_headings,
  .career_headings,
  .events_hero,
  .events_hero.l {
    max-width: 100%;
    width: 100% !important;
    overflow-wrap: anywhere;
  }

  .global_headings-wrapper h2,
  .global_headings-wrapper .h2,
  .platfrom_hero-text h1,
  .platfrom_hero-text h2 {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

/* ── ACG / Alpha Trader essentials grid dividers ── */
.essentials_wrapper.short .devider-2 {
  width: 1px;
  opacity: 0.14;
  background-color: rgba(255, 255, 255, 0.35);
}

.essentials_wrapper.short .devider-2.long {
  width: 100%;
  height: 1px;
  margin: 1.25rem auto;
  opacity: 0.14;
  background-color: rgba(255, 255, 255, 0.35);
}

.why_choose-grid .card_s,
.bento_col .card_s {
  overflow: hidden;
}

.why_choose-grid .body-m,
.bento_col .body-m,
.essential .body-m {
  overflow-wrap: break-word;
}

/* ── Footer mobile 2x2 grid + bigger bg icon ── */
@media (max-width: 767px) {
  .footer .footer_link {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem 1rem !important;
    width: 100% !important;
  }

  .footer .footer_link [class*="w-node"],
  .footer .footer_link > .links {
    grid-area: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .footer .links {
    min-width: 0;
    width: 100%;
  }

  .footer .abso,
  .footer img.abso {
    width: min(100vw, 38rem) !important;
    height: auto !important;
    opacity: 0.45 !important;
    margin-top: -3rem;
  }
}

/* ── Mobile nav spacing ── */
@media (max-width: 1199px) {
  .nav.w-nav,
  .nav {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
  }

  .nav_container {
    align-items: center !important;
    gap: 0.25rem;
    margin: 0.35rem auto !important;
    min-height: 3.25rem;
  }

  .nav_brand {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 0;
  }

  .nav_brand_logo,
  .nav_brand img {
    display: block;
    width: 8.5rem !important;
    max-height: 2.1rem !important;
    object-fit: contain;
  }

  .nav_container > .none,
  .nav > .none {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex-shrink: 0;
  }

  .acm-simple {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .acm-open {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important;
  }

  .acm-open span {
    width: 20px !important;
    height: 2px !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    border-radius: 999px !important;
  }

  .acm-open span:nth-child(1) {
    top: 14px !important;
  }

  .acm-open span:nth-child(2) {
    top: 21px !important;
  }

  .acm-open span:nth-child(3) {
    top: 28px !important;
  }

  .nav_buttons-wrap .hero_buttons.hidden_m {
    display: none;
  }

  .acm-drawer {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }

  .acm-links {
    flex: 1 1 auto;
    min-height: 0;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto;
    padding: 5.5rem 1rem 1.25rem !important;
  }

  .acm-links > a {
    min-height: 4.875rem !important;
    padding: 0.45rem 0 !important;
    font-size: clamp(1.75rem, 6.4vw, 2.125rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
  }

  .acm-accordion {
    min-height: 4.875rem !important;
    padding: 0.45rem 0 !important;
    font-size: clamp(1.75rem, 6.4vw, 2.125rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
  }

  .acm-accordion > span {
    font-size: inherit !important;
  }

  .acm-panel-inner a,
  .acm-panel a {
    min-height: 0 !important;
    padding: 0.875rem 0 !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: rgba(255, 255, 255, 0.65) !important;
  }

  .acm-accordion i {
    width: 2.25rem !important;
    height: 4.875rem !important;
    margin-left: 1rem !important;
  }

  .acm-group.is-open .acm-panel-inner {
    padding-top: 0.75rem !important;
    padding-bottom: 1rem !important;
  }

  .acm-close {
    top: 18px !important;
    right: 20px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .acm-links > .acm-group:last-of-type .acm-panel {
    border-bottom: none !important;
  }

  .acm-mobile-ctas {
    display: flex !important;
    flex-direction: column;
    gap: 0.75rem;
    flex-shrink: 0;
    margin-top: auto;
    padding: 1.25rem 0 calc(1.5rem + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  .acm-mobile-ctas .acm-mobile-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100%;
    height: 3rem !important;
    min-height: 3rem !important;
    padding: 0 1.25rem !important;
    font-size: 1rem !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .acm-mobile-ctas .acm-mobile-btn .button_text {
    font-size: inherit !important;
    line-height: 1 !important;
  }

  .acm-mobile-ctas .acm-mobile-btn.w-variant-d42ee377-a1ad-7890-1e47-2f186d95f758 {
    background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.04)
    ) !important;
  }

  .acm-mobile-ctas .acm-mobile-btn.acm-start-eval {
    background-image: linear-gradient(90deg, #2069ff, #003cb7) !important;
  }

  .acm-mobile-ctas .acm-mobile-btn .button_icon {
    display: block !important;
    width: 0.65rem;
    flex-shrink: 0;
  }
}

/* ── Community globe: pin popups match trader cards ── */
.ac-globe-tooltip.ac-globe-card--pin {
  position: absolute;
  z-index: 50;
  min-width: 180px;
  padding: 11px 13px 11px 10px;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-50%, calc(-100% - 12px), 0) scale(0.96);
}

.ac-globe-tooltip.ac-globe-card--pin.is-visible {
  opacity: 1;
  transform: translate3d(-50%, calc(-100% - 12px), 0) scale(1);
}

/* Community globe: no drag / no pins on mobile (page scroll wins) */
@media (max-width: 767px) {
  .ac-globe {
    touch-action: pan-y !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  .ac-globe-card,
  .ac-globe-point,
  .ac-globe-line,
  .ac-globe-tooltip,
  .ac-globe-hint,
  .ac-globe-labels {
    display: none !important;
  }
}

/* ── Events detail panels ── */
.event-detail-panel {
  display: none;
  margin-top: 2rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.03);
}

.event-detail-panel.is-active {
  display: block;
}

.event-detail-panel h3 {
  margin: 0 0 0.75rem;
}

.event-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

/* ── Trading objectives (ACO) cleaner empty state hidden when loaded ── */
[data-aco].is-ready .aco-empty {
  display: none;
}

/* ── Prevent horizontal overflow glitches ── */
.page_wrapper,
.main_wrapper {
  overflow-x: clip;
}

.section-hero,
.section-platforms {
  overflow: hidden;
}

/* ── Mobile: full-bleed video heroes + footer (no side gap, no radius) ── */
@media (max-width: 991px) {
  .section-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 calc(50% - 50vw) !important;
    border-radius: 0 !important;
    box-sizing: border-box;
  }

  .section-hero .video_bg,
  .section-hero .video_cover {
    border-radius: 0 !important;
  }

  .section-hero .hero_headings {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  .section-hero .trust_pilot {
    width: calc(100% - 2rem) !important;
    max-width: 24rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  .events .events_hero,
  .events_hero,
  .events_hero.l,
  .events_hero.m,
  .events_hero.xl,
  .legal-hero {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  .events,
  .group,
  .group.is_2 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
  }

  .footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }
}

/* ── Mobile feedback batch: overlaps, heroes, why sections ── */
@media (max-width: 991px) {
  .bento_grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.8rem !important;
  }

  .bento_grid [class*="w-node"] {
    grid-area: auto !important;
    width: 100% !important;
  }

  .divento_card {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    flex-shrink: 0;
    background-image: url("../images/Divento-Pixelated-Cover.avif"),
      linear-gradient(#ec6746, #cf2900) !important;
    background-position: 50%, 0 0 !important;
    background-size: cover, auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0;
    isolation: isolate;
  }

  .divento_card .divento_promo_cover {
    display: block !important;
    order: -1;
    width: 100%;
    margin-bottom: 1rem;
  }

  .divento_card .w-embed-youtubevideo,
  .divento_card .youtube_video {
    display: none !important;
  }

  .divento_card .card_headings {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  .divento_card .w-embed-youtubevideo,
  .divento_card .youtube_video {
    position: relative !important;
    width: 100% !important;
    margin-top: 1rem !important;
    flex: 0 0 auto;
    z-index: 1;
  }

  .bento_grid .cards,
  .cards.is_myalpha {
    height: auto !important;
    min-height: 18rem;
  }

  .section-platforms {
    height: 100vh !important;
    height: 100svh !important;
    min-height: 100svh !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    padding-bottom: 3rem !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .platfrom_hero-container {
    padding-top: 5rem !important;
    width: 100% !important;
  }

  .platfrom_hero-text,
  .platfrom_hero-text._2 {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    z-index: 10;
  }

  .absolute_platfrom {
    position: absolute !important;
    inset: 0% 0% auto auto !important;
    z-index: 1 !important;
    margin-top: 3.6rem !important;
    margin-right: -10rem !important;
    transform: scale(0.8) !important;
    width: auto !important;
    order: unset !important;
  }

  .fade_platfroms {
    position: absolute !important;
    inset: auto 0% 0% !important;
    z-index: 6 !important;
    height: 38rem !important;
    pointer-events: none !important;
  }

  .absolute_tools-img {
    position: absolute !important;
    margin-right: -5rem !important;
  }

  .page-leaderboard .section-platforms {
    height: auto !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 1rem 2rem !important;
    overflow: visible !important;
  }

  .page-leaderboard .platfrom_hero-container {
    order: 2;
    width: 100% !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-leaderboard .platfrom_hero-container,
  .page-leaderboard .platfrom_hero-text {
    z-index: 10 !important;
  }

  .page-leaderboard .section-platforms .fade_platfroms {
    display: none !important;
  }

  .page-leaderboard .section-platforms .absolute_tools-img {
    order: 1;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    width: 82% !important;
    max-width: 20rem !important;
    margin: 0 auto 0.25rem !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  .page-symbols .section-platforms .absolute_tools-img {
    width: 50rem !important;
    margin-top: 2rem !important;
    margin-right: -8rem !important;
    inset: 0% 0% auto auto !important;
    object-fit: contain !important;
  }

  .events,
  .group.is_2 {
    min-height: 100vh !important;
    min-height: 100svh !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 8rem !important;
    padding-bottom: 3rem !important;
  }

  .slide_l {
    margin-top: 0 !important;
    overflow: visible !important;
  }

  .section:has(.ac-story-timeline) .global_headings-wrapper.l {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    align-items: center !important;
  }

  .section:has(.ac-story-timeline) .global_headings-wrapper.l h2 {
    max-width: 100% !important;
    overflow-wrap: break-word;
    font-size: clamp(1.65rem, 7vw, 2.25rem) !important;
  }

  .page-alpha-trader .grid {
    overflow: hidden !important;
  }

  .page-alpha-trader .grid .components,
  .page-alpha-trader .grid .components.align,
  .page-alpha-trader .grid .components.bgl {
    height: auto !important;
    min-height: 16rem !important;
    overflow: hidden !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
  }

  .page-alpha-trader .grid .components img,
  .page-alpha-trader .grid .components.align img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: top center !important;
  }

  .page-alpha-trader .grid .components.align .cursor {
    margin-left: 0 !important;
  }

  .page-alpha-trader .grid .components.align .alpga_t-dash,
  .page-alpha-trader .grid .components.align .alpga_t-dash.m {
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-alpha-trader .grid .why_headings {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    z-index: 2;
  }

  .page-alpha-trader .grid .why_headings h3,
  .page-alpha-trader .grid .why_headings .h4 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .page-alpha-trader .grid .why_headings p,
  .page-alpha-trader .grid .components .body-m {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: break-word;
  }

  .page-alpha-trader .global_headings-wrapper.m,
  .page-acg-markets .global_headings-wrapper.m {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .page-alpha-trader .global_headings-wrapper.m .tag,
  .page-acg-markets .global_headings-wrapper.m .tag {
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center;
  }

  .global_headings-wrapper.m {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .global_headings-wrapper.m h2,
  .global_headings-wrapper.m .h2,
  .page-alpha-trader .global_headings-wrapper.m h2,
  .page-acg-markets .global_headings-wrapper.m h2 {
    width: 100% !important;
    font-size: clamp(1.65rem, 7vw, 2.25rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: break-word;
  }

  /* ACG Why Choose — keep original absolute image framing */
  .page-acg-markets .grid .components,
  .page-acg-markets .grid .components.bgl {
    height: 25.625rem !important;
    max-width: none !important;
    overflow: hidden !important;
    padding: 2rem 1rem !important;
    padding-bottom: 2rem !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  .page-acg-markets .grid .components.align {
    height: auto !important;
    min-height: 410px !important;
    max-width: none !important;
    overflow: hidden !important;
    padding: 2rem 1rem !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    gap: 1rem !important;
  }

  .page-acg-markets .grid .components.align .alpga_t-dash {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 16rem !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: top center !important;
  }

  .page-acg-markets .grid .why_headings {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    z-index: 3;
    position: relative;
  }

  .page-acg-markets .grid .why_headings h3,
  .page-acg-markets .grid .why_headings .h4 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .page-acg-markets .grid .why_headings p {
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  .page-acg-markets .grid .chart_l {
    position: absolute !important;
    width: 50rem !important;
    max-width: none !important;
    margin-top: -210px !important;
    inset: 0% 0% auto !important;
    height: auto !important;
    pointer-events: none;
  }

  .page-acg-markets .grid .chart_l.bsolute {
    width: 20rem !important;
    margin-top: -7.9rem !important;
    margin-left: 1rem !important;
    right: auto !important;
  }

  .page-acg-markets .grid .chart_l.t7 {
    width: 20rem !important;
    margin-top: -7.9rem !important;
    margin-left: 1rem !important;
    right: auto !important;
  }


  .events_hero,
  .events_hero.l {
    width: 100% !important;
    max-width: 100% !important;
  }

  .events_hero .h1,
  .events_hero h1 {
    font-size: clamp(1.65rem, 7vw, 2.35rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
  }

  .global_headings-wrapper,
  .global_headings-wrapper.l {
    width: 100% !important;
    max-width: 100% !important;
  }

  .global_headings-wrapper h2,
  .global_headings-wrapper .h2,
  .global_headings-wrapper.l h2 {
    font-size: clamp(1.65rem, 7vw, 2.25rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: break-word;
  }
}

@media (max-width: 767px) {
  .page-acg-markets .grid .components,
  .page-acg-markets .grid .components.bgl,
  .page-acg-markets .grid .components.align,
  .page-alpha-trader .grid .components,
  .page-alpha-trader .grid .components.bgl,
  .page-alpha-trader .grid .components.align {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .page-acg-markets .grid .why_headings h3,
  .page-acg-markets .grid .why_headings .h4,
  .page-acg-markets .grid .why_headings p,
  .page-alpha-trader .grid .why_headings h3,
  .page-alpha-trader .grid .why_headings .h4,
  .page-alpha-trader .grid .why_headings p {
    max-width: 100% !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .absolute_platfrom {
    transform: none !important;
    margin-top: 8rem !important;
    margin-right: -6rem !important;
  }

  .platfrom_image {
    height: 16rem !important;
  }

  .absolute_tools-img {
    width: 37rem !important;
    max-width: none !important;
  }

  .page-symbols .section-platforms .absolute_tools-img {
    width: 34rem !important;
    margin-top: 6rem !important;
    margin-right: -6rem !important;
  }

  .page-leaderboard .section-platforms {
    padding-bottom: 1.5rem !important;
  }

  .page-leaderboard .section-platforms .absolute_tools-img {
    width: 88% !important;
    max-width: 18rem !important;
    margin-bottom: 0 !important;
  }
}


/* ── Single-page heroes: wider desktop headings ── */
@media (min-width: 992px) {
  .events .events_hero,
  .events .events_hero.l,
  .events .events_hero.m,
  .events .events_hero.xl,
  .events .events_hero.legal-hero,
  .group .events_hero,
  .group .events_hero.m,
  .group.is_2 .events_hero,
  .group.is_2 .events_hero.m {
    width: 48rem !important;
    max-width: min(48rem, 72vw) !important;
  }

  .events_hero .h1,
  .events_hero h1 {
    max-width: none !important;
    text-wrap: balance;
  }
}

/* ── ACG Why Choose — restore desktop image framing ── */
@media (min-width: 992px) {
  .page-acg-markets .grid .components,
  .page-acg-markets .grid .components.bgl {
    height: 600px !important;
    overflow: hidden !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    padding: 2rem !important;
    box-sizing: border-box !important;
  }

  .page-acg-markets .grid .components.align {
    height: 600px !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    overflow: hidden !important;
    padding: 2rem !important;
    box-sizing: border-box !important;
    gap: 1rem !important;
  }

  .page-acg-markets .grid .why_headings {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .page-acg-markets .grid .why_headings h3,
  .page-acg-markets .grid .why_headings .h4,
  .page-acg-markets .grid .why_headings p,
  .page-acg-markets .grid .why_headings .body-m {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .page-acg-markets .grid .components.align .alpga_t-dash {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 20rem !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: top center !important;
    flex-shrink: 1 !important;
  }

  .page-acg-markets .grid .components.align .why_headings {
    margin-top: auto !important;
  }

  .page-acg-markets .grid .chart_l {
    position: absolute !important;
    width: 80rem !important;
    max-width: none !important;
    margin-top: -282px !important;
    inset: 0% 0% auto !important;
    height: auto !important;
  }

  .page-acg-markets .grid .chart_l.bsolute {
    width: 40rem !important;
    margin-top: -12.5rem !important;
    margin-left: 7rem !important;
  }

  .page-acg-markets .grid .chart_l.t7 {
    width: 63rem !important;
    margin-top: 4.1rem !important;
    margin-left: 7rem !important;
  }

  .page-alpha-trader .grid .components.align {
    height: 600px !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    overflow: hidden !important;
    padding: 2rem !important;
    gap: 0 !important;
  }

  .page-alpha-trader .grid .components.align img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 24rem !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: top center !important;
    align-self: center !important;
  }

  .page-alpha-trader .grid .components.align .cursor {
    margin-left: 0 !important;
    max-height: 20rem !important;
  }

  .page-alpha-trader .grid .components.align .alpga_t-dash,
  .page-alpha-trader .grid .components.align .alpga_t-dash.m {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 22rem !important;
  }

}

.page-acg-markets .page_wrapper,
.page-acg-markets .main_wrapper {
  overflow-x: clip;
}

@media (min-width: 992px) {
  .page-acg-markets .page_wrapper,
  .page-acg-markets .main_wrapper {
    overflow-x: visible;
  }
}

/* ── Trading objectives (ACO) cleaner step UX ── */
.aco-flow {
  gap: 10px !important;
  margin-bottom: 22px !important;
}

.aco-program {
  min-height: 64px !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}

.aco-program strong {
  font-size: 18px !important;
}

.aco-plan-tabs {
  gap: 10px !important;
  margin-bottom: 22px !important;
}

.aco-snapshot {
  gap: 8px !important;
  margin-bottom: 22px !important;
}

/* ACO icon centering */
.aco .aco-snap-ico,
.aco .aco-rule-ico {
  position: relative !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  line-height: 0 !important;
  flex: 0 0 28px !important;
  align-self: center !important;
}
.aco .aco-cross-ico {
  position: relative !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  line-height: 0 !important;
  flex: 0 0 30px !important;
}
.aco .aco-snap-ico svg,
.aco .aco-rule-ico svg,
.aco .aco-cross-ico svg {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  display: block !important;
  max-width: none !important;
}
.aco .aco-cross-ico svg {
  width: 16px !important;
  height: 16px !important;
}
.aco .aco-icon {
  position: relative !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  line-height: 0 !important;
}
.aco .aco-icon svg {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  display: block !important;
  max-width: none !important;
}


.aco-shell {
  gap: 18px !important;
}

.aco-step {
  border-radius: 12px !important;
}

.aco-head,
.aco-rules-head {
  padding: 22px 22px 16px !important;
}

.aco-num {
  width: 28px !important;
  height: 28px !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}

.aco-title h3 {
  font-size: 18px !important;
}

.aco-size-grid {
  gap: 10px !important;
  padding: 0 22px 18px !important;
}

.aco-selected {
  margin: 0 22px 22px !important;
  padding: 14px !important;
  border-radius: 12px !important;
}

.aco-impact {
  padding: 0 22px 14px !important;
}

.aco-rule-wrap {
  padding: 0 22px 22px !important;
}

.aco-rule {
  min-height: 72px !important;
  border-radius: 12px !important;
  padding: 14px !important;
}

.aco-cta {
  margin-top: 22px !important;
  border-radius: 12px !important;
  padding: 18px !important;
}

@media (max-width: 640px) {
  .aco-impact {
    display: none;
  }
}


/* ── Event single pages (blog-style) ── */
.page-event-post .event-post {
  padding-top: 0;
  padding-bottom: 5rem;
}

.event-post .global_padding {
  padding-top: clamp(6rem, 9vw, 8.5rem);
  padding-bottom: 3rem;
}

.event-post .global_container {
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
}

.event-post-top {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}

.event-post-back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.2s ease;
}

.event-post-back:hover {
  color: #fff;
}

.event-post-hero {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.event-post-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}

.event-post-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.event-post-header.global_headings-wrapper {
  width: 100%;
  max-width: 40rem;
  margin-bottom: 2rem;
  align-items: center;
  text-align: center;
  gap: 0;
}

.event-post-header .tag {
  width: fit-content;
  max-width: 100%;
  align-self: center;
  margin-bottom: 1rem;
}

.event-post-header .h2 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  max-width: 100%;
  overflow-wrap: break-word;
}

.event-post-lead {
  margin: 0;
  max-width: 100%;
  line-height: 1.65;
}

.event-post-body {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

.event-post-body .body-m {
  margin-bottom: 0;
  max-width: 100%;
  line-height: 1.7;
}

.event-post-actions {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.event-post-actions .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  padding-left: 1.25rem !important;
  padding-right: 1.15rem !important;
}

.event-post-actions .button .text_wrapper {
  margin-top: 0.2rem !important;
  height: 1.1rem !important;
  overflow: clip !important;
  flex-shrink: 0;
}

.event-post-actions .button .text_move {
  display: flex !important;
  flex-flow: column !important;
}

.event-post-actions .button .button_icon {
  flex-shrink: 0;
  margin-left: 0 !important;
}
.event-post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 0.75rem;
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.event-post-meta-sep {
  color: rgba(255, 255, 255, 0.28);
}

.event-post-section + .event-post-section {
  margin-top: 2rem;
}

.event-post-section .h4 {
  margin-bottom: 0.75rem;
}

.event-post-list {
  margin: 0;
  padding-left: 1.15rem;
  display: grid;
  gap: 0.65rem;
}

.event-post-list li {
  line-height: 1.65;
}

@media (max-width: 991px) {
  .event-post .global_padding {
    padding-top: 5.75rem;
  }

  .event-post-top {
    margin-bottom: 1.25rem;
  }

  .event-post-header.global_headings-wrapper {
    margin-bottom: 1.5rem;
  }

  .event-post-hero {
    margin-bottom: 2rem;
  }
}

/* Platforms page — download button layout */
.page-platforms .info_left {
  width: 100%;
  max-width: 37.5rem;
}

.page-platforms .avalibal_buttons {
  width: 100%;
  max-width: 23rem;
}

.page-platforms .avalibal_links {
  width: 100%;
  max-width: 100%;
}

.page-platforms .button_row {
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
}

.page-platforms .button_link {
  align-items: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  box-sizing: border-box;
}

.page-platforms .button_link .svg {
  width: auto;
  height: 1rem;
  flex-shrink: 0;
}

.page-platforms .button_link .text_blue {
  white-space: nowrap;
}

.page-platforms .avalibal_links:has(.button_row:empty) {
  display: none;
}

@media (max-width: 991px) {
  .page-platforms .avalibal_buttons {
    max-width: 100%;
  }
}

/* Homepage platform cards — consistent Learn More buttons + Coming Soon */
.platfrom_card .button.w-variant-b43f46ac-9c2c-1e22-7a2d-889defdcfd2f,
.af-platform-btn {
  min-width: 9.375rem !important;
  height: 2.6875rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-size: 0.875rem !important;
  flex-shrink: 0;
}

.platfrom_card .title-row {
  align-items: center;
  gap: 0.625rem;
  flex-wrap: nowrap;
}

.platfrom_card .title-row .metatrader5 {
  width: auto;
  flex: 0 1 auto;
}

.platfrom_card .platfrom-soon,
.platfrom_card .title-row > .text_blue {
  white-space: nowrap;
  flex: 0 0 auto;
  margin: 0;
  font-size: 0.8em;
  line-height: 1;
}

.af-platform-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.af-platform-title .platfrom-soon {
  font-size: 0.8em;
  line-height: 1;
  white-space: nowrap;
}

/* Broker section — match Webflow export positioning for Frame-2147237138 composite */
.broker_desing .phone_image {
  width: 43rem;
  height: auto;
  margin-bottom: -20.2rem;
  margin-right: -0.7rem;
}

@media screen and (max-width: 991px) {
  .broker_desing .phone_image {
    width: 38rem;
    max-width: none;
    margin-bottom: -17.1rem;
    margin-right: -15.4rem;
  }
}

@media screen and (max-width: 767px) {
  .broker_desing .phone_image {
    width: 30rem;
    margin-right: -10rem;
  }
}

/* About — hiring card: clean white type, no link underline / stroke junk */
.card_special.hiring,
.card_special.hiring:hover,
.card_special.hiring:focus,
.card_special.hiring:focus-visible,
.card_special.hiring * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none;
}

.card_special.hiring h3.h4,
.card_special.hiring .h4.text_linear,
.card_special.hiring .text_70 {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 500;
}

.card_special.hiring .text_70 {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 400;
}

/* Platforms page — anchor targets clear fixed nav */
.section-all_platfroms .platfrom[id] {
  scroll-margin-top: 6rem;
}

/* Leaderboard temporarily unavailable — keep visible but unclickable */
a.is-nav-disabled,
a.is-nav-disabled:hover,
a.is-nav-disabled:focus {
  pointer-events: none !important;
  opacity: 0.45;
  cursor: default !important;
}