/*
 * Find GPSlocations 鈥?Apple-inspired visual system
 * This layer intentionally changes presentation only. Existing DOM hooks,
 * form ids, navigation targets and business event handlers remain intact.
 */

:root {
  color-scheme: light;
  --fgl-bg: #ffffff;
  --fgl-bg-soft: #f5f5f7;
  --fgl-bg-tint: #f3f7fb;
  --fgl-surface: rgba(255, 255, 255, 0.76);
  --fgl-surface-solid: #ffffff;
  --fgl-text: #111111;
  --fgl-text-secondary: #6e6e73;
  --fgl-text-tertiary: #86868b;
  --fgl-blue: #0071e3;
  --fgl-blue-hover: #0077ed;
  --fgl-blue-soft: #eaf4ff;
  --fgl-green: #248a3d;
  --fgl-green-soft: #edf8ef;
  --fgl-line: rgba(0, 0, 0, 0.08);
  --fgl-line-strong: rgba(0, 0, 0, 0.12);
  --fgl-radius-sm: 16px;
  --fgl-radius-md: 20px;
  --fgl-radius-lg: 24px;
  --fgl-radius-xl: 28px;
  --fgl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 24px rgba(0, 0, 0, 0.05);
  --fgl-shadow-md: 0 18px 60px rgba(25, 40, 65, 0.09);
  --fgl-glass: saturate(180%) blur(20px);
  --fgl-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Helvetica Neue", Arial, sans-serif;
  --fgl-ease: 280ms ease;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 76px;
  background: var(--fgl-bg);
}

body,
button,
input,
select,
textarea {
  font-family: var(--fgl-font) !important;
}

body {
  color: var(--fgl-text);
  background: var(--fgl-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  color: #fff;
  background: rgba(0, 113, 227, 0.82);
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(0, 113, 227, 0.28) !important;
  outline-offset: 3px !important;
}

:where(button, a, input, select, textarea) {
  transition: color var(--fgl-ease), background-color var(--fgl-ease), border-color var(--fgl-ease), box-shadow var(--fgl-ease), opacity var(--fgl-ease), transform var(--fgl-ease);
}

/* Shared controls */
._button_1veuq_1,
._button_e8imn_1,
.modal-btn,
.btn-primary,
.fgl-link-locator-button,
.fgl-h5-secondary__button,
.fgl-h5-consent__button {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: var(--fgl-blue) !important;
  box-shadow: 0 8px 22px rgba(0, 113, 227, 0.18) !important;
  font-family: var(--fgl-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

._button_1veuq_1:hover,
._button_e8imn_1:hover,
.modal-btn:hover,
.btn-primary:hover,
.fgl-link-locator-button:hover,
.fgl-h5-secondary__button:hover,
.fgl-h5-consent__button:hover {
  background: var(--fgl-blue-hover) !important;
  box-shadow: 0 10px 28px rgba(0, 113, 227, 0.22) !important;
  transform: translateY(-1px);
}

._button_1veuq_1:active,
._button_e8imn_1:active,
.modal-btn:active,
.btn-primary:active,
.fgl-link-locator-button:active {
  transform: translateY(0);
  opacity: 0.88;
}

.fgl-intl-wrap .search-box-wrapper {
  gap: 10px;
  padding: 6px !important;
  border: 1px solid var(--fgl-line) !important;
  border-radius: var(--fgl-radius-md) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

.fgl-intl-wrap .iti__tel-input,
.fgl-intl-wrap .iti input[type="tel"],
.fgl-h5-secondary__input,
.form-group input {
  min-height: 52px !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
  background: #f5f5f7 !important;
  color: var(--fgl-text) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.fgl-intl-wrap .iti__tel-input:focus,
.fgl-intl-wrap .iti input[type="tel"]:focus,
.fgl-h5-secondary__input:focus,
.form-group input:focus {
  border-color: rgba(0, 113, 227, 0.55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1) !important;
}

.fgl-intl-wrap .iti__selected-country,
.fgl-intl-wrap .iti__selected-country-primary,
.fgl-intl-wrap .iti__flag-container {
  color: var(--fgl-text) !important;
}

.fgl-intl-wrap .iti__selected-country,
.fgl-intl-wrap .iti__selected-flag {
  padding-left: 10px !important;
  padding-right: 8px !important;
}

.fgl-intl-wrap .iti__selected-dial-code {
  margin-left: 6px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.fgl-intl-wrap .iti__arrow {
  margin-left: 6px !important;
}

.fgl-intl-wrap .iti__country-list,
.fgl-intl-wrap .iti__dropdown-content {
  border: 1px solid var(--fgl-line) !important;
  border-radius: var(--fgl-radius-md) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--fgl-text) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: var(--fgl-glass);
}

.fgl-locator-error,
.fgl-intl-wrap .fgl-locator-error {
  color: #d70015 !important;
}

/* Desktop homepage */
@media (min-width: 769px) {
  body:not(.fgl-h5-home-enabled) {
    background: var(--fgl-bg) !important;
  }

  #header {
    position: fixed !important;
    inset: 0 0 auto !important;
    z-index: 1000 !important;
    height: 58px !important;
    min-height: 58px !important;
    border-bottom: 1px solid var(--fgl-line) !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: none !important;
    backdrop-filter: var(--fgl-glass) !important;
    -webkit-backdrop-filter: var(--fgl-glass) !important;
  }

  #header > [class*="_container_"] {
    width: min(1180px, calc(100% - 48px)) !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #header .fgl-brand-logo__mark {
    width: 31px !important;
    height: 31px !important;
    filter: none !important;
  }

  #header .fgl-brand-logo__text,
  #header a,
  #header span,
  #header button {
    color: var(--fgl-text) !important;
  }

  #header .fgl-brand-logo__text {
    font-size: 17px !important;
    font-weight: 650 !important;
    letter-spacing: -0.03em !important;
  }

  #header [class*="_navigation_"] [class*="_link_"] {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  #header [class*="_navigation_"] [class*="_link_"]:hover {
    color: var(--fgl-text) !important;
  }

  #header [class*="_switchButton_"] {
    min-width: 46px !important;
    min-height: 32px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.72) !important;
  }

  #header [class*="_rightContainer_"] > [class*="_button_"] {
    min-width: auto !important;
    min-height: 34px !important;
    padding: 0 16px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }

  #hero {
    min-height: 760px !important;
    padding: 116px 0 82px !important;
    overflow: hidden !important;
    color: var(--fgl-text) !important;
    background:
      radial-gradient(circle at 76% 22%, rgba(0, 113, 227, 0.11), transparent 24%),
      linear-gradient(180deg, #fff 0%, #f5f8fc 100%) !important;
  }

  #hero::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: 90px;
    border-radius: 50%;
    background: rgba(0, 113, 227, 0.05);
    filter: blur(1px);
    pointer-events: none;
  }

  #hero [class*="_background_"] {
    position: relative !important;
    inset: auto !important;
    min-height: auto !important;
    background: transparent !important;
  }

  #hero [class*="_backgroundImage_"] {
    display: none !important;
  }

  #hero [class*="_wrapper_"] {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #hero [class*="_desktopWrapper_"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr) !important;
    align-items: center !important;
    gap: 76px !important;
  }

  #hero [class*="_headlineWrapper_"] {
    position: relative !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: 620px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  #hero [class*="_headline_"] {
    max-width: 10.5ch !important;
    margin: 0 0 22px !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: clamp(50px, 5vw, 72px) !important;
    font-weight: 650 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    text-align: left !important;
  }

  #hero [class*="_subtitle_"] {
    max-width: 30ch !important;
    margin: 0 0 12px !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: 22px !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em !important;
    text-align: left !important;
  }

  #hero [class*="_text_"] {
    max-width: 48ch !important;
    margin: 0 0 28px !important;
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  #hero [class*="_locateHolder_"],
  #hero [class*="_locatorContainer_"] {
    width: 100% !important;
    max-width: 570px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #hero [class*="_locatorTitle_"] {
    margin: 0 0 10px !important;
    color: var(--fgl-text-secondary) !important;
    font-size: 13px !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
  }

  #hero .search-box-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  #hero .search-box-wrapper > button {
    width: auto !important;
    min-width: 124px !important;
    padding: 0 22px !important;
  }

  #hero [class*="_badgeWrapper_"] {
    justify-content: flex-start !important;
    margin-top: 16px !important;
    opacity: 0.62 !important;
  }

  #hero [class*="_imageContainer_"] {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 470px !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 62% 44%, rgba(0, 113, 227, 0.18) 0 7px, rgba(0, 113, 227, 0.11) 8px 22px, transparent 23px),
      linear-gradient(24deg, transparent 46%, rgba(0, 113, 227, 0.45) 47% 48%, transparent 49%),
      repeating-linear-gradient(90deg, rgba(78, 97, 119, 0.06) 0 1px, transparent 1px 58px),
      repeating-linear-gradient(0deg, rgba(78, 97, 119, 0.06) 0 1px, transparent 1px 58px),
      linear-gradient(145deg, #edf3f8, #f8fafc) !important;
    box-shadow: var(--fgl-shadow-md) !important;
    transform: none !important;
  }

  #hero [class*="_imageContainer_"]::before {
    content: "Location sharing";
    position: absolute;
    left: 24px;
    top: 24px;
    z-index: 2;
    padding: 9px 13px 9px 31px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 999px;
    color: var(--fgl-text);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: var(--fgl-shadow-sm);
    backdrop-filter: var(--fgl-glass);
    font-size: 12px;
    font-weight: 600;
  }

  #hero [class*="_imageContainer_"]::after {
    content: "Approval required  路  Private by design";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: var(--fgl-radius-md);
    color: var(--fgl-text-secondary);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--fgl-shadow-sm);
    backdrop-filter: var(--fgl-glass);
    font-size: 14px;
    font-weight: 550;
  }

  #hero [class*="_cellImage_"],
  #hero [class*="_cellImageMobile_"],
  #hero [class*="_steps_"] {
    display: none !important;
  }

  #get-started,
  section[class*="_reviews_"],
  section[class*="_trust_"],
  #features,
  #how-it-works {
    padding: 112px 0 !important;
    color: var(--fgl-text) !important;
  }

  #get-started,
  section[class*="_trust_"] {
    background: var(--fgl-bg-soft) !important;
  }

  #get-started > [class*="_wrapper_"] {
    width: min(1180px, calc(100% - 48px)) !important;
    min-height: 520px !important;
    padding: 64px !important;
    border-radius: 34px !important;
    background: #fff !important;
    box-shadow: var(--fgl-shadow-sm) !important;
  }

  #get-started [class*="_title_"],
  section[class*="_reviews_"] [class*="_title_"],
  section[class*="_trust_"] [class*="_title_"],
  #features > [class*="_wrapper_"] > [class*="_title_"],
  #features [class*="_title_jc2u6_"],
  #how-it-works [class*="_title_1hk4k_"] {
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: clamp(36px, 4vw, 52px) !important;
    font-weight: 650 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
  }

  #get-started [class*="_subtitle_"],
  section[class*="_trust_"] [class*="_description_"] {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  section[class*="_reviews_"] {
    background: #fff !important;
  }

  section[class*="_reviews_"] > [class*="_wrapper_"] {
    width: min(1180px, calc(100% - 48px)) !important;
  }

  section[class*="_reviews_"] [class*="_card_"] {
    min-height: 270px !important;
    padding: 30px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-lg) !important;
    background: #fff !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    color: var(--fgl-text) !important;
  }

  section[class*="_reviews_"] [class*="_content_"] {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    line-height: 1.55 !important;
  }

  section[class*="_trust_"] > [class*="_wrapper_"] {
    width: min(1180px, calc(100% - 48px)) !important;
  }

  section[class*="_trust_"] [class*="_badge_"] {
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-lg) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    backdrop-filter: var(--fgl-glass);
  }

  #features {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 12% 8%, rgba(0, 113, 227, 0.07), transparent 28%),
      var(--fgl-bg-soft) !important;
  }

  #features::before {
    content: "";
    position: absolute;
    top: 88px;
    right: -140px;
    z-index: -1;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.72);
    filter: blur(1px);
    pointer-events: none;
  }

  #features > [class*="_wrapper_"],
  #features [class*="_container_ddd0f_"] {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #features > [class*="_wrapper_"] > [class*="_title_"] {
    max-width: 720px !important;
    margin: 0 0 58px !important;
    text-align: left !important;
    text-wrap: balance;
  }

  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
    padding: 0 !important;
  }

  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(6n + 1) [class*="_card_1r55x_"],
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(6n + 4) [class*="_card_1r55x_"],
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(6n + 5) [class*="_card_1r55x_"] {
    grid-column: span 7;
  }

  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(6n + 2) [class*="_card_1r55x_"],
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(6n + 3) [class*="_card_1r55x_"],
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(6n + 6) [class*="_card_1r55x_"] {
    grid-column: span 5;
  }

  #features [class*="_featuresWrapper_"][class*="_mobile_"] {
    display: none !important;
  }

  #features [class*="_card_1r55x_"] {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 350px !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--fgl-radius-lg) !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.75) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: var(--fgl-glass) !important;
    color: var(--fgl-text) !important;
    transition: transform var(--fgl-ease), box-shadow var(--fgl-ease), border-color var(--fgl-ease) !important;
  }

  #features [class*="_card_1r55x_"]::before {
    display: none !important;
  }

  #features [class*="_cardWrapper_"] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 38px 40px 34px !important;
    }

  #features [class*="_cardWrapper_"]:focus-visible {
    border-radius: inherit !important;
    outline: 3px solid rgba(0, 113, 227, 0.3) !important;
    outline-offset: -4px !important;
  }

  #features [class*="_cardTop_"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }

  #features [class*="_card_1r55x_"]:hover,
  #features [class*="_card_1r55x_"]:focus-within {
    border-color: rgba(0, 113, 227, 0.14) !important;
    box-shadow: 0 18px 46px rgba(25, 40, 65, 0.1) !important;
    transform: translateY(-4px) !important;
  }

  #features [class*="_cardTitle_"] {
    max-width: 18ch !important;
    margin: 0 !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: clamp(22px, 2.2vw, 28px) !important;
    font-weight: 650 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
  }

  #features [class*="_cardContent_"] {
    max-width: 54ch !important;
    max-height: none !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  #features [class*="_cardTitleIcon_"] {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(0, 113, 227, 0.09) !important;
    border-radius: 16px !important;
    background: var(--fgl-blue-soft) !important;
    box-sizing: border-box !important;
    filter: saturate(0.72) hue-rotate(-4deg) !important;
    object-fit: contain !important;
  }

  #features [class*="_cardFooter_"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 30px !important;
  }

  #features [class*="_cardFooter_"] button {
    position: static !important;
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    color: var(--fgl-blue) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: none !important;
  }

  #features [class*="_cardFooter_"] button svg {
    width: 32px !important;
    height: 32px !important;
  }

  #features [class*="_cardFooter_"] button svg path {
    fill: currentColor !important;
  }

  #features [class*="_cardFooter_"] button svg rect {
    stroke: transparent !important;
  }

  #features [class*="_card_1r55x_"]:hover [class*="_cardFooter_"] button,
  #features [class*="_card_1r55x_"]:focus-within [class*="_cardFooter_"] button {
    color: #fff !important;
    border-color: var(--fgl-blue) !important;
    background: var(--fgl-blue) !important;
  }

  #features [class*="_cardBackgroundIcon_"] {
    display: none !important;
  }
  #features [class*="_wrapper_jc2u6_"] {
    margin-top: 118px !important;
    padding-top: 0 !important;
  }

  #features [class*="_group_ddd0f_"] {
    gap: 14px !important;
  }

  #features .fgl-faq-item {
    margin: 0 0 12px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-md) !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #features .fgl-faq-item[open] {
    box-shadow: var(--fgl-shadow-sm) !important;
  }

  #features .fgl-faq-item summary {
    min-height: 74px !important;
    padding: 20px 22px !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    cursor: pointer !important;
  }

  #features .fgl-faq-item [class*="_title_179nw_"] {
    font-size: 16px !important;
    font-weight: 580 !important;
    line-height: 1.35 !important;
  }

  #features .fgl-faq-item [class*="_content_179nw_"] {
    padding: 0 22px 22px !important;
  }

  #features .fgl-faq-item [class*="_text_179nw_"] {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #how-it-works {
    background: var(--fgl-bg-soft) !important;
  }

  #how-it-works > [class*="_wrapper_"] {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #how-it-works [class*="_block_"] {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    gap: 60px !important;
    padding: 64px !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 34px !important;
    background: linear-gradient(135deg, #fff, #eef6ff) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
  }

  #how-it-works [class*="_gradient_"] {
    color: var(--fgl-text) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
  }

  #how-it-works [class*="_locatorTitle_"] {
    color: var(--fgl-text-secondary) !important;
    font-size: 15px !important;
  }

  #how-it-works [class*="_steps_1hojp_"] {
    padding: 0 !important;
    color: var(--fgl-text) !important;
  }

  #how-it-works [class*="_title_1hojp_"] {
    margin-bottom: 24px !important;
    color: var(--fgl-text-secondary) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #how-it-works [class*="_list_1hojp_"] {
    display: grid !important;
    gap: 12px !important;
  }

  #how-it-works [class*="_item_1hojp_"] {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    gap: 16px !important;
    align-items: start !important;
    padding: 18px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-md) !important;
    background: rgba(255, 255, 255, 0.72) !important;
  }

  #how-it-works [class*="_number_1hojp_"] {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: var(--fgl-blue) !important;
    background: var(--fgl-blue-soft) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  #how-it-works [class*="_text_1hojp_"] {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  #how-it-works [class*="_text_1hojp_"] span {
    display: block !important;
    margin-bottom: 4px !important;
    color: var(--fgl-text) !important;
    font-size: 16px !important;
    font-weight: 620 !important;
  }

  footer[class*="_footer_"] {
    padding: 72px 0 32px !important;
    border-top: 1px solid var(--fgl-line) !important;
    color: var(--fgl-text-secondary) !important;
    background: #fff !important;
  }

  footer[class*="_footer_"] > [class*="_wrapper_"] {
    width: min(1180px, calc(100% - 48px)) !important;
  }

  footer[class*="_footer_"] .fgl-brand-logo__text,
  footer[class*="_footer_"] h3 {
    color: var(--fgl-text) !important;
  }

  footer[class*="_footer_"] a,
  footer[class*="_footer_"] p,
  footer[class*="_footer_"] [class*="_copyright_"] {
    color: var(--fgl-text-secondary) !important;
  }

  footer[class*="_footer_"] [class*="_main_"] {
    padding-bottom: 36px !important;
    border-bottom: 1px solid var(--fgl-line) !important;
  }

  footer[class*="_footer_"] [class*="_paymentsImage_"] {
    filter: grayscale(1) !important;
    opacity: 0.45 !important;
  }

}

