/* SELF ENTOURAGE — PREMIUM DEPTH SYSTEM V19
   Homepage-grade visual authority for every public interior and product page.
   The homepage remains the design source and is intentionally excluded. */

:root {
  --se-v19-ink: #06171d;
  --se-v19-deep: #09252d;
  --se-v19-panel: #10333d;
  --se-v19-panel-soft: #143d47;
  --se-v19-gold: #edcb7b;
  --se-v19-gold-deep: #a9843a;
  --se-v19-red: #c94f46;
  --se-v19-paper: #f7f3e9;
  --se-v19-paper-bright: #fffdf8;
  --se-v19-copy: #d9e4e6;
  --se-v19-copy-muted: #aebfc3;
  --se-v19-ink-copy: #30474f;
  --se-v19-line: rgba(237, 203, 123, .22);
  --se-v19-shadow: 0 28px 76px rgba(0, 0, 0, .28);
  --se-v19-paper-shadow: 0 24px 58px rgba(7, 31, 39, .13);
  --se-v19-radius: 24px;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) {
  background: var(--se-v19-ink) !important;
  color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) main {
  overflow: clip;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.wrap, .container) {
  width: min(calc(100% - 2.5rem), 76rem);
  margin-inline: auto;
}

/* Interior sections carry the same deliberate rhythm as the homepage. */
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) main > :is(section, .section) {
  position: relative;
  isolation: isolate;
  padding-block: clamp(4.4rem, 8vw, 7rem) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  background:
    radial-gradient(circle at 86% 12%, rgba(237, 203, 123, .075), transparent 26%),
    linear-gradient(145deg, #06171d, #0a252d 60%, #0c2d35);
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) main > :is(section, .section):nth-of-type(even):not(.light-section) {
  background:
    radial-gradient(circle at 8% 92%, rgba(201, 79, 70, .07), transparent 28%),
    linear-gradient(155deg, #071b22, #0a2027 62%, #0d2a32);
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) main > :is(section, .section)::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(237, 203, 123, .25), transparent);
}

