/* ScopeX homepage presentation. Existing content, destinations and behaviour
   belong to their original PHP components. All visual rules are home scoped. */
body.sx-live-v2--home {
  --home-light: var(--sx-brand-tint, #e6f0fa);
  --home-blue: var(--sx-brand, #004aad);
  --home-dark: var(--sx-surface-dark, #11141a);
  --home-ink: var(--sx-ink, #0e1116);
  --home-line: rgba(126,179,255,.22);
  background: var(--sx-surface, #fafaf7);
  color: var(--home-ink);
  font-family: var(--sx-font-body, 'Geist', sans-serif);
}
body.sx-live-v2--home *, body.sx-live-v2--home *::before, body.sx-live-v2--home *::after { box-sizing: border-box; }
body.sx-live-v2--home .sx-wrap { width: min(100%, 80rem); max-width: 80rem; padding-inline: 1.5rem; margin-inline: auto; }
body.sx-live-v2--home .sx-home-skip-link { position: fixed; z-index: 100000; left: 1rem; top: 1rem; transform: translateY(-200%); padding: .8rem 1.2rem; background: white; color: var(--home-blue); border-radius: .5rem; }
body.sx-live-v2--home .sx-home-skip-link:focus { transform: none; }
body.sx-live-v2--home :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #7eb3ff; outline-offset: 4px; }
#scopex-homepage { overflow: clip; }
#scopex-homepage :is(h1,h2,h3) { font-family: var(--sx-font-display, 'Bricolage Grotesque',sans-serif); letter-spacing: -.035em; text-wrap: balance; }
#scopex-homepage :is(.sx-h2,.sxm-h2,.sx-quiz__title,.sx-final-cta__title) { font-size: clamp(1.85rem,3.1vw,2.8rem); line-height: 1.1; font-weight: 800; margin: 0; }
#scopex-homepage p { text-wrap: pretty; }
#scopex-homepage :is(.sx-eyebrow,.sxm-eyebrow) { display: block; margin-bottom: .75rem; font-size: .75rem; line-height: 1.5; font-weight: 700; color: var(--home-blue); letter-spacing: .14em; }
#scopex-homepage :is(.sx-btn,.sxm-btn) { min-height: 3rem; padding: .875rem 1.3rem; font: 600 .9375rem/1.25 var(--sx-font-body,'Geist',sans-serif); border-radius: .5rem; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; gap: .5rem; transition: background-color .18s, border-color .18s; }
#scopex-homepage :is(.sx-btn--primary,.sxm-btn--p) { background: var(--home-blue) !important; border: 1px solid var(--home-blue); box-shadow: 0 .4rem 1.2rem rgba(0,74,173,.18); color: white !important; }
#scopex-homepage :is(.sx-btn--primary,.sxm-btn--p):hover { background: var(--sx-brand-hover, #003682) !important; }
#scopex-homepage :is(.sx-btn--ghost,.sxm-btn--s) { background: transparent !important; border: 1px solid currentColor; box-shadow: none; color: var(--home-blue) !important; }
#scopex-homepage :is([data-sxm-rv],.sx-how__step,.sx-hero__body > *,.sx-hero__stat) { opacity: 1; transform: none; animation: none; }

/* Original logo and existing accessible navigation, on a dark shell. */
body.sx-live-v2--home .sx-v2-header { background: var(--home-dark); color: white; border-bottom: 1px solid var(--home-line); box-shadow: none; position: relative; }
body.sx-live-v2--home .sx-v2-header__inner { min-height: 5.5rem; padding-block: .25rem; gap: 1.5rem; }
body.sx-live-v2--home .sx-v2-header__brand { flex: 0 0 auto; }
body.sx-live-v2--home .sx-v2-header__brand-mark { width: 11rem; max-width: 100%; height: auto; object-fit: contain; }
body.sx-live-v2--home :is(.sx-v2-header__link,.sx-v2-header__services-trigger) { color: white; min-height: 2.75rem; font-size: .9rem; }
body.sx-live-v2--home .sx-v2-header__link[aria-current]::after { background: #7eb3ff; }
body.sx-live-v2--home .sx-v2-header__cta { border-radius: .5rem; background: var(--home-blue); min-height: 3rem; font-size: .9rem; }
body.sx-live-v2--home .sx-v2-header__menu-toggle { color: white; border-color: var(--home-line); width: 3rem; height: 3rem; }
body.sx-live-v2--home .sx-v2-header__menu-icon i { background: white; }
body.sx-live-v2--home .sx-v2-header__services-menu { background: white; color: var(--home-ink); border-radius: .6rem; }
body.sx-live-v2--home .sx-v2-header__drawer { background: var(--home-dark); color: white; }
body.sx-live-v2--home .sx-v2-header__drawer-brand-mark { width: 11rem; height: auto; }
body.sx-live-v2--home .sx-v2-header__drawer :is(a,button,summary) { color: white; }
body.sx-live-v2--home .sx-v2-header__drawer-close { color: white; border-color: var(--home-line); }

/* Split hero: copy precedes artwork on small screens. The original illustration
   keeps its proportions; desktop framing ends at the section boundary. */
#scopex-homepage .sx-hero {
  display: grid; grid-template-columns: minmax(0,1fr); position: relative;
  padding: 2.8rem max(1.5rem,calc((100% - 77rem)/2)) 0;
  background: radial-gradient(ellipse at 80% 40%,var(--sx-brand-deep,#002354),transparent 55%),var(--home-dark);
  color: white; gap: 1.5rem; overflow: hidden;
}
#scopex-homepage .sx-hero__body { order: 1; width: 100%; max-width: none; text-align: left; padding: 0; margin: 0; z-index: 2; }
#scopex-homepage .sx-hero__eyebrow { margin: 0 0 1.1rem; background: transparent; border: 0; border-radius: 0; padding: 0; color: #7eb3ff; font-size: .6875rem; letter-spacing: .12em; line-height: 1.6; }
#scopex-homepage .sx-hero__dot { display: none; }
#scopex-homepage .sx-hero__title { font-size: clamp(2.35rem,5vw,4.5rem); line-height: 1.02; font-weight: 800; color: white; margin: 0 0 1.5rem; }
#scopex-homepage .sx-hero__title-accent { color: #7eb3ff; white-space: normal; }
#scopex-homepage .sx-hero__sub { font-size: 1rem; line-height: 1.6; max-width: 36rem; color: #d1dbea; margin: 0 0 1.5rem; }
#scopex-homepage .sx-hero__actions { flex-direction: column; justify-content: flex-start; align-items: stretch; gap: .75rem; margin: 0 0 1rem; }
#scopex-homepage .sx-hero__actions .sx-btn--ghost { color: white !important; border-color: var(--home-line); }
#scopex-homepage .sx-hero__scarcity { padding: 0; margin: 0 0 1rem; background: transparent; border: 0; box-shadow: none; width: auto; font: .8125rem/1.5 var(--sx-font-body); color: #d1dbea; display: flex; align-items: flex-start; }
#scopex-homepage .sx-hero__scarcity strong { color: white; }
#scopex-homepage .sx-hero__scarcity-dot { background: #7eb3ff; margin-top: .45rem; animation: none; flex: 0 0 .4rem; width: .4rem; height: .4rem; }
#scopex-homepage .sx-hero__trust { justify-content: flex-start; background: transparent; padding: 0; width: auto; margin: 0; max-width: 38rem; font: .75rem/1.65 var(--sx-font-body); color: #aebcd0; text-transform: none; letter-spacing: 0; gap: .4rem; }
#scopex-homepage .sxm--home-hero { display: flex; align-items: flex-start; justify-content: center; position: relative; inset: auto; width: 100%; order: 2; z-index: 1; height: 23rem; overflow: hidden; animation: none; }
#scopex-homepage .sxm--home-hero picture { display: block; width: 20rem; flex: 0 0 auto; }
#scopex-homepage .sxm--home-hero img { width: 100%; height: auto; filter: drop-shadow(0 1rem 2rem rgba(0,0,0,.35)); }
#scopex-homepage .sxm--home-hero .sxm__glow { width: 110%; top: 45%; background: radial-gradient(circle,rgba(0,74,173,.5),transparent 67%); }
#scopex-homepage .sxm--home-hero .sxm__chip { display: none; }
#scopex-homepage .sx-hero__stats { order: 3; grid-column: 1/-1; margin-inline: calc(-1 * max(1.5rem,calc((100vw - 77rem)/2))); padding-inline: max(1.5rem,calc((100vw - 77rem)/2)); background: rgba(14,17,22,.55); color: white; border-color: var(--home-line); grid-template-columns: repeat(2,minmax(0,1fr)); }
#scopex-homepage .sx-hero__stat { padding: 1.3rem .8rem; border-color: var(--home-line); display: flex; flex-direction: column; justify-content: center; gap: .5rem; text-align: left; }
#scopex-homepage .sx-hero__stat-num { color: white; font-size: 1.65rem; margin: 0; line-height: 1; }
#scopex-homepage .sx-hero__stat-num--coverage { font-size: 1.25rem; white-space: normal; }
#scopex-homepage .sx-hero__stat-label { font: .75rem/1.5 var(--sx-font-body); letter-spacing: 0; text-transform: none; color: #bcc9dc; }

/* Approved client proof stays close to the first conversion action. */
#scopex-homepage .sx-logo-bar { padding-block: 1.8rem; border-bottom: 1px solid #e5e7eb; background: white; }
#scopex-homepage .sx-logo-bar__eyebrow { font: .6875rem/1.5 var(--sx-font-mono); color: #4b5563; letter-spacing: .12em; margin-bottom: 1.2rem; }
#scopex-homepage .sx-logo-bar__track { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 1.5rem; animation: none; }
#scopex-homepage .sx-logo-bar__container { overflow: visible; mask-image: none; }
#scopex-homepage .sx-logo-bar__item { width: 7rem; height: 3rem; filter: none; opacity: .85; transition: opacity .2s; }
#scopex-homepage .sx-logo-bar__item--duplicate { display: none; }
#scopex-homepage .sx-logo-bar__item:hover { opacity: 1; transform: none; }
#scopex-homepage .sx-results-gallery { padding-block: 3.8rem; background: white; }
#scopex-homepage .sx-results-gallery__header { margin-bottom: 1.7rem; }
#scopex-homepage .sx-results-gallery__count { font-size: .75rem; color: #4b5563; }
#scopex-homepage .sx-results-gallery__console { border: 1px solid #d7e2ef; border-radius: .8rem; overflow: hidden; box-shadow: 0 1rem 3rem rgba(14,17,22,.08); }
#scopex-homepage .sx-results-gallery__stage { background: var(--home-dark); }
#scopex-homepage .sx-results-gallery__rail { background: var(--sx-surface,#fafaf7); }
#scopex-homepage .sx-results-gallery__client-name { font-size: .875rem; }
#scopex-homepage .sx-results-gallery__client-sector { font-size: .75rem; }
#scopex-homepage .sx-results-gallery__cta-row { margin-top: 1.3rem; }
#scopex-homepage .sx-client-proof-fallback { margin-top: 1.5rem; }
#scopex-homepage .sx-client-proof-fallback__grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
#scopex-homepage .sx-client-proof-fallback__grid > li { border: 1px solid #d7e2ef; border-radius: .6rem; padding: 1.2rem; background: var(--home-light); font-size: 1rem; line-height: 1.6; }
#scopex-homepage .sx-client-proof-fallback strong { font-size: 1.125rem; color: var(--home-ink); }
#scopex-homepage .sx-client-proof-fallback dl { display: grid; grid-template-columns: minmax(0,1fr); gap: .6rem; margin: 1rem 0; }
#scopex-homepage .sx-client-proof-fallback dt { font-weight: 600; }
#scopex-homepage .sx-client-proof-fallback dd { margin: 0 0 .6rem; }
#scopex-homepage .sx-client-proof-fallback a { color: var(--home-blue); min-height: 2.75rem; display: inline-flex; align-items: center; }
html:not(.sxm-js) #scopex-homepage .sx-results-gallery__console { display: none; }
html:not(.sxm-js) #scopex-homepage .sx-faq__answer-wrap { max-height: none !important; }

/* The comparison is pale, with a single contextual original mascot. */
#scopex-homepage .sx-problem { padding-block: 3.5rem; color: var(--home-ink); background: linear-gradient(120deg,white,var(--home-light)); position: relative; }
#scopex-homepage .sx-problem > .sx-wrap { display: grid; grid-template-columns: minmax(0,1fr); position: relative; z-index: 2; }
#scopex-homepage .sx-problem__header { text-align: left; margin: 0 0 1.7rem; max-width: 44rem; }
#scopex-homepage .sx-problem__header .sx-h2 { color: var(--home-ink); }
#scopex-homepage .sx-problem__intro { font-size: 1rem; color: #4b5563; margin-top: 1rem; }
#scopex-homepage .sx-problem__grid { grid-template-columns: minmax(0,1fr); gap: 1rem; }
#scopex-homepage .sx-problem__grid > div { padding: 1.2rem; background: rgba(255,255,255,.65); border: 1px solid #d7e2ef; border-radius: .7rem; }
#scopex-homepage .sx-problem__grid > div:last-child { background: var(--home-light); border-color: rgba(0,74,173,.12); }
#scopex-homepage .sx-problem__col-title { font: 700 .9375rem/1.4 var(--sx-font-body); text-transform: none; letter-spacing: 0; color: var(--home-ink); margin-bottom: .9rem; }
#scopex-homepage .sx-problem__list { gap: .7rem; }
#scopex-homepage .sx-problem__card { padding: 0; background: none; border: none; gap: .6rem; opacity: 1; }
#scopex-homepage .sx-problem__text, #scopex-homepage .sx-problem__card--bad .sx-problem__text { color: #374151; text-decoration: none; font-size: .875rem; line-height: 1.5; }
#scopex-homepage .sx-problem__card--good .sx-problem__icon svg { stroke: var(--home-blue); }
#scopex-homepage .sxm--home-problem { display: flex; position: relative; inset: auto; width: 100%; justify-content: center; margin-top: 1.6rem; height: 22rem; overflow: hidden; animation: none; }
#scopex-homepage .sxm--home-problem picture { width: 20rem; flex: 0 0 auto; }
#scopex-homepage .sxm--home-problem .sxm__glow { width: 100%; }

/* All eight service cards remain useful, rather than eight narrow columns. */
#scopex-homepage .sx-services { padding-block: 3.5rem; background: var(--home-dark); color: white; }
#scopex-homepage .sx-services__header { text-align: left; margin: 0 0 1.7rem; }
#scopex-homepage .sx-services__header .sx-h2 { color: white; }
#scopex-homepage .sx-services__grid { display: grid; grid-template-columns: minmax(0,1fr); gap: .9rem; }
#scopex-homepage .sx-service-card { display: grid; grid-template-columns: 3.8rem minmax(0,1fr); gap: .3rem 1rem; text-align: left; align-items: start; padding: 1.4rem; border-radius: .7rem; border: 1px solid var(--home-line); background: rgba(0,35,84,.12); color: white; text-decoration: none; box-shadow: none; }
#scopex-homepage .sx-service-card__icon { grid-row: 1/4; width: 3.8rem; height: 3.8rem; margin: 0; background: none; }
#scopex-homepage .sx-service-card__icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
#scopex-homepage .sx-service-card__title { color: white; font-size: 1.2rem; margin: 0; }
#scopex-homepage .sx-service-card__outcome { color: #bfccdf; font-size: .875rem; line-height: 1.6; margin: .3rem 0 .7rem; }
#scopex-homepage .sx-service-card__link { color: #7eb3ff; font-size: .875rem; }
#scopex-homepage .sx-service-card:hover { border-color: #7eb3ff; background: rgba(0,74,173,.15); transform: none; }
#scopex-homepage .sx-services__footer { margin-top: 1.6rem; text-align: left; }
#scopex-homepage .sx-services__footer .sx-btn { color: #d1dbea !important; border-color: var(--home-line); }

/* The original three-step quiz, as an accessible pale conversion band. */
#scopex-homepage .sx-quiz { padding-block: 3.5rem; background: linear-gradient(110deg,var(--home-light),white); color: var(--home-ink); }
#scopex-homepage .sx-quiz__glow { display: none; }
#scopex-homepage .sx-quiz__inner { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; max-width: 80rem; }
#scopex-homepage .sx-quiz__header { text-align: left; margin: 0; }
#scopex-homepage .sx-quiz__title { color: var(--home-ink); margin-bottom: 1rem; }
#scopex-homepage .sx-quiz__sub { color: #4b5563; font-size: 1rem; line-height: 1.6; margin: 0; }
#scopex-homepage .sx-quiz__progress { grid-column: 1; gap: .4rem; padding: 0; margin: 0; width: 100%; }
#scopex-homepage .sx-quiz__progress-pip { height: .35rem; background: #c8d8ed; border-radius: 1rem; flex: 1; }
#scopex-homepage .sx-quiz__progress-pip:is(.is-active,.is-done) { background: var(--home-blue); }
#scopex-homepage .sx-quiz__card { width: 100%; max-width: none; margin: 0; background: white; border: 1px solid #d7e2ef; border-radius: .8rem; padding: 1.5rem; box-shadow: 0 .5rem 2rem rgba(0,74,173,.07); }
#scopex-homepage .sx-quiz__q-label { color: var(--home-blue); font: 600 .75rem/1.5 var(--sx-font-body); letter-spacing: .03em; margin-bottom: .65rem; }
#scopex-homepage .sx-quiz__question { color: var(--home-ink); font: 700 1.1rem/1.4 var(--sx-font-body); margin-bottom: 1.2rem; }
#scopex-homepage .sx-quiz__options { gap: .6rem; }
#scopex-homepage .sx-quiz__option { background: white; border: 1px solid #c8d8ed; min-height: 3.2rem; padding: .7rem .875rem; border-radius: .45rem; color: #374151; }
#scopex-homepage .sx-quiz__option-letter { background: var(--home-light); color: var(--home-blue); border: 0; }
#scopex-homepage .sx-quiz__option-text { color: #374151; font-size: .875rem; line-height: 1.45; }
#scopex-homepage .sx-quiz__option:is(:hover,.is-selected) { background: var(--home-light); border-color: var(--home-blue); }
#scopex-homepage .sx-quiz__option.is-selected .sx-quiz__option-letter { background: var(--home-blue); color: white; }
#scopex-homepage .sx-quiz__nav { margin-top: 1rem; }
#scopex-homepage .sx-quiz__next { min-height: 3rem; background: #e5e7eb; color: #4b5563; border-radius: .45rem; padding: .75rem 1.2rem; font-size: .9375rem; }
#scopex-homepage .sx-quiz__next.is-enabled { background: var(--home-blue); color: white; }
#scopex-homepage .sx-quiz__next:disabled { cursor: not-allowed; opacity: .8; }
#scopex-homepage .sx-quiz__result { color: var(--home-ink); }
#scopex-homepage .sx-quiz__result-eyebrow { color: var(--home-blue); font-size: .75rem; }
#scopex-homepage .sx-quiz__result-title { color: var(--home-ink); }
#scopex-homepage .sx-quiz__result-title span { color: var(--home-blue); }
#scopex-homepage .sx-quiz__result-desc { color: #4b5563; font-size: 1rem; }
#scopex-homepage .sx-quiz__restart { color: var(--home-blue); min-height: 2.75rem; padding: .5rem; font-size: .75rem; }
#scopex-homepage .sx-home-live-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Every original stage and timeline qualification remains visible. */
#scopex-homepage .sx-how { padding-block: 3.5rem; background: var(--home-dark); color: white; }
#scopex-homepage .sx-how__header { text-align: left; margin: 0 0 2rem; }
#scopex-homepage :is(.sx-how,.sx-faq,.sx-services,.sx-industries) .sx-eyebrow { color: #7eb3ff; }
#scopex-homepage .sx-how__grid { grid-template-columns: minmax(0,1fr); gap: 0; }
#scopex-homepage .sx-how__grid::before { display: none; }
#scopex-homepage .sx-how__step { grid-column: auto; display: flex; flex-direction: row; gap: 1rem; border: 0; border-left: 1px solid var(--home-line); padding: 0 0 2rem 1rem; opacity: 1; transform: none; }
#scopex-homepage .sx-how__step:last-child { padding-bottom: 0; }
#scopex-homepage .sx-how__num { width: 3rem; height: 3rem; border-radius: 50%; color: #7eb3ff; background: var(--home-ink); border: 1px solid var(--home-line); font-size: 1rem; }
#scopex-homepage .sx-how__title { font-size: 1.1rem; line-height: 1.4; }
#scopex-homepage .sx-how__text { color: #bcc9dc; font-size: .875rem; line-height: 1.6; }
#scopex-homepage .sx-how__week { color: #7eb3ff; font-size: .75rem; }

/* Original integrated-system copy and original campaign artwork. */
#scopex-homepage .sxm-band { padding-block: 3.5rem; background: linear-gradient(115deg,white,var(--home-light)); --blue: var(--home-blue); --ink: var(--home-ink); --body: #4b5563; }
#scopex-homepage .sxm-band__in { max-width: 80rem; padding-inline: 1.5rem; grid-template-columns: minmax(0,1fr); gap: 2rem; }
#scopex-homepage .sxm-band__copy { order: 1; min-width: 0; }
#scopex-homepage .sxm-band__art { order: 2; min-height: 0; }
#scopex-homepage .sxm-band__art picture { width: min(100%,23rem); }
#scopex-homepage .sxm-band .sxm-h2 { color: var(--home-ink) !important; margin: 0 0 1rem; }
#scopex-homepage .sxm-band .sxm-h2 em { color: var(--home-blue); }
#scopex-homepage .sxm-eyebrow::before { display: none; }
#scopex-homepage .sxm-lead { font-size: 1rem; line-height: 1.6; margin: 0; }
#scopex-homepage .sxm-points { grid-template-columns: minmax(0,1fr); gap: .85rem; margin-top: 1.5rem; }
#scopex-homepage .sxm-point { border: 1px solid #d7e2ef; border-radius: .6rem; padding: 1rem; box-shadow: none; }
#scopex-homepage .sxm-point b { font-size: .9375rem; }
#scopex-homepage .sxm-point p { font-size: .875rem; }
#scopex-homepage .sxm-point .ic { background: var(--home-light); color: var(--home-blue); }
#scopex-homepage .sxm-actions { margin-top: 1.5rem; gap: .75rem; }

/* Pricing is retained in full, with the unchanged live builder destination. */
#scopex-homepage .sx-pricing-preview { padding-block: 3.5rem; background: white; }
#scopex-homepage .sx-pricing-preview__header { text-align: left; margin: 0 0 1.8rem; max-width: none; }
#scopex-homepage .sx-pricing-preview__sub { margin: 1rem 0 0; max-width: 48rem; font-size: 1rem; color: #4b5563; }
#scopex-homepage .sx-public-price { max-width: none; margin: 0; border: 1px solid #d7e2ef; border-radius: .8rem; overflow: hidden; display: grid; grid-template-columns: minmax(0,1fr); box-shadow: 0 .5rem 1.8rem rgba(14,17,22,.06); }
#scopex-homepage .sx-public-price__price { background: var(--home-dark); padding: 1.8rem; }
#scopex-homepage .sx-public-price__amount { font-size: 2.6rem; }
#scopex-homepage .sx-public-price__label, #scopex-homepage .sx-public-price__term { font-size: .75rem; line-height: 1.5; }
#scopex-homepage .sx-public-price__note { font-size: .875rem; }
#scopex-homepage .sx-public-price__body { padding: 1.8rem; }
#scopex-homepage .sx-public-price__title { font-size: 1.6rem; }
#scopex-homepage .sx-public-price__copy { font-size: 1rem; }
#scopex-homepage .sx-public-price__chip { font: 500 .75rem/1.5 var(--sx-font-body); text-transform: none; }

/* Original approved industry icons; no invented photography or destinations. */
#scopex-homepage .sx-industries { padding-block: 3.5rem; background: var(--home-dark); color: white; }
#scopex-homepage .sx-industries__header { text-align: left; margin: 0 0 1.7rem; }
#scopex-homepage .sx-industries .sx-h2 { color: white; }
#scopex-homepage .sx-industries__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
#scopex-homepage .sx-industry-tile { border: 1px solid var(--home-line); border-radius: .6rem; background: rgba(0,35,84,.12); color: white; padding: 1.2rem 1rem; text-align: left; text-decoration: none; box-shadow: none; }
#scopex-homepage .sx-industry-tile__icon { height: 3.3rem; width: 3.3rem; margin: 0 0 .9rem; }
#scopex-homepage .sx-industry-tile__icon img { width: 100%; height: 100%; object-fit: contain; }
#scopex-homepage .sx-industry-tile__title { color: white; font-size: 1rem; margin: 0 0 .5rem; }
#scopex-homepage .sx-industry-tile__sub { color: #bfccdf; font-size: .8125rem; line-height: 1.6; }
#scopex-homepage .sx-industry-tile:hover { border-color: #7eb3ff; transform: none; }

/* The real founder, with his unchanged introduction. */
#scopex-homepage .sx-founder { padding-block: 3.5rem; background: linear-gradient(120deg,white,var(--home-light)); }
#scopex-homepage .sx-founder__inner { grid-template-columns: minmax(0,1fr); gap: 2rem; align-items: center; }
#scopex-homepage .sx-founder__visual { padding: 0; width: min(100%,20rem); margin: 0; }
#scopex-homepage .sx-founder__img-container { border-radius: .6rem; width: 100%; aspect-ratio: 3/4; height: auto; overflow: hidden; transform: none; box-shadow: none; }
#scopex-homepage .sx-founder__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; filter: none; }
#scopex-homepage .sx-founder__content { gap: 1rem; }
#scopex-homepage .sx-founder__bio { font-size: 1rem; line-height: 1.7; color: #4b5563; }
#scopex-homepage .sx-founder__bio p { margin: 0 0 .875rem; }
#scopex-homepage .sx-founder__footer { margin-top: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 2rem; }
#scopex-homepage .sx-founder__signature { height: auto; margin: 0; }
#scopex-homepage .sx-founder__sig-placeholder { font-size: 1.6rem; }
#scopex-homepage .sx-anchor-case__link { font-size: .9375rem; color: var(--home-blue); min-height: 2.75rem; display: inline-flex; align-items: center; }

/* FAQ answers remain in initial HTML. Open answers resize naturally. */
#scopex-homepage .sx-faq { padding-block: 3.5rem; background: var(--home-dark); color: white; }
#scopex-homepage .sx-faq__header { text-align: left; margin: 0 0 1.2rem; }
#scopex-homepage .sx-faq .sx-h2 { color: white; }
#scopex-homepage .sx-faq__filters { justify-content: flex-start; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
#scopex-homepage .sx-faq__filter { min-height: 2.75rem; font-size: .8125rem; color: #d1dbea; padding: .5rem .8rem; border-radius: .4rem; background: transparent; border: 1px solid var(--home-line); }
#scopex-homepage .sx-faq__filter.is-active { background: var(--home-blue); color: white; border-color: var(--home-blue); }
#scopex-homepage .sx-faq__container { max-width: none; display: grid; grid-template-columns: minmax(0,1fr); gap: .7rem; }
#scopex-homepage .sx-faq__item { border: 1px solid var(--home-line); border-radius: .45rem; background: rgba(0,35,84,.12); margin: 0; }
#scopex-homepage .sx-faq__trigger { color: white; padding: 1rem 1.2rem; min-height: 3.5rem; gap: 1rem; }
#scopex-homepage .sx-faq__question { font: 500 .9375rem/1.5 var(--sx-font-body); color: white; }
#scopex-homepage .sx-faq__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: #7eb3ff; }
#scopex-homepage .sx-faq__answer { color: #c5d1e1; padding: 0 1.2rem 1.2rem; font-size: .9375rem; line-height: 1.7; }
#scopex-homepage .sx-faq__item.is-open .sx-faq__answer-wrap { max-height: none !important; height: auto; }

/* Original audit backend, fields, consent handling and delivery states. */
#scopex-homepage .sx-final-cta { padding-block: 3.5rem; background: linear-gradient(120deg,var(--home-blue),var(--sx-brand-deep,#002354)); color: white; }
#scopex-homepage .sx-final-cta__inner { grid-template-columns: minmax(0,1fr); gap: 2rem; }
#scopex-homepage .sx-final-cta__sub { font-size: 1rem; line-height: 1.7; color: #e6f0fa; }
#scopex-homepage .sx-final-cta__trust { color: white; font: .8125rem/1.5 var(--sx-font-body); letter-spacing: 0; text-transform: none; gap: .5rem 1rem; }
#scopex-homepage .sx-final-cta__scarcity { font: .8125rem/1.5 var(--sx-font-body); color: #e6f0fa; }
#scopex-homepage .sx-final-cta__form { padding: 1.5rem; border: 1px solid #d7e2ef; border-radius: .8rem; background: white; color: var(--home-ink); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.12); }
#scopex-homepage .sx-form { gap: 1rem; }
#scopex-homepage .sx-form__label { color: #374151; font: 600 .8125rem/1.5 var(--sx-font-body); text-transform: none; letter-spacing: 0; margin-bottom: .4rem; }
#scopex-homepage :is(.sx-form__input,.sx-form__select) { min-height: 3rem; background: white; color: var(--home-ink); border: 1px solid #c8d8ed; font-size: 1rem; border-radius: .4rem; padding: .7rem .85rem; }
#scopex-homepage .sx-form__input::placeholder { color: #6b7280; }
#scopex-homepage .sx-form__select option { background: white; color: var(--home-ink); }
#scopex-homepage .sx-form__microcopy { color: #4b5563; font-size: .75rem; }
#scopex-homepage .sx-form__status { color: #374151; font-size: .875rem; }
#scopex-homepage .sx-form__status.is-error { color: #b91c1c; }
#scopex-homepage .sx-form .sx-btn { width: 100%; }
body.sx-live-v2--home #scopex-footer { background: var(--home-dark); }

@media (min-width:640px) {
  #scopex-homepage .sx-hero__actions { flex-direction: row; align-items: center; }
  #scopex-homepage .sx-hero__stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #scopex-homepage .sx-services__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #scopex-homepage .sx-service-card { display: flex; flex-direction: column; }
  #scopex-homepage .sx-service-card__icon { margin-bottom: .6rem; }
  #scopex-homepage .sx-service-card__link { margin-top: auto; }
  #scopex-homepage .sx-problem__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #scopex-homepage .sx-client-proof-fallback__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #scopex-homepage .sx-industries__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #scopex-homepage .sxm-points { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #scopex-homepage .sx-public-price { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  #scopex-homepage .sx-founder__inner { grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr); gap: 2rem; }
}
@media (min-width:768px) {
  #scopex-homepage .sx-hero { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 1.5rem; padding-top: 3.5rem; }
  #scopex-homepage .sx-hero__body { padding-block: 1rem 2.8rem; }
  #scopex-homepage .sxm--home-hero { height: 31rem; align-self: end; }
  #scopex-homepage .sxm--home-hero picture { width: 25rem; }
  #scopex-homepage .sx-hero__stats { margin-top: -1.5rem; }
  #scopex-homepage .sx-hero__stat { padding: 1.5rem; }
  #scopex-homepage .sx-quiz__inner { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); column-gap: 2.5rem; }
  #scopex-homepage .sx-quiz__header { grid-column: 1; grid-row: 1/3; align-self: center; }
  #scopex-homepage .sx-quiz__progress { grid-column: 2; grid-row: 1; }
  #scopex-homepage .sx-quiz__card { grid-column: 2; grid-row: 2; }
  #scopex-homepage .sxm-band__in { grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr); gap: 3rem; }
  #scopex-homepage .sxm-band__art picture { width: min(100%,25rem); }
  #scopex-homepage .sx-faq__container { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
  #scopex-homepage .sx-final-cta__inner { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 3rem; }
}
@media (min-width:1024px) {
  #scopex-homepage .sx-hero { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }
  #scopex-homepage .sx-hero__sub { font-size: 1.0625rem; }
  #scopex-homepage .sxm--home-hero { height: 32rem; }
  #scopex-homepage .sxm--home-hero picture { width: 28rem; }
  #scopex-homepage .sx-problem { padding-right: max(1.5rem,calc((100% - 77rem)/2)); }
  #scopex-homepage .sx-problem > .sx-wrap { width: 68%; margin-left: max(0rem,calc((100% - 77rem)/2)); padding-right: 1rem; }
  #scopex-homepage .sxm--home-problem { position: absolute; right: max(1.5rem,calc((100% - 77rem)/2)); top: 3rem; width: 29%; height: calc(100% - 3rem); margin: 0; align-items: flex-start; }
  #scopex-homepage .sxm--home-problem picture { width: 27rem; max-width: 130%; }
  #scopex-homepage .sx-services__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #scopex-homepage .sx-how__grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1.5rem; position: relative; }
  #scopex-homepage .sx-how__grid::before { display: block; content: ''; position: absolute; left: 1.5rem; right: 1.5rem; top: 1.5rem; background: var(--home-line); height: 1px; }
  #scopex-homepage .sx-how__step { grid-column: auto; flex-direction: column; border: none; padding: 0; position: relative; }
  #scopex-homepage .sx-how__step:nth-child(n) { grid-column: auto; border: 0; }
  #scopex-homepage .sx-how__num { z-index: 1; }
  #scopex-homepage .sx-industries__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #scopex-homepage .sx-industry-tile { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: .3rem .8rem; }
  #scopex-homepage .sx-industry-tile__icon { grid-row: 1/3; margin: 0; width: 3rem; height: 3rem; }
}
@media (prefers-reduced-motion:reduce) {
  body.sx-live-v2--home *,body.sx-live-v2--home *::before,body.sx-live-v2--home *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}