/* Homepage mobile shell */
@media (max-width: 768px) {
  body.fgl-h5-home-enabled,
  body.fgl-h5-consent-enabled,
  body.fgl-h5-discussions-enabled {
    color: var(--fgl-text) !important;
    background:
      radial-gradient(circle at 85% 2%, rgba(0, 113, 227, 0.08), transparent 24%),
      linear-gradient(180deg, #fff 0%, #f5f7fa 100%) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-shell] {
    width: 100% !important;
    min-height: 100svh !important;
    display: grid !important;
    gap: 16px !important;
    padding: 0 16px 28px !important;
    color: var(--fgl-text) !important;
    background: transparent !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-hero] {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    min-height: auto !important;
    padding: 14px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .fgl-h5-home-shell__topbar {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .fgl-h5-home-shell__brand {
    gap: 8px !important;
    color: var(--fgl-text) !important;
  }

  .fgl-h5-home-shell__brand .fgl-brand-logo__mark {
    width: 30px !important;
    height: 30px !important;
    filter: none !important;
  }

  .fgl-h5-home-shell__brand .fgl-brand-logo__text {
    color: var(--fgl-text) !important;
    font-size: 17px !important;
    font-weight: 650 !important;
    letter-spacing: -0.035em !important;
  }

  .fgl-h5-home-shell__locale-wrap {
    top: 21px !important;
    right: 0 !important;
  }

  .fgl-h5-home-shell__locale,
  .request-locale-trigger,
  .topbar-link {
    min-width: 44px !important;
    min-height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: none !important;
    backdrop-filter: var(--fgl-glass) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .fgl-h5-home-shell__locale-menu,
  .request-locale-menu {
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-sm) !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: var(--fgl-shadow-md) !important;
    backdrop-filter: var(--fgl-glass) !important;
  }

  .fgl-h5-home-shell__locale-option,
  .request-locale-option {
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 550 !important;
  }

  .fgl-h5-home-shell__locale-option[aria-current="true"],
  .request-locale-option[aria-current="true"] {
    color: var(--fgl-blue) !important;
    background: var(--fgl-blue-soft) !important;
  }

  .fgl-h5-home-shell__headline {
    order: 3 !important;
    max-width: 11ch !important;
    margin: 16px auto 0 !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: clamp(34px, 10vw, 44px) !important;
    font-weight: 650 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    white-space: normal !important;
  }

  .fgl-h5-home-shell__subhead {
    order: 4 !important;
    max-width: 34ch !important;
    margin: 0 auto 4px !important;
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-map] {
    order: 5 !important;
    height: 250px !important;
    margin: 4px 0 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: var(--fgl-radius-lg) !important;
    background:
      radial-gradient(circle at 66% 64%, rgba(0, 113, 227, 0.16) 0 6px, rgba(0, 113, 227, 0.1) 7px 20px, transparent 21px),
      repeating-linear-gradient(90deg, rgba(67, 83, 101, 0.055) 0 1px, transparent 1px 50px),
      repeating-linear-gradient(0deg, rgba(67, 83, 101, 0.055) 0 1px, transparent 1px 50px),
      linear-gradient(145deg, #edf3f8, #f9fbfd) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-map]::before {
    background: none !important;
  }

  .fgl-h5-home-shell__map-ring::before {
    background: var(--fgl-blue) !important;
    box-shadow: none !important;
  }

  .fgl-h5-home-shell__map-trace path {
    stroke: var(--fgl-blue) !important;
    stroke-width: 4 !important;
  }

  .fgl-h5-home-shell__map-trace path:first-child {
    stroke: rgba(255, 255, 255, 0.95) !important;
    stroke-width: 9 !important;
  }

  .fgl-h5-home-shell__floating {
    display: none !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-form] {
    order: 6 !important;
    padding: 8px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-lg) !important;
    background: rgba(255, 255, 255, 0.8) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    backdrop-filter: var(--fgl-glass) !important;
  }

  .fgl-h5-home-shell__form .search-box-wrapper {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .fgl-h5-home-shell__form input[type="tel"] {
    min-height: 52px !important;
    border: 1px solid transparent !important;
    border-radius: var(--fgl-radius-sm) !important;
    background: var(--fgl-bg-soft) !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }

  .fgl-h5-home-shell__form input[type="tel"]:focus {
    border-color: rgba(0, 113, 227, 0.52) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1) !important;
  }

  .fgl-h5-home-shell__form button {
    min-height: 52px !important;
    border-radius: var(--fgl-radius-sm) !important;
    background: var(--fgl-blue) !important;
    box-shadow: 0 8px 20px rgba(0, 113, 227, 0.16) !important;
    font-family: var(--fgl-font) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
  }

  .fgl-h5-home-shell__terms {
    order: 7 !important;
    margin: 0 10px !important;
    color: var(--fgl-text-tertiary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  .fgl-h5-home-shell__terms a {
    color: var(--fgl-blue) !important;
    text-decoration: none !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-transition] {
    order: 8 !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(36, 138, 61, 0.12) !important;
    border-radius: var(--fgl-radius-md) !important;
    background: var(--fgl-green-soft) !important;
  }

  .fgl-h5-home-shell__transition-kicker,
  .fgl-h5-home-shell__transition-status {
    color: var(--fgl-green) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .fgl-h5-home-shell__transition-copy {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 400 !important;
  }

  .fgl-h5-home-shell__transition-track {
    height: 4px !important;
    background: rgba(36, 138, 61, 0.12) !important;
  }

  .fgl-h5-home-shell__transition-track::after {
    background: var(--fgl-green) !important;
    animation-duration: 1.6s !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-trust],
  body.fgl-h5-home-enabled [data-h5-home-faq-teaser],
  body.fgl-h5-home-enabled [data-h5-home-footer] {
    display: grid !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-lg) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    backdrop-filter: var(--fgl-glass) !important;
  }

  .fgl-h5-home-shell__trust-title {
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: 23px !important;
    font-weight: 650 !important;
    letter-spacing: -0.035em !important;
  }

  .fgl-h5-home-shell__trust-item {
    grid-template-columns: 36px 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px !important;
    border: 0 !important;
    border-radius: var(--fgl-radius-sm) !important;
    background: var(--fgl-bg-soft) !important;
  }

  .fgl-h5-home-shell__trust-index {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 11px !important;
    color: var(--fgl-blue) !important;
    background: var(--fgl-blue-soft) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
  }

  .fgl-h5-home-shell__trust-text,
  .fgl-h5-home-shell__faq-item,
  .fgl-h5-home-shell__footer-note,
  .fgl-h5-home-shell__footer-contact a {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 450 !important;
    line-height: 1.5 !important;
  }

  .fgl-h5-home-shell__faq-label {
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    letter-spacing: -0.03em !important;
    text-transform: none !important;
  }

  .fgl-h5-home-shell__faq-item {
    padding: 11px 0 !important;
    border-bottom-color: var(--fgl-line) !important;
  }

  .fgl-h5-home-shell__footer-links a {
    min-height: 34px !important;
    padding: 0 !important;
    color: var(--fgl-text-secondary) !important;
    background: transparent !important;
    font-family: var(--fgl-font) !important;
    font-weight: 500 !important;
  }
}

/* Consent, account and secondary mobile shells */
@media (max-width: 768px) {
  [data-h5-consent-shell],
  [data-h5-discussions-shell] {
    gap: 14px !important;
    padding: 16px 16px 28px !important;
    color: var(--fgl-text) !important;
  }

  [data-h5-consent-hero],
  [data-h5-consent-stage],
  [data-h5-consent-statuses],
  [data-h5-consent-footer],
  .fgl-h5-secondary__hero,
  .fgl-h5-secondary__panel,
  .fgl-h5-secondary__threads,
  .fgl-h5-secondary__checklist,
  .fgl-h5-secondary__footer {
    padding: 20px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-lg) !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.8) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    backdrop-filter: var(--fgl-glass) !important;
  }

  .fgl-h5-consent__brand,
  .fgl-h5-secondary__brand,
  .fgl-h5-consent__title,
  .fgl-h5-secondary__title,
  .fgl-h5-consent__label,
  .fgl-h5-secondary__card-title {
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
  }

  .fgl-h5-consent__brand,
  .fgl-h5-secondary__brand {
    font-size: 15px !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
  }

  .fgl-h5-consent__locale,
  .fgl-h5-secondary__locale {
    color: var(--fgl-text-secondary) !important;
    background: var(--fgl-bg-soft) !important;
  }

  .fgl-h5-consent__kicker,
  .fgl-h5-secondary__kicker {
    color: var(--fgl-green) !important;
    background: var(--fgl-green-soft) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 600 !important;
  }

  .fgl-h5-consent__title,
  .fgl-h5-secondary__title {
    font-size: clamp(30px, 9vw, 40px) !important;
    font-weight: 650 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
  }

  .fgl-h5-consent__subtitle,
  .fgl-h5-secondary__subtitle,
  .fgl-h5-consent__copy,
  .fgl-h5-secondary__helper,
  .fgl-h5-consent__value,
  .fgl-h5-secondary__card-copy,
  .fgl-h5-consent__note,
  .fgl-h5-secondary__footer-note {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 400 !important;
  }

  .fgl-h5-consent__card,
  .fgl-h5-secondary__card {
    padding: 15px !important;
    border: 0 !important;
    border-radius: var(--fgl-radius-sm) !important;
    background: var(--fgl-bg-soft) !important;
  }

  .fgl-h5-consent__index,
  .fgl-h5-secondary__card-index {
    color: var(--fgl-blue) !important;
    font-family: var(--fgl-font) !important;
    letter-spacing: 0 !important;
  }

  .fgl-h5-consent__ghost,
  .fgl-h5-secondary__link-button,
  .fgl-h5-consent__legal a,
  .fgl-h5-secondary__footer-links a {
    min-height: 46px !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    color: var(--fgl-text) !important;
    background: #fff !important;
    font-family: var(--fgl-font) !important;
    font-weight: 550 !important;
  }
}

/* Modal and request-state surfaces */
.overlay {
  background: rgba(245, 245, 247, 0.78) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

.modal,
.search-overlay-panel {
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: var(--fgl-radius-xl) !important;
  color: var(--fgl-text) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 30px 90px rgba(25, 40, 65, 0.16) !important;
  backdrop-filter: var(--fgl-glass) !important;
}

.modal h2,
.modal h3,
.searching-text,
.locate-stage-number,
.locate-stage-value {
  color: var(--fgl-text) !important;
  font-family: var(--fgl-font) !important;
}

.search-overlay-scene,
.search-overlay-earth-wrap,
.search-overlay-stars,
.search-overlay-vignette,
.radar-circle {
  display: none !important;
}

#searchOverlay .search-overlay-panel {
  min-height: 100svh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef6ff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.search-overlay-panel .search-overlay-scene {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 19% 54%, rgba(187, 255, 251, 0.68) 0%, rgba(72, 220, 235, 0.36) 31%, transparent 56%),
    radial-gradient(ellipse at 55% 72%, rgba(234, 249, 255, 0.82) 0%, rgba(192, 225, 255, 0.44) 34%, transparent 61%),
    radial-gradient(circle at 61% 4%, rgba(57, 145, 255, 0.58) 0%, rgba(76, 132, 255, 0.24) 32%, transparent 55%),
    radial-gradient(circle at 100% 44%, rgba(143, 67, 255, 0.78) 0%, rgba(111, 79, 255, 0.48) 39%, transparent 68%),
    linear-gradient(118deg, #74e3ef 0%, #73caf5 34%, #789cf6 66%, #9857ff 100%) !important;
}

.search-overlay-panel .search-overlay-stars,
.search-overlay-panel .search-overlay-vignette {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

.search-overlay-panel .search-overlay-stars {
  z-index: 0 !important;
  opacity: 0.54 !important;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.54) 0 1px, transparent 1.4px) !important;
  background-size: 28px 28px !important;
  mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.76) 48%, transparent 88%);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.76) 48%, transparent 88%);
}

.search-overlay-panel .search-overlay-vignette {
  z-index: 1 !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 27% 50%, rgba(14, 22, 66, 0.98) 0 14%, rgba(16, 31, 91, 0.82) 24%, rgba(42, 79, 182, 0.32) 37%, transparent 54%),
    linear-gradient(90deg, transparent 0 45%, rgba(238, 247, 255, 0.18) 58%, rgba(247, 250, 255, 0.58) 100%) !important;
}

.search-overlay-panel .search-overlay-earth-wrap {
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 27% !important;
  top: 50% !important;
  width: min(680px, 49vw) !important;
  aspect-ratio: 1 !important;
  transform: translate(-50%, -50%) scale(0.82);
  transform-origin: center !important;
  opacity: 0;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), opacity 700ms ease !important;
  will-change: transform, opacity !important;
  pointer-events: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.search-overlay-panel.is-searching .search-overlay-earth-wrap {
  animation: fglSearchPlanetEnter 950ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

.search-overlay-panel.is-revealing .search-overlay-earth-wrap,
.search-overlay-panel.is-found .search-overlay-earth-wrap {
  transform: translate(-50%, -50%) scale(1.04) !important;
  opacity: 0.64 !important;
}

.search-overlay-panel .search-overlay-earth {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #151d47 url("/_astro/earth.D1qPk8aw_Z21eUVt.webp") center center / cover no-repeat !important;
  filter: saturate(1.12) brightness(1.06) drop-shadow(0 36px 54px rgba(25, 34, 92, 0.36)) !important;
  opacity: 0.96 !important;
  box-shadow: inset -28px -18px 54px rgba(7, 12, 46, 0.36), 0 0 48px rgba(79, 151, 255, 0.34) !important;
  animation: fglSearchEarthTurn 22s linear infinite !important;
  transform: translateZ(0);
  transform-origin: center;
  will-change: transform;
  backface-visibility: hidden;
}

.search-overlay-panel .search-overlay-earth::before,
.search-overlay-panel .search-overlay-earth::after {
  content: none !important;
}

.search-overlay-panel .fgl-search-planet__video {
  display: none !important;
}

.search-overlay-panel .fgl-search-planet__atmosphere,
.search-overlay-panel .fgl-search-planet__network {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 43%;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.search-overlay-panel .fgl-search-planet__atmosphere {
  border: 1px solid rgba(124, 217, 255, 0.72);
  box-shadow:
    inset -22px -12px 42px rgba(18, 25, 86, 0.42),
    inset 14px 0 28px rgba(61, 216, 255, 0.13),
    0 0 18px rgba(71, 171, 255, 0.62),
    0 0 48px rgba(99, 91, 255, 0.46);
  mix-blend-mode: screen;
}

.search-overlay-panel .fgl-search-planet__network {
  opacity: 0.3;
  background:
    repeating-radial-gradient(ellipse at center, transparent 0 13%, rgba(129, 213, 255, 0.42) 13.4% 13.8%, transparent 14.2% 21%),
    repeating-linear-gradient(90deg, transparent 0 10.5%, rgba(139, 191, 255, 0.24) 10.8% 11.2%, transparent 11.5% 22%);
  box-shadow: inset 0 0 38px rgba(103, 79, 255, 0.28);
  mix-blend-mode: screen;
}

.search-overlay-panel .fgl-search-planet__target {
  position: absolute;
  left: 43%;
  top: 47%;
  z-index: 4;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  color: #8d5cff;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(91, 71, 255, 0.36);
  transform: translate(-50%, -50%);
  animation: fglSearchPlanetTargetFloat 3.2s ease-in-out infinite;
}

.search-overlay-panel .fgl-search-planet__target::before,
.search-overlay-panel .fgl-search-planet__target::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  border: 1px solid rgba(111, 120, 255, 0.66);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: fglSearchPlanetPulse 2.8s ease-out infinite;
}

.search-overlay-panel .fgl-search-planet__target::before {
  width: 86px;
  height: 86px;
}

.search-overlay-panel .fgl-search-planet__target::after {
  width: 130px;
  height: 130px;
  animation-delay: 0.55s;
}

.search-overlay-panel .fgl-search-planet__target svg {
  width: 25px;
  height: 25px;
}

.search-overlay-panel .fgl-search-planet__orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 49%;
  aspect-ratio: 1;
  border: 1px solid rgba(177, 221, 255, 0.44);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-14deg);
  transform-origin: center;
  animation: fglSearchPlanetOrbit 9s linear infinite;
}

.search-overlay-panel .fgl-search-planet__orbit::before {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px dashed rgba(201, 230, 255, 0.32);
  border-radius: 50%;
}

.search-overlay-panel .fgl-search-planet__orbit-dot {
  position: absolute;
  right: -11px;
  top: 50%;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 22px rgba(92, 181, 255, 0.9);
  transform: translateY(-50%);
}

.search-overlay-panel .fgl-search-planet__orbit-dot span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #715cff;
  box-shadow: 0 0 0 5px rgba(113, 92, 255, 0.16);
}

.search-overlay-panel .fgl-search-planet__label,
.search-overlay-panel .fgl-search-planet__coverage {
  position: absolute;
  z-index: 5;
  display: grid;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.86);
  color: #0f1f3d;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 18px 42px rgba(20, 34, 95, 0.22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.search-overlay-panel .fgl-search-planet__label {
  right: 7%;
  top: 17%;
  grid-template-columns: 9px auto;
  column-gap: 10px;
  padding: 12px 15px;
  border-radius: 16px;
}

.search-overlay-panel .fgl-search-planet__label > span {
  grid-row: 1 / span 2;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22b573;
  box-shadow: 0 0 0 6px rgba(34, 181, 115, 0.13);
}

.search-overlay-panel .fgl-search-planet__coverage {
  left: 8%;
  bottom: 17%;
  grid-template-columns: 36px auto;
  gap: 10px;
  padding: 11px 14px 11px 11px;
  border-radius: 18px;
}

.search-overlay-panel .fgl-search-planet__coverage svg {
  width: 34px;
  height: 34px;
  padding: 7px;
  border-radius: 12px;
  color: #4c6fff;
  background: rgba(89, 111, 255, 0.12);
}

