/* Small shared readability and spacing refinements; preserve page compositions. */
.nav-dropdown__link-desc { font-size: .875rem; line-height: 1.55; color: rgba(255,255,255,.74); }
.nav-item--dropdown .nav-dropdown--wide { width: 380px; max-width: calc(100vw - 40px); }
.nav-dropdown__link--stacked { padding: 14px 12px; }
.nav-dropdown__link:focus-visible { outline: 2px solid var(--color-brass); outline-offset: -2px; }
.footer-col__links a { font-size: .875rem; }
.footer-legal__links a, .footer-copy { font-size: .8125rem; line-height: 1.6; }
.footer-inner { padding-top: 20px; padding-bottom: 20px; }
.footer-col__links a { display: inline-flex; align-items: center; min-height: 30px; }
.footer-logo__mark[src*="olytic-panel-v2"] { width: 40px; }
.about-intro__heading { margin-top: 0; }
main h1, main h2 { text-wrap: balance; }
.bl-hero__studio { font-size: .875rem; line-height: 1.6; color: #9fc5c3; letter-spacing: .02em; }
main [id] { scroll-margin-top: 90px; }
.section--dark p a:not(.btn), .sol-hero__sub a {
  color: #7ac7c2;
  text-decoration: underline;
  text-underline-offset: .2em;
}
.section--dark p a:not(.btn):hover, .sol-hero__sub a:hover { color: #b3e3df; }
@media(max-width:720px) {
  .footer-inner { gap: 24px; }
  .footer-nav { gap: 16px; }
  .footer-col__links { gap: 0 16px; }
  .footer-col__links li { padding-right: 0; }
  .footer-col__links li::after { display: none; }
  .footer-col__links a, .footer-legal__links a { min-height: 44px; display: inline-flex; align-items: center; }
  .footer-legal__inner { padding-top: 8px; padding-bottom: 20px; }
}

/* Offer closing sections: one compact reading path from message to action. */
.sr-cta,
.ws-cta,
.mp-cta,
.bl-cta,
.fr-cta,
.sy-cta { padding-block: clamp(56px, 7vw, 88px); }
.sr-cta__inner,
.ws-cta__inner,
.mp-cta__inner,
.bl-cta__inner,
.fr-cta__inner,
.sy-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: 1040px;
  text-align: center;
}
.sr-cta__mark,
.ws-cta__mark,
.mp-cta__mark,
.bl-cta__mark,
.fr-cta__mark,
.sy-cta__mark { display: none; }
.sr-cta__inner > div:first-child,
.ws-cta__inner > div:first-child,
.mp-cta__inner > div:first-child,
.bl-cta__inner > div:first-child,
.fr-cta__inner > div:first-child,
.sy-cta__inner > div:first-child { width: 100%; max-width: 760px; }
.sr-cta__inner h2,
.ws-cta__inner h2,
.mp-cta__inner h2,
.bl-cta__inner h2,
.fr-cta__inner h2,
.sy-cta__inner h2 {
  max-width: 25ch;
  margin: 0 auto 20px;
  font-size: clamp(1.875rem, 3vw, 2.75rem);
  line-height: 1.18;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.sr-cta__inner p,
.ws-cta__inner p,
.mp-cta__inner p,
.bl-cta__inner p,
.fr-cta__inner p,
.sy-cta__inner p {
  max-width: 60ch;
  margin: 0 auto;
  line-height: 1.65;
  text-wrap: pretty;
}
.sr-cta__inner .btn-group,
.ws-cta__inner .btn-group,
.mp-cta__inner .btn-group,
.bl-cta__inner .btn-group,
.fr-cta__inner .btn-group,
.sy-cta__inner .btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: auto;
  margin: 28px 0 0;
}
.sr-cta__inner .btn-group .btn,
.ws-cta__inner .btn-group .btn,
.mp-cta__inner .btn-group .btn,
.bl-cta__inner .btn-group .btn,
.fr-cta__inner .btn-group .btn,
.sy-cta__inner .btn-group .btn {
  width: auto;
  min-height: 52px;
  white-space: normal;
  justify-content: center;
  text-align: center;
}
.sr-cta__inner .btn-group .btn-ghost,
.ws-cta__inner .btn-group .btn-ghost,
.mp-cta__inner .btn-group .btn-ghost,
.bl-cta__inner .btn-group .btn-ghost,
.fr-cta__inner .btn-group .btn-ghost,
.sy-cta__inner .btn-group .btn-ghost { border-color: rgba(255,255,255,.4); }
.sr-cta__inner > p[class$="__refs"],
.ws-cta__inner > p[class$="__refs"],
.mp-cta__inner > p[class$="__refs"],
.bl-cta__inner > p[class$="__refs"],
.fr-cta__inner > p[class$="__refs"],
.sy-cta__inner > p[class$="__refs"] {
  width: 100%;
  max-width: none;
  margin: 40px 0 0 !important;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.5);
  font-size: .6875rem;
  line-height: 1.7;
}
@media (max-width: 540px) {
.sr-cta__inner .btn-group,
.ws-cta__inner .btn-group,
.mp-cta__inner .btn-group,
.bl-cta__inner .btn-group,
.fr-cta__inner .btn-group,
.sy-cta__inner .btn-group { flex-direction: column; width: 100%; max-width: 360px; margin-top: 24px; }
.sr-cta__inner .btn-group .btn,
.ws-cta__inner .btn-group .btn,
.mp-cta__inner .btn-group .btn,
.bl-cta__inner .btn-group .btn,
.fr-cta__inner .btn-group .btn,
.sy-cta__inner .btn-group .btn { width: 100%; }
}

