/* Leadpage monochrome system: black, white, gray and one red accent. */
:root {
  --color-black: #050505;
  --color-black-soft: #0c0c0c;
  --color-surface-dark: #111111;
  --color-white: #f7f7f5;
  --color-white-pure: #ffffff;
  --color-surface-light: #eeeeeb;
  --color-gray: #999999;
  --color-gray-dark: #555555;
  --color-border-dark: rgba(255, 255, 255, 0.14);
  --color-border-light: rgba(0, 0, 0, 0.14);
  --icon-muted: #777777;
  --icon-default: #a3a3a3;
  --icon-strong: #d4d4d4;
  --icon-hover: #ffffff;
  --accent-red: #ff160f;
  --color-red: var(--accent-red);
  --color-red-hover: #ff3a34;
}

html,
body,
.site-page--unified,
.home-page--sales {
  color: var(--color-white);
  background-color: var(--color-black) !important;
  background-image: none !important;
}

body::before,
body::after,
.site-page--unified::before,
.site-page--unified::after,
.home-page--sales main::before {
  background: none !important;
  filter: none !important;
}

::selection {
  color: var(--color-white-pure);
  background: var(--color-red);
}

/* Header, navigation and brand. */
.site-page--unified .site-header,
.home-page--sales .site-header {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(5, 5, 5, 0.9) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(100%);
}

.site-page--unified .site-header.is-scrolled,
.home-page--sales .site-header.is-scrolled {
  background: rgba(5, 5, 5, 0.97) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28) !important;
}

.brand-logo-image,
.brand-symbol-image,
.footer-brand-icon img,
.chat-brand-logo,
.chat-avatar-icon,
.demo-chat-brand-icon img,
.leadpage-project-shell__brand img {
  filter: none;
  opacity: .86;
}

.chat-toggle .chat-brand-logo,
.chat-avatar-icon,
.demo-chat-brand-icon img {
  filter: grayscale(1) brightness(2.6) contrast(1.12);
  opacity: 1;
}

.brand-name,
.brand strong {
  color: var(--color-white-pure) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor;
}

.site-page--unified .site-nav a,
.home-page--sales .site-nav a {
  position: relative;
  color: #a7a7a3 !important;
}

.site-page--unified .site-nav a:hover,
.site-page--unified .site-nav a:focus-visible,
.site-page--unified .site-nav a.is-active,
.home-page--sales .site-nav a:hover,
.home-page--sales .site-nav a:focus-visible,
.home-page--sales .site-nav a.is-active {
  color: var(--color-white-pure) !important;
  text-shadow: none !important;
}

.site-page--unified .site-nav a::before,
.site-page--unified .site-nav a::after,
.home-page--sales .site-nav a::before,
.home-page--sales .site-nav a::after {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.site-page--unified .site-nav a.is-active::after,
.home-page--sales .site-nav a.is-active::after {
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  width: 22px;
  height: 2px;
  margin: auto;
  border-radius: 999px;
  content: "";
  background: var(--color-red) !important;
  box-shadow: none !important;
}

.site-page--unified .header-cta,
.home-page--sales .header-cta,
.site-page--unified .unified-btn-primary,
.site-page--unified .unified-actions .unified-btn-primary,
.home-page--sales .sales-btn-primary,
.home-page--sales .btn-primary {
  border-color: var(--color-red) !important;
  color: var(--color-white-pure) !important;
  background: var(--color-red) !important;
  box-shadow: none !important;
}

.site-page--unified .header-cta:hover,
.site-page--unified .header-cta:focus-visible,
.home-page--sales .header-cta:hover,
.home-page--sales .header-cta:focus-visible,
.site-page--unified .unified-btn-primary:hover,
.site-page--unified .unified-btn-primary:focus-visible,
.home-page--sales .sales-btn-primary:hover,
.home-page--sales .sales-btn-primary:focus-visible,
.home-page--sales .btn-primary:hover,
.home-page--sales .btn-primary:focus-visible {
  border-color: var(--color-red-hover) !important;
  color: var(--color-white-pure) !important;
  background: var(--color-red-hover) !important;
  box-shadow: 0 12px 28px rgba(225, 6, 0, 0.16) !important;
}

.site-page--unified .unified-btn-secondary,
.site-page--unified .unified-actions .unified-btn-secondary,
.home-page--sales .sales-btn-secondary,
.home-page--sales .btn-secondary {
  border-color: rgba(255, 255, 255, 0.34) !important;
  color: var(--color-white-pure) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.site-page--unified .unified-btn-secondary:hover,
.site-page--unified .unified-btn-secondary:focus-visible,
.home-page--sales .sales-btn-secondary:hover,
.home-page--sales .sales-btn-secondary:focus-visible,
.home-page--sales .btn-secondary:hover,
.home-page--sales .btn-secondary:focus-visible {
  border-color: var(--color-red) !important;
  color: var(--color-red-hover) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(225, 6, 0, 0.48) !important;
  outline-offset: 3px;
}

.site-page--unified .nav-toggle,
.home-page--sales .nav-toggle {
  border-color: var(--color-border-dark) !important;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

.site-page--unified .nav-toggle span,
.home-page--sales .nav-toggle span { background: var(--color-white-pure) !important; }

/* Shared editorial accents. */
.unified-eyebrow,
.sales-eyebrow,
.portfolio-sales-eyebrow,
.portfolio-case__category,
.sales-project__meta,
.offer-directions__list > li > span,
.offer-directions__list div > p,
.contact-short-options article > span {
  color: var(--color-red) !important;
}

.unified-eyebrow::before,
.sales-eyebrow::before,
.portfolio-sales-eyebrow::before {
  background: var(--color-red) !important;
}

/* Homepage hero: black from the first frame, monochrome fallback and canvas. */
body.home-page--sales #hero.sales-cosmic-hero {
  color: var(--color-white);
  background:
    radial-gradient(ellipse 72% 42% at 50% 50%, rgba(255, 255, 255, 0.08), transparent 68%),
    #050505 !important;
  box-shadow: none !important;
}

body.home-page--sales #hero.sales-cosmic-hero::before {
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: -16% -10% -28%;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(ellipse 56% 13% at 50% 52%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.055) 42%, transparent 76%),
    radial-gradient(ellipse 78% 42% at 50% 48%, rgba(190, 190, 187, 0.11), transparent 70%) !important;
  opacity: 0.9 !important;
  filter: blur(16px);
  mask-image: linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);
}

body.home-page--sales #hero.sales-cosmic-hero::after {
  background: linear-gradient(180deg, transparent, rgba(5, 5, 5, 0.62) 62%, #050505 100%) !important;
}

body.home-page--sales #hero .hero-plasma,
body.home-page--sales #hero .hero-plasma__canvas,
body.home-page--sales #hero .hero-ascii-canvas,
body.home-page--sales #hero .hero-particles,
body.home-page--sales #hero .hero-ribbons {
  filter: grayscale(1) contrast(1.08) brightness(1.08) !important;
}

body.home-page--sales .smoke-patch,
body.home-page--sales .cosmic-aurora-layer,
body.home-page--sales .cosmic-background {
  filter: grayscale(1) !important;
}

body.home-page--sales .cosmic-aurora-layer {
  background:
    radial-gradient(105% 52% at 50% -4%, rgba(255, 255, 255, 0.055), transparent 74%),
    radial-gradient(92% 58% at 50% 44%, rgba(180, 180, 176, 0.085), transparent 72%),
    radial-gradient(88% 42% at 72% 78%, rgba(255, 255, 255, 0.035), transparent 72%) !important;
}

body.home-page--sales .bg-star__shape {
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.82)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.2)) !important;
}

body.home-page--sales #hero .hero-particles {
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.7) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(190, 190, 186, 0.48) 0 1px, transparent 1.6px) !important;
}

body.home-page--sales #hero .hero-grid::before {
  background: linear-gradient(95deg, transparent 8%, rgba(255, 255, 255, 0.1) 42%, rgba(160, 160, 156, 0.045) 60%, transparent 88%) !important;
}

body.home-page--sales #hero .hero-copy-centered::before {
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.07), transparent 42%),
    radial-gradient(circle at 50% 55%, rgba(0, 0, 0, 0.28), transparent 55%) !important;
}

body.home-page--sales #hero .hero-plasma--fallback::before {
  background:
    radial-gradient(ellipse 34% 12% at 18% 42%, rgba(255, 255, 255, 0.17), transparent 72%),
    radial-gradient(ellipse 42% 14% at 52% 56%, rgba(255, 255, 255, 0.22), transparent 72%),
    radial-gradient(ellipse 34% 12% at 84% 44%, rgba(220, 220, 216, 0.15), transparent 72%) !important;
}

body.home-page--sales #hero .hero-plasma__vignette {
  background: radial-gradient(ellipse 48% 68% at 50% 46%, rgba(5, 5, 5, 0.7), rgba(5, 5, 5, 0.24) 52%, transparent 82%) !important;
}

body.home-page--sales #hero .hero-readability-overlay {
  background:
    radial-gradient(ellipse 62% 48% at 50% 43%, rgba(5, 5, 5, 0.6), rgba(5, 5, 5, 0.2) 60%, transparent 84%),
    linear-gradient(180deg, rgba(5, 5, 5, 0.72), rgba(5, 5, 5, 0.3) 48%, transparent 88%) !important;
}

body.home-page--sales #hero .hero-title {
  color: var(--color-white-pure) !important;
  text-shadow: none !important;
  filter: none !important;
}

body.home-page--sales #hero .sales-cosmic-hero__eyebrow,
body.home-page--sales #hero .hero-lead,
body.home-page--sales #hero .sales-cosmic-hero__proof { color: #b7b7b3 !important; }

body.home-page--sales #hero .sales-cosmic-hero__eyebrow::before { background: var(--color-red) !important; }

body.home-page--sales #hero .sales-cosmic-hero__proof li::before {
  background: #b7b7b3 !important;
  box-shadow: none !important;
}

body.home-page--sales #hero .hero-scroll-indicator__label {
  color: #9d9d99 !important;
  text-shadow: none !important;
}

body.home-page--sales #hero .hero-scroll-indicator__line {
  background: rgba(255, 255, 255, 0.34) !important;
  box-shadow: none !important;
}

/* Metrics: a clean section boundary, without a gradient bleeding into content. */
body.home-page--sales .sales-metrics,
body.home-page--sales .hero-cosmic + .sales-metrics {
  color: var(--color-white);
  background: #050505 !important;
}

body.home-page--sales .hero-cosmic + .sales-metrics::before {
  display: none !important;
  content: none !important;
}