.search-overlay-panel .fgl-search-planet__coverage > span {
  display: grid;
}

.search-overlay-panel .fgl-search-planet__label strong,
.search-overlay-panel .fgl-search-planet__label small,
.search-overlay-panel .fgl-search-planet__coverage strong,
.search-overlay-panel .fgl-search-planet__coverage small {
  line-height: 1.2;
}

.search-overlay-panel .fgl-search-planet__label strong,
.search-overlay-panel .fgl-search-planet__coverage strong {
  font-size: 12px;
  font-weight: 700;
}

.search-overlay-panel .fgl-search-planet__label small,
.search-overlay-panel .fgl-search-planet__coverage small {
  margin-top: 3px;
  color: #667085;
  font-size: 10px;
}

#searchOverlay .searching-content {
  position: relative;
  z-index: 6;
  width: 100%;
  min-height: 100svh;
  justify-content: flex-end;
  padding: 44px clamp(34px, 7vw, 118px);
}

#searchOverlay #searchingState .locate-stage,
#searchOverlay #foundState .locate-stage {
  width: min(500px, 42vw);
  min-height: 660px;
  height: auto;
  margin: 0 0 0 auto;
  padding: 48px 44px 42px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 28px 74px rgba(40, 57, 128, 0.2);
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  overflow: visible;
}

#searchOverlay #searchingState .locate-stage-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  color: #4b6fff;
}

#searchOverlay #searchingState .searching-text {
  margin-bottom: 12px;
  color: #0f1f3d !important;
  font-size: 20px;
  line-height: 1.3;
}

#searchOverlay #searchingState .locate-stage-number {
  min-height: 44px;
  margin-bottom: 22px;
  color: #0f1f3d !important;
  font-size: clamp(28px, 3vw, 40px);
}

#searchOverlay #searchingState .locate-stage-grid {
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-height: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#searchOverlay #searchingState .locate-stage-row {
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  align-items: start;
  gap: 6px;
  min-width: 0;
  min-height: 68px;
  max-height: 80px;
  padding: 11px 13px;
  border: 1px solid rgba(93, 116, 170, 0.12);
  border-radius: 17px;
  background: rgba(248, 250, 255, 0.84);
}

#searchOverlay #searchingState .locate-stage-row.is-suppressed {
  min-height: 0;
  max-height: 0;
  padding-block: 0;
  border-width: 0;
}

#searchOverlay #searchingState #locateRowLocation {
  grid-column: 1 / -1;
  border-color: rgba(99, 91, 255, 0.22);
  background: linear-gradient(135deg, rgba(234, 246, 255, 0.96), rgba(241, 236, 255, 0.94));
  box-shadow: inset 0 0 0 1px rgba(99, 91, 255, 0.035);
}

#searchOverlay #searchingState .locate-stage-label {
  color: #667085 !important;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

#searchOverlay #searchingState .locate-stage-value {
  min-width: 0;
  color: #0f1f3d !important;
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

#searchOverlay #searchingState .locate-stage-status,
#searchOverlay #searchingState .locate-stage-status.is-pending {
  min-width: 0;
  max-width: 100%;
  min-height: 30px;
  padding: 6px 13px;
  border-radius: 999px;
  color: #fff !important;
  background: linear-gradient(135deg, #2f80ed 0%, #635bff 58%, #8b5cf6 100%) !important;
  box-shadow: 0 8px 18px rgba(99, 91, 255, 0.22);
  font-size: 13px;
  line-height: 1.25;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

#searchOverlay #searchingState .locate-stage-status::after,
#searchOverlay #searchingState .locate-stage-status.is-pending::after {
  flex: 0 0 auto;
  color: #fff !important;
}

#searchOverlay #searchingState .locate-progress-bar,
#searchOverlay #searchingState .locate-logs {
  width: 100%;
}

#searchOverlay #searchingState .locate-progress-bar {
  margin: 24px 0 14px;
  background: rgba(99, 91, 255, 0.1) !important;
}

#searchOverlay #searchingState .locate-progress-fill {
  background: linear-gradient(90deg, #1fb6ff 0%, #635bff 58%, #9857ff 100%) !important;
  box-shadow: 0 0 18px rgba(99, 91, 255, 0.28) !important;
}

#searchOverlay #searchingState .locate-logs,
#searchOverlay #searchingState .locate-log-line {
  color: #667085 !important;
}

@keyframes fglSearchEarthTurn {
  from { transform: translateZ(0) rotate(0deg); }
  to { transform: translateZ(0) rotate(360deg); }
}

@keyframes fglSearchPlanetEnter {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(28px) scale(0.82);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1);
  }
}

@keyframes fglSearchPlanetOrbit {
  from { transform: translate(-50%, -50%) rotate(-14deg); }
  to { transform: translate(-50%, -50%) rotate(346deg); }
}

@keyframes fglSearchPlanetPulse {
  0% {
    opacity: 0.72;
    transform: translate(-50%, -50%) scale(0.58);
  }
  78%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes fglSearchPlanetTargetFloat {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-8px); }
}

@media (max-width: 980px) {
  .search-overlay-panel .search-overlay-earth-wrap {
    left: 25% !important;
    width: min(620px, 58vw) !important;
  }

  #searchOverlay .searching-content {
    padding-inline: 28px;
  }

  #searchOverlay #searchingState .locate-stage,
  #searchOverlay #foundState .locate-stage {
    width: min(490px, 48vw);
    padding-inline: 34px;
  }
}

@media (max-width: 760px) {
  .search-overlay-panel .search-overlay-scene {
    background:
      radial-gradient(ellipse at 25% 20%, rgba(187, 255, 251, 0.72) 0%, rgba(72, 220, 235, 0.34) 31%, transparent 56%),
      radial-gradient(ellipse at 58% 66%, rgba(234, 249, 255, 0.86) 0%, rgba(192, 225, 255, 0.5) 36%, transparent 64%),
      radial-gradient(circle at 100% 34%, rgba(143, 67, 255, 0.72) 0%, rgba(111, 79, 255, 0.44) 42%, transparent 72%),
      linear-gradient(144deg, #74e3ef 0%, #73caf5 38%, #789cf6 68%, #9857ff 100%) !important;
  }

  .search-overlay-panel .search-overlay-vignette {
    background:
      radial-gradient(circle at 50% 14%, rgba(14, 22, 66, 0.96) 0 11%, rgba(16, 31, 91, 0.76) 22%, rgba(42, 79, 182, 0.22) 37%, transparent 52%),
      linear-gradient(180deg, transparent 0 37%, rgba(239, 247, 255, 0.32) 48%, rgba(248, 251, 255, 0.7) 100%) !important;
  }

  .search-overlay-panel .search-overlay-earth-wrap {
    left: 50% !important;
    top: 168px !important;
    width: min(660px, 158vw) !important;
    transform: translate(-50%, -50%) scale(0.92);
  }

  .search-overlay-panel.is-revealing .search-overlay-earth-wrap,
  .search-overlay-panel.is-found .search-overlay-earth-wrap {
    transform: translate(-50%, -50%) scale(1) !important;
  }

  .search-overlay-panel .fgl-search-planet__label {
    right: 22%;
    top: 15%;
  }

  .search-overlay-panel .fgl-search-planet__coverage {
    left: 22%;
    bottom: 16%;
  }

  #searchOverlay .searching-content {
    display: block;
    min-height: 100svh;
    padding: 292px 16px 24px;
  }

  #searchOverlay #searchingState .locate-stage,
  #searchOverlay #foundState .locate-stage {
    width: 100%;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 25px 20px 24px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 54px rgba(40, 57, 128, 0.18);
  }

  #searchOverlay #searchingState .locate-stage-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
  }

  #searchOverlay #searchingState .searching-text {
    margin-bottom: 6px;
    font-size: 18px;
  }

  #searchOverlay #searchingState .locate-stage-number {
    min-height: 34px;
    margin-bottom: 14px;
    font-size: 26px;
  }

  #searchOverlay #searchingState .locate-stage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    min-height: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
  }

  #searchOverlay #searchingState .locate-stage-row {
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
    gap: 4px;
    min-height: 70px;
    max-height: 82px;
    padding: 11px 12px;
    border: 1px solid rgba(93, 116, 170, 0.12);
    border-radius: 17px;
    background: rgba(248, 250, 255, 0.84);
  }

  #searchOverlay #searchingState #locateRowLocation {
    grid-column: 1 / -1;
  }

  #searchOverlay #searchingState .locate-stage-label {
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  #searchOverlay #searchingState .locate-stage-value,
  #searchOverlay #searchingState .locate-stage-status {
    font-size: 14px;
  }

  #searchOverlay #searchingState .locate-progress-bar {
    margin: 16px 0 12px;
  }

  #searchOverlay #searchingState .locate-logs {
    min-height: 60px;
    height: 60px;
  }
}

@media (max-width: 390px) {
  .search-overlay-panel .fgl-search-planet__label {
    right: 21%;
    transform: scale(0.9);
    transform-origin: right top;
  }

  .search-overlay-panel .fgl-search-planet__coverage {
    left: 21%;
    transform: scale(0.9);
    transform-origin: left bottom;
  }

  #searchOverlay .searching-content {
    padding-top: 276px;
    padding-inline: 12px;
  }

  #searchOverlay #searchingState .locate-stage,
  #searchOverlay #foundState .locate-stage {
    padding-inline: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .search-overlay-panel .search-overlay-earth-wrap,
  .search-overlay-panel .fgl-search-planet__orbit,
  .search-overlay-panel .fgl-search-planet__target,
  .search-overlay-panel .fgl-search-planet__target::before,
  .search-overlay-panel .fgl-search-planet__target::after {
    animation: none !important;
  }

  .search-overlay-panel.is-searching .search-overlay-earth-wrap {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }
}
.searching-subtext,
.locate-stage-label,
.locate-logs,
.payment-steps {
  color: var(--fgl-text-secondary) !important;
  font-family: var(--fgl-font) !important;
}

.locate-stage-grid,
.message-card,
.purchase-detail {
  border: 1px solid var(--fgl-line) !important;
  border-radius: var(--fgl-radius-md) !important;
  color: var(--fgl-text) !important;
  background: var(--fgl-bg-soft) !important;
}

.locate-progress-bar,
.progress-container {
  background: rgba(0, 113, 227, 0.1) !important;
}

.locate-progress-fill,
.progress-bar {
  background: var(--fgl-blue) !important;
  box-shadow: none !important;
}

.locate-stage-status,
.locate-stage-status.is-pending {
  color: var(--fgl-green) !important;
}

.found-icon,
.success-mark {
  color: var(--fgl-green) !important;
  background: var(--fgl-green-soft) !important;
  box-shadow: 0 0 0 10px rgba(36, 138, 61, 0.06) !important;
}

.toast {
  border: 1px solid var(--fgl-line) !important;
  border-radius: 999px !important;
  color: var(--fgl-text) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: var(--fgl-glass) !important;
}

/* Request sent page */
body:has([data-h5-request-shell]) {
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 113, 227, 0.08), transparent 28%),
    linear-gradient(180deg, #fff, #f5f7fa) !important;
}

[data-h5-request-shell] .brand,
[data-h5-request-shell] .fgl-brand-logo__text,
[data-h5-request-shell] h1,
[data-h5-request-shell] .message-card strong,
[data-h5-request-shell] .purchase-detail span {
  color: var(--fgl-text) !important;
  font-family: var(--fgl-font) !important;
}

[data-h5-request-shell] .shell {
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 32px !important;
  color: var(--fgl-text) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: var(--fgl-glass) !important;
}