/* ── Offer heroes: fit within one viewport (per Ean 2026-09-09). All six
   were too tall (padding up to 48/96 + headline clamp to 4.1rem/5.2vw wrapping
   to 3-4 lines). Trimmed uniformly here so they stay consistent AND land above
   the fold. Applies to roadmapping/workstream/ai-adoption + custom-studio/
   fieldcraft/synthis. ── */
.sr-hero, .ws-hero, .mp-hero, .bl-hero, .fr-hero, .sy-hero {
  padding-top: var(--space-8);
  /* Extra bottom clearance so the hero CTAs sit well above the angled seam
     into the next band (the seam intrudes ~40px up into the hero; per Ean
     2026-09-09 the Book-a-call button was colliding with the seam edge). */
  padding-bottom: var(--space-20);
}
.sr-hero__headline, .ws-hero__headline, .mp-hero__headline,
.bl-hero__headline, .fr-hero__headline, .sy-hero__headline {
  font-size: clamp(1.9rem, 3.3vw, 2.9rem);
  margin-bottom: var(--space-5);
}
.sr-hero__sub, .ws-hero__sub, .mp-hero__sub,
.bl-hero__sub, .fr-hero__sub, .sy-hero__sub {
  margin-bottom: var(--space-6);
}
.sr-hero__lockup, .ws-hero__lockup, .mp-hero__lockup,
.bl-hero__lockup, .fr-hero__lockup, .sy-hero__lockup {
  margin-bottom: var(--space-5);
}

/* Mobile navigation remains usable on short screens and with larger text. */
@media (max-width: 900px) {
  .nav-mobile-menu { max-height: calc(100dvh - 60px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  body:has(.nav-mobile-menu.is-open) { overflow: hidden; }
  body:has(.nav-mobile-menu.is-open) #olytic-sdr-host { display: none; }
  input, textarea, select { font-size: max(16px, 1em) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* A readable sample output replaces benchmark claims without context. */
.sy-example__label { font: 500 11px/1.6 var(--font-mono, monospace); letter-spacing: .08em; margin: 0 0 16px; }
.sy-example h3 { font-size: clamp(22px, 2.3vw, 30px); line-height: 1.25; margin: 0 0 24px; }
.sy-example__steps { padding-left: 22px; margin: 0; }
.sy-example__steps li { padding: 0 0 18px 8px; }
.sy-example__steps strong, .sy-example__steps span { display: block; }
.sy-example__steps strong { font-size: 16px; margin-bottom: 5px; }
.sy-example__steps span, .sy-example__note { font-size: 15px; line-height: 1.65; }
.sy-example__note { border-top: 1px solid currentColor; padding-top: 18px; margin: 0; }
/* Consent is resolved first, so two fixed interfaces never compete. */
body:has(#olytic-consent-banner) #olytic-sdr-host { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  #olytic-consent-banner { animation: none !important; }
}

.sy-example .sy-evidence-heading { margin: 28px 0 12px; font-size: 22px; }
.sy-example .sy-evidence-copy { font-size: 15px; line-height: 1.65; margin: 0 0 16px; }

/* Public Platform: unavailable self-service controls are deliberately not links. */
.platform-status { color:#c3dcd8; font-size:14px; margin:0 0 16px; }
.platform-disabled { color:#647078; cursor:default; }
.platform-disabled small { display:block; font-size:12px; line-height:1.5; }
.platform-access-state { margin-top:24px; }
.platform-access-state .btn:disabled { background:#28333b; color:#bac3c9; border:1px solid #56616a; box-shadow:none; cursor:default; opacity:1; margin:0 8px 8px 0; }
.platform-access-state p { color:#bac3c9; font-size:14px; line-height:1.5; }
.engage-path--platform a { color:inherit; }

.nav-dropdown .platform-disabled .nav-dropdown__link-title { color:#a9b1b6; }
.nav-dropdown .platform-disabled { pointer-events:none; }

/* Pilot access is information, not an inactive mobile navigation target. */
.nav-mobile-link.platform-disabled { display:block; cursor:default; pointer-events:none; opacity:.65; background:transparent; }
.nav-mobile-link.platform-disabled small { font-weight:400; max-width:28ch; }