body.home-page--sales .sales-metrics__grid,
body.home-page--sales .sales-metrics__grid > div { border-color: var(--color-border-dark) !important; }
body.home-page--sales .sales-metrics strong { color: var(--color-white-pure) !important; }
body.home-page--sales .sales-metrics strong::first-letter { color: var(--color-red); }
body.home-page--sales .sales-metrics p { color: #9d9d99 !important; }

/* Editorial problem section. */
body.home-page--sales .sales-problem-editorial {
  color: #111111 !important;
  background: var(--color-surface-light) !important;
}

body.home-page--sales .sales-problem-editorial::before {
  background: linear-gradient(180deg, transparent, rgba(210, 210, 206, 0.74) 52%, var(--color-surface-light) 100%) !important;
}

body.home-page--sales .sales-problem-editorial h2,
body.home-page--sales .sales-problem-list li.is-active { color: #111111 !important; }
body.home-page--sales .sales-problem-editorial__intro > p:last-child { color: #555555 !important; }
body.home-page--sales .sales-problem-list li { border-color: var(--color-border-light) !important; color: #a1a19d !important; filter: none !important; }
body.home-page--sales .sales-problem-list li span { color: #888884 !important; }
body.home-page--sales .sales-problem-list li.is-active span { color: var(--color-red) !important; }
body.home-page--sales .sales-problem-list::before { background: rgba(0, 0, 0, 0.12) !important; }
body.home-page--sales .sales-problem-list::after { background: var(--color-red) !important; box-shadow: none !important; }

body.home-page--sales .sales-solution-flow li { color: #777773 !important; text-shadow: none; }
body.home-page--sales .sales-solution-flow li::after { border-color: #777773 !important; background: #050505 !important; box-shadow: none !important; }
body.home-page--sales .sales-solution-flow__line { background: rgba(255, 255, 255, 0.15) !important; }
body.home-page--sales .sales-solution-flow__line::after { background: var(--color-red) !important; box-shadow: none !important; }
body.home-page--sales .sales-solution-flow__line::before { background: var(--color-red) !important; }
body.home-page--sales .sales-solution-flow.is-in-view li { animation-name: monochrome-flow-step; }
body.home-page--sales .sales-solution-flow.is-in-view li::after { animation-name: monochrome-flow-dot; }
body.home-page--sales .sales-solution__points li { border-color: var(--color-border-dark) !important; }
body.home-page--sales .sales-solution__points span { color: var(--color-red) !important; }
body.home-page--sales .sales-solution-preview { border-color: var(--color-border-dark) !important; background: #0c0c0c !important; box-shadow: 0 36px 100px rgba(0, 0, 0, 0.48) !important; }
body.home-page--sales .sales-solution-preview__body { background: #0c0c0c !important; background-size: auto !important; }
body.home-page--sales .sales-solution-preview__eyebrow { color: var(--color-red) !important; }
body.home-page--sales .sales-solution-preview__form b { background: var(--color-red) !important; }

@keyframes monochrome-flow-step {
  0%, 10%, 100% { color: #777773; }
  16%, 28% { color: #ffffff; text-shadow: none; }
  36% { color: #777773; }
}

@keyframes monochrome-flow-dot {
  0%, 10%, 100% { border-color: #777773; background: #050505; box-shadow: none; }
  16%, 28% { border-color: var(--color-red); background: var(--color-red); box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.12); }
  36% { border-color: #777773; background: #050505; box-shadow: none; }
}

/* Homepage portfolio: neutral frame, project colors only inside screenshots. */
body.home-page--sales .sales-portfolio--editorial {
  background: #050505 !important;
}

body.home-page--sales .sales-project__visual,
body.home-page--sales .sales-project--aurelia .sales-project__visual,
body.home-page--sales .sales-project--sushi .sales-project__visual,
body.home-page--sales .sales-project--etera .sales-project__visual {
  border-color: var(--color-border-dark) !important;
  background: linear-gradient(145deg, #171717, #0a0a0a) !important;
  box-shadow: none !important;
}

body.home-page--sales .sales-text-link { color: var(--color-white-pure) !important; }
body.home-page--sales .sales-text-link span { color: var(--color-red) !important; }
body.home-page--sales .sales-text-link:hover,
body.home-page--sales .sales-text-link:focus-visible { color: var(--color-red-hover) !important; }

/* Light process and FAQ rhythm. */
body.home-page--sales .sales-process-editorial,
body.home-page--sales .sales-faq {
  color: #111111 !important;
  background: var(--color-surface-light) !important;
}

body.home-page--sales .sales-process-editorial h2,
body.home-page--sales .sales-process-timeline p,
body.home-page--sales .sales-faq h2,
body.home-page--sales .sales-faq .faq-question { color: #111111 !important; }
body.home-page--sales .sales-process-editorial .sales-eyebrow,
body.home-page--sales .sales-process-timeline span { color: var(--color-red) !important; }
body.home-page--sales .sales-process-timeline::before { background: rgba(0, 0, 0, 0.13) !important; }
body.home-page--sales .sales-process-timeline::after { background: var(--color-red) !important; box-shadow: none !important; }
body.home-page--sales .sales-process-timeline li::before { border-color: var(--color-red) !important; background: var(--color-surface-light) !important; box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.09) !important; }
body.home-page--sales .sales-faq .faq-item { border-color: var(--color-border-light) !important; }
body.home-page--sales .sales-faq .faq-answer p { color: #555 !important; }
body.home-page--sales .sales-faq .faq-question__icon {
  border-color: rgba(0, 0, 0, 0.16) !important;
  background: rgba(0, 0, 0, 0.045) !important;
  box-shadow: none !important;
}
body.home-page--sales .sales-faq .faq-question__icon::before,
body.home-page--sales .sales-faq .faq-question__icon::after { background: var(--color-red) !important; }

/* Shared monochrome closing system. */
.site-page--unified .unified-final-cta,
body.home-page--sales .sales-final-cta--cosmic {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--color-white);
  background:
    radial-gradient(ellipse 72% 42% at 50% 48%, rgba(255, 255, 255, 0.07), transparent 70%),
    #050505 !important;
}

.site-page--unified .unified-final-cta::before,
body.home-page--sales .sales-final-cta--cosmic::before {
  position: absolute;
  z-index: 0;
  inset: -28% -18%;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(ellipse 34% 13% at 22% 42%, rgba(255, 255, 255, 0.2), transparent 72%),
    radial-gradient(ellipse 46% 16% at 54% 58%, rgba(255, 255, 255, 0.25), transparent 74%),
    radial-gradient(ellipse 34% 13% at 82% 39%, rgba(200, 200, 197, 0.16), transparent 72%) !important;
  filter: blur(34px) !important;
  mix-blend-mode: screen;
  opacity: 0.7;
  transform: none;
  mask-image: radial-gradient(ellipse 74% 68% at 50% 50%, #000 34%, transparent 78%);
  animation: monochrome-smoke-drift 11s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta::after,
body.home-page--sales .sales-final-cta--cosmic::after {
  position: absolute;
  z-index: 0;
  top: 28%;
  right: -14%;
  left: -14%;
  width: auto;
  height: 48%;
  content: "";
  pointer-events: none;
  background: radial-gradient(ellipse 54% 24% at 50% 50%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.07) 46%, transparent 76%) !important;
  filter: blur(18px) !important;
  opacity: 0.72;
  transform: translate3d(-3%, 0, 0) scaleX(1.03) !important;
  mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent);
  animation: monochrome-light-drift 8s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta__inner,
body.home-page--sales .sales-final-cta__inner { position: relative; z-index: 3; }

body.home-page--sales .sales-final-cosmic { z-index: 1; filter: grayscale(1) brightness(1.25); }
body.home-page--sales .sales-final-cosmic__smoke { background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 68%) !important; }
body.home-page--sales .sales-final-cta .sales-eyebrow { color: #b7b7b3 !important; }
body.home-page--sales .sales-final-cta .sales-eyebrow::before { background: var(--color-red) !important; }

@keyframes monochrome-smoke-drift {
  from { opacity: 0.5; transform: translate3d(-4%, -3%, 0) scale(0.96); }
  to { opacity: 0.78; transform: translate3d(6%, 4%, 0) scale(1.08); }
}

@keyframes monochrome-light-drift {
  from { opacity: 0.48; transform: translate3d(-4%, 1%, 0) scaleX(0.96); }
  to { opacity: 0.78; transform: translate3d(4%, -1%, 0) scaleX(1.05); }
}

/* Portfolio page. */
.portfolio-page--sales {
  --portfolio-bg: #050505 !important;
  --portfolio-surface: #0c0c0c !important;
  --portfolio-line: var(--color-border-dark) !important;
  --portfolio-text: var(--color-white) !important;
  --portfolio-muted: #999995 !important;
  --portfolio-purple: var(--color-red) !important;
  --portfolio-purple-light: var(--color-red) !important;
}

.portfolio-sales-hero,
.portfolio-sales-showcase {
  background: #050505 !important;
}

.portfolio-page--sales .portfolio-sales-btn-primary {
  border-color: rgba(255,255,255,.34) !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.portfolio-page--sales .portfolio-sales-btn-secondary {
  border-color: var(--color-red) !important;
  color: #fff !important;
  background: var(--color-red) !important;
  box-shadow: none !important;
}

.portfolio-page--sales .portfolio-sales-btn-primary:hover,
.portfolio-page--sales .portfolio-sales-btn-primary:focus-visible { border-color: var(--color-red) !important; color: var(--color-red-hover) !important; }
.portfolio-page--sales .portfolio-sales-btn-secondary:hover,
.portfolio-page--sales .portfolio-sales-btn-secondary:focus-visible { border-color: var(--color-red-hover) !important; background: var(--color-red-hover) !important; }

.portfolio-sales-hero::before,
.portfolio-sales-hero::after { background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.08), transparent 68%) !important; }
.portfolio-sales-hero__aside li::before { background: var(--color-red) !important; }
.portfolio-case__media,
.portfolio-case--aurelia .portfolio-case__media,
.portfolio-case--sushi .portfolio-case__media { border-color: var(--color-border-dark) !important; background: linear-gradient(145deg, #171717, #0a0a0a) !important; }
.portfolio-case__link:hover,
.portfolio-case__link:focus-visible,
.portfolio-sales-eyebrow { color: var(--color-red) !important; }
.portfolio-sales-method { color: #111 !important; background: var(--color-surface-light) !important; }
.portfolio-sales-method h2,
.portfolio-sales-method strong { color: #111 !important; }
.portfolio-sales-method p { color: #555 !important; }
.portfolio-sales-method__list { border-color: var(--color-border-light) !important; }
.portfolio-sales-method__list li { border-color: var(--color-border-light) !important; }
.portfolio-sales-method__list li > span { color: var(--color-red) !important; }

/* Offer page. */
.offer-page--unified,
.offer-unified-hero { background: #050505 !important; }
.offer-unified-hero::before { background: radial-gradient(circle, rgba(255,255,255,.08), transparent 65%) !important; }
.offer-unified-hero__scope span { color: var(--color-red) !important; }
.offer-directions { color: #111 !important; background: var(--color-surface-light) !important; }
.offer-directions h2,
.offer-directions h3 { color: #111 !important; }
.offer-directions__list,
.offer-directions__list > li { border-color: var(--color-border-light) !important; }
.offer-directions__list div > p,
.offer-directions__list > li > span,
.offer-directions__list ul li::before,
.offer-directions__list > li > a { color: var(--color-red) !important; }
.offer-directions__list ul { color: #555 !important; }
.offer-directions__list > li > a:hover,
.offer-directions__list > li > a:focus-visible { color: var(--color-red-hover) !important; }

/* About page. */
.about-page--unified,
.about-unified-hero { background: #050505 !important; }
.about-unified-hero::before,
.about-unified-hero__people::before { background: radial-gradient(circle, rgba(255,255,255,.09), transparent 70%) !important; }
.about-person { border-color: var(--color-border-dark) !important; background: #111 !important; }
.about-person__portrait,
.about-person--franek .about-person__portrait { background: linear-gradient(145deg, #262626, #0c0c0c) !important; }
.about-person p { color: var(--color-red) !important; }
.about-direct { color: #111 !important; background: var(--color-surface-light) !important; }
.about-direct h2,
.about-direct h3 { color: #111 !important; }
.about-direct p { color: #555 !important; }
.about-direct article,
.about-direct__list { border-color: var(--color-border-light) !important; }
.about-direct span,
.about-direct li::before { color: var(--color-red) !important; }

/* Contact page. */
.contact-page--unified,
.contact-unified-hero { background: #050505 !important; }
.contact-unified-hero::before { background: radial-gradient(circle, rgba(255,255,255,.08), transparent 68%) !important; }
.contact-form-section { color: #111 !important; background: var(--color-surface-light) !important; }
.contact-form-section h2,
.contact-form-section h3,
.contact-form-section label { color: #111 !important; }
.contact-form-section p { color: #555 !important; }
.contact-form-section .contact-touch-form,
.contact-form-section .static-form--premium {
  border-color: var(--color-border-light) !important;
  color: #111 !important;
  background: rgba(255,255,255,.52) !important;
  box-shadow: none !important;
}
.contact-form-section .contact-touch-form::before,
.contact-form-section .static-form--premium::before { background: none !important; }
.contact-short-options,
.contact-short-options article,
.contact-form-layout,
.contact-form-aside,
.contact-form-card { border-color: var(--color-border-light) !important; }
.contact-short-options a,
.contact-form-aside a,
.contact-form-section form a { color: var(--color-red) !important; border-color: currentColor !important; }
.contact-form-section input,
.contact-form-section textarea,
.contact-form-section select { border-color: rgba(0,0,0,.22) !important; color: #111 !important; background: rgba(255,255,255,.64) !important; }
.contact-form-section select option { color: #111 !important; background: #fff !important; }
.contact-form-section input:focus,
.contact-form-section textarea:focus,
.contact-form-section select:focus { border-color: var(--color-red) !important; box-shadow: 0 0 0 3px rgba(225,6,0,.1) !important; }
.contact-form-section button[type="submit"] { border-color: var(--color-red) !important; color: #fff !important; background: var(--color-red) !important; }

/* Demo page and interactive tools. */
.demo-page--unified,
.demo-page--unified .demo-page-section { background: #050505 !important; }
.demo-page--unified .demo-page-section::before {
  background:
    radial-gradient(circle at 49% 12%, rgba(255,255,255,.08), transparent 352px),
    radial-gradient(circle at 14% 42%, rgba(180,180,176,.055), transparent 288px),
    linear-gradient(transparent, rgba(0,0,0,.72)) !important;
}
.demo-page--unified .demo-tools-shell,
.demo-page--unified .demo-tools-panel,
.demo-page--unified .tdc-stage,
.demo-page--unified .demo-lead-path,
.demo-page--unified .demo-tools-nav { border-color: var(--color-border-dark) !important; background: #0c0c0c !important; box-shadow: none !important; }
.demo-page--unified .demo-tools-shell::before,
.demo-page--unified .demo-tools-nav::before,
.demo-page--unified .demo-tools-panel::before { background: none !important; }
.demo-page--unified .demo-tools-tab { color: #999 !important; border-color: var(--color-border-dark) !important; background: #0c0c0c !important; }
.demo-page--unified .demo-tools-tab::before { background: none !important; }
.demo-page--unified .demo-tools-tab.is-active { color: #fff !important; border-color: var(--color-red) !important; background: #111 !important; box-shadow: inset 3px 0 0 var(--color-red) !important; }
.demo-page--unified .demo-tools-tab-desc,
.demo-page--unified .demo-tools-panel p,
.demo-page--unified .demo-tools-panel li { color: #999 !important; border-color: rgba(255,255,255,.12) !important; }
.demo-page--unified .demo-tools-tab.is-active .demo-tools-tab-icon,
.demo-page--unified .tdc-live-badge,
.demo-page--unified .demo-lead-path__steps span { border-color: var(--color-red) !important; color: #fff !important; background: var(--color-red) !important; box-shadow: none !important; }
.demo-page--unified .demo-tool-icon-image { filter: grayscale(1) contrast(1.1); }
.demo-page--unified .demo-tools-tab-icon,
.demo-page--unified .demo-tool-icon-image,
.demo-page--unified .tdc-icon { color: #ddd !important; border-color: rgba(255,255,255,.14) !important; }

body.site-page--unified.demo-page--unified .demo-tools-shell,
body.site-page--unified.demo-page--unified .demo-tools-nav,
body.site-page--unified.demo-page--unified .demo-tools-panel,
body.site-page--unified.demo-page--unified .tdc-stage,
body.site-page--unified.demo-page--unified .tdc-actions {
  border-color: rgba(255,255,255,.12) !important;
  background-color: #0c0c0c !important;
  background-image: radial-gradient(circle at 16% 0%, rgba(255,255,255,.045), transparent 300px), linear-gradient(145deg, #101010, #090909) !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .demo-tools-tab,
body.site-page--unified.demo-page--unified .demo-tools-tab.is-active {
  background-image: none !important;
}

body.site-page--unified.demo-page--unified .tdc-header,
body.site-page--unified.demo-page--unified .tdc-stage-bar,
body.site-page--unified.demo-page--unified .tdc-actions,
body.site-page--unified.demo-page--unified .tdc-live-badge {
  border-color: rgba(255,255,255,.12) !important;
}

body.site-page--unified.demo-page--unified .tdc-chat-body {
  background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px) !important;
}

body.site-page--unified.demo-page--unified .pane-section-label::before {
  background-color: rgba(225,6,0,.08) !important;
  background-image: repeating-linear-gradient(90deg, transparent 0 3px, rgba(225,6,0,.9) 3px 5px, transparent 5px 8px) !important;
}

body.site-page--unified.demo-page--unified .tdc-launch-btn {
  border-color: var(--color-red) !important;
  background: var(--color-red) !important;
  box-shadow: none !important;
}
body.site-page--unified.demo-page--unified .tdc-anim-btn {
  border-color: rgba(255,255,255,.18) !important;
  color: #fff !important;
  background: #171717 !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .tdc-popup-viewport,
body.site-page--unified.demo-page--unified .tdc-popup-page,
body.site-page--unified.demo-page--unified .tdc-exit-page,
body.site-page--unified.demo-page--unified .tdc-form-viewport,
body.site-page--unified.demo-page--unified .tdc-form-page,
body.site-page--unified.demo-page--unified .tdc-banner-viewport {
  background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px) !important;
}

body.site-page--unified.demo-page--unified .tdc-pl-hero-line,
body.site-page--unified.demo-page--unified .tdc-pl-band,
body.site-page--unified.demo-page--unified .tdc-pl-card,
body.site-page--unified.demo-page--unified .tdc-popup-sidebox-label,
body.site-page--unified.demo-page--unified .tdc-popup-field,
body.site-page--unified.demo-page--unified .tdc-exit-line,
body.site-page--unified.demo-page--unified .tdc-exit-field,
body.site-page--unified.demo-page--unified .tdc-fp-line,
body.site-page--unified.demo-page--unified .tdc-banner-line {
  border-color: rgba(255,255,255,.14) !important;
  background-color: rgba(255,255,255,.11) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .tdc-popup-sidebox,
body.site-page--unified.demo-page--unified .tdc-exit-popup-stage,
body.site-page--unified.demo-page--unified .tdc-form-embed-card,
body.site-page--unified.demo-page--unified .tdc-banner-bar {
  border-color: rgba(255,255,255,.18) !important;
  background: linear-gradient(155deg, #171717, #0c0c0c) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.42) !important;
}

body.site-page--unified.demo-page--unified .tdc-pl-cta,
body.site-page--unified.demo-page--unified .tdc-popup-btn,
body.site-page--unified.demo-page--unified .tdc-exit-cta,
body.site-page--unified.demo-page--unified .tdc-fe-submit,
body.site-page--unified.demo-page--unified .tdc-banner-btn-mock {
  border-color: var(--color-red) !important;
  background: var(--color-red) !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .tdc-fe-label { border-color: rgba(225,6,0,.28) !important; color: var(--color-red) !important; }
body.site-page--unified.demo-page--unified .tdc-exit-edge-hint { background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent) !important; }
body.site-page--unified.demo-page--unified .tdc-exit-bar { border-color: rgba(255,255,255,.12) !important; }

body.site-page--unified.demo-page--unified .demo-sheets-mock {
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(155deg, #171717, #0c0c0c) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.42) !important;
}
body.site-page--unified.demo-page--unified .demo-sheets-mock__chrome,
body.site-page--unified.demo-page--unified .demo-sheets-mock__toolbar,
body.site-page--unified.demo-page--unified .demo-sheets-mock__tabs,
body.site-page--unified.demo-page--unified .demo-sheets-mock th,
body.site-page--unified.demo-page--unified .demo-sheets-mock td { border-color: rgba(255,255,255,.12) !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock__badge,
body.site-page--unified.demo-page--unified .demo-sheets-mock__pill,
body.site-page--unified.demo-page--unified .demo-sheets-mock td span { border-color: rgba(225,6,0,.24) !important; color: #fff !important; background: rgba(225,6,0,.12) !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock td { background-color: transparent !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock__chrome,
body.site-page--unified.demo-page--unified .demo-sheets-mock__toolbar,
body.site-page--unified.demo-page--unified .demo-sheets-mock__tabs { background-color: rgba(255,255,255,.035) !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock th { background-color: rgba(255,255,255,.055) !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock__toolbar span { background: rgba(255,255,255,.18) !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock__tabs span {
  border-color: rgba(255,255,255,.14) !important;
  color: #999 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.site-page--unified.demo-page--unified .demo-sheets-mock__tabs span.is-active {
  border-color: rgba(225,6,0,.32) !important;
  color: #fff !important;
  background: rgba(225,6,0,.1) !important;
}

body.site-page--unified.demo-page--unified .eyebrow { border-color: rgba(255,255,255,.14) !important; color: var(--color-red) !important; }
body.site-page--unified.demo-page--unified .demo-dialog .eyebrow { background-color: rgba(255,255,255,.04) !important; }
body.site-page--unified.demo-page--unified .demo-dialog { border-color: rgba(255,255,255,.18) !important; background: #111 !important; box-shadow: 0 24px 70px rgba(0,0,0,.54) !important; }
body.site-page--unified.demo-page--unified .demo-dialog .btn-primary,
body.site-page--unified.demo-page--unified .banner-submit { border-color: var(--color-red) !important; background: var(--color-red) !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .banner-close,
body.site-page--unified.demo-page--unified .tdc-banner-close-mock { border-color: rgba(255,255,255,.16) !important; background: #222 !important; }
body.site-page--unified.demo-page--unified .tdc-banner-success,
body.site-page--unified.demo-page--unified .demo-banner { background-color: #0c0c0c !important; }
body.site-page--unified.demo-page--unified .demo-lead-path__intro .eyebrow { background-color: rgba(255,255,255,.04) !important; }
body.site-page--unified.demo-page--unified .demo-lead-path__intro > p:not(.eyebrow) { color: #bbb !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock th { color: #aaa !important; }

/* Privacy page. */
.privacy-page main,
.privacy-hero,
.privacy-content { color: #111 !important; background: var(--color-surface-light) !important; }
.privacy-hero::before { background: radial-gradient(circle, rgba(0,0,0,.06), transparent 68%) !important; }
.privacy-hero h1,
.privacy-card h2,
.privacy-card h3 { color: #111 !important; }
.privacy-lead,
.privacy-card p,
.privacy-card li { color: #555 !important; }
.privacy-back-link,
.privacy-toc a,
.privacy-section-mark { color: var(--color-red) !important; }
.privacy-page .eyebrow { border-color: rgba(0,0,0,.14) !important; color: var(--color-red) !important; }
.privacy-page .privacy-hero .eyebrow { background-color: rgba(0,0,0,.04) !important; }
.privacy-page .privacy-section-mark {
  border-color: rgba(225,6,0,.24) !important;
  color: var(--color-red) !important;
  background: rgba(225,6,0,.07) !important;
}
.privacy-template-note,
.privacy-config-warning { border-color: rgba(0,0,0,.14) !important; background: rgba(255,255,255,.42) !important; }
.privacy-toc,
.privacy-card { border-color: var(--color-border-light) !important; background: rgba(255,255,255,.42) !important; box-shadow: none !important; }

/* Footer and Cal modal. */
.site-footer--unified { border-color: var(--color-border-dark) !important; background: #050505 !important; }
.site-footer--unified::before { background: rgba(255,255,255,.055) !important; }
.footer-unified__cta > a { color: var(--color-red) !important; }
.footer-unified__cta > a:hover,
.footer-unified__cta > a:focus-visible { color: var(--color-red-hover) !important; }
.cal-booking-dialog { border-color: rgba(255, 255, 255, 0.14) !important; color: #fff !important; background: #0c0c0c !important; }
.cal-booking-dialog__eyebrow,
.cal-booking-dialog__footer a,
.cal-booking-dialog__fallback-btn { color: var(--color-red) !important; }
.cal-booking-dialog__fallback-btn { color: #fff !important; background: var(--color-red) !important; }
.cal-booking-dialog__close:hover,
.cal-booking-dialog__close:focus-visible { border-color: var(--color-red) !important; color: #fff !important; }

/* Chat widget. */
.chat-toggle {
  border-color: var(--color-red) !important;
  color: #fff !important;
  background: var(--color-red) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.34) !important;
  animation-name: monochrome-chat-breathe !important;
}

.chat-toggle:hover,
.chat-input button:hover { background: var(--color-red-hover) !important; box-shadow: 0 18px 48px rgba(0,0,0,.42) !important; }
.floating-chat::before { background: none !important; }
.chat-window { border-color: var(--color-border-dark) !important; background: rgba(12,12,12,.96) !important; box-shadow: 0 30px 90px rgba(0,0,0,.6) !important; }
.chat-top,
.chat-footer,
.chat-panel,
.chat-quick-actions,
.chat-lead-form { border-color: var(--color-border-dark) !important; background: rgba(12,12,12,.92) !important; }
.chat-input input,
.chat-lead-form input,
.chat-lead-form textarea { border-color: var(--color-border-dark) !important; color: #fff !important; background: #111 !important; caret-color: var(--color-red) !important; }
.chat-input input:focus,
.chat-lead-form input:focus,
.chat-lead-form textarea:focus { border-color: var(--color-red) !important; background: #111 !important; box-shadow: 0 0 0 3px rgba(225,6,0,.12) !important; }
.chat-chip { border-color: var(--color-border-dark) !important; color: #fff !important; background: #171717 !important; }
.chat-chip:hover,
.chat-chip:focus-visible { border-color: var(--color-red) !important; color: var(--color-red-hover) !important; }
.chat-body .message.bot,
.chat-typing { border-color: var(--color-border-dark) !important; color: #ddd !important; background: #171717 !important; box-shadow: none !important; }
.chat-body .message.user { border-color: rgba(225,6,0,.42) !important; color: #fff !important; background: var(--color-red) !important; box-shadow: none !important; }
.chat-input button { color: #fff !important; background: var(--color-red) !important; box-shadow: none !important; }
.chat-status-dot { background: var(--color-red) !important; box-shadow: 0 0 0 4px rgba(225,6,0,.12) !important; }
.chat-reset,
.chat-close { border-color: var(--color-border-dark) !important; color: #fff !important; background: #111 !important; }

@keyframes monochrome-chat-breathe {
  0%, 100% { box-shadow: 0 16px 42px rgba(0,0,0,.34); }
  50% { box-shadow: 0 18px 48px rgba(225,6,0,.14); }
}

/* Neutral Leadpage overlay on client realizations; project content stays untouched. */
.leadpage-project-shell { border-color: rgba(255,255,255,.2); color: #fff; background: rgba(5,5,5,.9); }
.leadpage-project-shell__link:hover,
.leadpage-project-shell__link:focus-visible { border-color: var(--color-red); color: #fff; }
.leadpage-project-shell__link--primary,
.leadpage-project-shell__link--primary:hover,
.leadpage-project-shell__link--primary:focus-visible { border-color: var(--color-red); color: #fff; background: var(--color-red); box-shadow: none; }

@media (max-width: 980px) {
  .site-page--unified .site-nav,
  .home-page--sales .site-nav { border-color: var(--color-border-dark) !important; background: rgba(5,5,5,.985) !important; }
  .site-page--unified .site-nav a.is-active,
  .home-page--sales .site-nav a.is-active {
    border-color: rgba(225,6,0,.32) !important;
    color: #fff !important;
    background: rgba(225,6,0,.08) !important;
    box-shadow: none !important;
  }
  .site-page--unified .site-nav .mobile-menu-cta,
  .site-page--unified .site-nav .mobile-menu-cta.is-active,
  .home-page--sales .site-nav .mobile-menu-cta,
  .home-page--sales .site-nav .mobile-menu-cta.is-active {
    border-color: var(--color-red) !important;
    color: #fff !important;
    background: var(--color-red) !important;
    box-shadow: none !important;
  }
  .site-page--unified .site-nav a.is-active::after,
  .home-page--sales .site-nav a.is-active::after { right: auto; bottom: 7px; left: 10px; margin: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .site-page--unified .unified-final-cta::before,
  .site-page--unified .unified-final-cta::after,
  body.home-page--sales .sales-final-cta--cosmic::before,
  body.home-page--sales .sales-final-cta--cosmic::after,
  .chat-toggle { animation: none !important; }
}

/* Exact correction: the luminous plume belongs only to the homepage hero. */
.portfolio-sales-hero::before,
.portfolio-sales-hero::after,
.portfolio-sales-showcase::before,
.portfolio-sales-showcase::after,
.demo-page--unified .demo-page-section::before,
.demo-page--unified .demo-page-section::after,
.offer-unified-hero::before,
.offer-unified-hero::after,
.about-unified-hero::before,
.about-unified-hero::after,
.about-unified-hero__people::before,
.about-unified-hero__people::after,
.contact-unified-hero::before,
.contact-unified-hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
  filter: none !important;
}

/* Closing sections: one system, distinct ambient motion, no smoke or plume. */
.site-page--unified .unified-final-cta,
body.home-page--sales .sales-final-cta {
  min-height: clamp(500px, 64vh, 680px);
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #070707 !important;
}

.site-page--unified .unified-final-cta::before,
.site-page--unified .unified-final-cta::after,
body.home-page--sales .sales-final-cta::before,
body.home-page--sales .sales-final-cta::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  content: "";
  pointer-events: none;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  mask-image: none !important;
  mix-blend-mode: normal;
  opacity: 1;
  transform: none;
  animation: none !important;
}

body.home-page--sales .sales-final-cta--grid::before {
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  animation: closing-grid-drift 18s linear infinite !important;
}
body.home-page--sales .sales-final-cta--grid::after {
  top: auto;
  right: 8%;
  bottom: 14%;
  left: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(225,6,0,.7), transparent) !important;
  animation: closing-line-breathe 7s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta--demo::before {
  background-image: radial-gradient(circle, rgba(255,255,255,.18) 0 1px, transparent 1.5px) !important;
  background-size: 34px 34px !important;
  animation: closing-dots-drift 20s linear infinite !important;
}
.site-page--unified .unified-final-cta--demo::after {
  inset: 12% 8%;
  border: 1px solid rgba(255,255,255,.08);
  background: none !important;
  animation: closing-frame-breathe 8s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta--portfolio::before {
  background: repeating-linear-gradient(0deg, transparent 0 38px, rgba(255,255,255,.055) 39px, transparent 40px) !important;
  animation: closing-lines-drift 22s linear infinite !important;
}
.site-page--unified .unified-final-cta--portfolio::after {
  top: 18%;
  right: 7%;
  bottom: 18%;
  left: auto;
  width: 1px;
  background: var(--color-red) !important;
  animation: closing-marker-slide 8s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta--about::before {
  background: repeating-linear-gradient(90deg, transparent 0 15%, rgba(255,255,255,.055) calc(15% + 1px), transparent calc(15% + 2px) 30%) !important;
  animation: closing-columns-drift 24s linear infinite !important;
}
.site-page--unified .unified-final-cta--about::after {
  top: 18%;
  bottom: 18%;
  left: 10%;
  width: 2px;
  background: var(--color-red) !important;
  animation: closing-marker-pulse 6s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta--offer::before {
  background-image: linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) !important;
  background-size: 72px 100% !important;
  animation: closing-offer-drift 22s linear infinite !important;
}
.site-page--unified .unified-final-cta--offer::after {
  top: 22%;
  right: 8%;
  bottom: auto;
  left: 8%;
  height: 1px;
  background: rgba(225,6,0,.62) !important;
  animation: closing-line-breathe 7s ease-in-out infinite alternate !important;
}

.site-page--unified .unified-final-cta--contact::before {
  right: 50%;
  border-right: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(90deg, rgba(255,255,255,.025), transparent) !important;
  animation: closing-contact-shift 12s ease-in-out infinite alternate !important;
}
.site-page--unified .unified-final-cta--contact::after {
  top: auto;
  right: 10%;
  bottom: 18%;
  left: 50%;
  height: 1px;
  background: rgba(255,255,255,.2) !important;
  animation: closing-line-breathe 9s ease-in-out infinite alternate-reverse !important;
}

.site-page--unified .unified-final-cta__inner,
body.home-page--sales .sales-final-cta__inner { position: relative; z-index: 2; }

@keyframes closing-grid-drift { to { background-position: 54px 54px; } }
@keyframes closing-dots-drift { to { background-position: 68px 34px; } }
@keyframes closing-lines-drift { to { background-position: 0 80px; } }
@keyframes closing-columns-drift { to { background-position: 120px 0; } }
@keyframes closing-offer-drift { to { background-position: 144px 0; } }
@keyframes closing-contact-shift { from { transform: translateX(-3%); } to { transform: translateX(3%); } }
@keyframes closing-line-breathe { from { opacity: .28; transform: scaleX(.8); } to { opacity: .8; transform: scaleX(1); } }
@keyframes closing-frame-breathe { from { opacity: .45; transform: scale(.985); } to { opacity: .8; transform: scale(1); } }
@keyframes closing-marker-slide { from { transform: translateY(-18%); } to { transform: translateY(18%); } }
@keyframes closing-marker-pulse { from { opacity: .28; transform: scaleY(.55); } to { opacity: .82; transform: scaleY(1); } }

/* Homepage metrics: aligned numbers, compact claims and a clear sales message. */
body.home-page--sales .sales-metrics { padding: clamp(46px, 5vw, 70px) 0 clamp(52px, 6vw, 82px) !important; border-bottom: 1px solid rgba(255,255,255,.1); }
body.home-page--sales .sales-metrics__inner { display: grid; gap: 24px; }
body.home-page--sales .sales-metrics__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
body.home-page--sales .sales-metrics__grid > div { display: grid; min-height: 184px; align-content: start; gap: 18px; padding: 30px clamp(16px, 2vw, 28px); border-right: 1px solid rgba(255,255,255,.12); }
body.home-page--sales .sales-metrics__grid > div:last-child { border-right: 0; }
body.home-page--sales .sales-metrics strong { display: flex; min-height: 64px; align-items: center; gap: 12px; margin: 0; line-height: .9; white-space: nowrap; }
body.home-page--sales .sales-metrics strong span { flex: 0 0 auto; color: var(--color-red); font-size: clamp(3rem, 4.4vw, 4.5rem); letter-spacing: -.08em; }
body.home-page--sales .sales-metrics strong small { min-width: 0; color: #fff; font-size: clamp(.94rem, 1.15vw, 1.18rem); font-weight: 700; line-height: 1.05; letter-spacing: -.035em; }
body.home-page--sales .sales-metrics strong::first-letter { color: inherit; }
body.home-page--sales .sales-metrics__grid p { max-width: 29ch; margin: 0; color: #a8a8a4 !important; font-size: .88rem; line-height: 1.55; }
body.home-page--sales .sales-metrics__summary { max-width: 860px; margin: 0; color: #e1e1de !important; font-size: clamp(.95rem, 1.25vw, 1.12rem); font-weight: 600; line-height: 1.5; }

@media (max-width: 1180px) {
  body.home-page--sales .sales-metrics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.home-page--sales .sales-metrics__grid > div:nth-child(2) { border-right: 0; }
  body.home-page--sales .sales-metrics__grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
}

@media (max-width: 560px) {
  body.home-page--sales .sales-metrics__grid { grid-template-columns: 1fr; }
  body.home-page--sales .sales-metrics__grid > div,
  body.home-page--sales .sales-metrics__grid > div:nth-child(2) { min-height: 0; padding: 26px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  body.home-page--sales .sales-metrics__grid > div:last-child { border-bottom: 0; }
  body.home-page--sales .sales-metrics strong { min-height: 0; }
}

/* FAQ: editorial two-column layout with a full, concrete accordion. */
body.home-page--sales .sales-faq { padding-block: clamp(100px, 11vw, 160px) !important; }
body.home-page--sales .sales-faq__layout { grid-template-columns: minmax(280px, .78fr) minmax(0, 1.35fr); align-items: start; gap: clamp(52px, 8vw, 120px); }
body.home-page--sales .sales-faq .sales-section-heading { position: sticky; top: 130px; }
body.home-page--sales .sales-faq .sales-section-heading h2 { max-width: 520px; margin-bottom: 22px; font-size: clamp(2.6rem, 4.5vw, 4.7rem); line-height: .98; }
body.home-page--sales .sales-faq .sales-section-heading > p:not(.sales-eyebrow) { max-width: 440px; margin: 0 0 30px; color: #555; line-height: 1.7; }
body.home-page--sales .sales-faq__contact { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid #111; color: #111; background: transparent; }
body.home-page--sales .sales-faq__contact:hover,
body.home-page--sales .sales-faq__contact:focus-visible { border-color: var(--color-red); color: var(--color-red); }
body.home-page--sales .sales-faq .faq-item { background: transparent !important; }
body.home-page--sales .sales-faq .faq-question { min-height: 84px; padding: 22px 0; gap: 24px; font-size: clamp(1rem, 1.35vw, 1.22rem); }
body.home-page--sales .sales-faq .faq-answer p { max-width: 720px; padding: 0 68px 26px 0; line-height: 1.7; }

/* Homepage portfolio: autoplay marquee; full detail stays on Portfolio. */
body.home-page--sales .sales-portfolio--editorial {
  padding-block: clamp(90px, 10vw, 132px) !important;
  overflow: visible !important;
}
body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project { display: flex; flex-direction: column; align-content: start; gap: 0; margin: 0; }
body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project__visual {
  min-height: 0;
  aspect-ratio: 1680 / 1200;
  padding: clamp(10px, 1.6vw, 18px);
}
body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project__content { max-width: none; padding: 22px 4px 0; }
body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project__content h3 { margin-block: 8px 10px; font-size: clamp(1.55rem, 2.2vw, 2.35rem); }
body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project__scope { display: none; }
body.home-page--sales .sales-portfolio--editorial .sales-portfolio__actions { margin-top: 52px; }

@media (max-width: 960px) {
  body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project__visual {
    aspect-ratio: 1400 / 900;
    padding: clamp(10px, 3vw, 16px);
  }
}

/* Full portfolio: neutral stage, no glow; the work supplies the color. */
.portfolio-page--sales .portfolio-sales-hero,
.portfolio-page--sales .portfolio-sales-showcase { background: #050505 !important; box-shadow: none !important; }
.portfolio-page--sales .portfolio-sales-hero { min-height: min(780px, 88vh); }
.portfolio-page--sales .portfolio-case__media { box-shadow: none !important; }
.portfolio-page--sales .portfolio-case__media::before,
.portfolio-page--sales .portfolio-case__media::after { display: none !important; content: none !important; background: none !important; filter: none !important; }
.portfolio-page--sales .portfolio-sales-cta .portfolio-sales-btn-primary {
  border-color: var(--color-red) !important;
  color: #fff !important;
  background: var(--color-red) !important;
}
.portfolio-page--sales .portfolio-sales-cta .portfolio-sales-btn-secondary {
  border-color: rgba(255,255,255,.34) !important;
  color: #fff !important;
  background: transparent !important;
}

/* Demo: precise monochrome workspace, no colored halo or card glow. */
body.site-page--unified.demo-page--unified .demo-page-section { padding: clamp(128px, 13vw, 178px) 0 clamp(100px, 10vw, 150px); background: #050505 !important; }
body.site-page--unified.demo-page--unified .demo-unified-intro { max-width: 850px; margin: 0 0 clamp(46px, 6vw, 76px); }
body.site-page--unified.demo-page--unified .demo-tools-shell { grid-template-columns: minmax(210px, 248px) minmax(0, 1fr); gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.14) !important; background: #0a0a0a !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .demo-tools-nav { align-content: start; gap: 8px; padding: 0; border: 0 !important; background: transparent !important; }
body.site-page--unified.demo-page--unified .demo-tools-tab { min-height: 80px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.11) !important; border-radius: 14px; background: #0d0d0d !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .demo-tools-tab.is-active { border-color: var(--color-red) !important; background: #151515 !important; box-shadow: inset 3px 0 0 var(--color-red) !important; }
body.site-page--unified.demo-page--unified .demo-tools-tab-icon { background: #171717 !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .demo-tools-panel { min-width: 0; padding: clamp(20px, 2.2vw, 30px); border: 1px solid rgba(255,255,255,.1) !important; background: #0d0d0d !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .demo-tool-pane { gap: 20px; }
body.site-page--unified.demo-page--unified .tdc-header { padding-bottom: 18px; }
body.site-page--unified.demo-page--unified .tdc-stage { min-height: clamp(280px, 29vw, 370px); border-color: rgba(255,255,255,.12) !important; background: #090909 !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .tdc-actions { gap: 12px; padding: 12px; border-color: rgba(255,255,255,.1) !important; background: #0a0a0a !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .tdc-live-badge { border-color: var(--color-red) !important; background: var(--color-red) !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .demo-lead-path { grid-template-columns: minmax(260px,.75fr) minmax(0,1.35fr); gap: clamp(42px, 6vw, 88px); margin-top: clamp(74px, 9vw, 120px); padding: clamp(28px, 4vw, 52px); border: 1px solid rgba(255,255,255,.12) !important; background: #0a0a0a !important; box-shadow: none !important; }
body.site-page--unified.demo-page--unified .demo-sheets-mock { box-shadow: none !important; }
body.site-page--unified.demo-page--unified [class*="glow"],
body.site-page--unified.demo-page--unified [class*="halo"] { display: none !important; box-shadow: none !important; filter: none !important; }

/* About: concrete content with alternating editorial rhythm. */
.about-intro { padding: clamp(100px, 11vw, 160px) 0; color: #111; background: var(--color-surface-light); }
.about-intro__grid { display: grid; grid-template-columns: minmax(220px,.6fr) minmax(0,1.4fr); gap: 48px; align-items: start; }
.about-intro h2 { max-width: 920px; margin: 0 0 30px; color: #111; font-size: clamp(2.6rem, 5.5vw, 6rem); line-height: .96; letter-spacing: -.07em; }
.about-intro p:last-child { max-width: 760px; margin: 0; color: #555; font-size: clamp(1.05rem,1.4vw,1.3rem); line-height: 1.75; }
.about-work { padding: clamp(100px, 11vw, 160px) 0; background: #050505; }
.about-work__grid { display: grid; grid-template-columns: minmax(280px,.85fr) minmax(0,1.15fr); gap: clamp(58px,8vw,120px); align-items: start; }
.about-work__heading { position: sticky; top: 130px; }
.about-work__heading h2 { margin: 20px 0 0; font-size: clamp(2.5rem,4.5vw,4.8rem); line-height: .98; letter-spacing: -.065em; }
.about-work__steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.14); }
.about-work__steps li { display: grid; grid-template-columns: 54px 1fr; gap: 24px; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.about-work__steps li > span { color: var(--color-red); font-weight: 700; }
.about-work__steps h3 { margin: 0 0 9px; font-size: 1.25rem; }
.about-work__steps p { margin: 0; color: #999; line-height: 1.65; }
.about-outcomes { padding: clamp(100px, 11vw, 160px) 0; color: #111; background: var(--color-surface-light); }
.about-outcomes__heading { display: grid; grid-template-columns: .75fr 1.25fr; gap: 28px 56px; align-items: end; margin-bottom: clamp(52px,7vw,90px); }
.about-outcomes__heading .unified-eyebrow { grid-column: 1 / -1; }
.about-outcomes__heading h2 { margin: 0; color: #111; font-size: clamp(2.5rem,4.5vw,4.8rem); line-height: .98; }
.about-outcomes__heading > p:last-child { margin: 0 0 4px; color: #555; line-height: 1.7; }
.about-outcomes__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15); }
.about-outcomes__grid article { min-height: 300px; padding: 30px 26px; border-right: 1px solid rgba(0,0,0,.15); }
.about-outcomes__grid article:last-child { border-right: 0; }
.about-outcomes__grid span { color: var(--color-red); font-weight: 700; }
.about-outcomes__grid h3 { margin: 72px 0 14px; color: #111; font-size: 1.25rem; }
.about-outcomes__grid p { margin: 0; color: #555; line-height: 1.65; }
.about-direct { padding-block: 42px !important; color: #fff !important; background: #0a0a0a !important; }
.about-direct__line { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid rgba(255,255,255,.12) !important; }
.about-direct__line span { min-height: 72px; display: grid; place-items: center; padding: 16px; border-right: 1px solid rgba(255,255,255,.12); color: #ddd !important; text-align: center; }
.about-direct__line span:last-child { border-right: 0; }

@media (max-width: 980px) {
  body.home-page--sales .sales-metrics__intro,
  body.home-page--sales .sales-faq__layout,
  .about-intro__grid,
  .about-work__grid,
  .about-outcomes__heading { grid-template-columns: 1fr; }
  body.home-page--sales .sales-faq .sales-section-heading,
  .about-work__heading { position: static; }
  body.home-page--sales .sales-metrics__grid,
  .about-outcomes__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.site-page--unified.demo-page--unified .demo-tools-shell,
  body.site-page--unified.demo-page--unified .demo-lead-path { grid-template-columns: 1fr; }
  body.site-page--unified.demo-page--unified .demo-tools-nav { grid-template-columns: repeat(5,minmax(160px,1fr)); overflow-x: auto; padding-bottom: 8px; }
  .about-outcomes__grid article:nth-child(2) { border-right: 0; }
  .about-outcomes__grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(0,0,0,.15); }
  .about-direct__line { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-direct__line span:nth-child(2) { border-right: 0; }
  .about-direct__line span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
}

@media (max-width: 640px) {
  .site-page--unified .unified-final-cta,
  body.home-page--sales .sales-final-cta { min-height: 560px; }
  body.home-page--sales .sales-metrics__grid { grid-template-columns: 1fr; }
  body.home-page--sales .sales-metrics__grid > div { min-height: 138px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  body.home-page--sales .sales-metrics__grid > div:last-child { border-bottom: 0; }
  body.home-page--sales .sales-metrics__claims { margin-top: -12px; }
  body.home-page--sales .sales-faq .faq-question { min-height: 72px; padding-block: 18px; }
  body.home-page--sales .sales-faq .faq-answer p { padding-right: 0; }
  body.home-page--sales .sales-portfolio--editorial .sales-projects-marquee .sales-project__visual {
    aspect-ratio: 1400 / 900;
    padding: 12px;
  }
  body.site-page--unified.demo-page--unified .demo-tools-shell { margin-inline: -4px; padding: 8px; }
  body.site-page--unified.demo-page--unified .demo-tools-nav { grid-template-columns: repeat(5,minmax(145px,1fr)); }
  body.site-page--unified.demo-page--unified .demo-tools-panel { padding: 16px 12px; }
  body.site-page--unified.demo-page--unified .tdc-header { grid-template-columns: 44px 1fr; }
  body.site-page--unified.demo-page--unified .tdc-live-badge { grid-column: 1 / -1; justify-self: start; }
  body.site-page--unified.demo-page--unified .tdc-actions { grid-template-columns: 1fr; }
  .about-outcomes__grid { grid-template-columns: 1fr; }
  .about-outcomes__grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid rgba(0,0,0,.15); }
  .about-outcomes__grid article:last-child { border-bottom: 0; }
  .about-outcomes__grid h3 { margin-top: 48px; }
  .about-direct__line { grid-template-columns: 1fr; }
  .about-direct__line span { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .about-direct__line span:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page--sales .sales-final-cta--grid::before,
  body.home-page--sales .sales-final-cta--grid::after,
  .site-page--unified .unified-final-cta--demo::before,
  .site-page--unified .unified-final-cta--demo::after,
  .site-page--unified .unified-final-cta--portfolio::before,
  .site-page--unified .unified-final-cta--portfolio::after,
  .site-page--unified .unified-final-cta--about::before,
  .site-page--unified .unified-final-cta--about::after,
  .site-page--unified .unified-final-cta--offer::before,
  .site-page--unified .unified-final-cta--offer::after,
  .site-page--unified .unified-final-cta--contact::before,
  .site-page--unified .unified-final-cta--contact::after { animation: none !important; }
}

/* ================================================================
   Scroll experience — one lightweight system, no external runtime.
   Desktop gets pinned/layered scenes; mobile keeps concise reveals.
   ================================================================ */

/* Process scene: useful static styling is retained even without JS. */
body.home-page--sales .sales-process-editorial {
  color: #fff;
  background: #050505 !important;
}

body.home-page--sales .sales-process-editorial h2,
body.home-page--sales .sales-process-editorial h3 { color: #fff !important; }

body.home-page--sales .sales-process-editorial__lead {
  max-width: 460px;
  margin: 26px 0 0;
  color: #92928f;
  line-height: 1.7;
}

body.home-page--sales .sales-process-timeline h3 {
  margin: 0 0 12px;
  font-size: clamp(1.45rem, 2.2vw, 2.35rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}

body.home-page--sales .sales-process-timeline li > div p {
  max-width: 520px;
  margin: 0;
  color: #aaa;
  font-size: clamp(.92rem, 1.1vw, 1.06rem);
  line-height: 1.65;
}

/* Main finale: a scroll-driven closing scene, not another hero clone. */
body.home-page--sales .scroll-finale {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: #050505 !important;
}

body.home-page--sales .scroll-finale::before {
  z-index: -1;
  opacity: .16;
  animation: none !important;
}

body.home-page--sales .scroll-finale::after {
  z-index: -1;
  opacity: .28;
  animation: none !important;
}

body.home-page--sales .scroll-finale__stage {
  position: relative;
  display: flex;
  min-height: min(880px, 100vh);
  justify-content: center;
  padding-block: clamp(100px, 12vh, 150px);
}

body.home-page--sales .scroll-finale__stage::before {
  position: absolute;
  top: clamp(92px, 12vh, 132px);
  right: 0;
  color: #777;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  content: "01 / 01";
}

body.home-page--sales .scroll-finale__stage::after {
  position: absolute;
  top: clamp(120px, 16vh, 174px);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-red) 0 12%, rgba(255,255,255,.16) 12% 100%);
  transform: scaleX(var(--finale-rule, 1));
  transform-origin: left;
  content: "";
}

body.home-page--sales .scroll-finale__eyebrow {
  margin-top: clamp(58px, 8vh, 96px);
}

body.home-page--sales .scroll-finale__title {
  display: grid;
  max-width: 1180px;
  margin: 20px auto 0;
  overflow: hidden;
  font-size: clamp(3.6rem, 8vw, 8.7rem) !important;
  line-height: .86 !important;
  letter-spacing: -.075em !important;
}

body.home-page--sales .scroll-finale__title span { display: block; }
body.home-page--sales .scroll-finale__title span:first-child { color: #fff; }

/* Subpage finales keep their individual backgrounds and get a shorter mask reveal. */
.site-page--unified [data-scroll-finale="lite"] .unified-final-cta__inner,
.portfolio-page--sales [data-scroll-finale="lite"] .unified-final-cta__inner {
  position: relative;
  z-index: 1;
}

@media (min-width: 981px) {
  /* 01–05 layered stack */
  html.scroll-motion-ready [data-scroll-stack] {
    height: 360vh;
    min-height: 2600px;
    padding-block: 0 !important;
    overflow: clip;
  }

  html.scroll-motion-ready [data-scroll-stack] > .container {
    position: sticky;
    top: 0;
    min-height: 100vh;
    align-items: center;
    padding-block: clamp(92px, 12vh, 132px);
  }

  html.scroll-motion-ready body.home-page--sales .sales-process-editorial__layout,
  html.scroll-motion-ready .about-work__grid {
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(520px, 1.22fr);
    gap: clamp(62px, 8vw, 132px);
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-editorial__intro,
  html.scroll-motion-ready [data-scroll-stack] .about-work__heading {
    position: relative;
    top: auto;
    align-self: center;
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline,
  html.scroll-motion-ready [data-scroll-stack] .about-work__steps {
    position: relative;
    width: 100%;
    height: min(56vh, 560px);
    min-height: 460px;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline::before,
  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline::after { display: none; }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li,
  html.scroll-motion-ready [data-scroll-stack] .about-work__steps > li {
    position: absolute;
    inset: 0;
    z-index: var(--stack-z, 1);
    display: grid;
    grid-template-columns: clamp(72px, 8vw, 112px) 1fr;
    min-height: 0;
    align-content: center;
    gap: clamp(24px, 4vw, 54px);
    padding: clamp(34px, 5vw, 70px);
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 3px;
    color: #fff;
    background: #0d0d0d;
    box-shadow: 0 24px 62px rgba(0,0,0,.3);
    opacity: var(--stack-opacity, 1) !important;
    transform: translate3d(0, var(--stack-y, 0), 0) scale(var(--stack-scale, 1)) !important;
    transform-origin: 50% 12%;
    will-change: transform, opacity;
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li::before { display: none; }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li > span,
  html.scroll-motion-ready [data-scroll-stack] .about-work__steps > li > span {
    color: var(--color-red) !important;
    font-size: clamp(2.6rem, 5vw, 5.6rem);
    font-weight: 700;
    line-height: .86;
    letter-spacing: -.07em;
    opacity: var(--stack-number-opacity, 1);
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li > div,
  html.scroll-motion-ready [data-scroll-stack] .about-work__steps > li > div {
    opacity: var(--stack-content-opacity, 1);
  }

  html.scroll-motion-ready [data-scroll-stack] .about-work__steps h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(1.45rem, 2.2vw, 2.35rem);
    line-height: 1.05;
    letter-spacing: -.045em;
  }

  html.scroll-motion-ready [data-scroll-stack] .about-work__steps p {
    max-width: 520px;
    color: #d0d0cc;
    font-size: clamp(.92rem, 1.1vw, 1.06rem);
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li > div p {
    color: #d0d0cc;
  }

  html.scroll-motion-ready [data-scroll-stack] li.is-active {
    border-color: rgba(255,255,255,.28) !important;
    box-shadow: 0 32px 90px rgba(0,0,0,.4), inset 4px 0 0 var(--color-red);
  }

  /* Sticky, progressive closing scene */
  html.scroll-motion-ready body.home-page--sales [data-scroll-finale="sticky"] {
    height: 148vh;
    min-height: 1060px;
    padding: 0 !important;
  }

  html.scroll-motion-ready body.home-page--sales [data-scroll-finale="sticky"] .scroll-finale__stage {
    position: sticky;
    top: 0;
    min-height: 100vh;
  }

  html.scroll-motion-ready body.home-page--sales [data-scroll-finale="sticky"] .scroll-finale__title {
    clip-path: none;
    opacity: var(--finale-title-opacity, .9);
    transform: translate3d(0, var(--finale-title-y, 80px), 0);
    will-change: transform, opacity;
  }

  html.scroll-motion-ready body.home-page--sales [data-scroll-finale="sticky"] .scroll-finale__copy {
    opacity: var(--finale-copy-opacity, 0);
    transform: translate3d(0, var(--finale-copy-y, 34px), 0);
    will-change: transform, opacity;
  }

  html.scroll-motion-ready body.home-page--sales [data-scroll-finale="sticky"] .sales-actions {
    opacity: var(--finale-action-opacity, 0);
    transform: translate3d(0, var(--finale-action-y, 30px), 0);
    will-change: transform, opacity;
  }

  html.scroll-motion-ready [data-scroll-finale="lite"] .unified-final-cta__inner {
    clip-path: none;
    opacity: var(--finale-stage-opacity, .88) !important;
    transform: translate3d(0, var(--finale-copy-y, 34px), 0) !important;
    will-change: transform, opacity;
  }

  /* Offer rows arrive from alternating directions; rules draw with scroll. */
  html.scroll-motion-ready [data-scroll-cascade] > li {
    position: relative;
    opacity: var(--cascade-opacity, 0) !important;
    transform: translate3d(var(--cascade-x, 0), 0, 0) !important;
    will-change: transform, opacity;
  }

  html.scroll-motion-ready [data-scroll-cascade] > li::before {
    transform: scaleX(var(--cascade-rule, 0));
    transform-origin: left;
  }

  /* The solution line grows with reading progress, not a fixed entrance delay. */
  html.scroll-motion-ready [data-scroll-track] {
    transform: translate3d(var(--track-shift, 0), 0, 0) !important;
  }

  html.scroll-motion-ready [data-scroll-track] .sales-solution-flow__line {
    transform: scaleX(var(--track-progress, 0)) !important;
    transform-origin: left;
  }
}

/* Focused correction: compact About page. */
.about-unified-hero__copy .unified-title {
  max-width: 15ch;
}

.about-unified-hero__intro {
  display: grid;
  max-width: 720px;
  gap: 14px;
  margin-top: 26px;
}

.about-unified-hero__intro p {
  margin: 0;
  color: #b7b7b3;
  font-size: clamp(.96rem, 1.2vw, 1.08rem);
  line-height: 1.72;
}

.about-team-simple {
  border-top: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.about-team-simple > p {
  margin: 0;
  padding: 0 0 16px;
  color: var(--color-red);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.about-team-simple > div {
  display: grid;
  grid-template-columns: 42px minmax(90px, .55fr) 1fr;
  align-items: baseline;
  gap: 16px;
  padding: 24px 0;
  border-top: 1px solid rgba(255,255,255,.12);
}

.about-team-simple span {
  color: var(--color-red);
  font-size: .7rem;
  font-weight: 700;
}

.about-team-simple strong {
  color: #fff;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.about-team-simple small {
  color: #8f8f8b;
  line-height: 1.5;
}

.about-values-simple {
  padding: clamp(88px, 10vw, 138px) 0;
  color: #111;
  background: var(--color-surface-light);
}

.about-values-simple__grid {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
  align-items: start;
  gap: clamp(54px, 9vw, 130px);
}

.about-values-simple h2 {
  max-width: 10ch;
  margin-top: 20px;
  color: #111;
  font-size: clamp(2.35rem, 4.6vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.065em;
}

.about-values-simple ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0,0,0,.18);
  list-style: none;
}

.about-values-simple li {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 18px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(0,0,0,.18);
}

.about-values-simple li span {
  color: var(--color-red);
  font-size: .7rem;
  font-weight: 700;
}

.about-values-simple li p {
  margin: 0;
  color: #171717;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem);
  font-weight: 600;
  line-height: 1.35;
}

/* Focused correction: one light, integrated phone control. */
.contact-page--unified .contact-form-card .phone-input {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 0;
  min-height: 52px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.24) !important;
  border-radius: 9px;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.contact-page--unified .contact-form-card .phone-country-select,
.contact-page--unified .contact-form-card .phone-number-input {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  height: 50px;
  margin: 0;
  border: 0 !important;
  border-radius: 0;
  color: #111 !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

.contact-page--unified .contact-form-card .phone-country-select {
  border-right: 1px solid rgba(0,0,0,.16) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #555 50%),
    linear-gradient(135deg, #555 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) calc(50% + 2px),
    calc(100% - 12px) calc(50% + 2px) !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
}

.contact-page--unified .contact-form-card .phone-number-input::placeholder {
  color: #777 !important;
  opacity: 1;
}

.contact-page--unified .contact-form-card .phone-input:hover {
  border-color: rgba(0,0,0,.48) !important;
}

.contact-page--unified .contact-form-card .phone-input:focus-within {
  border-color: var(--color-red) !important;
  box-shadow: 0 0 0 3px rgba(225,6,0,.1) !important;
}

.contact-page--unified .contact-form-card .phone-country-select:focus,
.contact-page--unified .contact-form-card .phone-number-input:focus {
  box-shadow: none !important;
}

.contact-page--unified .contact-form-card .phone-input.has-error {
  border-color: var(--color-red) !important;
  box-shadow: 0 0 0 3px rgba(225,6,0,.1) !important;
}

.contact-page--unified .contact-form-card .phone-input.has-error .phone-country-select,
.contact-page--unified .contact-form-card .phone-input.has-error .phone-number-input {
  border-color: transparent !important;
  box-shadow: none !important;
}

.contact-page--unified .phone-field-error {
  color: #b42318 !important;
}

@media (min-width: 981px) {
  html.scroll-motion-ready .about-work[data-scroll-stack] {
    height: 290vh;
    min-height: 2100px;
  }
}

@media (max-width: 980px) {
  .about-values-simple__grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .about-unified-hero__copy .unified-title { font-size: clamp(2.65rem, 12vw, 3.15rem); }
  .about-team-simple > div { grid-template-columns: 34px 1fr; gap: 10px 14px; }
  .about-team-simple small { grid-column: 2; }
  .about-values-simple { padding-block: 76px; }
  .contact-page--unified .contact-form-card .phone-input { grid-template-columns: 104px minmax(0, 1fr); }
  .contact-page--unified .contact-form-card .phone-country-select,
  .contact-page--unified .contact-form-card .phone-number-input { min-height: 50px; height: 50px; }
}

/* ================================================================
   Screen-reference corrections: one closing CTA system + clean demo.
   ================================================================ */

/* Every public subpage closes with the same offer-style composition. */
.site-page--unified .unified-final-cta {
  position: relative;
  min-height: clamp(540px, 66vh, 660px);
  padding: 0 !important;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #fff;
  background: #070707 !important;
}

.site-page--unified .unified-final-cta::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block !important;
  border: 0 !important;
  content: "" !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) !important;
  background-size: 72px 100% !important;
  box-shadow: none !important;
  opacity: .7;
  transform: none !important;
  animation: none !important;
}

.site-page--unified .unified-final-cta::after {
  position: absolute;
  z-index: 1;
  top: clamp(74px, 12vh, 112px);
  right: max(5vw, 34px);
  bottom: auto;
  left: max(5vw, 34px);
  display: block !important;
  width: auto;
  height: 1px;
  border: 0 !important;
  content: "" !important;
  background: linear-gradient(90deg, var(--color-red) 0 13%, rgba(255,255,255,.14) 13% 100%) !important;
  box-shadow: none !important;
  opacity: 1;
  transform: scaleX(var(--finale-rule, 1)) !important;
  transform-origin: left;
  animation: none !important;
}

.site-page--unified .unified-final-cta__inner {
  display: flex;
  min-height: inherit;
  max-width: 1040px;
  justify-content: center;
  margin-inline: auto;
  padding-block: clamp(124px, 16vh, 172px) clamp(80px, 10vh, 112px);
}

.site-page--unified .unified-final-cta .unified-eyebrow,
.portfolio-page--sales .unified-final-cta .portfolio-sales-eyebrow {
  margin-bottom: 18px;
  color: var(--color-red) !important;
}

.site-page--unified .unified-final-cta .unified-section-title,
.portfolio-page--sales .unified-final-cta h2 {
  max-width: 980px;
  margin: 0;
  color: #fff !important;
  font-size: clamp(2.75rem, 5.3vw, 5.5rem);
  line-height: .94;
  letter-spacing: -.065em;
  text-wrap: balance;
}

.site-page--unified .unified-final-cta .unified-lead,
.portfolio-page--sales .unified-final-cta__inner > p:not(.portfolio-sales-eyebrow) {
  max-width: 680px;
  margin: 24px auto 0;
  color: #b0b0ac !important;
  font-size: clamp(.94rem, 1.2vw, 1.08rem);
  line-height: 1.7;
}

.site-page--unified .unified-final-cta .unified-actions,
.portfolio-page--sales .unified-final-cta .portfolio-sales-actions {
  margin-top: 30px;
}

/* Demo workspace: stable geometry and quiet active state. */
body.site-page--unified.demo-page--unified .demo-page-section > .container {
  width: min(100% - 40px, 1240px);
}

body.site-page--unified.demo-page--unified .demo-tools-shell {
  width: 100%;
  min-width: 0;
  margin-inline: 0;
  overflow: visible;
  transform: none !important;
}

body.site-page--unified.demo-page--unified .demo-tools-nav,
body.site-page--unified.demo-page--unified .demo-tools-panel {
  min-width: 0;
  transform: none !important;
}

body.site-page--unified.demo-page--unified .demo-tools-tab::before,
body.site-page--unified.demo-page--unified .demo-tools-tab::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .demo-tools-tab.is-active {
  border-color: rgba(255,255,255,.28) !important;
  color: #fff !important;
  background: #181818 !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .demo-tools-tab.is-active .demo-tools-tab-title {
  color: #fff !important;
}

body.site-page--unified.demo-page--unified .demo-tools-tab-icon,
body.site-page--unified.demo-page--unified .demo-tools-tab.is-active .demo-tools-tab-icon {
  border-color: rgba(255,255,255,.14) !important;
  background: #171717 !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .demo-tool-icon-image { filter: grayscale(1) contrast(1.06); }

/* Lead table: red marks only status; everything else stays neutral. */
body.site-page--unified.demo-page--unified .demo-lead-path {
  overflow: hidden;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock {
  min-width: 0;
  overflow: hidden;
  border-color: rgba(255,255,255,.16) !important;
  background: #0b0b0b !important;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__chrome,
body.site-page--unified.demo-page--unified .demo-sheets-mock__toolbar,
body.site-page--unified.demo-page--unified .demo-sheets-mock__tabs {
  border-color: rgba(255,255,255,.12) !important;
  background: #151515 !important;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__badge,
body.site-page--unified.demo-page--unified .demo-sheets-mock__pill,
body.site-page--unified.demo-page--unified .demo-sheets-mock td .demo-sheets-mock__pill {
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 999px;
  color: #d8d8d4 !important;
  background: #171717 !important;
  box-shadow: none !important;
  line-height: 1;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__table th {
  border-color: rgba(255,255,255,.12) !important;
  color: #aaa !important;
  background: #151515 !important;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__table td,
body.site-page--unified.demo-page--unified .demo-sheets-mock__table tbody tr:nth-child(even) td,
body.site-page--unified.demo-page--unified .demo-sheets-mock__table tbody tr:hover td {
  border-color: rgba(255,255,255,.1) !important;
  color: #e5e5e2 !important;
  background: #0e0e0e !important;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__detail,
body.site-page--unified.demo-page--unified .demo-sheets-mock td .demo-sheets-mock__detail {
  padding: 0 !important;
  color: #c2c2be !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__status,
body.site-page--unified.demo-page--unified .demo-sheets-mock td .demo-sheets-mock__status {
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid rgba(225,6,0,.38) !important;
  border-radius: 999px;
  color: #ff918d !important;
  background: rgba(225,6,0,.08) !important;
  box-shadow: none !important;
  line-height: 1;
}

body.site-page--unified.demo-page--unified .demo-sheets-mock__tabs span.is-active {
  color: #fff !important;
  background: #1a1a1a !important;
  box-shadow: inset 0 -2px 0 var(--color-red) !important;
}

@media (max-width: 980px) {
  .site-page--unified .unified-final-cta { min-height: 0; }
  .site-page--unified .unified-final-cta__inner { min-height: 620px; padding-block: 120px 84px; }
  .site-page--unified .unified-final-cta .unified-section-title,
  .portfolio-page--sales .unified-final-cta h2 { font-size: clamp(2.6rem, 10vw, 4.6rem); }
  body.site-page--unified.demo-page--unified .demo-page-section > .container { width: min(100% - 28px, 1240px); }
}

@media (max-width: 640px) {
  .site-page--unified .unified-final-cta__inner { min-height: 570px; padding-block: 104px 72px; }
  .site-page--unified .unified-final-cta::after { right: 20px; left: 20px; }
  body.site-page--unified.demo-page--unified .demo-lead-path { padding: 20px 14px; }
  body.site-page--unified.demo-page--unified .demo-sheets-mock__table-wrap { margin-inline: -4px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-page--unified .unified-final-cta__inner { clip-path: none !important; opacity: 1 !important; transform: none !important; }
}

html.scroll-motion-ready body.home-page--sales [data-scroll-stack] .sales-process-timeline > li > div p,
html.scroll-motion-ready body.site-page--unified [data-scroll-stack] .about-work__steps > li > div p {
  margin: 0;
  color: #d0d0cc !important;
  opacity: 1 !important;
}

/* Mobile/tablet: no pinning, no long artificial scroll. */
@media (max-width: 980px) {
  html.scroll-motion-ready [data-scroll-stack] { height: auto; min-height: 0; }
  html.scroll-motion-ready [data-scroll-stack] > .container { position: relative; min-height: 0; }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li,
  html.scroll-motion-ready [data-scroll-stack] .about-work__steps > li,
  html.scroll-motion-ready [data-scroll-cascade] > li {
    opacity: 0;
    transform: translate3d(0, 38px, 0);
    transition: opacity .62s ease, transform .72s cubic-bezier(.2,.75,.25,1);
  }

  html.scroll-motion-ready [data-scroll-stack] .sales-process-timeline > li.is-scroll-visible,
  html.scroll-motion-ready [data-scroll-stack] .about-work__steps > li.is-scroll-visible,
  html.scroll-motion-ready [data-scroll-cascade] > li.is-scroll-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  body.home-page--sales .sales-process-timeline h3 { font-size: 1.2rem; }
  body.home-page--sales .sales-process-timeline li { grid-template-columns: 48px 1fr !important; gap: 18px; }
  body.home-page--sales .sales-process-timeline li > span { margin: 0; color: var(--color-red); }

  body.home-page--sales .scroll-finale__title {
    font-size: clamp(3.15rem, 14vw, 5.5rem) !important;
    line-height: .9 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-scroll-stack],
  [data-scroll-finale],
  [data-scroll-cascade] > li,
  [data-scroll-track] {
    height: auto !important;
    min-height: 0;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Correction: O nas uses a single editorial section, never the process stack. */
.about-editorial {
  position: relative;
  z-index: 2;
  padding: clamp(96px, 11vw, 156px) 0;
  color: #111;
  background: var(--color-surface-light);
}

.about-editorial__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: clamp(64px, 10vw, 150px);
}

.about-editorial__copy h2 {
  max-width: 13ch;
  margin: 22px 0 34px;
  color: #111;
  font-size: clamp(2.65rem, 5.4vw, 6rem);
  line-height: .96;
  letter-spacing: -.07em;
}

.about-editorial__copy > p:not(.unified-eyebrow) {
  max-width: 760px;
  margin: 0 0 17px;
  color: #4e4e4b;
  font-size: clamp(1rem, 1.3vw, 1.16rem);
  line-height: 1.72;
}

.about-editorial__people {
  align-self: end;
  border-top: 1px solid rgba(0,0,0,.2);
}

.about-editorial__people > div {
  padding: 25px 0;
  border-bottom: 1px solid rgba(0,0,0,.2);
}

.about-editorial__people span {
  display: block;
  color: #111;
  font-size: clamp(1.3rem, 2vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -.04em;
}

.about-editorial__people p {
  margin: 7px 0 0;
  color: #666662;
}

.about-editorial__principles {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: clamp(34px, 6vw, 72px) 0 0;
  padding: 0;
  border-top: 1px solid rgba(0,0,0,.2);
  border-bottom: 1px solid rgba(0,0,0,.2);
  list-style: none;
}

.about-editorial__principles li {
  min-height: 118px;
  padding: 28px clamp(18px, 3vw, 36px);
  border-right: 1px solid rgba(0,0,0,.2);
  color: #171717;
  font-size: clamp(1rem, 1.45vw, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
}

.about-editorial__principles li:first-child { padding-left: 0; }
.about-editorial__principles li:last-child { padding-right: 0; border-right: 0; }

/* Correction: full-width process rows with native sticky stacking. */
.sales-process-full {
  position: relative;
  z-index: 2;
  padding-top: clamp(100px, 11vw, 160px);
  color: #f7f7f5;
  background: #050505;
  scroll-margin-top: var(--nav-height);
}

.sales-process-full__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding-bottom: clamp(70px, 9vw, 120px);
  text-align: center;
}

.sales-process-full__intro .sales-eyebrow { margin-inline: auto; }

.sales-process-full__intro h2 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(3rem, 6.2vw, 6.6rem);
  line-height: .93;
  letter-spacing: -.075em;
}

.sales-process-full__intro > p:last-child {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  color: #999995;
  line-height: 1.72;
}

.sales-process-rows {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  background: #050505;
  list-style: none;
}

.process-step {
  --process-offset: 0px;
  position: sticky;
  top: calc(var(--nav-height) + var(--process-offset));
  min-height: clamp(238px, 32vh, 320px);
  border-top: 1px solid rgba(255,255,255,.18);
  color: #f7f7f5;
  background: #0d0d0d;
  box-shadow: 0 -14px 40px rgba(0,0,0,.2);
}

.process-step:nth-child(1) { --process-offset: 0px; z-index: 11; }
.process-step:nth-child(2) { --process-offset: 12px; z-index: 12; background: #0f0f0f; }
.process-step:nth-child(3) { --process-offset: 24px; z-index: 13; background: #111; }
.process-step:nth-child(4) { --process-offset: 36px; z-index: 14; background: #131313; }
.process-step:nth-child(5) { --process-offset: 48px; z-index: 15; background: #151515; border-bottom: 1px solid rgba(255,255,255,.18); }

.process-step__inner {
  display: grid;
  grid-template-columns: minmax(90px, .34fr) minmax(320px, 1.16fr) minmax(260px, .8fr);
  align-items: center;
  gap: clamp(30px, 5vw, 76px);
  min-height: inherit;
  padding-block: 42px;
}

.process-step__inner > span {
  color: var(--color-red);
  font-size: clamp(1rem, 1.5vw, 1.35rem);
  font-weight: 700;
  letter-spacing: -.03em;
}

.process-step__inner h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 4.25rem);
  line-height: 1;
  letter-spacing: -.065em;
}

.process-step__inner p {
  max-width: 430px;
  margin: 0;
  color: #aaa9a5;
  font-size: clamp(.92rem, 1.1vw, 1.06rem);
  line-height: 1.65;
}

/* Correction: the last content section behaves as a curtain over the footer. */
body.home-page--sales main,
body.site-page--unified main {
  position: relative;
  z-index: 2;
}

.site-footer--unified.footer-reveal {
  --footer-content-y: 38px;
  --footer-content-opacity: .35;
  position: sticky !important;
  z-index: 1;
  bottom: 0;
  display: block;
  min-height: min(620px, 72svh);
  border-top: 1px solid rgba(255,255,255,.12) !important;
  color: #f7f7f5;
  background: #090909 !important;
  overflow: hidden;
  isolation: isolate;
}

.site-footer--unified.footer-reveal::before,
.site-footer--unified.footer-reveal::after { display: none !important; content: none !important; }

.footer-connect {
  display: grid;
  grid-template-rows: auto auto;
  align-content: space-between;
  min-height: min(620px, 72svh);
  padding-block: clamp(54px, 7vh, 76px) 26px;
}

.footer-connect__top {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
  gap: clamp(64px, 11vw, 170px);
  transform: translate3d(0, var(--footer-content-y), 0);
  opacity: var(--footer-content-opacity);
  will-change: transform, opacity;
}

.footer-connect__status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 7px;
  color: #d0d0cc;
  background: #111;
  font-size: .7rem;
  font-weight: 600;
}

.footer-connect__status span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #35c56b;
}

.footer-connect__pitch h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.25rem, 4.2vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.065em;
}

.footer-connect__pitch > p:not(.footer-connect__status) {
  max-width: 600px;
  margin: 22px 0 0;
  color: #a5a5a1;
  line-height: 1.7;
}

.footer-connect__cta {
  min-height: 52px;
  margin-top: 30px;
  padding-inline: 24px;
  border: 1px solid var(--color-red);
  border-radius: 8px;
  color: #fff;
  background: var(--color-red);
}

.footer-connect__cta:hover,
.footer-connect__cta:focus-visible { color: #fff; background: var(--color-red-hover); }

.footer-connect__nav {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 14px;
  padding-top: 10px;
}

.footer-connect__nav a {
  color: #f1f1ee;
  font-size: .88rem;
  font-weight: 600;
}

.footer-connect__nav a:hover,
.footer-connect__nav a:focus-visible { color: var(--color-red-hover); }

.footer-connect__nav .footer-connect__email {
  margin-top: 20px;
  color: #fff;
  font-size: clamp(1rem, 1.7vw, 1.4rem);
  letter-spacing: -.03em;
}

.footer-connect__nav .footer-connect__social { color: var(--icon-default); }
.footer-connect__nav .footer-connect__social:hover,
.footer-connect__nav .footer-connect__social:focus-visible { color: var(--icon-hover); }

.footer-connect__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 18px 30px;
  margin-top: clamp(64px, 9vh, 96px);
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #777773;
  font-size: .7rem;
}

.footer-connect__copyright { display: inline-flex; align-items: center; gap: 9px; }
.footer-connect__mark { display: block; width: 20px; height: 20px; object-fit: contain; opacity: .78; }

.footer-connect__bottom a { color: #aaa9a5; }
.footer-connect__bottom a:hover,
.footer-connect__bottom a:focus-visible { color: #fff; }

@media (max-width: 980px) {
  .about-editorial__grid,
  .sales-process-full__intro { grid-template-columns: 1fr; }
  .about-editorial__people { align-self: auto; }
  .about-editorial__principles { grid-template-columns: 1fr; }
  .about-editorial__principles li,
  .about-editorial__principles li:first-child,
  .about-editorial__principles li:last-child {
    min-height: 0;
    padding: 23px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.18);
  }
  .about-editorial__principles li:last-child { border-bottom: 0; }

  .sales-process-full { padding-top: 86px; }
  .sales-process-full__intro { padding-bottom: 58px; }
  .sales-process-full__intro h2 { font-size: clamp(2.8rem, 10vw, 5.4rem); }
  .process-step,
  .process-step:nth-child(n) {
    position: relative;
    top: auto;
    min-height: 0;
    background: #0d0d0d;
    box-shadow: none;
  }
  .process-step__inner {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px 20px;
    min-height: 0;
    padding-block: 34px;
  }
  .process-step__inner h3 { font-size: clamp(1.75rem, 6vw, 2.7rem); }
  .process-step__inner p { grid-column: 2; }

  html.scroll-motion-ready [data-process-rows] .process-step {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition: opacity .45s ease, transform .58s cubic-bezier(.2,.75,.25,1);
  }
  html.scroll-motion-ready [data-process-rows] .process-step.is-scroll-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .site-footer--unified.footer-reveal {
    position: relative !important;
    min-height: 0;
  }
  .footer-connect { min-height: 0; padding-block: 64px 26px; }
  .footer-connect__top { grid-template-columns: 1fr; gap: 48px; }
  .footer-connect__bottom { margin-top: 68px; }
}

@media (max-width: 520px) {
  .about-editorial { padding-block: 78px; }
  .about-editorial__copy h2 { font-size: clamp(2.45rem, 12vw, 3.45rem); }
  .process-step__inner { grid-template-columns: 42px minmax(0, 1fr); gap: 10px 14px; }
  .footer-connect__pitch h2 { font-size: clamp(2.4rem, 11vw, 3.35rem); }
  .footer-connect__cta { width: 100%; }
  .footer-connect__bottom { align-items: flex-start; flex-direction: column; }
}

html.scroll-motion-reduced .process-step,
html.scroll-motion-reduced .process-step:nth-child(n),
html.scroll-motion-reduced .site-footer--unified.footer-reveal {
  position: relative !important;
  top: auto;
  bottom: auto;
}

html.scroll-motion-reduced .footer-connect__top,
html.scroll-motion-reduced [data-process-rows] .process-step {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .process-step,
  .process-step:nth-child(n),
  .site-footer--unified.footer-reveal {
    position: relative !important;
    top: auto;
    bottom: auto;
  }
  .footer-connect__top,
  html.scroll-motion-ready [data-process-rows] .process-step {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
}