[data-h5-request-shell] .eyebrow {
  border: 0 !important;
  color: var(--fgl-green) !important;
  background: var(--fgl-green-soft) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

[data-h5-request-shell] .eyebrow::before {
  background: var(--fgl-green) !important;
  box-shadow: none !important;
}

[data-h5-request-shell] .lead,
[data-h5-request-shell] .message-card p,
[data-h5-request-shell] .footnote,
[data-h5-request-shell] .purchase-detail strong,
[data-h5-request-shell] .request-note {
  color: var(--fgl-text-secondary) !important;
  font-family: var(--fgl-font) !important;
}

[data-h5-request-shell] .request-note {
  border: 1px solid var(--fgl-line) !important;
  background: var(--fgl-bg-soft) !important;
}

[data-h5-request-shell] .btn:not(.btn-primary) {
  border: 1px solid var(--fgl-line) !important;
  border-radius: 999px !important;
  color: var(--fgl-text) !important;
  background: #fff !important;
  font-family: var(--fgl-font) !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (max-width: 720px) {
  [data-h5-request-shell] {
    width: 100% !important;
    padding: 10px 16px 28px !important;
  }

  [data-h5-request-shell] .topbar {
    min-height: 54px !important;
    padding: 0 !important;
  }

  [data-h5-request-shell] .fgl-brand-logo__mark {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    filter: none !important;
  }

  [data-h5-request-shell] .fgl-brand-logo__text {
    font-size: 16px !important;
    font-weight: 650 !important;
  }

  [data-h5-request-shell] .shell {
    margin: 8px 0 0 !important;
    padding: 30px 20px 22px !important;
    border-radius: var(--fgl-radius-lg) !important;
  }

  [data-h5-request-shell] .success-mark {
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 18px !important;
    font-size: 26px !important;
  }

  [data-h5-request-shell] h1 {
    margin: 14px 0 10px !important;
    font-size: 30px !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
  }

  [data-h5-request-shell] .message-card,
  [data-h5-request-shell] .purchase-detail {
    background: var(--fgl-bg-soft) !important;
  }

  [data-h5-request-shell] .btn {
    min-height: 50px !important;
    border-radius: var(--fgl-radius-sm) !important;
    font-size: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Remaining mobile product surfaces */
@media (max-width: 768px) {
  body.fgl-h5-dashboard-enabled,
  body.fgl-h5-security-enabled,
  body.fgl-h5-lookup-enabled,
  body.fgl-h5-ip-enabled,
  body.fgl-h5-ip-autostart-enabled {
    color: var(--fgl-text) !important;
    background:
      radial-gradient(circle at 88% 0%, rgba(0, 113, 227, 0.08), transparent 26%),
      linear-gradient(180deg, #fff, #f5f7fa) !important;
  }

  [data-h5-dashboard-shell],
  [data-h5-security-shell],
  [data-h5-lookup-shell],
  [data-h5-ip-shell],
  [data-h5-ip-autostart] {
    color: var(--fgl-text) !important;
    background: transparent !important;
  }

  .fgl-h5-account__brand,
  .fgl-h5-account__title,
  .fgl-h5-account__metric-value,
  .fgl-h5-account__request-title,
  .fgl-h5-account__kv-value,
  .fgl-h5-lookup-shell__brand,
  .fgl-h5-lookup-shell__title,
  .fgl-h5-lookup-shell__card-title,
  .fgl-h5-ip-shell__brand,
  .fgl-h5-ip-shell__title,
  .fgl-h5-ip-autostart__headline {
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
  }

  .fgl-h5-account__brand,
  .fgl-h5-lookup-shell__brand,
  .fgl-h5-ip-shell__brand {
    font-size: 16px !important;
    font-weight: 650 !important;
    letter-spacing: -0.025em !important;
    text-transform: none !important;
  }

  .fgl-h5-account__title,
  .fgl-h5-lookup-shell__title,
  .fgl-h5-ip-shell__title,
  .fgl-h5-ip-autostart__headline {
    font-size: clamp(30px, 9vw, 40px) !important;
    font-weight: 650 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
  }

  .fgl-h5-account__locale,
  .fgl-h5-lookup-shell__locale,
  .fgl-h5-ip-shell__locale {
    border: 1px solid var(--fgl-line) !important;
    color: var(--fgl-text-secondary) !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: none !important;
  }

  .fgl-h5-account__hero,
  .fgl-h5-account__metrics,
  .fgl-h5-account__requests,
  .fgl-h5-account__panel,
  .fgl-h5-account__footer,
  [data-h5-lookup-hero],
  [data-h5-lookup-highlights],
  [data-h5-lookup-footer],
  [data-h5-ip-panel],
  [data-h5-ip-preview],
  [data-h5-ip-steps],
  [data-h5-ip-footer],
  .fgl-h5-ip-autostart__panel {
    border: 1px solid var(--fgl-line) !important;
    border-radius: var(--fgl-radius-lg) !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    backdrop-filter: var(--fgl-glass) !important;
  }

  .fgl-h5-account__metric,
  .fgl-h5-account__request,
  .fgl-h5-account__kv,
  .fgl-h5-lookup-shell__card,
  .fgl-h5-ip-shell__step,
  .fgl-h5-ip-shell__preview-card {
    border: 0 !important;
    border-radius: var(--fgl-radius-sm) !important;
    color: var(--fgl-text) !important;
    background: var(--fgl-bg-soft) !important;
  }

  .fgl-h5-account__helper,
  .fgl-h5-account__metric-label,
  .fgl-h5-account__request-copy,
  .fgl-h5-account__kv-label,
  .fgl-h5-account__footer-note,
  .fgl-h5-lookup-shell__subtitle,
  .fgl-h5-lookup-shell__copy,
  .fgl-h5-lookup-shell__footer-note,
  .fgl-h5-ip-shell__subtitle,
  .fgl-h5-ip-shell__copy,
  .fgl-h5-ip-autostart__copy {
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 400 !important;
  }

  .fgl-h5-account__field input,
  .fgl-h5-lookup-shell__input-row input {
    min-height: 50px !important;
    border: 1px solid transparent !important;
    border-radius: var(--fgl-radius-sm) !important;
    color: var(--fgl-text) !important;
    background: var(--fgl-bg-soft) !important;
    box-shadow: none !important;
    font-family: var(--fgl-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  .fgl-h5-account__field input:focus,
  .fgl-h5-lookup-shell__input-row input:focus {
    border-color: rgba(0, 113, 227, 0.52) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1) !important;
  }

  .fgl-h5-account__button,
  .fgl-h5-lookup-shell__input-row button,
  .fgl-h5-ip-shell__cta,
  .fgl-h5-ip-autostart__button {
    min-height: 50px !important;
    border: 0 !important;
    border-radius: var(--fgl-radius-sm) !important;
    color: #fff !important;
    background: var(--fgl-blue) !important;
    box-shadow: 0 8px 22px rgba(0, 113, 227, 0.18) !important;
    font-family: var(--fgl-font) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
  }

  .fgl-h5-account__link,
  .fgl-h5-account__footer-links a,
  .fgl-h5-lookup-shell__footer-links a,
  .fgl-h5-ip-shell__footer-links a {
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    color: var(--fgl-text) !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: var(--fgl-font) !important;
    font-weight: 550 !important;
  }

  body.fgl-h5-ip-enabled [data-h5-ip-hero],
  body.fgl-h5-ip-autostart-enabled [data-h5-ip-hero] {
    color: var(--fgl-text) !important;
    background: #f5f7fa !important;
  }

  .fgl-h5-dark__globe {
    background:
      radial-gradient(circle at 52% 46%, rgba(0, 113, 227, 0.16) 0 7px, rgba(0, 113, 227, 0.09) 8px 24px, transparent 25px),
      repeating-linear-gradient(90deg, rgba(67, 83, 101, 0.05) 0 1px, transparent 1px 54px),
      repeating-linear-gradient(0deg, rgba(67, 83, 101, 0.05) 0 1px, transparent 1px 54px),
      linear-gradient(145deg, #edf3f8, #f9fbfd) !important;
  }

  .fgl-h5-dark__globe::after {
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(245,247,250,0.38)) !important;
  }

  .fgl-h5-dark__reveal {
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.9) !important;
  }

  [data-h5-ip-gate-status] {
    color: var(--fgl-green) !important;
    background: var(--fgl-green-soft) !important;
    font-family: var(--fgl-font) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

/* Light defaults for standalone workflow pages */
body:has(.auth-container),
body:has(.checkout-container),
body.checkout-page,
body:has(.email-container),
body:has(.order-container),
body:has([data-order-details]),
body:has([data-tracking-link]) {
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 113, 227, 0.07), transparent 28%),
    linear-gradient(180deg, #fff, #f5f7fa) !important;
}

.auth-container,
.checkout-container,
.email-container,
.order-container,
[data-order-details],
[data-tracking-link] {
  color: var(--fgl-text) !important;
}

.auth-card,
.checkout-card,
.email-card,
.order-card,
.status-card,
[data-order-details] > section,
[data-tracking-link] > section {
  border: 1px solid var(--fgl-line) !important;
  border-radius: var(--fgl-radius-xl) !important;
  color: var(--fgl-text) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: var(--fgl-glass) !important;
}

body.checkout-page .page,
body:has(.checkout-container) .page,
.checkout-container {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
}

.checkout-container {
  padding: 18px 0 40px !important;
  display: grid !important;
  gap: 16px !important;
}

.checkout-container .brand {
  color: var(--fgl-text) !important;
}

.checkout-container .fgl-brand-logo__text {
  color: inherit !important;
}

.checkout-container .checkout-locale-wrap {
  top: 16px !important;
  right: 0 !important;
}

.checkout-container .checkout-locale-trigger {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: var(--fgl-text) !important;
  box-shadow: 0 10px 24px rgba(70, 92, 120, 0.08) !important;
}

.checkout-container .checkout-locale-menu {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 18px 40px rgba(70, 92, 120, 0.12) !important;
}

.checkout-container .checkout-locale-option {
  color: #42464d !important;
}

.checkout-container .checkout-locale-option:active,
.checkout-container .checkout-locale-option[aria-current="true"] {
  background: rgba(0, 113, 227, 0.08) !important;
  color: #0071e3 !important;
}

.checkout-container .hero {
  margin: 18px auto 0 !important;
  padding: 42px 16px 8px !important;
  text-align: center !important;
}

.checkout-container .hero h1 {
  margin: 0 !important;
  color: var(--fgl-text) !important;
  font-size: clamp(40px, 5vw, 68px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.065em !important;
}

.checkout-container .hero-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 22px auto 0 !important;
  width: min(760px, 100%) !important;
}

.checkout-container .summary-tile {
  padding: 16px 18px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: var(--fgl-glass) !important;
}

.checkout-container .summary-tile strong {
  color: #6e6e73 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
}

.checkout-container .summary-tile span {
  color: var(--fgl-text) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

.checkout-container .shell {
  width: 100% !important;
  display: grid !important;
  gap: 16px !important;
}

.checkout-container .glow-card,
.checkout-container .checkout-below {
  width: min(760px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.checkout-container .checkout-card,
.checkout-container .checkout-below {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 28px !important;
  color: var(--fgl-text) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: var(--fgl-glass) !important;
}

.checkout-container .checkout-card {
  overflow: hidden !important;
}

.checkout-container .card-head {
  padding: 16px 16px 0 !important;
}

.checkout-container .checkout-tabs {
  gap: 6px !important;
  padding: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 18px !important;
  background: rgba(245, 247, 250, 0.92) !important;
}

.checkout-container .checkout-tab {
  min-height: 44px !important;
  border-radius: 14px !important;
  color: #6e6e73 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.checkout-container .checkout-tab.active {
  color: var(--fgl-text) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(0, 113, 227, 0.08) !important;
}

.checkout-container .payment-methods {
  padding: 16px !important;
}

.checkout-container .checkout-card-fields {
  gap: 10px !important;
}

.checkout-container .checkout-field {
  min-height: 48px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--fgl-text) !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.checkout-container .checkout-field::placeholder {
  color: #9b9ba1 !important;
}

.checkout-container .checkout-email-label {
  color: #6e6e73 !important;
}

.checkout-container .checkout-email-value {
  color: var(--fgl-text) !important;
}

.checkout-container .wallet-option {
  min-height: 90px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.04) !important;
}

.checkout-container .wallet-option.is-selected {
  border-color: rgba(0, 113, 227, 0.32) !important;
  box-shadow: 0 14px 28px rgba(0, 113, 227, 0.12) !important;
}

.checkout-container .wallet-option::before {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
}

.checkout-container .wallet-option.is-selected::before {
  border-color: #0071e3 !important;
  background: radial-gradient(circle at 50% 50%, #0071e3 0 42%, rgba(255, 255, 255, 0.96) 46%) !important;
}

.checkout-container .wallet-logo {
  width: 100% !important;
  height: 58px !important;
}

.checkout-container .wallet-logo img {
  max-width: 146px !important;
  max-height: 58px !important;
}

.checkout-container .checkout-below {
  padding: 0 0 18px !important;
}

.checkout-container .order-box {
  padding: 18px 20px 8px !important;
}

.checkout-container .order-box h2 {
  color: var(--fgl-text) !important;
  font-size: 19px !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
}

.checkout-container .order-row {
  color: var(--fgl-text) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  font-size: 15px !important;
}

.checkout-container .choice small {
  color: #6e6e73 !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
}

.checkout-container .choice-plan {
  color: var(--fgl-text) !important;
  font-weight: 600 !important;
}

.checkout-container .trial-price-stack strong {
  color: var(--fgl-text) !important;
  font-size: 18px !important;
}

.checkout-container .trial-price-stack s {
  color: #8e8e93 !important;
}

.checkout-container .order-disclaimer,
.checkout-container .note,
.checkout-container .below-submit-upgrade {
  color: #6e6e73 !important;
}

.checkout-container .consent-box {
  margin: 14px 20px 0 !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background: rgba(49, 167, 101, 0.08) !important;
  border: 1px solid rgba(49, 167, 101, 0.16) !important;
}

.checkout-container .consent-copy {
  color: var(--fgl-text) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.checkout-container .consent-copy a {
  color: #0071e3 !important;
}

.checkout-container .cta {
  width: min(240px, calc(100% - 40px)) !important;
  min-height: 52px !important;
  border-radius: 999px !important;
  background: #0071e3 !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(0, 113, 227, 0.18) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.checkout-container .cta:hover {
  background: #0a84ff !important;
}

.checkout-container .payment-ribbon {
  padding: 14px 20px 8px !important;
}

.checkout-container .payment-strip-image {
  max-height: 28px !important;
  opacity: 0.96 !important;
}

.checkout-container .below-submit-copy {
  padding: 2px 20px 10px !important;
  text-align: center !important;
}

.checkout-container .below-submit-copy .note {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.checkout-container .footer {
  margin-top: 6px !important;
  color: #6e6e73 !important;
  font-size: 12px !important;
}

@media (max-width: 720px) {
  body.checkout-page .page,
  body:has(.checkout-container) .page,
  .checkout-container {
    width: min(100%, calc(100% - 24px)) !important;
  }

  .checkout-container {
    padding-top: 14px !important;
    gap: 14px !important;
  }

  .checkout-container .hero {
    padding: 36px 10px 4px !important;
  }

  .checkout-container .hero h1 {
    font-size: clamp(32px, 11vw, 42px) !important;
    line-height: 0.98 !important;
  }

  .checkout-container .hero-summary {
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
  }

  .checkout-container .summary-tile,
  .checkout-container .checkout-card,
  .checkout-container .checkout-below {
    border-radius: 22px !important;
  }

  .checkout-container .checkout-tabs {
    border-radius: 16px !important;
  }

  .checkout-container .checkout-field {
    min-height: 46px !important;
  }

  .checkout-container .checkout-card-fields--card,
  .checkout-container .checkout-card-fields--wallet,
  .checkout-container .checkout-field-row {
    gap: 8px !important;
  }

  .checkout-container .wallet-option {
    min-height: 76px !important;
  }
}
/* Editorial wireframe-earth hero 鈥?visual-only enhancement. */
@media (min-width: 769px) {
  #hero[data-fgl-editorial-hero="true"] {
    min-height: auto !important;
    padding: 110px 0 64px !important;
    background:
      radial-gradient(circle at 80% 28%, rgba(0, 113, 227, 0.075), transparent 27%),
      radial-gradient(circle at 18% 76%, rgba(110, 181, 255, 0.06), transparent 31%),
      #f7f8fa !important;
  }

  #hero[data-fgl-editorial-hero="true"] [class*="_desktopWrapper_"] {
    grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.92fr) !important;
    align-items: start !important;
    gap: clamp(58px, 6vw, 94px) !important;
    margin-bottom: 0 !important;
  }

  #hero[data-fgl-editorial-hero="true"] [class*="_headlineWrapper_"] {
    max-width: 650px !important;
  }

  #hero .fgl-editorial-hero__title {
    max-width: 9.8ch !important;
    margin-bottom: 30px !important;
    color: #101114 !important;
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif !important;
    font-size: clamp(62px, 6vw, 88px) !important;
    font-weight: 400 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.065em !important;
    text-wrap: balance;
  }

  #hero[data-fgl-editorial-hero="true"] [class*="_subtitle_"] {
    max-width: 27ch !important;
    margin-bottom: 14px !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
  }

  #hero[data-fgl-editorial-hero="true"] [class*="_text_"] {
    max-width: 50ch !important;
    margin-bottom: 34px !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
  }

  #hero .fgl-hero-product-visual {
    position: relative;
    width: min(100%, 590px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.055);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 26px 70px rgba(70, 92, 120, 0.12);
  }

  #hero .fgl-hero-product-visual img {
    display: block;
    width: 100%;
    aspect-ratio: 1.58 / 1;
    object-fit: cover;
    object-position: center;
  }

  #hero .fgl-hero-product-visual figcaption {
    position: absolute;
    left: 18px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 999px;
    color: #42464d;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 8px 24px rgba(45, 65, 90, 0.08);
    backdrop-filter: blur(18px);
    font-size: 11px;
    font-weight: 600;
  }

  #hero .fgl-hero-product-visual figcaption span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #31a765;
    box-shadow: 0 0 0 4px rgba(49, 167, 101, 0.12);
  }

  #hero .fgl-hero-earth-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #hero .fgl-hero-earth-card::before,
  #hero .fgl-hero-earth-card::after {
    display: none !important;
    content: none !important;
  }

  #hero .fgl-wire-earth-stage {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 460px;
    isolation: isolate;
  }

  #hero .fgl-wire-earth-stage::before,
  #hero .fgl-wire-earth-stage::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
  }

  #hero .fgl-wire-earth-stage::before {
    width: 410px;
    height: 410px;
    border: 1px solid rgba(0, 113, 227, 0.09);
    box-shadow: 0 0 0 34px rgba(0, 113, 227, 0.025), 0 0 0 86px rgba(0, 113, 227, 0.018);
  }

  #hero .fgl-wire-earth-stage::after {
    width: 460px;
    height: 160px;
    border: 1px solid rgba(31, 79, 124, 0.16);
    transform: rotate(-11deg);
  }

  #hero .fgl-wire-earth {
    position: relative;
    width: min(390px, 82%);
    aspect-ratio: 1;
    border-radius: 50%;
    perspective: 900px;
    filter: drop-shadow(0 30px 34px rgba(39, 78, 117, 0.12));
  }

  #hero .fgl-wire-earth__rotator {
    position: absolute;
    inset: 0;
    border: 1.3px solid rgba(31, 71, 108, 0.46);
    border-radius: 50%;
    transform-style: preserve-3d;
    animation: fglWireEarthTurn 18s linear infinite;
  }

  #hero .fgl-wire-earth__rotator::before,
  #hero .fgl-wire-earth__rotator::after {
    content: "";
    position: absolute;
    inset: 8%;
    border: 1px solid rgba(0, 113, 227, 0.16);
    border-radius: 50%;
  }

  #hero .fgl-wire-earth__rotator::after {
    inset: 19%;
    border-color: rgba(0, 113, 227, 0.1);
  }

  #hero .fgl-wire-earth__longitude,
  #hero .fgl-wire-earth__latitude {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    border: 1px solid rgba(39, 83, 123, 0.34);
    border-radius: 50%;
    transform-style: preserve-3d;
  }

  #hero .fgl-wire-earth__longitude {
    width: 100%;
    height: 100%;
    margin: -50%;
    transform: rotateY(var(--wire-angle));
  }

  #hero .fgl-wire-earth__latitude {
    width: var(--wire-width);
    height: var(--wire-height);
    margin: 0;
    transform: translate(-50%, calc(-50% + var(--wire-y))) rotateX(72deg);
  }

  #hero .fgl-wire-earth__marker {
    position: absolute;
    left: 66%;
    top: 35%;
    width: 13px;
    height: 13px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #0071e3;
    box-shadow: 0 0 0 9px rgba(0, 113, 227, 0.11), 0 10px 24px rgba(0, 113, 227, 0.2);
    animation: fglWireEarthPulse 2.4s ease-out infinite;
  }

  #hero .fgl-wire-earth-stage__label {
    position: absolute;
    right: 2%;
    top: 17%;
    display: grid;
    grid-template-columns: 9px auto;
    column-gap: 9px;
    padding: 12px 15px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 16px;
    color: #31343a;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 14px 34px rgba(55, 79, 105, 0.09);
    backdrop-filter: blur(20px);
  }

  #hero .fgl-wire-earth-stage__label > span {
    grid-row: 1 / span 2;
    align-self: center;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #31a765;
    box-shadow: 0 0 0 5px rgba(49, 167, 101, 0.11);
  }

  #hero .fgl-wire-earth-stage__label strong,
  #hero .fgl-wire-earth-stage__label small { line-height: 1.2; }
  #hero .fgl-wire-earth-stage__label strong { font-size: 12px; font-weight: 650; }
  #hero .fgl-wire-earth-stage__label small { margin-top: 3px; color: #6e6e73; font-size: 10px; }

  #hero .fgl-hero-earth-card [class*="_locateHolder_"] {
    width: 100% !important;
    max-width: none !important;
    margin: -6px 0 0 !important;
    padding: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 22px 58px rgba(50, 75, 105, 0.12) !important;
    backdrop-filter: blur(24px);
  }

  #hero .fgl-hero-earth-card [class*="_locatorContainer_"] { max-width: none !important; }
  #hero .fgl-hero-earth-card [class*="_locatorTitle_"] { margin-bottom: 12px !important; color: #51545a !important; font-size: 12px !important; }

  #hero .fgl-hero-earth-card .search-box-wrapper {
    padding: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    border-radius: 18px !important;
    background: rgba(247, 248, 250, 0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  #hero .fgl-hero-earth-card .fgl-locator-trust-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    width: 100%;
    margin: 14px 0 0 !important;
    opacity: 1 !important;
  }

  #hero .fgl-locator-trust-row > div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 42px;
    padding: 7px 12px;
    border: 1px solid rgba(179, 196, 255, 0.16);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(19, 31, 59, 0.97), rgba(37, 55, 94, 0.94));
    box-shadow: 0 8px 20px rgba(28, 43, 72, 0.1);
  }

  #hero .fgl-locator-trust-row img {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: 28px !important;
    object-fit: contain;
  }

  @keyframes fglWireEarthTurn {
    from { transform: rotateX(-7deg) rotateY(0deg) rotateZ(-3deg); }
    to { transform: rotateX(-7deg) rotateY(360deg) rotateZ(-3deg); }
  }

  @keyframes fglWireEarthPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.14); opacity: 0.82; }
  }
}

@media (min-width: 769px) and (max-width: 1040px) {
  #hero[data-fgl-editorial-hero="true"] [class*="_desktopWrapper_"] {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr) !important;
    gap: 38px !important;
  }

  #hero .fgl-editorial-hero__title { font-size: clamp(54px, 7vw, 72px) !important; }
  #hero .fgl-wire-earth-stage { min-height: 440px; }
  #hero .fgl-wire-earth-stage::before { width: 340px; height: 340px; }
}

@media (prefers-reduced-motion: reduce) {
  #hero .fgl-wire-earth__rotator,
  #hero .fgl-wire-earth__marker { animation: none !important; }
}
/* Compact left-column tuning: keep the headline to two rows and show the full product render. */
@media (min-width: 769px) {
  #hero .fgl-editorial-hero__title {
    max-width: none !important;
    margin-bottom: 22px !important;
    font-size: clamp(48px, 3.55vw, 54px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    white-space: pre-line;
  }

  #hero[data-fgl-editorial-hero="true"] [class*="_subtitle_"] {
    margin-bottom: 10px !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  #hero[data-fgl-editorial-hero="true"] [class*="_text_"] {
    max-width: 48ch !important;
    margin-bottom: 24px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  #hero .fgl-hero-product-visual {
    width: min(100%, 590px);
  }

  #hero .fgl-hero-product-visual img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }
}
/* Mobile editorial hero: compact title with the complete product visual. */
@media (max-width: 768px) {
  #hero .fgl-editorial-hero__title {
    font-size: clamp(40px, 11vw, 48px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.05em !important;
  }

  #hero .fgl-hero-product-visual {
    position: relative;
    width: 100%;
    margin: 24px 0 0;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.055);
    border-radius: 24px;
    background: #f7f9fc;
    box-shadow: 0 20px 54px rgba(70, 92, 120, 0.1);
  }

  #hero .fgl-hero-product-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }

  #hero .fgl-hero-product-visual figcaption {
    position: absolute;
    left: 14px;
    bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 999px;
    color: #42464d;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 8px 20px rgba(45, 65, 90, 0.08);
    backdrop-filter: blur(16px);
    font-size: 10px;
    font-weight: 600;
  }

  #hero .fgl-hero-product-visual figcaption span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #31a765;
    box-shadow: 0 0 0 4px rgba(49, 167, 101, 0.12);
  }
}
/* Features responsive editorial layout */
@media (min-width: 769px) and (max-width: 1024px) {
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"] [class*="_card_1r55x_"] {
    grid-column: span 6 !important;
  }

  #features [class*="_cardWrapper_"] {
    padding: 34px 32px 30px !important;
  }
}