/* Hero authority */
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.page-hero, .product-hero, main > .hero) {
  padding-block: clamp(5.6rem, 10vw, 8.5rem) clamp(4.6rem, 8vw, 6.8rem) !important;
  background:
    radial-gradient(circle at 80% 17%, rgba(237, 203, 123, .16), transparent 24%),
    radial-gradient(circle at 12% 88%, rgba(201, 79, 70, .14), transparent 29%),
    linear-gradient(135deg, #04151b, #0a2a33 55%, #103944) !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.page-hero, .product-hero, main > .hero) > :is(.wrap, .container) {
  position: relative;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(h1, h2, h3) {
  color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 850 !important;
  letter-spacing: -.04em;
  text-wrap: balance;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.page-hero, .product-hero, main > .hero) h1 {
  max-width: 13ch !important;
  margin: 0 0 1.35rem !important;
  font-size: clamp(3.25rem, 8vw, 7.2rem) !important;
  line-height: .91 !important;
  letter-spacing: -.065em !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(
  main > :is(section, .section) > :is(.wrap, .container) > h2,
  main > :is(section, .section) > :is(.wrap, .container) > .section-heading > h2
) {
  max-width: 18ch;
  margin: 0 0 1.15rem;
  font-size: clamp(2.15rem, 5vw, 4.35rem) !important;
  line-height: .98 !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) h3 {
  margin: 0 0 .75rem;
  font-size: clamp(1.18rem, 2vw, 1.45rem) !important;
  line-height: 1.12 !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.eyebrow, .kicker, .category, .price-label, .step-index, .funnel-kicker) {
  color: var(--se-v19-gold) !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  line-height: 1.35;
  text-transform: uppercase;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :where(.lede, .section-heading > p, .hero > .container > p) {
  max-width: 52rem;
  color: var(--se-v19-copy) !important;
  font-size: clamp(1.05rem, 1.8vw, 1.28rem) !important;
  line-height: 1.68 !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.breadcrumbs, .breadcrumbs a) {
  color: #b7c7ca !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .65rem;
  margin-bottom: 1.5rem;
  font-size: .84rem;
}

/* Premium action language and touch targets */
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.cta-row, .next-actions, .ribbon) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
  margin-top: 1.85rem;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.2rem;
  padding: .88rem 1.3rem;
  border: 1px solid rgba(237, 203, 123, .38);
  border-radius: 999px;
  color: #fff !important;
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.btn-primary, .btn.gold) {
  border-color: var(--se-v19-red);
  background: linear-gradient(135deg, #d35b51, #b83e38) !important;
  box-shadow: 0 16px 38px rgba(201, 79, 70, .26);
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .btn:hover,
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .btn:focus-visible {
  transform: translateY(-2px);
  border-color: var(--se-v19-gold);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

/* Product conversion surfaces */
body[data-product-slug] .price-card,
body[data-se-canonical-product="true"] .price-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 2rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 3rem 0 1.35rem !important;
  padding: clamp(1.55rem, 3vw, 2.35rem) !important;
  border: 1px solid rgba(237, 203, 123, .38) !important;
  border-radius: var(--se-v19-radius) !important;
  background:
    radial-gradient(circle at 90% 5%, rgba(237, 203, 123, .1), transparent 31%),
    linear-gradient(145deg, rgba(18, 53, 63, .98), rgba(4, 19, 25, .98)) !important;
  box-shadow: var(--se-v19-shadow) !important;
  text-align: left !important;
}

body[data-product-slug] .price-card :is(.price-copy, .price-copy > *),
body[data-se-canonical-product="true"] .price-card :is(.price-copy, .price-copy > *) {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

body[data-product-slug] .price-amount,
body[data-se-canonical-product="true"] .price-amount {
  margin-block: .35rem !important;
  color: var(--se-v19-gold) !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

body[data-product-slug] :is(.price-note, .price-label),
body[data-se-canonical-product="true"] :is(.price-note, .price-label) {
  display: block;
  color: #c2d0d3 !important;
}

body[data-product-slug] .turnaround-badge,
body[data-se-canonical-product="true"] .turnaround-badge {
  width: fit-content;
  max-width: 24rem;
  padding: .68rem 1rem;
  border: 1px solid rgba(237, 203, 123, .38);
  border-radius: 999px;
  color: #f0e3c0 !important;
  background: rgba(237, 203, 123, .07);
  font-family: "JetBrains Mono", monospace;
  font-size: .8rem;
  line-height: 1.35;
}

body[data-product-slug] .product-proof-strip,
body[data-se-canonical-product="true"] .product-proof-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 19px;
  background: rgba(255, 255, 255, .08);
}

body[data-product-slug] .product-proof,
body[data-se-canonical-product="true"] .product-proof {
  min-width: 0;
  padding: 1.25rem !important;
  background: rgba(5, 25, 31, .9);
}

body[data-product-slug] .product-proof strong,
body[data-se-canonical-product="true"] .product-proof strong {
  display: block;
  margin-bottom: .35rem;
  color: #fff !important;
}

body[data-product-slug] .product-proof span,
body[data-se-canonical-product="true"] .product-proof span {
  color: #afc0c4 !important;
  font-size: .92rem;
  line-height: 1.52;
}

/* One visual grammar for every card system in the site. */
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(
  .card-grid,
  .feature-grid,
  .catalog-grid,
  .number-grid,
  .signal-grid,
  .standards-grid,
  .funnel-proof-grid,
  .funnel-choice-grid,
  .funnel-process-grid,
  .related-grid,
  .grid
) {
  gap: clamp(.9rem, 2vw, 1.3rem) !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(
  .step-card,
  .feature-card,
  .catalog-card,
  .number-card,
  .signal-item,
  .related-card,
  .funnel-proof,
  .funnel-choice,
  .funnel-process,
  .dark-panel,
  .command-card,
  .decision-panel,
  .contact-panel,
  details
) {
  min-width: 0;
  border: 1px solid var(--se-v19-line) !important;
  border-radius: var(--se-v19-radius) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(237, 203, 123, .08), transparent 34%),
    linear-gradient(155deg, rgba(18, 54, 64, .96), rgba(5, 21, 27, .98)) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .2) !important;
  color: #fff !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(
  .step-card,
  .feature-card,
  .catalog-card,
  .related-card,
  .funnel-proof,
  .funnel-choice,
  .funnel-process,
  .dark-panel,
  .command-card,
  .decision-panel,
  .contact-panel
) {
  padding: clamp(1.35rem, 2.8vw, 2rem) !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(
  .step-card,
  .feature-card,
  .catalog-card,
  .number-card,
  .signal-item,
  .related-card,
  .funnel-proof,
  .funnel-choice,
  .funnel-process,
  .dark-panel,
  .command-card,
  .decision-panel,
  .contact-panel
) :where(p, li, span:not(.eyebrow):not(.kicker):not(.category):not(.price)) {
  color: var(--se-v19-copy) !important;
  opacity: 1 !important;
  line-height: 1.62;
}

body[data-product-slug] .step-index,
body[data-se-canonical-product="true"] .step-index {
  display: block;
  margin-bottom: 2rem;
}

body[data-product-slug] .related-card,
body[data-se-canonical-product="true"] .related-card {
  display: flex !important;
  flex-direction: column;
  min-height: 15rem;
  text-decoration: none;
}

body[data-product-slug] .related-card .name,
body[data-se-canonical-product="true"] .related-card .name {
  color: #fff;
  font-size: 1.32rem;
  font-weight: 850;
  line-height: 1.1;
}

body[data-product-slug] .related-card .desc,
body[data-se-canonical-product="true"] .related-card .desc {
  margin: .95rem 0 auto;
  color: #b7c8cb;
  line-height: 1.58;
}

body[data-product-slug] .related-card .price,
body[data-se-canonical-product="true"] .related-card .price {
  padding-top: 1rem;
  color: var(--se-v19-gold);
  font-family: "JetBrains Mono", monospace;
  font-size: 1.1rem;
}

/* Meaningful content is visible by default. Gloss motion may enhance a card,
   but a delayed or unavailable observer must never leave an empty section. */
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) :is(.gloss-reveal, .gloss-reveal.is-visible) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* SITEWIDE LIGHT SURFACE CONTRAST LOCK
   Generic dark-surface copy selectors intentionally use :where() above. Using
   :is() there inherits the specificity of its most complex alternative and can
   force pale copy onto paper sections even when a simpler element matched. */
/* Paper sections are intentional editorial moments, never raw white gaps. */
:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section {
  background:
    radial-gradient(circle at 86% 14%, rgba(237, 203, 123, .22), transparent 26%),
    linear-gradient(145deg, var(--se-v19-paper-bright), var(--se-v19-paper)) !important;
  color: #16313a !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(h1, h2, h3, strong) {
  color: #11313a !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(.lede, p, li) {
  color: var(--se-v19-ink-copy) !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(.eyebrow, .kicker, .category) {
  color: #866b32 !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(.card-action, .catalog-price) {
  color: #a53a34 !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(.standards-grid > div, .feature-card, .catalog-card, .card, details) {
  min-width: 0;
  padding: clamp(1.4rem, 2.8vw, 2.05rem) !important;
  border: 1px solid rgba(18, 49, 58, .14) !important;
  border-top: 4px solid var(--se-v19-gold) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: var(--se-v19-paper-shadow) !important;
  color: #16313a !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(.standards-grid > div, .feature-card, .catalog-card, .card, details) :is(h2, h3, strong) {
  color: #11313a !important;
}

:where(
  body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
  body[data-product-slug],
  body[data-se-canonical-product="true"],
  body.se-legacy-normalized
) .light-section :is(.standards-grid > div, .feature-card, .catalog-card, .card, details) :is(p, li, span:not(.card-action)) {
  color: var(--se-v19-ink-copy) !important;
}

body[data-product-slug] .standards-grid,
body[data-se-canonical-product="true"] .standards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 2.35rem;
}

body[data-product-slug] .standards-grid ul,
body[data-se-canonical-product="true"] .standards-grid ul {
  padding-left: 1.15rem !important;
}

body[data-product-slug] .standards-grid li::marker,
body[data-se-canonical-product="true"] .standards-grid li::marker {
  color: var(--se-v19-red);
}

body[data-product-slug] .next-step,
body[data-se-canonical-product="true"] .next-step {
  margin: 2rem 0 1.2rem !important;
  padding: 1.35rem 1.5rem !important;
  border: 1px solid rgba(237, 203, 123, .18) !important;
  border-left: 4px solid var(--se-v19-red) !important;
  border-radius: 0 17px 17px 0 !important;
  color: var(--se-v19-copy) !important;
  background: linear-gradient(145deg, rgba(16, 51, 61, .94), rgba(4, 19, 25, .94)) !important;
  line-height: 1.65;
}

/* The retired clarity injector must never reappear, even from a stale cache. */
body[data-product-slug] :is([data-se-product-clarity-wrap], [data-se-product-clarity]),
body[data-se-canonical-product="true"] :is([data-se-product-clarity-wrap], [data-se-product-clarity]) {
  display: none !important;
}

/* Static fallback shell stays polished before JavaScript hydration. */
body[data-product-slug] [data-static-site-header] {
  position: relative;
  z-index: 110;
  border-bottom: 1px solid rgba(237, 203, 123, .18);
  background: rgba(4, 19, 25, .96);
  backdrop-filter: blur(18px);
}

body[data-product-slug] [data-static-site-header] .header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  min-height: 74px;
  gap: 1.25rem;
}

body[data-product-slug] [data-static-site-header] .brand {
  flex: 0 0 auto;
  color: #fff;
  font-weight: 850;
  text-decoration: none;
}

body[data-product-slug] [data-static-site-header] nav {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(.75rem, 1.8vw, 1.35rem) !important;
  min-width: 0;
}

body[data-product-slug] [data-static-site-header] nav a {
  flex: 0 0 auto;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #d7e2e5;
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

body[data-product-slug] [data-static-site-footer] {
  padding-block: 2.3rem;
  border-top: 1px solid rgba(237, 203, 123, .16);
  background: #031217;
}

body[data-product-slug] [data-static-site-footer] > .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
}

body[data-product-slug] [data-static-site-footer] :is(p, nav) {
  margin: 0;
}

body[data-product-slug] [data-static-site-footer] nav {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.2rem;
}

body[data-product-slug] [data-static-site-footer] a {
  color: #c7d5d8;
}

/* Small brand text must clear normal-text contrast on every dark shell. */
:is(.site-header, .site-footer) .brand-copy .entourage {
  color: #e36e65 !important;
}

/* Start Here carries an interactive decision system inside its hero. Keep that
   dense route premium without turning the opening section into a scroll wall. */
@media (min-width: 901px) {
  body[data-se-page="start-here"] main > :is(section, .section):first-of-type {
    padding-block: clamp(3rem, 4vw, 3.75rem) !important;
  }

  body[data-se-page="start-here"] main > :is(section, .section):first-of-type h1 {
    font-size: clamp(3.75rem, 6vw, 5.9rem) !important;
  }
}

@media (max-width: 900px) {
  body[data-product-slug] .product-proof-strip,
  body[data-se-canonical-product="true"] .product-proof-strip,
  body[data-product-slug] .standards-grid,
  body[data-se-canonical-product="true"] .standards-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-product-slug] .price-card,
  body[data-se-canonical-product="true"] .price-card {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 1.15rem !important;
  }

  body[data-product-slug] [data-static-site-header] .header-inner {
    flex-wrap: wrap !important;
    padding-block: .8rem !important;
  }

  body[data-product-slug] [data-static-site-header] nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: .65rem !important;
    padding-bottom: .2rem;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  body[data-product-slug] [data-static-site-header] nav a {
    min-height: 38px;
    padding: .35rem .72rem;
    border: 1px solid rgba(237, 203, 123, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .025);
  }
}

/* Mobile fidelity lock.
   Some Android/Chrome display modes expose a layout viewport between 700px and
   1100px while still presenting the page on a phone-sized screen. The header
   already collapses in that range, so the content system must collapse with it
   instead of leaving a desktop three-column composition squeezed underneath. */
@media (max-width: 1100px) {
  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.wrap, .container) {
    width: min(calc(100% - 2rem), 52rem) !important;
  }

  body[data-product-slug] :is(
    .product-proof-strip,
    .card-grid,
    .feature-grid,
    .number-grid,
    .signal-grid,
    .standards-grid,
    .funnel-proof-grid,
    .funnel-choice-grid,
    .funnel-process-grid,
    .related-grid
  ),
  body[data-se-canonical-product="true"] :is(
    .product-proof-strip,
    .card-grid,
    .feature-grid,
    .number-grid,
    .signal-grid,
    .standards-grid,
    .funnel-proof-grid,
    .funnel-choice-grid,
    .funnel-process-grid,
    .related-grid
  ) {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  body[data-product-slug] .price-card,
  body[data-se-canonical-product="true"] .price-card {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 1.15rem !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.cta-row, .next-actions, .ribbon) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 34rem) !important;
    gap: .72rem !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) .btn {
    width: 100% !important;
    min-height: 3.35rem !important;
  }

  body[data-product-slug] :is(.product-proof, .step-card, .funnel-proof, .funnel-choice, .funnel-process, .related-card),
  body[data-se-canonical-product="true"] :is(.product-proof, .step-card, .funnel-proof, .funnel-choice, .funnel-process, .related-card) {
    padding: clamp(1.35rem, 4vw, 1.9rem) !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.section-heading, .section-heading > *, main > section > .wrap > h2, main > .section > .wrap > h2) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  body[data-product-slug] .site-footer .footer-grid,
  body[data-se-canonical-product="true"] .site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2rem 1.4rem !important;
  }

  body[data-product-slug] .site-footer .footer-brand,
  body[data-se-canonical-product="true"] .site-footer .footer-brand {
    grid-column: 1 / -1;
  }

  body[data-product-slug] .site-footer .footer-grid a,
  body[data-se-canonical-product="true"] .site-footer .footer-grid a {
    padding-block: .42rem !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 1100px) and (pointer: coarse) {
  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 1.1rem !important;
  }

  body[data-product-slug] :is(.product-proof span, .step-card p, .funnel-proof p, .funnel-choice p, .funnel-process p, .related-card .desc),
  body[data-se-canonical-product="true"] :is(.product-proof span, .step-card p, .funnel-proof p, .funnel-choice p, .funnel-process p, .related-card .desc) {
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }
}