@media (max-width: 768px) {
  body.fgl-h5-home-enabled [data-h5-home-features] {
    position: relative !important;
    display: block !important;
    width: calc(100% + 32px) !important;
    max-width: none !important;
    margin: 32px -16px 0 !important;
    padding: 72px 16px !important;
    overflow: hidden !important;
    color: var(--fgl-text) !important;
    background:
      radial-gradient(circle at 88% 5%, rgba(0, 113, 227, 0.08), transparent 26%),
      var(--fgl-bg-soft) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] > [class*="_wrapper_"] {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] > [class*="_wrapper_"] > [class*="_title_"] {
    max-width: 12ch !important;
    margin: 0 0 36px !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: clamp(32px, 10vw, 40px) !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    text-align: left !important;
    text-wrap: balance;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_featuresWrapper_"]:not([class*="_mobile_"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_featuresSlider_"],
  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_featuresWrapper_"][class*="_mobile_"] {
    display: none !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_card_1r55x_"] {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--fgl-radius-lg) !important;
    overflow: hidden !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.055) !important;
    backdrop-filter: var(--fgl-glass) !important;
    transition: transform var(--fgl-ease), box-shadow var(--fgl-ease), border-color var(--fgl-ease) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_card_1r55x_"]::before {
    display: none !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardWrapper_"] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 28px 26px 24px !important;
    }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardWrapper_"]:focus-visible {
    border-radius: inherit !important;
    outline: 3px solid rgba(0, 113, 227, 0.3) !important;
    outline-offset: -4px !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardTop_"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardTitleIcon_"] {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 13px !important;
    border: 1px solid rgba(0, 113, 227, 0.09) !important;
    border-radius: 15px !important;
    background: var(--fgl-blue-soft) !important;
    box-sizing: border-box !important;
    filter: saturate(0.72) hue-rotate(-4deg) !important;
    object-fit: contain !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardTitle_"] {
    max-width: 19ch !important;
    margin: 0 !important;
    color: var(--fgl-text) !important;
    font-family: var(--fgl-font) !important;
    font-size: 22px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardContent_"] {
    max-width: none !important;
    max-height: none !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    color: var(--fgl-text-secondary) !important;
    font-family: var(--fgl-font) !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardFooter_"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 24px !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardFooter_"] button {
    position: static !important;
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid var(--fgl-line) !important;
    border-radius: 999px !important;
    color: var(--fgl-blue) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardFooter_"] button svg {
    width: 32px !important;
    height: 32px !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardFooter_"] button svg path {
    fill: currentColor !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardFooter_"] button svg rect {
    stroke: transparent !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardBackgroundIcon_"] {
    display: none !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_card_1r55x_"]:focus-within {
    border-color: rgba(0, 113, 227, 0.16) !important;
    box-shadow: 0 14px 38px rgba(25, 40, 65, 0.09) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_buttonContainer_"] {
    margin: 36px 0 0 !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_buttonContainer_"] button {
    width: 100% !important;
    min-height: 52px !important;
  }
}

@media (hover: hover) and (max-width: 768px) {
  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_card_1r55x_"]:hover {
    border-color: rgba(0, 113, 227, 0.14) !important;
    box-shadow: 0 16px 42px rgba(25, 40, 65, 0.09) !important;
    transform: translateY(-4px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #features [class*="_card_1r55x_"],
  #features [class*="_cardFooter_"] button {
    transition: none !important;
  }

  #features [class*="_card_1r55x_"]:hover,
  #features [class*="_card_1r55x_"]:focus-within {
    transform: none !important;
  }
}

/* FAQ: Apple-style single-column accordion */
#questions {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 120px 24px !important;
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(0, 113, 227, 0.055), transparent 28%),
    var(--fgl-bg-soft) !important;
}

#questions > #faq {
  width: min(820px, 100%) !important;
  margin: 0 auto 48px !important;
  color: var(--fgl-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--fgl-font) !important;
  font-size: clamp(40px, 4.4vw, 58px) !important;
  font-weight: 650 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.045em !important;
  text-align: center !important;
}

#questions ._container_ddd0f_1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#questions .fgl-faq-col {
  display: contents !important;
}

#questions .fgl-faq-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 8px 28px rgba(20, 28, 45, 0.035) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transition:
    border-color 280ms ease,
    box-shadow 280ms ease,
    transform 280ms ease,
    background-color 280ms ease !important;
}

#questions .fgl-faq-item[open] {
  border-color: rgba(0, 113, 227, 0.14) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 16px 42px rgba(28, 43, 72, 0.075) !important;
}

#questions .fgl-faq-item > summary {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 26px !important;
  list-style: none !important;
  color: var(--fgl-text) !important;
  background: transparent !important;
  font-family: var(--fgl-font) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  transition: color 280ms ease, background-color 280ms ease !important;
}

#questions .fgl-faq-item > summary::-webkit-details-marker {
  display: none !important;
}

#questions .fgl-faq-item > summary:focus-visible {
  outline: 3px solid rgba(0, 113, 227, 0.3) !important;
  outline-offset: -3px !important;
  border-radius: 21px !important;
}

#questions .fgl-faq-item [class*="_title_179nw_"] {
  color: var(--fgl-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--fgl-font) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.018em !important;
}

#questions .fgl-faq-item [class*="_icon_179nw_"] {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #4f5966 !important;
  background: #f1f2f4 !important;
  rotate: 0deg !important;
  transform: rotate(0deg) !important;
  transition: color 280ms ease, background-color 280ms ease, transform 280ms ease !important;
}

#questions .fgl-faq-item [class*="_icon_179nw_"] svg {
  width: 19px !important;
  height: 19px !important;
}

#questions .fgl-faq-item[open] [class*="_icon_179nw_"] {
  color: var(--fgl-blue) !important;
  background: var(--fgl-blue-soft) !important;
  rotate: 0deg !important;
  transform: rotate(180deg) !important;
}

#questions .fgl-faq-item [class*="_content_179nw_"] {
  display: grid !important;
  grid-template-rows: 0fr;
  padding: 0 26px !important;
  transition: grid-template-rows 320ms ease, padding-bottom 320ms ease !important;
}

#questions .fgl-faq-item[open] [class*="_content_179nw_"] {
  grid-template-rows: 1fr;
  padding-bottom: 26px !important;
}

#questions .fgl-faq-item [class*="_text_179nw_"] {
  min-height: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  color: var(--fgl-text-secondary) !important;
  font-family: var(--fgl-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: -0.005em !important;
}

#questions .fgl-faq-item:active {
  transform: scale(0.997);
}

@media (hover: hover) {
  #questions .fgl-faq-item:hover {
    border-color: rgba(0, 113, 227, 0.13) !important;
    box-shadow: 0 15px 38px rgba(28, 43, 72, 0.07) !important;
    transform: translateY(-2px);
  }

  #questions .fgl-faq-item > summary:hover [class*="_icon_179nw_"] {
    color: var(--fgl-blue) !important;
    background: var(--fgl-blue-soft) !important;
  }
}

@media (max-width: 768px) {
  #questions {
    padding: 80px 16px !important;
  }

  #questions > #faq {
    margin-bottom: 32px !important;
    font-size: 36px !important;
    text-align: left !important;
  }

  #questions ._container_ddd0f_1 {
    gap: 10px !important;
  }

  #questions .fgl-faq-item {
    border-radius: 20px !important;
  }

  #questions .fgl-faq-item > summary {
    min-height: 68px !important;
    gap: 14px !important;
    padding: 16px 17px !important;
  }

  #questions .fgl-faq-item [class*="_title_179nw_"] {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  #questions .fgl-faq-item [class*="_icon_179nw_"] {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  #questions .fgl-faq-item [class*="_content_179nw_"] {
    padding-inline: 17px !important;
  }

  #questions .fgl-faq-item[open] [class*="_content_179nw_"] {
    padding-bottom: 20px !important;
  }

  #questions .fgl-faq-item [class*="_text_179nw_"] {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #questions .fgl-faq-item,
  #questions .fgl-faq-item > summary,
  #questions .fgl-faq-item [class*="_icon_179nw_"],
  #questions .fgl-faq-item [class*="_content_179nw_"] {
    transition: none !important;
  }

  #questions .fgl-faq-item:hover,
  #questions .fgl-faq-item:active {
    transform: none !important;
  }
}



/* How it works: product image with contextual glass bubbles. */
#how-it-works .fgl-how-visual {
  --fgl-how-bubble-edge: rgba(255, 255, 255, 0.48);
  --fgl-how-bubble-surface: rgba(255, 255, 255, 0.38);
  min-width: 0;
}

#how-it-works .fgl-how-visual__stage {
  position: relative;
  width: 100%;
  isolation: isolate;
}

#how-it-works .fgl-how-visual__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  border: 1px solid rgba(0, 0, 0, 0.055);
  border-radius: 28px;
  background: #f7f9fc;
  box-shadow: 0 22px 54px rgba(50, 74, 104, 0.12);
  object-fit: cover;
}

#how-it-works .fgl-how-visual__bubbles {
  border: 0 !important;
  list-style: none;
}

#how-it-works .fgl-how-visual__bubble {
  margin: 0 !important;
  border: 1px solid var(--fgl-how-bubble-edge) !important;
  background: var(--fgl-how-bubble-surface) !important;
  box-shadow: 0 16px 38px rgba(32, 55, 82, 0.08) !important;
  backdrop-filter: saturate(145%) blur(22px);
  -webkit-backdrop-filter: saturate(145%) blur(22px);
}

#how-it-works .fgl-how-visual__bubble::before {
  content: none !important;
}

#how-it-works .fgl-how-visual__bubble [class*="_number_1hojp_"] {
  align-self: center !important;
  color: rgba(0, 91, 186, 0.7) !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transform: translateY(-1px);
}

#how-it-works .fgl-how-visual__bubble [class*="_text_1hojp_"] {
  color: rgba(56, 56, 61, 0.58) !important;
}

#how-it-works .fgl-how-visual__bubble [class*="_text_1hojp_"] span {
  color: rgba(17, 17, 17, 0.72) !important;
}

@media (min-width: 769px) {
  #how-it-works .fgl-how-visual > [class*="_title_1hojp_"] {
    margin-bottom: 18px !important;
  }

  #how-it-works .fgl-how-visual__bubbles {
    position: absolute;
    inset: 0;
    display: block !important;
    pointer-events: none;
  }

  #how-it-works .fgl-how-visual__bubble {
    position: absolute !important;
    z-index: 2;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    width: min(48%, 286px);
    padding: 13px 14px !important;
    border-radius: 18px !important;
  }

  #how-it-works .fgl-how-visual__bubble::after {
    position: absolute;
    width: 16px;
    height: 16px;
    border-right: 1px solid var(--fgl-how-bubble-edge);
    border-bottom: 1px solid var(--fgl-how-bubble-edge);
    background: var(--fgl-how-bubble-surface);
    content: "";
    rotate: 45deg;
  }

  #how-it-works .fgl-how-visual__bubble:nth-child(1) {
    top: 7%;
    left: -4%;
  }

  #how-it-works .fgl-how-visual__bubble:nth-child(1)::after {
    right: -8px;
    bottom: 18px;
  }

  #how-it-works .fgl-how-visual__bubble:nth-child(2) {
    top: 39%;
    right: -5%;
  }

  #how-it-works .fgl-how-visual__bubble:nth-child(2)::after {
    left: -8px;
    top: 20px;
    border: 0;
    border-left: 1px solid var(--fgl-how-bubble-edge);
    border-bottom: 1px solid var(--fgl-how-bubble-edge);
  }

  #how-it-works .fgl-how-visual__bubble:nth-child(3) {
    left: 2%;
    bottom: 5%;
  }

  #how-it-works .fgl-how-visual__bubble:nth-child(3)::after {
    right: -8px;
    top: 20px;
  }

  #how-it-works .fgl-how-visual__bubble [class*="_number_1hojp_"] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  #how-it-works .fgl-how-visual__bubble [class*="_text_1hojp_"] {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  #how-it-works .fgl-how-visual__bubble [class*="_text_1hojp_"] span {
    margin-bottom: 2px !important;
    font-size: 14px !important;
  }
}

@media (min-width: 769px) and (max-width: 1050px) {
  #how-it-works [class*="_block_"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #how-it-works .fgl-how-visual__stage {
    width: min(720px, 100%);
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  #how-it-works .fgl-how-visual__image {
    border-radius: 22px;
    box-shadow: 0 16px 38px rgba(50, 74, 104, 0.1);
  }

  #how-it-works .fgl-how-visual__bubbles {
    position: relative;
    z-index: 2;
    display: grid !important;
    gap: 10px !important;
    margin-top: -20px;
    padding: 0 12px !important;
  }

  #how-it-works .fgl-how-visual__bubble {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #how-it-works .fgl-how-visual__bubble {
    transition: none !important;
  }
}

/* Homepage Features + FAQ density refinement (2026-07-16). */
@media (min-width: 769px) {
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"] [class*="_card_1r55x_"] {
    grid-column: span 1 !important;
  }

  #features [class*="_card_1r55x_"] {
    height: auto !important;
    min-height: 0 !important;
    border: 1px solid rgba(91, 123, 158, 0.12) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 12px 34px rgba(44, 67, 96, 0.07) !important;
  }

  #features [class*="_cardWrapper_"] {
    position: relative !important;
    padding: 24px 24px 64px !important;
  }

  #features [class*="_cardTop_"] {
    gap: 16px !important;
  }

  #features [class*="_cardTitleIcon_"] {
    width: 42px !important;
    height: 42px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  #features [class*="_cardTitle_"] {
    font-size: 22px !important;
    line-height: 1.16 !important;
  }

  #features [class*="_cardContent_"] {
    max-width: 48ch !important;
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  #features [class*="_cardFooter_"] {
    position: absolute !important;
    right: 22px !important;
    bottom: 22px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #features [class*="_cardFooter_"] button {
    transition: color 280ms ease, border-color 280ms ease, background-color 280ms ease !important;
  }

  #features [class*="_card_1r55x_"]:hover [class*="_cardFooter_"] button,
  #features [class*="_card_1r55x_"]:focus-within [class*="_cardFooter_"] button {
    color: var(--fgl-blue) !important;
    border-color: rgba(0, 113, 227, 0.16) !important;
    background: var(--fgl-blue-soft) !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"] [class*="_card_1r55x_"] {
    grid-column: span 1 !important;
  }
}

#questions {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.32fr) minmax(0, 0.68fr) !important;
  align-items: start !important;
  gap: 64px !important;
  box-sizing: border-box !important;
  padding: 112px max(24px, calc((100% - 1180px) / 2)) 64px !important;
}

#questions .fgl-faq-intro {
  position: static;
  min-width: 0;
}

#questions .fgl-faq-intro > #faq {
  width: auto !important;
  margin: 0 0 24px !important;
  color: var(--fgl-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--fgl-font) !important;
  font-size: clamp(42px, 4vw, 56px) !important;
  font-weight: 650 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  text-align: left !important;
}

#questions .fgl-faq-intro__copy {
  max-width: 30ch;
  margin: 0 0 24px;
  color: var(--fgl-text-secondary);
  font: 400 16px/1.65 var(--fgl-font);
}

#questions .fgl-faq-intro__support {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0 18px;
  border: 1px solid rgba(0, 113, 227, 0.12);
  border-radius: 999px;
  color: var(--fgl-blue);
  background: rgba(255, 255, 255, 0.68);
  font: 600 15px/1 var(--fgl-font);
  text-decoration: none;
  transition: border-color 280ms ease, background-color 280ms ease, transform 280ms ease;
}

#questions .fgl-faq-intro__support:hover,
#questions .fgl-faq-intro__support:focus-visible {
  border-color: rgba(0, 113, 227, 0.2);
  background: var(--fgl-blue-soft);
}

#questions .fgl-faq-intro__support:focus-visible {
  outline: 3px solid rgba(0, 113, 227, 0.28);
  outline-offset: 3px;
}

#questions ._container_ddd0f_1 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#questions .fgl-faq-col {
  display: contents !important;
}

#questions .fgl-faq-item {
  align-self: start !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(91, 123, 158, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 8px 24px rgba(44, 67, 96, 0.045) !important;
  backdrop-filter: none !important;
  transition: border-color 280ms ease, background-color 280ms ease, box-shadow 280ms ease !important;
}

#questions .fgl-faq-col:last-child .fgl-faq-item:last-child {
  border-bottom: 1px solid rgba(91, 123, 158, 0.12) !important;
}

#questions .fgl-faq-item[open] {
  border-color: rgba(0, 113, 227, 0.16) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 12px 30px rgba(44, 67, 96, 0.07) !important;
}

#questions .fgl-faq-item > summary {
  box-sizing: border-box !important;
  min-height: 60px !important;
  gap: 14px !important;
  padding: 14px 20px !important;
  transition: background-color 280ms ease, color 280ms ease !important;
}

#questions .fgl-faq-item [class*="_title_179nw_"] {
  font-size: 17px !important;
  line-height: 1.35 !important;
}

#questions .fgl-faq-item [class*="_icon_179nw_"] {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

#questions .fgl-faq-item [class*="_content_179nw_"] {
  padding-inline: 20px !important;
  transition: grid-template-rows 280ms ease, padding-bottom 280ms ease !important;
}

#questions .fgl-faq-item[open] [class*="_content_179nw_"] {
  padding-bottom: 14px !important;
}

#questions .fgl-faq-item [class*="_text_179nw_"] {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

#questions .fgl-faq-item:active,
#questions .fgl-faq-item:hover {
  border-color: rgba(0, 113, 227, 0.14) !important;
  box-shadow: 0 10px 26px rgba(44, 67, 96, 0.06) !important;
  transform: none !important;
}

@media (hover: hover) {
  #questions .fgl-faq-item > summary:hover {
    background: rgba(0, 113, 227, 0.025) !important;
  }
}

@media (max-width: 980px) {
  #questions ._container_ddd0f_1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 768px) {
  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_featuresWrapper_"]:not([class*="_mobile_"]) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_card_1r55x_"] {
    width: 100% !important;
    min-height: 220px !important;
    border: 1px solid rgba(91, 123, 158, 0.12) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: 0 10px 30px rgba(44, 67, 96, 0.065) !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardWrapper_"] {
    position: relative !important;
    padding: 28px 76px 72px 26px !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardTitleIcon_"] {
    width: 44px !important;
    height: 44px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  body.fgl-h5-home-enabled [data-h5-home-features] [class*="_cardFooter_"] {
    position: absolute !important;
    right: 24px !important;
    bottom: 24px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #questions {
    display: block !important;
    padding: 80px 16px 56px !important;
  }

  #questions .fgl-faq-intro {
    position: static;
    margin-bottom: 32px;
  }

  #questions .fgl-faq-intro > #faq {
    margin-bottom: 18px !important;
    font-size: 36px !important;
  }

  #questions .fgl-faq-intro__copy {
    margin-bottom: 20px;
    font-size: 15px;
  }

  #questions ._container_ddd0f_1 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    border-radius: 20px !important;
  }

  #questions .fgl-faq-item > summary {
    min-height: 56px !important;
    gap: 10px !important;
    padding: 12px 16px !important;
  }

  #questions .fgl-faq-item [class*="_title_179nw_"] {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  #questions .fgl-faq-item [class*="_icon_179nw_"] {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  #questions .fgl-faq-item [class*="_content_179nw_"] {
    padding-inline: 16px !important;
  }

  #questions .fgl-faq-item[open] [class*="_content_179nw_"] {
    padding-bottom: 13px !important;
  }

  #questions .fgl-faq-item [class*="_text_179nw_"] {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #questions .fgl-faq-intro__support {
    transition: none !important;
  }
}


/* ==========================================================================
   Find GPSlocations ? Light technology SaaS refresh ? 2026-07-20
   This final cascade layer intentionally keeps every functional selector and
   upgrades presentation only.
   ========================================================================== */

:root {
  --fgl-bg: #f8faff;
  --fgl-bg-soft: #eef5ff;
  --fgl-bg-tint: #f1ecff;
  --fgl-surface: rgba(255, 255, 255, 0.82);
  --fgl-surface-solid: #ffffff;
  --fgl-text: #0f1f3d;
  --fgl-text-primary: #0f1f3d;
  --fgl-text-secondary: #667085;
  --fgl-text-tertiary: #8a94a8;
  --fgl-blue: #3b82f6;
  --fgl-blue-hover: #4f6bff;
  --fgl-blue-soft: #eaf6ff;
  --fgl-purple: #8b5cf6;
  --fgl-cyan: #15c7c9;
  --fgl-green: #22b573;
  --fgl-green-soft: #ecfbf4;
  --fgl-line: rgba(93, 116, 170, 0.14);
  --fgl-line-strong: rgba(93, 116, 170, 0.22);
  --fgl-gradient-primary: linear-gradient(135deg, #2f80ed 0%, #635bff 55%, #a855f7 100%);
  --fgl-gradient-cyan: linear-gradient(135deg, #1fb6ff 0%, #15c7c9 100%);
  --fgl-gradient-page: linear-gradient(145deg, #f8fbff 0%, #edf8ff 40%, #f4efff 100%);
  --fgl-radius-sm: 12px;
  --fgl-radius-md: 18px;
  --fgl-radius-lg: 24px;
  --fgl-radius-xl: 32px;
  --fgl-radius-pill: 999px;
  --fgl-shadow-sm: 0 8px 24px rgba(76, 102, 170, 0.08);
  --fgl-shadow-md: 0 18px 50px rgba(76, 102, 170, 0.12);
  --fgl-shadow-glow: 0 12px 30px rgba(99, 91, 255, 0.22);
  --fgl-glass: saturate(150%) blur(18px);
  --fgl-ease: 280ms cubic-bezier(0.22, 1, 0.36, 1);
  --fgl-font: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html {
  overflow-x: clip;
  background: var(--fgl-bg) !important;
}

body,
button,
input,
select,
textarea {
  font-family: var(--fgl-font) !important;
}

body {
  overflow-x: clip;
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 10% 6%, rgba(31, 182, 255, 0.11), transparent 30rem),
    radial-gradient(circle at 90% 8%, rgba(168, 85, 247, 0.09), transparent 32rem),
    var(--fgl-bg) !important;
}

::selection {
  color: #fff;
  background: rgba(99, 91, 255, 0.82);
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(99, 91, 255, 0.28) !important;
  outline-offset: 3px !important;
}

:where(button, input, select, textarea):disabled,
:where(button, input, select, textarea)[aria-disabled="true"] {
  cursor: not-allowed !important;
  filter: saturate(0.45) !important;
  opacity: 0.58 !important;
  box-shadow: none !important;
}

._button_1veuq_1,
._button_e8imn_1,
.modal-btn,
.btn-primary,
.fgl-link-locator-button,
.fgl-h5-secondary__button,
.fgl-h5-consent__button,
.checkout-container .cta,
.email-submit,
.button:not(.secondary),
.fgl-action-primary {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: var(--fgl-radius-pill) !important;
  color: #fff !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: var(--fgl-shadow-glow) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

._button_1veuq_1:hover,
._button_e8imn_1:hover,
.modal-btn:hover,
.btn-primary:hover,
.fgl-link-locator-button:hover,
.fgl-h5-secondary__button:hover,
.fgl-h5-consent__button:hover,
.checkout-container .cta:hover,
.email-submit:hover,
.button:not(.secondary):hover,
.fgl-action-primary:hover {
  filter: brightness(1.06);
  box-shadow: 0 16px 36px rgba(99, 91, 255, 0.28) !important;
  transform: translateY(-2px);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.fgl-input-shell,
.field-shell {
  border-color: var(--fgl-line) !important;
  color: var(--fgl-text) !important;
  background: rgba(248, 250, 255, 0.9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
select:focus,
textarea:focus,
.fgl-input-shell:focus-within,
.field-shell:focus-within {
  border-color: rgba(99, 91, 255, 0.52) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(99, 91, 255, 0.1) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--fgl-text-tertiary) !important;
}

#header [class*="_navigation_"] [class*="_link_"][class*="_features_"]::after {
  display: none !important;
  content: none !important;
}

/* Floating global navigation */
@media (min-width: 769px) {
  #header {
    position: fixed !important;
    inset: 14px max(24px, calc((100vw - 1280px) / 2)) auto !important;
    width: auto !important;
    height: 72px !important;
    min-height: 72px !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 14px 40px rgba(72, 91, 150, 0.11) !important;
    backdrop-filter: blur(20px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(155%) !important;
  }

  #header > [class*="_container_"] {
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    padding: 0 22px !important;
  }

  #header .fgl-brand-logo__mark {
    width: 38px !important;
    height: 38px !important;
    filter: drop-shadow(0 7px 14px rgba(47, 128, 237, 0.2)) !important;
  }

  #header .fgl-brand-logo__text {
    color: var(--fgl-text) !important;
    font-size: 19px !important;
    font-weight: 760 !important;
  }

  #header [class*="_navigation_"] [class*="_link_"] {
    color: #43506a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  #header [class*="_navigation_"] [class*="_link_"]:hover {
    color: #635bff !important;
  }


  #header [class*="_switchButton_"] {
    min-width: 70px !important;
    min-height: 42px !important;
    border: 1px solid rgba(93, 116, 170, 0.16) !important;
    background: rgba(255, 255, 255, 0.64) !important;
  }

  #header [class*="_rightContainer_"] > [class*="_button_"] {
    min-width: 88px !important;
    min-height: 44px !important;
    border: 1px solid rgba(255, 255, 255, 0.82) !important;
    color: var(--fgl-text) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 8px 22px rgba(76, 102, 170, 0.09) !important;
    font-size: 14px !important;
  }
}

/* Hero: left conversion panel, right product scene */
#hero {
  isolation: isolate;
}

#hero[data-fgl-saas-hero="true"] {
  position: relative !important;
  min-height: 820px !important;
  padding: 126px 0 86px !important;
  background:
    radial-gradient(ellipse at 19% 54%, rgba(187, 255, 251, 0.68) 0%, rgba(72, 220, 235, 0.36) 31%, transparent 56%),
    radial-gradient(ellipse at 55% 72%, rgba(234, 249, 255, 0.82) 0%, rgba(192, 225, 255, 0.44) 34%, transparent 61%),
    radial-gradient(circle at 61% 4%, rgba(57, 145, 255, 0.58) 0%, rgba(76, 132, 255, 0.24) 32%, transparent 55%),
    radial-gradient(circle at 100% 44%, rgba(143, 67, 255, 0.78) 0%, rgba(111, 79, 255, 0.48) 39%, transparent 68%),
    linear-gradient(118deg, #74e3ef 0%, #73caf5 34%, #789cf6 66%, #9857ff 100%) !important;
}

#hero[data-fgl-saas-hero="true"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.34) 1px, transparent 1.5px) !important;
  background-size: 24px 24px !important;
  mask-image: linear-gradient(90deg, transparent 34%, rgba(0, 0, 0, 0.45) 62%, transparent 96%);
  opacity: 0.42;
}

#hero[data-fgl-saas-hero="true"]::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: auto !important;
  right: -12%;
  top: 4%;
  bottom: auto !important;
  width: 58%;
  height: auto !important;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 50%;
  background: none !important;
  box-shadow: 0 0 0 58px rgba(255, 255, 255, 0.08), 0 0 0 122px rgba(255, 255, 255, 0.05);
  pointer-events: none;
}

#hero[data-fgl-saas-hero="true"] [class*="_background_"] {
  position: relative !important;
  inset: auto !important;
  min-height: auto !important;
  background: transparent !important;
}

#hero[data-fgl-saas-hero="true"] [class*="_backgroundImage_"],
#hero[data-fgl-saas-hero="true"] [class*="_cellImage_"] {
  display: none !important;
}

#hero .fgl-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-bottom: 20px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: var(--fgl-radius-pill);
  color: #2f80ad;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 8px 24px rgba(64, 110, 170, 0.07);
  backdrop-filter: blur(16px);
  font-size: 13px;
  font-weight: 700;
}

#hero .fgl-hero-eyebrow::before {
  content: "?";
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  background: var(--fgl-gradient-cyan);
  box-shadow: 0 6px 14px rgba(21, 199, 201, 0.22);
}

#hero .fgl-editorial-hero__title {
  max-width: 10.6ch !important;
  margin: 0 0 20px !important;
  color: var(--fgl-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--fgl-font) !important;
  font-size: clamp(54px, 5.1vw, 76px) !important;
  font-weight: 790 !important;
  line-height: 0.99 !important;
  letter-spacing: -0.055em !important;
  text-wrap: balance;
}

#hero .fgl-editorial-hero__title .fgl-hero-title-accent {
  color: transparent !important;
  background: linear-gradient(105deg, #1fb6ff 0%, #2f80ed 34%, #635bff 68%, #9857ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
}

#hero[data-fgl-saas-hero="true"] [class*="_subtitle_"] {
  max-width: 36ch !important;
  margin: 0 0 10px !important;
  color: #35435e !important;
  font-size: 20px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

#hero[data-fgl-saas-hero="true"] [class*="_text_"] {
  max-width: 48ch !important;
  margin: 0 0 24px !important;
  color: var(--fgl-text-secondary) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#hero[data-fgl-saas-hero="true"] [class*="_locateHolder_"] {
  width: min(100%, 640px) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 24px 60px rgba(62, 93, 158, 0.15) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
}

#hero[data-fgl-saas-hero="true"] [class*="_locatorContainer_"] {
  max-width: none !important;
}

#hero[data-fgl-saas-hero="true"] [class*="_locatorTitle_"] {
  margin-bottom: 10px !important;
  color: #5a6782 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

#hero[data-fgl-saas-hero="true"] .search-box-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 158px !important;
  gap: 10px !important;
  padding: 6px !important;
  border: 1px solid rgba(93, 116, 170, 0.14) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 30px rgba(76, 102, 170, 0.09) !important;
}

#hero[data-fgl-saas-hero="true"] .search-box-wrapper > button {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 0 24px !important;
  border-radius: 15px !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: var(--fgl-shadow-glow) !important;
}

#hero[data-fgl-saas-hero="true"] .iti__tel-input,
#hero[data-fgl-saas-hero="true"] .iti input[type="tel"] {
  min-height: 58px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 17px !important;
}

#hero .fgl-locator-trust-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  opacity: 1 !important;
}

#hero .fgl-locator-trust-row > div {
  min-height: 36px;
  padding: 5px 10px;
  border: 1px solid rgba(93, 116, 170, 0.12);
  border-radius: 12px;
  background: rgba(247, 250, 255, 0.76);
}

#hero .fgl-locator-trust-row img {
  width: auto !important;
  max-width: 100% !important;
  height: 24px !important;
  filter: saturate(0.75) hue-rotate(8deg);
}

#hero .fgl-hero-visual-stage {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  isolation: isolate;
}

#hero .fgl-hero-visual-stage::before,
#hero .fgl-hero-visual-stage::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

#hero .fgl-hero-visual-stage::before {
  width: 78%;
  aspect-ratio: 1;
  border: 1px solid rgba(99, 91, 255, 0.16);
  box-shadow: 0 0 0 42px rgba(79, 107, 255, 0.045), 0 0 0 88px rgba(168, 85, 247, 0.025);
}

#hero .fgl-hero-visual-stage::after {
  right: 5%;
  bottom: 9%;
  width: 118px;
  aspect-ratio: 1;
  background: radial-gradient(circle, rgba(21, 199, 201, 0.25) 0 4px, transparent 5px) 0 0 / 18px 18px;
  opacity: 0.72;
}

#hero .fgl-hero-product-visual {
  position: relative !important;
  z-index: 1;
  width: min(100%, 690px) !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: rotate(-1.5deg);
}

#hero .fgl-hero-product-visual img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 32px 46px rgba(50, 62, 130, 0.22));
}

#hero .fgl-hero-product-visual figcaption {
  left: 8% !important;
  bottom: 5% !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  color: #40506c !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

#hero .fgl-hero-status {
  position: absolute;
  z-index: 3;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  width: 205px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 18px;
  color: var(--fgl-text);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 16px 40px rgba(61, 75, 145, 0.14);
  backdrop-filter: blur(18px) saturate(145%);
}

#hero .fgl-hero-status__icon {
  display: grid;
  grid-row: 1 / span 2;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: #fff;
  background: var(--fgl-gradient-primary);
  box-shadow: 0 8px 18px rgba(99, 91, 255, 0.22);
  font-size: 18px;
  font-weight: 800;
}

#hero .fgl-hero-status strong {
  align-self: end;
  font-size: 13px;
  line-height: 1.2;
}

#hero .fgl-hero-status small {
  color: var(--fgl-text-secondary);
  font-size: 10px;
  line-height: 1.35;
}

#hero .fgl-hero-status--ready {
  right: -2%;
  top: 10%;
}

#hero .fgl-hero-status--ready .fgl-hero-status__icon {
  background: linear-gradient(135deg, #35c98b, #15c7c9);
}

#hero .fgl-hero-status--request {
  left: -2%;
  bottom: 17%;
}

#hero .fgl-hero-status--secure {
  right: 4%;
  bottom: 1%;
  width: 178px;
}

#hero .fgl-hero-status--secure .fgl-hero-status__icon {
  background: var(--fgl-gradient-cyan);
}

@media (min-width: 769px) {
  #hero[data-fgl-saas-hero="true"] [class*="_wrapper_"] {
    width: min(1280px, calc(100% - 64px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #hero[data-fgl-saas-hero="true"] [class*="_desktopWrapper_"] {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(34px, 5vw, 76px) !important;
    margin: 0 !important;
  }

  #hero[data-fgl-saas-hero="true"] [class*="_headlineWrapper_"] {
    position: relative !important;
    z-index: 4 !important;
    width: auto !important;
    max-width: 630px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
}

/* Home sections */
#features,
#how-it-works,
#questions,
section:has(#reviews) {
  position: relative;
  isolation: isolate;
}

#features {
  background:
    radial-gradient(circle at 88% 12%, rgba(168, 85, 247, 0.08), transparent 28rem),
    linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%) !important;
}

#features [class*="_card_1r55x_"] {
  border: 1px solid rgba(93, 116, 170, 0.14) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: blur(14px);
}

#features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(3n + 1) [class*="_card_1r55x_"] {
  background: linear-gradient(145deg, rgba(234, 246, 255, 0.94), rgba(255, 255, 255, 0.84)) !important;
}

#features [class*="_featuresWrapper_"]:not([class*="_mobile_"]) > div[style*="display:contents"]:nth-child(3n + 2) [class*="_card_1r55x_"] {
  background: linear-gradient(145deg, rgba(246, 241, 255, 0.94), rgba(255, 255, 255, 0.86)) !important;
}

#features [class*="_card_1r55x_"]:hover,
#features [class*="_card_1r55x_"]:focus-within {
  border-color: rgba(99, 91, 255, 0.24) !important;
  box-shadow: 0 20px 46px rgba(76, 102, 170, 0.14) !important;
  transform: translateY(-4px) !important;
}

#features [class*="_cardTitleIcon_"] {
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #eef7ff, #f1ecff) !important;
  box-shadow: 0 8px 20px rgba(99, 91, 255, 0.12) !important;
}

#features [class*="_cardFooter_"] button {
  color: #635bff !important;
  border-color: rgba(99, 91, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.68) !important;
}

#how-it-works {
  background:
    radial-gradient(circle at 12% 84%, rgba(31, 182, 255, 0.1), transparent 30rem),
    #f8faff !important;
}

#how-it-works [class*="_block_"] {
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 32px !important;
  background: linear-gradient(135deg, rgba(234, 246, 255, 0.9), rgba(246, 241, 255, 0.9)) !important;
  box-shadow: var(--fgl-shadow-md) !important;
}