@media (max-width: 700px) {
  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.wrap, .container) {
    width: min(calc(100% - 1.4rem), 76rem) !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) main > :is(section, .section) {
    padding-block: 3.65rem !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.page-hero, .product-hero, main > .hero) {
    padding-block: 4.35rem 3.85rem !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.page-hero, .product-hero, main > .hero) h1 {
    max-width: none !important;
    font-size: clamp(2.65rem, 13vw, 4.15rem) !important;
    line-height: .94 !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(
    main > :is(section, .section) > :is(.wrap, .container) > h2,
    main > :is(section, .section) > :is(.wrap, .container) > .section-heading > h2
  ) {
    max-width: none;
    font-size: clamp(1.9rem, 9vw, 2.8rem) !important;
    line-height: 1 !important;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) :is(.cta-row, .next-actions, .ribbon) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: .68rem;
  }

  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) .btn {
    width: 100% !important;
    min-height: 3.15rem;
  }

  body[data-product-slug] .price-card,
  body[data-se-canonical-product="true"] .price-card {
    margin-top: 2.35rem !important;
    padding: 1.25rem !important;
    border-radius: 19px !important;
  }

  body[data-product-slug] .turnaround-badge,
  body[data-se-canonical-product="true"] .turnaround-badge {
    max-width: 100%;
    white-space: normal;
  }

  body[data-product-slug] :is(.card-grid, .related-grid),
  body[data-se-canonical-product="true"] :is(.card-grid, .related-grid) {
    grid-template-columns: 1fr !important;
  }

  body[data-product-slug] .related-card,
  body[data-se-canonical-product="true"] .related-card {
    min-height: 0;
  }

  body[data-product-slug] [data-static-site-header] .header-inner {
    width: min(calc(100% - 1rem), 76rem) !important;
  }

  body[data-product-slug] [data-static-site-footer] > .wrap {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-product-slug] .site-footer .footer-grid,
  body[data-se-canonical-product="true"] .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    body[data-se-premium-depth="v19"]:not([data-se-page="home"]),
    body[data-product-slug],
    body[data-se-canonical-product="true"],
    body.se-legacy-normalized
  ) .btn {
    transition: none;
  }
}