#how-it-works .fgl-how-visual__image {
  border: 1px solid rgba(255, 255, 255, 0.84) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 24px 58px rgba(69, 87, 158, 0.16) !important;
}

#how-it-works .fgl-how-visual__bubble {
  border-color: rgba(93, 116, 170, 0.14) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: blur(18px);
}

#how-it-works .fgl-how-visual__bubble [class*="_number_1hojp_"] {
  color: #fff !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: 0 8px 18px rgba(99, 91, 255, 0.2) !important;
}

section[class*="_reviews_"] {
  background: linear-gradient(180deg, #eef5ff 0%, #f8faff 100%) !important;
}

.fgl-reviews-rail .fgl-review-card,
section[class*="_reviews_"] [class*="_card_kgcrl_"] {
  border: 1px solid rgba(93, 116, 170, 0.13) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: blur(14px);
}

#questions {
  background:
    radial-gradient(circle at 85% 18%, rgba(168, 85, 247, 0.07), transparent 26rem),
    #f8faff !important;
}

#questions ._container_ddd0f_1 {
  border: 1px solid rgba(93, 116, 170, 0.13) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: blur(16px);
}

#questions .fgl-faq-item {
  border-color: rgba(93, 116, 170, 0.14) !important;
  background: rgba(255, 255, 255, 0.76) !important;
}

#questions .fgl-faq-item[open] {
  border-color: rgba(99, 91, 255, 0.2) !important;
  background: linear-gradient(135deg, rgba(234, 246, 255, 0.92), rgba(246, 241, 255, 0.88)) !important;
  box-shadow: 0 12px 30px rgba(76, 102, 170, 0.08) !important;
}

#questions .fgl-faq-item [class*="_icon_179nw_"] {
  color: #635bff !important;
  background: rgba(99, 91, 255, 0.09) !important;
}

#questions .fgl-faq-intro__support {
  color: #554dca !important;
  border-color: rgba(99, 91, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
}

footer[class*="_footer_"] {
  border-top: 1px solid rgba(93, 116, 170, 0.12) !important;
  color: var(--fgl-text-secondary) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(31, 182, 255, 0.07), transparent 24rem),
    linear-gradient(180deg, #f8faff 0%, #eef3fb 100%) !important;
}

footer[class*="_footer_"] [class*="_paymentsImage_"] {
  border-color: rgba(93, 116, 170, 0.12) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

body.fgl-home-page footer[class*="_footer_"] [class*="_paymentsImage_"],
body.fgl-support-page footer[class*="_footer_"] [class*="_paymentsImage_"] {
  filter: none !important;
  opacity: 1 !important;
}

/* Mobile homepage and shared H5 shells */
@media (max-width: 768px) {
  body.fgl-h5-home-enabled,
  body.fgl-h5-consent-enabled,
  body.fgl-h5-dashboard-enabled,
  body.fgl-h5-lookup-enabled,
  body.fgl-h5-ip-enabled,
  body.fgl-h5-ip-autostart-enabled,
  body.fgl-h5-discussions-enabled {
    background:
      radial-gradient(circle at 8% 6%, rgba(31, 182, 255, 0.16), transparent 22rem),
      radial-gradient(circle at 94% 14%, rgba(168, 85, 247, 0.13), transparent 24rem),
      var(--fgl-gradient-page) !important;
  }

  #hero[data-fgl-saas-hero="true"] {
    min-height: auto !important;
    padding: 96px 20px 68px !important;
  }

  #hero .fgl-hero-eyebrow {
    margin-bottom: 16px;
    padding: 8px 12px;
    font-size: 12px;
  }

  #hero .fgl-editorial-hero__title {
    max-width: 11ch !important;
    font-size: clamp(42px, 12vw, 56px) !important;
    line-height: 1 !important;
  }

  #hero[data-fgl-saas-hero="true"] [class*="_locateHolder_"] {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  #hero[data-fgl-saas-hero="true"] .search-box-wrapper {
    grid-template-columns: 1fr !important;
  }

  #hero[data-fgl-saas-hero="true"] .search-box-wrapper > button {
    width: 100% !important;
  }

  #hero .fgl-locator-trust-row {
    flex-wrap: wrap !important;
  }

  #hero .fgl-hero-visual-stage {
    min-height: 430px !important;
    margin-top: 30px;
  }

  #hero .fgl-hero-status {
    width: 174px;
    padding: 11px;
  }

  #hero .fgl-hero-status--ready {
    right: -7px;
    top: 4%;
  }

  #hero .fgl-hero-status--request {
    left: -7px;
    bottom: 12%;
  }

  #hero .fgl-hero-status--secure {
    display: none;
  }

  [data-h5-home-shell] > *,
  [data-h5-consent-shell] > *,
  [data-h5-dashboard-shell] > *,
  [data-h5-lookup-shell] > *,
  [data-h5-ip-shell] > *,
  [data-h5-discussions-shell] > *,
  .fgl-h5-secondary__hero,
  .fgl-h5-secondary__panel,
  .fgl-h5-secondary__threads,
  .fgl-h5-secondary__checklist,
  .fgl-h5-secondary__footer {
    border-color: rgba(93, 116, 170, 0.14) !important;
  }

  [data-h5-home-hero],
  [data-h5-home-form],
  [data-h5-home-map],
  [data-h5-consent-hero],
  [data-h5-consent-stage],
  [data-h5-consent-statuses],
  [data-h5-consent-footer],
  .fgl-h5-account__hero,
  .fgl-h5-account__metrics,
  .fgl-h5-account__requests,
  .fgl-h5-account__panel,
  .fgl-h5-account__footer,
  [data-h5-lookup-hero],
  [data-h5-lookup-highlights],
  [data-h5-lookup-footer],
  [data-h5-ip-panel],
  [data-h5-ip-preview],
  [data-h5-ip-steps],
  [data-h5-ip-footer],
  .fgl-h5-secondary__hero,
  .fgl-h5-secondary__panel,
  .fgl-h5-secondary__threads,
  .fgl-h5-secondary__checklist,
  .fgl-h5-secondary__footer {
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: var(--fgl-shadow-sm) !important;
    backdrop-filter: blur(16px);
  }

  .fgl-h5-home-shell__map-image {
    border-radius: 20px !important;
    filter: drop-shadow(0 18px 26px rgba(70, 80, 150, 0.16));
  }

  .fgl-h5-account__metric,
  .fgl-h5-account__request,
  .fgl-h5-account__kv,
  .fgl-h5-lookup-shell__card,
  .fgl-h5-ip-shell__step,
  .fgl-h5-ip-shell__preview-card,
  .fgl-h5-consent__card,
  .fgl-h5-secondary__card {
    border: 1px solid rgba(93, 116, 170, 0.1) !important;
    background: linear-gradient(145deg, rgba(234, 246, 255, 0.74), rgba(246, 241, 255, 0.72)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}



/* Standalone workflow, account, payment, support and administration pages */
body:has(.dashboard-main),
body:has(main.main),
body:has([data-h5-login-shell]),
body.checkout-page,
body:has(.checkout-container),
body:has(.email-main),
body:has(.fgl-tracking-shell),
body:has(.content > .card),
body:has([data-h5-request-shell]),
body:has([data-order-details]),
body:has(.order-container),
body:has(.discussion-page),
body:has(.support-page),
body:has(.login-wrap) {
  min-height: 100%;
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 8% 4%, rgba(31, 182, 255, 0.12), transparent 30rem),
    radial-gradient(circle at 92% 6%, rgba(168, 85, 247, 0.1), transparent 31rem),
    var(--fgl-gradient-page) !important;
}

.site-header,
.email-header,
.fgl-header {
  border-bottom: 1px solid rgba(93, 116, 170, 0.12) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 10px 30px rgba(76, 102, 170, 0.08) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

.site-footer,
.email-footer {
  border-top: 1px solid rgba(93, 116, 170, 0.12) !important;
  color: var(--fgl-text-secondary) !important;
  background: rgba(244, 248, 255, 0.86) !important;
}

/* Login and reset password */
body:has([data-h5-login-shell]) {
  background:
    radial-gradient(ellipse at 19% 54%, rgba(187, 255, 251, 0.68) 0%, rgba(72, 220, 235, 0.36) 31%, transparent 56%),
    radial-gradient(ellipse at 55% 72%, rgba(234, 249, 255, 0.82) 0%, rgba(192, 225, 255, 0.44) 34%, transparent 61%),
    radial-gradient(circle at 61% 4%, rgba(57, 145, 255, 0.58) 0%, rgba(76, 132, 255, 0.24) 32%, transparent 55%),
    radial-gradient(circle at 100% 44%, rgba(143, 67, 255, 0.78) 0%, rgba(111, 79, 255, 0.48) 39%, transparent 68%),
    linear-gradient(118deg, #74e3ef 0%, #73caf5 34%, #789cf6 66%, #9857ff 100%) !important;
  background-attachment: fixed !important;
}

body:has([data-h5-login-shell]) .page {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

body:has([data-h5-login-shell]) .page::before,
body:has([data-h5-login-shell]) .page::after {
  content: "";
  position: fixed;
  z-index: -1;
  pointer-events: none;
}

body:has([data-h5-login-shell]) .page::before {
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.34) 1px, transparent 1.5px);
  background-size: 24px 24px;
  mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, 0.46) 62%, transparent 96%);
  -webkit-mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, 0.46) 62%, transparent 96%);
  opacity: 0.42;
}

body:has([data-h5-login-shell]) .page::after {
  top: 7%;
  right: -14%;
  width: min(58vw, 780px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 58px rgba(255, 255, 255, 0.08), 0 0 0 122px rgba(255, 255, 255, 0.05);
}

body:has([data-h5-login-shell]) .content {
  min-height: calc(100vh - 84px) !important;
  padding-block: 72px !important;
}

body:has([data-h5-login-shell]) .panel {
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 28px 70px rgba(66, 85, 150, 0.15) !important;
  backdrop-filter: blur(22px) saturate(145%);
}

body:has([data-h5-login-shell]) .panel-icon {
  padding: 10px;
  border-radius: 18px;
  background: linear-gradient(145deg, #eaf6ff, #f1ecff);
  box-shadow: 0 12px 28px rgba(99, 91, 255, 0.13);
}

/* The auth page owns the visible input surface; keep its positioning wrapper clear. */
body:has([data-h5-login-shell]) .field-shell,
body:has([data-h5-login-shell]) .field-shell:focus-within {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* The top-bar button supplies the pill surface, so the nested badge needs no ring. */
body:has([data-h5-login-shell]) .topbar-right .fgl-support-fab-badge {
  border: 0 !important;
}

body:has([data-h5-login-shell]) .submit-button,
body:has([data-h5-login-shell]) button[type="submit"] {
  border: 0 !important;
  border-radius: var(--fgl-radius-pill) !important;
  color: #fff !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: var(--fgl-shadow-glow) !important;
}

/* Dashboard and account security */
body:has(.dashboard-main) .dashboard-main,
body:has(main.main) main.main {
  background: transparent !important;
}

body:has(.dashboard-main) .hero,
body:has(main.main) .hero {
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 90% 15%, rgba(168, 85, 247, 0.16), transparent 18rem),
    linear-gradient(135deg, rgba(234, 246, 255, 0.94), rgba(246, 241, 255, 0.92)) !important;
  box-shadow: var(--fgl-shadow-md) !important;
}

body:has(.dashboard-main) .panel,
body:has(main.main) main .panel {
  border: 1px solid rgba(93, 116, 170, 0.13) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: blur(14px);
}

body:has(.dashboard-main) .metric:nth-child(3n + 1),
body:has(main.main) main .panel:nth-child(3n + 1) {
  background: linear-gradient(145deg, rgba(234, 246, 255, 0.92), rgba(255, 255, 255, 0.84)) !important;
}

body:has(.dashboard-main) .metric:nth-child(3n + 2),
body:has(main.main) main .panel:nth-child(3n + 2) {
  background: linear-gradient(145deg, rgba(246, 241, 255, 0.92), rgba(255, 255, 255, 0.84)) !important;
}

body:has(.dashboard-main) .setting-card,
body:has(.dashboard-main) .request-card,
body:has(.dashboard-main) .detail-card,
body:has(main.main) .setting-card,
body:has(main.main) .detail-card {
  border: 1px solid rgba(93, 116, 170, 0.11) !important;
  border-radius: 18px !important;
  background: rgba(248, 250, 255, 0.82) !important;
  box-shadow: none !important;
}

body:has(.dashboard-main) .setting-card:hover,
body:has(.dashboard-main) .request-card:hover,
body:has(main.main) .setting-card:hover {
  border-color: rgba(99, 91, 255, 0.2) !important;
  background: #fff !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  transform: translateY(-2px);
}

body:has(.dashboard-main) .map-shell {
  overflow: hidden;
  border: 1px solid rgba(93, 116, 170, 0.12) !important;
  border-radius: 22px !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

/* Checkout and billing */
body.checkout-page .page,
body:has(.checkout-container) .page,
.checkout-container {
  background: transparent !important;
}

.checkout-container .hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(168, 85, 247, 0.18), transparent 19rem),
    linear-gradient(135deg, rgba(234, 246, 255, 0.94), rgba(246, 241, 255, 0.92)) !important;
  box-shadow: var(--fgl-shadow-md) !important;
}

.checkout-container .summary-tile,
.checkout-container .checkout-card,
.checkout-container .checkout-below,
.checkout-container .wallet-option {
  border-color: rgba(93, 116, 170, 0.14) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: blur(16px);
}

.checkout-container .summary-tile:nth-child(2) {
  background: linear-gradient(145deg, rgba(246, 241, 255, 0.9), rgba(255, 255, 255, 0.84)) !important;
}

.checkout-container .checkout-tabs {
  border-color: rgba(93, 116, 170, 0.12) !important;
  background: rgba(238, 245, 255, 0.8) !important;
}

.checkout-container .checkout-tab.active {
  color: #554dca !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(76, 102, 170, 0.1) !important;
}

.checkout-container .checkout-field,
.checkout-container .wallet-option {
  border-color: rgba(93, 116, 170, 0.14) !important;
}

.checkout-container .wallet-option.is-selected {
  border-color: rgba(99, 91, 255, 0.38) !important;
  background: linear-gradient(135deg, rgba(234, 246, 255, 0.82), rgba(246, 241, 255, 0.82)) !important;
  box-shadow: 0 0 0 4px rgba(99, 91, 255, 0.08) !important;
}

.checkout-container .consent-box {
  border-color: rgba(34, 181, 115, 0.18) !important;
  background: var(--fgl-green-soft) !important;
}

.checkout-container .cta {
  background: var(--fgl-gradient-primary) !important;
}

/* Email onboarding */
body:has(.email-main) .email-main {
  background: transparent !important;
}

.email-offer__panel,
.email-card,
.email-support-panel {
  border: 1px solid rgba(93, 116, 170, 0.13) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
  backdrop-filter: blur(16px);
}

.email-offer__panel {
  background:
    radial-gradient(circle at 92% 8%, rgba(168, 85, 247, 0.12), transparent 18rem),
    rgba(255, 255, 255, 0.8) !important;
  box-shadow: var(--fgl-shadow-md) !important;
}

.email-card--trust {
  background: linear-gradient(145deg, rgba(234, 246, 255, 0.88), rgba(255, 255, 255, 0.84)) !important;
}

.email-card--checkout {
  background: linear-gradient(145deg, rgba(246, 241, 255, 0.88), rgba(255, 255, 255, 0.84)) !important;
}

/* Consent, request sent, order details and tracking link */
body:has(.content > .card) .content > .card,
[data-h5-request-shell] .shell,
[data-order-details] > section,
.order-container,
[data-tracking-link] > section {
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: blur(18px) saturate(145%);
}

body:has(.content > .card) .section-label,
[data-h5-request-shell] .eyebrow {
  width: fit-content;
  border: 1px solid rgba(99, 91, 255, 0.12) !important;
  border-radius: var(--fgl-radius-pill) !important;
  color: #554dca !important;
  background: rgba(99, 91, 255, 0.08) !important;
}

body:has(.content > .card) .consent-box,
[data-h5-request-shell] .message-card,
[data-h5-request-shell] .purchase-detail {
  border-color: rgba(93, 116, 170, 0.12) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(234, 246, 255, 0.8), rgba(246, 241, 255, 0.74)) !important;
}

body:has(.content > .card) .primary,
[data-h5-request-shell] .btn-primary {
  border: 0 !important;
  color: #fff !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: var(--fgl-shadow-glow) !important;
}

.fgl-tracking-shell {
  background: transparent !important;
}

.fgl-tracking-card {
  border: 1px solid rgba(93, 116, 170, 0.13) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 85% 12%, rgba(168, 85, 247, 0.12), transparent 13rem),
    rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

.fgl-tracking-card:nth-child(even) {
  background:
    radial-gradient(circle at 85% 12%, rgba(31, 182, 255, 0.14), transparent 13rem),
    rgba(255, 255, 255, 0.82) !important;
}

.fgl-tracking-card:hover {
  border-color: rgba(99, 91, 255, 0.22) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  transform: translateY(-3px);
}

/* Global overlays and support widget */
.modal,
.auth-card,
.search-overlay-panel,
.locate-found-shell,
.fgl-offer-shell,
.sw-panel {
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  color: var(--fgl-text) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 28px 80px rgba(54, 68, 135, 0.2) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

.modal-overlay,
.search-overlay,
.sw-backdrop {
  background: rgba(35, 47, 83, 0.28) !important;
  backdrop-filter: blur(10px) !important;
}

.sw-launcher {
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  color: #fff !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: var(--fgl-shadow-glow) !important;
}

.sw-panel__header {
  border-bottom-color: rgba(93, 116, 170, 0.12) !important;
  background: linear-gradient(135deg, rgba(234, 246, 255, 0.92), rgba(246, 241, 255, 0.92)) !important;
}

.payment-animation-container,
.progress-container,
.locate-found-card,
.fgl-offer-benefits-card,
.fgl-offer-form-card {
  border-color: rgba(93, 116, 170, 0.13) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

/* Admin */
body:has(.login-wrap) .login-wrap {
  background:
    radial-gradient(circle at 15% 12%, rgba(31, 182, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 14%, rgba(168, 85, 247, 0.13), transparent 30rem),
    var(--fgl-gradient-page) !important;
}

body:has(.login-wrap) .login-card {
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: blur(20px);
}

body:has(.login-wrap) #dashboardView .page {
  background: var(--fgl-bg) !important;
}

body:has(.login-wrap) .sidebar {
  border-right: 1px solid rgba(93, 116, 170, 0.12) !important;
  background:
    radial-gradient(circle at 18% 5%, rgba(31, 182, 255, 0.1), transparent 15rem),
    linear-gradient(180deg, #f7faff, #eef3ff) !important;
  box-shadow: 12px 0 36px rgba(76, 102, 170, 0.07) !important;
}

body:has(.login-wrap) .sidebar-link {
  border-radius: 12px !important;
  color: #53617c !important;
}

body:has(.login-wrap) .sidebar-link:hover,
body:has(.login-wrap) .sidebar-link.active {
  color: #554dca !important;
  background: linear-gradient(135deg, rgba(47, 128, 237, 0.1), rgba(168, 85, 247, 0.1)) !important;
}

body:has(.login-wrap) .content-head {
  border-bottom-color: rgba(93, 116, 170, 0.12) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  backdrop-filter: blur(16px);
}

body:has(.login-wrap) .content-body .panel,
body:has(.login-wrap) .content-body .card,
body:has(.login-wrap) .dashboard-tabs {
  border-color: rgba(93, 116, 170, 0.13) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

body:has(.login-wrap) .pill,
body:has(.login-wrap) .badge {
  border-color: rgba(99, 91, 255, 0.14) !important;
  color: #554dca !important;
  background: rgba(99, 91, 255, 0.08) !important;
}

@media (max-width: 768px) {
  .site-header,
  .email-header,
  .fgl-header {
    background: rgba(255, 255, 255, 0.82) !important;
  }

  body:has([data-h5-login-shell]) .content {
    min-height: auto !important;
    padding: 28px 20px 64px !important;
  }

  body:has([data-h5-login-shell]) .panel,
  body:has(.content > .card) .content > .card,
  [data-h5-request-shell] .shell,
  .email-offer__panel,
  .checkout-container .checkout-card,
  .checkout-container .checkout-below {
    border-radius: 22px !important;
  }

  .email-card {
    border-radius: 18px !important;
  }

  body:has(.login-wrap) .sidebar {
    box-shadow: none !important;
  }
}


/* Legacy homepage compatibility entry */
body:has(.trust-section) {
  color: var(--fgl-text) !important;
  background: var(--fgl-bg) !important;
}

body:has(.trust-section) > header {
  position: sticky !important;
  top: 14px !important;
  z-index: 1000 !important;
  width: min(1280px, calc(100% - 32px)) !important;
  margin: 14px auto 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 14px 40px rgba(76, 102, 170, 0.11) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}

body:has(.trust-section) .logo-badge,
body:has(.trust-section) .locate-btn,
body:has(.trust-section) .btn-orange,
body:has(.trust-section) .cta-primary {
  border: 0 !important;
  color: #fff !important;
  background: var(--fgl-gradient-primary) !important;
  box-shadow: var(--fgl-shadow-glow) !important;
}

body:has(.trust-section) .hero {
  min-height: 760px !important;
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(31, 182, 255, 0.23), transparent 31%),
    radial-gradient(circle at 78% 22%, rgba(94, 140, 255, 0.25), transparent 34%),
    radial-gradient(circle at 98% 46%, rgba(168, 85, 247, 0.27), transparent 36%),
    linear-gradient(125deg, #f7fbff, #e7f8ff 38%, #e9efff 66%, #f1e8ff) !important;
}

body:has(.trust-section) .eyebrow {
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  color: #2f80ad !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

body:has(.trust-section) .hero-title {
  color: var(--fgl-text) !important;
  font-family: var(--fgl-font) !important;
  font-weight: 790 !important;
  letter-spacing: -0.055em !important;
}

body:has(.trust-section) .hero-subtitle,
body:has(.trust-section) .hero-description,
body:has(.trust-section) .hero-metric span {
  color: var(--fgl-text-secondary) !important;
}

body:has(.trust-section) .hero-metric,
body:has(.trust-section) .trust-stat,
body:has(.trust-section) .step-card,
body:has(.trust-section) .review-card,
body:has(.trust-section) .feature-card,
body:has(.trust-section) .faq-item {
  border-color: rgba(93, 116, 170, 0.13) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--fgl-shadow-sm) !important;
}

body:has(.trust-section) .search-box-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: var(--fgl-shadow-md) !important;
  backdrop-filter: blur(18px);
}

body:has(.trust-section) .hero-visual-shell {
  min-height: 520px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.trust-section) .hero-planet-backdrop,
body:has(.trust-section) .hero-planet,
body:has(.trust-section) .hero-pin,
body:has(.trust-section) .hero-orb {
  display: none !important;
}

body:has(.trust-section) .hero-handset {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 700px !important;
  height: auto !important;
  margin: auto !important;
  content: url("/assets/hero-location-sharing-v2.png");
  transform: none !important;
  filter: drop-shadow(0 30px 46px rgba(50, 62, 130, 0.22)) !important;
}

body:has(.trust-section) .trust-section,
body:has(.trust-section) .reviews-section,
body:has(.trust-section) .features-section,
body:has(.trust-section) .faq-section,
body:has(.trust-section) .steps-section,
body:has(.trust-section) .cta-section {
  color: var(--fgl-text) !important;
  background: var(--fgl-bg) !important;
}

body:has(.trust-section) .trust-section,
body:has(.trust-section) .features-section {
  background: linear-gradient(180deg, #f8faff, #eef5ff) !important;
}

body:has(.trust-section) .cta-section .container {
  border-radius: 30px !important;
  background: linear-gradient(135deg, #eaf6ff, #f1ecff) !important;
  box-shadow: var(--fgl-shadow-md) !important;
}

body:has(.trust-section) > footer {
  color: var(--fgl-text-secondary) !important;
  background: linear-gradient(180deg, #f8faff, #eef3fb) !important;
}

@media (max-width: 768px) {
  body:has(.trust-section) > header {
    top: 8px !important;
    width: calc(100% - 20px) !important;
    margin-top: 8px !important;
    border-radius: 18px !important;
  }

  body:has(.trust-section) .hero {
    min-height: auto !important;
    padding-top: 90px !important;
  }

  body:has(.trust-section) .hero-visual-shell {
    min-height: 320px !important;
  }
}


/* Legal and policy reading surfaces */
body:has(.legal-card) {
  color: var(--fgl-text) !important;
  background:
    radial-gradient(circle at 9% 5%, rgba(31, 182, 255, 0.1), transparent 28rem),
    radial-gradient(circle at 92% 7%, rgba(168, 85, 247, 0.08), transparent 30rem),
    #f8faff !important;
}

body:has(.legal-card) .legal-header {
  top: 12px !important;
  width: min(1180px, calc(100% - 32px)) !important;
  min-height: 72px !important;
  margin: 12px auto 0 !important;
  padding: 12px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: 0 14px 40px rgba(76, 102, 170, 0.1) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}

body:has(.legal-card) .legal-nav a {
  padding: 9px 12px;
  border-radius: 999px;
  color: var(--fgl-text-secondary) !important;
}

body:has(.legal-card) .legal-nav a:hover,
body:has(.legal-card) .legal-nav a:focus-visible {
  color: #554dca !important;
  background: rgba(99, 91, 255, 0.08);
}

body:has(.legal-card) main {
  width: min(1040px, calc(100% - 40px)) !important;
  padding: 72px 0 100px !important;
}

body:has(.legal-card) .legal-card {
  border: 1px solid rgba(93, 116, 170, 0.13) !important;
  border-radius: 26px !important;
  color: var(--fgl-text) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 255, 0.84)) !important;
  box-shadow: 0 24px 62px rgba(76, 102, 170, 0.12) !important;
}

body:has(.legal-card) .legal-card h1 {
  color: var(--fgl-text) !important;
  font-family: var(--fgl-font) !important;
  font-weight: 780 !important;
  letter-spacing: -0.045em !important;
}

body:has(.legal-card) .legal-card h2 {
  margin-top: 42px !important;
  color: #263858 !important;
  font-family: var(--fgl-font) !important;
  font-weight: 730 !important;
}

body:has(.legal-card) .legal-card h3 {
  color: #40506c !important;
  font-family: var(--fgl-font) !important;
}

body:has(.legal-card) .legal-card p,
body:has(.legal-card) .legal-card li {
  color: var(--fgl-text-secondary) !important;
  line-height: 1.72 !important;
}

body:has(.legal-card) .legal-card a {
  color: #554dca !important;
  text-decoration-color: rgba(99, 91, 255, 0.3) !important;
}

body:has(.legal-card) .legal-indent::before {
  background: linear-gradient(135deg, #2f80ed, #8b5cf6) !important;
}

body:has(.legal-card) .table-wrap {
  border-color: rgba(93, 116, 170, 0.14) !important;
  border-radius: 16px !important;
  background: rgba(248, 250, 255, 0.82) !important;
}

body:has(.legal-card) table th,
body:has(.legal-card) table td {
  border-color: rgba(93, 116, 170, 0.12) !important;
}

body:has(.legal-card) table tr:nth-child(even) {
  background: rgba(234, 246, 255, 0.46) !important;
}

@media (max-width: 640px) {
  body:has(.legal-card) .legal-header {
    top: 8px !important;
    width: calc(100% - 20px) !important;
    margin-top: 8px !important;
    border-radius: 18px !important;
  }

  body:has(.legal-card) main {
    width: calc(100% - 24px) !important;
    padding: 40px 0 72px !important;
  }

  body:has(.legal-card) .legal-card {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }
}
/* Homepage hero map artwork refresh */
#hero .fgl-hero-title-line {
  display: block;
}

#hero .fgl-locator-trust-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center !important;
  width: min(100%, 320px) !important;
  gap: 12px !important;
  margin: 16px 0 0 !important;
  opacity: 1 !important;
}

#hero .fgl-locator-trust-row > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 50px;
  padding: 3px 12px;
  border: 1px solid rgba(93, 116, 170, 0.18);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(234, 242, 255, 0.94));
  box-shadow: 0 8px 20px rgba(76, 102, 170, 0.11);
}

#hero .fgl-locator-trust-row img {
  width: auto !important;
  max-width: 100% !important;
  height: 34px !important;
  filter: brightness(0) saturate(100%) invert(18%) sepia(22%) saturate(1700%) hue-rotate(183deg) brightness(87%) contrast(94%);
}

#hero .fgl-hero-visual-stage::before,
#hero .fgl-hero-visual-stage::after {
  content: none !important;
  display: none !important;
}

#hero .fgl-hero-product-visual {
  width: min(134%, 920px) !important;
  max-width: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#hero .fgl-hero-product-visual img {
  filter: drop-shadow(0 30px 52px rgba(54, 72, 145, 0.18)) !important;
}

@media (min-width: 769px) {
  #hero .fgl-editorial-hero__title {
    width: max-content !important;
    max-width: none !important;
    margin-bottom: 24px !important;
    font-size: clamp(44px, 3.1vw, 54px) !important;
    font-weight: 780 !important;
    line-height: 1.01 !important;
    letter-spacing: -0.052em !important;
    white-space: pre !important;
  }

  #hero[data-fgl-saas-hero="true"] [class*="_subtitle_"] {
    max-width: 49ch !important;
    margin-bottom: 9px !important;
    color: #263b60 !important;
    font-size: 19px !important;
    font-weight: 650 !important;
    line-height: 1.48 !important;
    letter-spacing: -0.018em !important;
  }

  #hero[data-fgl-saas-hero="true"] [class*="_text_"] {
    max-width: 54ch !important;
    margin-bottom: 28px !important;
    color: #506582 !important;
    font-size: 17px !important;
    font-weight: 450 !important;
    line-height: 1.7 !important;
  }

  #hero .fgl-hero-title-line {
    white-space: nowrap !important;
  }

  #hero .fgl-hero-visual-stage {
    min-height: 590px !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  #hero .fgl-hero-product-visual {
    width: min(118%, 800px) !important;
  }
}

@media (max-width: 768px) {
  #hero .fgl-hero-title-line {
    white-space: normal;
  }

  #hero .fgl-locator-trust-row {
    width: 100% !important;
  }
}

/* Mobile consent transition: rotating globe with compact, safe-area-aware content. */
@media (max-width: 760px) {
  #searchOverlay {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #searchOverlay .search-overlay-panel {
    min-height: 100dvh !important;
  }

  #searchOverlay .searching-content {
    padding:
      clamp(244px, 36svh, 292px)
      16px
      max(24px, env(safe-area-inset-bottom)) !important;
  }

  #searchOverlay #searchingState .locate-stage-number {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 390px) {
  #searchOverlay .searching-content {
    padding-top: clamp(224px, 34svh, 276px) !important;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) and (max-height: 740px) {
  .search-overlay-panel .search-overlay-earth-wrap {
    top: 126px !important;
    width: min(500px, 136vw) !important;
  }

  .search-overlay-panel .fgl-search-planet__label,
  .search-overlay-panel .fgl-search-planet__coverage {
    transform: scale(0.82);
  }

  #searchOverlay .searching-content {
    padding-top: 214px !important;
  }

  #searchOverlay #searchingState .locate-stage,
  #searchOverlay #foundState .locate-stage {
    padding: 18px 16px max(18px, env(safe-area-inset-bottom));
    border-radius: 22px;
  }

  #searchOverlay #searchingState .locate-stage-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 6px;
  }

  #searchOverlay #searchingState .searching-text {
    font-size: 16px;
  }

  #searchOverlay #searchingState .locate-stage-number {
    min-height: 28px;
    margin-bottom: 9px;
    font-size: 20px;
  }

  #searchOverlay #searchingState .locate-stage-row {
    min-height: 58px;
    max-height: 66px;
    padding: 8px 10px;
  }

  #searchOverlay #searchingState .locate-progress-bar {
    margin: 11px 0 8px;
  }

  #searchOverlay #searchingState .locate-logs {
    min-height: 42px;
    height: 42px;
  }
}

/* Mobile home submission: dedicated globe-first consent transition. */
@media (max-width: 760px) {
  #searchOverlay .search-overlay-panel.is-h5-official-transition {
    min-height: 100dvh !important;
    background: #dff4ff !important;
  }

  .search-overlay-panel.is-h5-official-transition .search-overlay-scene {
    background:
      radial-gradient(ellipse at 16% 18%, rgba(187, 255, 251, 0.82) 0%, rgba(72, 220, 235, 0.42) 32%, transparent 60%),
      radial-gradient(ellipse at 52% 58%, rgba(236, 250, 255, 0.9) 0%, rgba(183, 222, 255, 0.48) 38%, transparent 66%),
      radial-gradient(circle at 100% 34%, rgba(143, 67, 255, 0.78) 0%, rgba(100, 78, 255, 0.5) 43%, transparent 72%),
      linear-gradient(144deg, #74e3ef 0%, #73caf5 38%, #789cf6 68%, #9857ff 100%) !important;
  }

  .search-overlay-panel.is-h5-official-transition .search-overlay-stars {
    opacity: 0.66 !important;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.82) 68%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.82) 68%, transparent 100%);
  }

  .search-overlay-panel.is-h5-official-transition .search-overlay-vignette {
    background:
      radial-gradient(circle at 50% 38%, rgba(10, 20, 62, 0.92) 0 12%, rgba(24, 53, 132, 0.68) 24%, rgba(68, 112, 221, 0.18) 43%, transparent 62%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0 58%, rgba(242, 248, 255, 0.72) 86%, rgba(248, 251, 255, 0.94) 100%) !important;
  }

  .search-overlay-panel.is-h5-official-transition .search-overlay-earth-wrap {
    left: 50% !important;
    top: 39svh !important;
    width: min(620px, 148vw) !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }

  .search-overlay-panel.is-h5-official-transition .search-overlay-earth {
    filter:
      saturate(1.18)
      brightness(1.08)
      drop-shadow(0 34px 52px rgba(20, 42, 115, 0.38)) !important;
    box-shadow:
      inset -30px -18px 58px rgba(7, 12, 46, 0.38),
      0 0 62px rgba(90, 180, 255, 0.46) !important;
  }

  .search-overlay-panel.is-h5-official-transition .fgl-search-planet__label {
    right: 12%;
    top: 14%;
  }

  .search-overlay-panel.is-h5-official-transition .fgl-search-planet__coverage {
    left: 12%;
    bottom: 14%;
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition .searching-content {
    display: flex;
    min-height: 100dvh;
    align-items: flex-end;
    justify-content: center;
    padding:
      24px
      16px
      max(20px, env(safe-area-inset-bottom)) !important;
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition #searchingState .locate-stage {
    width: min(100%, 420px);
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 22px 20px 20px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 24px 60px rgba(30, 54, 128, 0.2);
    backdrop-filter: blur(24px) saturate(150%);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition .locate-stage-icon,
  #searchOverlay .search-overlay-panel.is-h5-official-transition .locate-stage-grid,
  #searchOverlay .search-overlay-panel.is-h5-official-transition .locate-logs {
    display: none !important;
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition .searching-text {
    margin: 0 0 8px;
    color: #0f1f3d !important;
    font-size: clamp(20px, 5.8vw, 25px);
    font-weight: 800;
    line-height: 1.16;
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition .locate-stage-number {
    min-height: 0;
    margin: 0 0 18px;
    color: #667085 !important;
    font-size: clamp(15px, 4.4vw, 18px);
    font-weight: 650;
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition .locate-progress-bar {
    height: 8px;
    margin: 0;
    background: rgba(99, 91, 255, 0.12) !important;
  }
}

@media (max-width: 760px) and (max-height: 700px) {
  .search-overlay-panel.is-h5-official-transition .search-overlay-earth-wrap {
    top: 35svh !important;
    width: min(520px, 136vw) !important;
  }

  #searchOverlay .search-overlay-panel.is-h5-official-transition .searching-content {
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }
}
/* Homepage trust heading and FAQ placement refinements (2026-07-22). */
@media (min-width: 921px) {
  body .fgl-trust-showcase ._title_1ul1s_30 {
    width: max-content !important;
    max-width: none !important;
    font-size: clamp(42px, 3.4vw, 54px) !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 769px) {
  #questions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }

  #questions .fgl-faq-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  #questions .fgl-faq-intro > #faq {
    margin-bottom: 18px !important;
    text-align: center !important;
  }

  #questions .fgl-faq-intro > #faq br {
    display: none;
  }

  #questions .fgl-faq-intro__copy {
    max-width: 46ch;
    text-align: center;
  }
}
