:root {
  --bg: #ede4d2;
  --ink: #4f3a2d;
  --muted: #7a624f;
  --blue: #e8ad3d;
  --blue-dark: #c98b26;
  --teal: #5f4939;
  --surface: #fffaf0;
  --line: #dbc8aa;
  --soft: #f3e8d5;
  --shadow: 0 18px 40px rgba(88, 62, 43, 0.14);
  --radius: 18px;
  --fs-body: 1.06rem;
  --fs-nav: 1.02rem;
  --fs-btn: 1.02rem;
  --fs-hero-title: clamp(2.45rem, 4.35vw, 4.35rem);
  --fs-hero-text: clamp(1.08rem, 1.34vw, 1.48rem);
  --fs-section-title: clamp(1.92rem, 3.05vw, 3.1rem);
  --fs-card-title: clamp(1.16rem, 1.55vw, 1.58rem);
  --cream: #fff9f0;
  --cream-deep: #f2e8dc;
  --gold: #c5a059;
  --gold-soft: #e8d4a8;
  --gold-deep: #9a7440;
  --partners-bg: #4a3a1c;
  --partners-logo: #ebe4d6;
  --charcoal: #333333;

  /* Adobe XD export   global tokens (Chunk 0 / design system) */
  --unnamed-color-b8a37b: #b8a37b;
  --unnamed-color-ce9b3c: #ce9b3c;
  --unnamed-color-eedfb2: #eedfb2;
  --unnamed-color-4a3a1c: #4a3a1c;
  --unnamed-color-323043: #323043;
  --font-heading: "Scaver", sans-serif;
  --font-body: "Neue Regrade", system-ui, sans-serif;
  --unnamed-font-family-neue-regrade: var(--font-body);
  --unnamed-font-style-normal: normal;
  /* XD label "medium" CSS numeric weight */
  --unnamed-font-weight-medium: 500;
  --unnamed-font-size-20: 20px;
  --unnamed-font-size-24: 24px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-24: 24px;
  --unnamed-line-spacing-32: 32px;

  /* Semantic aliases (easier when wiring Header / Hero in Chunk 1) */
  --xd-gold-muted: var(--unnamed-color-b8a37b);
  --xd-gold: var(--unnamed-color-ce9b3c);
  --xd-highlight: var(--unnamed-color-eedfb2);
  --xd-ink: var(--unnamed-color-4a3a1c);
  --xd-ink-cool: var(--unnamed-color-323043);
}

/* XD character styles   apply in markup or mirror in component CSS */
.unnamed-character-style-1 {
  font-family: var(--unnamed-font-family-neue-regrade);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-24);
  line-height: var(--unnamed-line-spacing-32);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-4a3a1c);
}

.unnamed-character-style-2 {
  font-family: var(--unnamed-font-family-neue-regrade);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-4a3a1c);
}

@font-face {
  font-family: "Neue Regrade";
  src: url("../fonts/Neue Regrade/Neue Regrade Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Scaver";
  src: url("../fonts/Scaver/Scaver-Regular-BF69add6b13806e.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Scaver";
  src: url("../fonts/Scaver/Scaver-Medium-BF69add6b1210f5.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Scaver";
  src: url("../fonts/Scaver/Scaver-SemiBold-BF69add6b12d146.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Scaver";
  src: url("../fonts/Scaver/Scaver-Bold-BF69add6b0c3a74.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Scaver";
  src: url("../fonts/Scaver/Scaver-ExtraBold-BF69add6b0f1846.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Scaver";
  src: url("../fonts/Scaver/Scaver-Black-BF69add6b08da24.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.58;
  color: var(--ink);
  background: #fef9ef 0% 0% no-repeat padding-box;
  opacity: 1;
  scroll-behavior: smooth;
}

/* Headings & subheads Scaver */
h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.section-title-simple,
.hero-display,
.eyebrow,
.hero-eyebrow,
.hero-subtitle-simple,
.section-sub-simple,
.content-hero-subtitle,
.how-to-use-subtitle,
.rcfx-kicker,
.proof-kicker,
.search-case-kicker,
.nav-title,
.story-contact__title,
.genres-section__title,
.value-revenue-card__title,
.insight-card h3,
.footer-stat-card strong,
.hero-title-simple,
.content-hero-title,
.services-writing-process__title,
.services-process-card__title,
.how-to-use-title,
.proof-title,
.search-era-title,
.value-revenue-headline,
.services-book-life__title,
.services-book-life__cell-title,
.feature-box-content h3,
.search-case-main h3,
.rcfx-card h3,
.engine-intro .section-title,
.deep-head .section-title,
.genres-section__title {
  font-family: var(--font-heading);
  font-weight: 400;
}

/* Body copy & controls Neue Regrade */
p,
li,
label,
input,
textarea,
select,
button,
.btn,
.nav-link,
.section-sub,
.story-contact__submit {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  width: min(1600px, 92vw);
  max-width: 1600px;
  margin: 0 auto;
}

.hero .container {
  width: min(1800px, 92vw);
  max-width: 1600px;
  height: 100%;
}
.secondsec {padding: 0px;}
.secondsec .container {
  width: min(1800px, 92vw);
  max-width: 1800px;
}

.site-header .container {
  width: min(1800px, 92vw);
  max-width: 1600px;
}

.site-header {
  position: fixed;
  top: 0;
  z-index: 999;
  backdrop-filter: blur(8px);
  /* background: rgba(246, 236, 220, 0.9); */
  /* border-bottom: 1px solid rgba(95, 73, 57, 0.2); */
  width: 100%;
}

.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 76px;
  padding-block: 0.35rem;
}

/* ----- ScribeFX brand header + home hero ----- */
body.page-home {
  color: var(--xd-ink);
  background: linear-gradient(180deg, #fffefc 0%, var(--cream) 42%, #faf6ef 100%);
  overflow-x: hidden;
}

.site-header--brand {
  background: rgba(255, 253, 248, 0.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.site-header--brand .nav-link,
.site-header--brand .nav-dropdown-trigger {
  font-family: var(--unnamed-font-family-neue-regrade);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: 0.9375rem;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--xd-ink);
  transition: color 0.22s ease, opacity 0.22s ease;
}

.site-header--brand .nav-link:hover,
.site-header--brand .nav-dropdown-trigger:hover,
.site-header--brand .nav-link:focus-visible,
.site-header--brand .nav-dropdown-trigger:focus-visible {
  color: var(--xd-gold);
}

.site-header--brand .nav-link:focus-visible,
.site-header--brand .nav-dropdown-trigger:focus-visible {
  outline: 2px solid rgba(206, 155, 60, 0.55);
  outline-offset: 3px;
  border-radius: 4px;
}

.logo--brand {
  display: inline-flex;
  align-items: center;
  gap: 0.72rem;
  color: var(--xd-ink);
}

.logo-svg-brand {
  display: block;
  height: clamp(48px, 5.2vw, 62px);
  width: auto;
  max-width: min(100%, 200px);
  object-fit: contain;
}

.nav-link--services {
  background: rgba(238, 223, 178, 0.55);
  border: 1px solid rgba(206, 155, 60, 0.35);
  border-radius: 999px;
  padding: 0.42rem 1rem !important;
  gap: 0.32rem;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.site-header--brand .nav-link--services:hover,
.site-header--brand .nav-link--services:focus-visible {
  background: rgba(238, 223, 178, 0.78);
  border-color: rgba(206, 155, 60, 0.48);
  box-shadow: 0 2px 14px rgba(74, 58, 28, 0.1);
}

.nav-chevron {
  display: inline-block;
  width: 0.38em;
  height: 0.38em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-0.06em);
  opacity: 0.65;
}

.btn-header-story {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: 999px;
  padding: 0.78rem 1.5rem;
  min-height: 50px;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-weight: 600 !important;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  color: var(--xd-ink);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: linear-gradient(103deg, var(--xd-highlight) 0%, #f0d78a 18%, var(--xd-gold) 55%, #c4892e 100%);
  box-shadow: 0 10px 26px rgba(74, 58, 28, 0.18);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    filter 0.22s ease;
}

.btn-header-story:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(74, 58, 28, 0.24);
  filter: saturate(1.04);
}

.btn-header-story:active {
  transform: translateY(0);
  box-shadow: 0 8px 20px rgba(74, 58, 28, 0.16);
}

.btn-header-feather {
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.92;
}

.btn-header-story::before {
  content: none;
  animation: none;
}

.btn-header-story:hover::before {
  animation: none;
}

.btn.btn-header-story::before {
  content: none !important;
  display: none !important;
}

.btn-pen-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.45rem;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.9;
}

.hero--home {
  padding: 0;
  background: #FEF9EF;
  /* overflow: hidden; */
}

.hero--home .hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}

.hero--home .hero-copy .eyebrow.hero-eyebrow {
  display: block;
  color: var(--xd-gold-muted);
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: var(--unnamed-font-weight-medium);
  font-size: clamp(0.8rem, 1.05vw, 0.95rem);
  margin: 0 0 clamp(1rem, 2vw, 1.35rem);
  font-family: 'Neue Regrade';
}

.hero-eyebrow {
  font-family: var(--font-heading);
}

.hero--home .hero-display {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2.75rem, 5.4vw, 4.35rem);
  line-height: 1.06;
  letter-spacing: -0.015em;
  color: var(--xd-ink);
  text-rendering: optimizeLegibility;
  max-width: min(100%, 38rem);
  margin: 0 0 clamp(1.25rem, 2.2vw, 1.65rem);
}

.hero-gold {
  color: var(--xd-gold);
  font-style: normal;
}

.hero-authority {
  position: relative;
  display: inline-block;
  padding: 0;
}

.hero-authority-ring {
  /*position: absolute;*/
  /*left: 50%;*/
  /*top: 52%;*/
  /*width: calc(100% + 1.15em);*/
  /*height: 1.38em;*/
  /*transform: translate(-50%, -50%) rotate(-3deg);*/
  /*color: var(--xd-gold);*/
  /*pointer-events: none;*/
  
    position: absolute;
    left: -5%;
    top: 4px;
    width: 110%;
    height: 70px;
    pointer-events: none;
}

.hero-lead {
  margin: 0 0 clamp(1.5rem, 2.8vw, 2.1rem);
  font-family: var(--unnamed-font-family-neue-regrade);
  font-size: clamp(0.98rem, 1.15vw, 1.08rem);
  font-weight: 400;
  line-height: 1.75;
  color: rgba(74, 58, 28, 0.88);
  max-width: min(100%, 48ch);
}

.hero--home .hero-copy > p.hero-lead {
  margin-top: 0;
  margin-bottom: clamp(1.5rem, 2.8vw, 2.1rem);
  color: #4A3A1C;
  max-width: min(100%, 48ch);
  font-size: clamp(0.98rem, 1.15vw, 1.08rem);
  line-height: 1.75;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-weight: 500;
  max-width: 480px;
}

.hero-copy-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem -0.25rem;
}

@media (min-width: 901px) {
  .hero--home .hero-copy-footer {
    justify-content: left;
    align-items: center;
    max-width: min(100%, 42rem);
  }
}

.hero-trust {
  margin: 0;
  flex: 1 1 12rem;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-size: clamp(0.82rem, 1vw, 0.9rem);
  font-weight: 500;
  line-height: 1.55;
  color: rgba(74, 58, 28, 0.88);
  max-width: 19rem;
}

.hero-trust-text {
  opacity: 1;
}

.hero-trust-icon {
  flex-shrink: 0;
  color: var(--xd-gold);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-trust-icon svg {
  display: block;
}

.btn.btn-hero-consult {
  margin: 0;
  flex-shrink: 0;
  border-radius: 999px;
  padding: 1rem 1.95rem;
  min-height: 56px;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  background: #fff;
  color: var(--xd-ink);
  box-shadow: 0px 3px 21px #FFD484;
  border: 1px solid rgba(206, 155, 60, 0.32);
  /* box-shadow:
    0 4px 14px rgba(74, 58, 28, 0.08),
    0 18px 38px rgba(206, 155, 60, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.75) inset; */
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  transition:
    box-shadow 0.22s ease,
    transform 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease;
}

.btn.btn-hero-consult:hover {
  border-color: rgba(206, 155, 60, 0.5);
  box-shadow:
    0 6px 18px rgba(74, 58, 28, 0.1),
    0 22px 48px rgba(206, 155, 60, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.85) inset;
  transform: translateY(-1px);
}

.btn.btn-hero-consult:focus-visible {
  outline: 2px solid var(--xd-gold);
  outline-offset: 3px;
}

.btn-consult-pen {
  display: inline-flex;
  color: var(--xd-gold);
}

.btn.btn-hero-consult::before {
  content: none;
  animation: none;
}

.btn.btn-hero-consult:hover::before {
  animation: none;
}

.hero-collage {
  position: relative;
  min-height: clamp(340px, 44vw, 460px);
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.hero-collage:has(.hero-illustration) {
  min-height: 0;
  padding: clamp(0.35rem, 2vw, 1.25rem) 0;
}

.hero-illustration {
  display: block;
  width: 100%;
  max-width: min(100%, 497px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 16px 36px rgba(74, 58, 28, 0.12));
}

.hero-books {
  position: relative;
  width: min(100%, 500px);
  height: min(440px, 54vw);
}

.hero-book {
  position: absolute;
  width: clamp(118px, 22vw, 150px);
  aspect-ratio: 2 / 3;
  border-radius: 10px;
  box-shadow: 0 22px 48px rgba(47, 36, 28, 0.22);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding: 0.75rem 0.55rem;
  font-family: var(--font-body);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #fffaf2;
  overflow: hidden;
}

.hero-book span {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.hero-book--1 {
  left: 8%;
  top: 6%;
  --r: -14deg;
  transform: rotate(var(--r));
  background: linear-gradient(160deg, #2c3e50, #1a252f 70%);
  animation: heroBookFloatTilt 7s ease-in-out infinite;
}

.hero-book--2 {
  left: 34%;
  top: 0;
  --r: 6deg;
  transform: rotate(var(--r));
  background: linear-gradient(165deg, #6b2d4a, #3a1528);
  z-index: 2;
  animation: heroBookFloatTilt 7.4s ease-in-out infinite;
  animation-delay: 0.2s;
}

.hero-book--3 {
  right: 6%;
  top: 14%;
  --r: 16deg;
  transform: rotate(var(--r));
  background: linear-gradient(165deg, #1f3d5c, #0f2238);
  z-index: 1;
  animation: heroBookFloatTilt 6.8s ease-in-out infinite;
  animation-delay: 0.45s;
}

.hero-book--4 {
  left: 22%;
  bottom: 4%;
  --r: -6deg;
  transform: rotate(var(--r));
  background: linear-gradient(165deg, #8b6914, #5c4510);
  z-index: 3;
  animation: heroBookFloatTilt 7.2s ease-in-out infinite;
  animation-delay: 0.1s;
}

.hero-deco--paper {
  position: absolute;
  left: 4%;
  top: 38%;
  width: clamp(72px, 14vw, 110px);
  height: clamp(88px, 16vw, 120px);
  background: linear-gradient(135deg, #fff 0%, #f0ebe4 100%);
  border-radius: 42% 58% 48% 52% / 55% 42% 58% 45%;
  box-shadow: 0 16px 36px rgba(60, 54, 51, 0.14);
  transform: rotate(-18deg);
  z-index: 2;
}

.hero-deco--pen {
  position: absolute;
  right: 0;
  top: 18%;
  width: 14px;
  height: clamp(200px, 28vw, 260px);
  border-radius: 999px;
  background: linear-gradient(180deg, #c9a26a 0%, #8a6239 38%, #2a1f18 72%, #1a1412);
  box-shadow: 8px 12px 28px rgba(47, 36, 28, 0.25);
  transform: rotate(6deg);
  z-index: 4;
}

.hero-deco--pen::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 18px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #d4b078, #6a4a2a);
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);
}

.hero-collage::after {
  content: "";
  position: absolute;
  inset: auto -8% -8%;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(255, 249, 240, 0.97));
  pointer-events: none;
  z-index: 5;
  display: none;
}

@keyframes heroBookFloatTilt {
  0%,
  100% {
    transform: translateY(0) rotate(var(--r));
  }
  50% {
    transform: translateY(-9px) rotate(var(--r));
  }
}

.home-stats-bar {
  padding: clamp(1.25rem, 3vw, 2rem) 0 clamp(1.35rem, 3.2vw, 2.1rem);
  margin: 0;
  position: relative;
  background: #f5eaccb0;
  border-top: 1px solid #FFFFFF;
  opacity: 1;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}

.home-stats-bar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(74, 58, 28, 0.08), transparent);
  pointer-events: none;
}

.home-stats-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 120% 90% at 50% 0%, rgba(255, 250, 240, 0.45), transparent 55%);
}

.home-stats-bar .container-fluid {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(0.75rem, 2vw, 1.5rem);
  position: relative;
  z-index: 1;
}

.hero-kpis.hero-kpis--home {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.75rem, 2vw, 1.75rem);
}

.hero-kpis--home {
  /* background: rgba(255, 253, 248, 0.82); */
  /* backdrop-filter: blur(22px) saturate(1.15); */
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
  /* border: 1px solid rgba(255, 255, 255, 0.72); */
  /* border-radius: clamp(14px, 2vw, 20px); */
  /* box-shadow:
    0 12px 48px rgba(74, 58, 28, 0.1),
    0 2px 12px rgba(74, 58, 28, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9); */
  max-width: min(1600px, 96vw);
  margin: 0 auto;
  padding: 0;
  align-items: center;
}

.hero-kpis--home .hero-kpi-item {
  border-right: 0;
  padding: 0.2rem clamp(0.35rem, 1vw, 0.65rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(0.75rem, 1.6vw, 1.05rem);
  text-align: left;
  position: relative;
  min-width: 0;
  flex: 1 1 0;
}

.hero-kpis--home .hero-kpi-item:not(:last-child)::after {
  display: none;
}

.hero-kpis--home .hero-kpi-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(160deg, #6a5642 0%, #4a3a2c 55%, #3d3128 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 240, 0.12),
    0 3px 10px rgba(42, 33, 28, 0.14);
  color: transparent;
}

.hero-kpi-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--xd-gold);
}

.hero-kpis--home .hero-kpi-icon-wrap .hero-kpi-check {
  display: block;
  filter: drop-shadow(0 1px 2px rgba(24, 18, 14, 0.2));
}

.hero-kpi-icon-wrap .hero-kpi-check {
  display: block;
  filter: drop-shadow(0 1px 1px rgba(42, 33, 28, 0.08));
}

.hero-kpi-icon-wrap svg {
  display: block;
}

.hero-kpi-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  min-width: 0;
}

.hero-kpi-icon {
  display: flex;
  color: var(--xd-gold);
  margin-bottom: 0.15rem;
}

.hero-kpis--home .hero-kpi-text strong {
  text-transform: none;
  color: #5c4a38;
  line-height: 1.22;
  font: var(--unnamed-font-style-normal) normal 600 34px/41px var(--unnamed-font-family-neue-regrade);
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  font: normal normal 600 28px/28px Neue Regrade;
  letter-spacing: 0px;
  color: #AB905E;
  opacity: 1;
}

.hero-kpis--home .hero-kpi-text span {
  color: rgba(92, 74, 56, 0.88);
  font-family: var(--unnamed-font-family-neue-regrade);
  font-size: clamp(0.74rem, 0.9vw, 0.84rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.012em;
}

/* Partner logo strip (below hero stats) */
.home-partners-bar {
  padding: clamp(1.65rem, 3.2vw, 2.15rem) 0 clamp(1.75rem, 3.4vw, 2.45rem);
  background: #342913 0% 0% no-repeat padding-box;
  opacity: 1;
  z-index: 9;
  position: relative;
}

.home-partners-inner {
  max-width: 1600px;
}

.home-partners-label {
  margin: 0 0 40px;
  color: rgba(238, 223, 178, 0.55);
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 16px/20px var(--unnamed-font-family-neue-regrade);
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: center;
  font: normal normal medium 18px/22px Neue Regrade;
  letter-spacing: 0px;
  color: #FFF;
  opacity: 0.5;
}

.home-partners-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  max-width: 1600px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}

.home-partner {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  min-height: 36px;
}

.home-partner-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.partner-logo-img {
  display: block;
  width: auto;
  max-width: min(200px, 32vw);
  height: clamp(22px, 3.6vw, 30px);
  object-fit: contain;
  object-position: center;
  opacity: 1;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.partner-logo-img--google,
.partner-logo-img--kindle {
  height: clamp(26px, 4.2vw, 36px);
}

.partner-logo-img--epub {
  max-width: min(220px, 36vw);
}

.home-partner:hover .partner-logo-img {
  opacity: 0.92;
  transform: translateY(-1px);
}

.partner-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--partners-logo);
  opacity: 1;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.home-partner:hover .partner-wordmark {
  opacity: 0.92;
  transform: translateY(-1px);
}

.partner-wordmark--google {
  gap: 0.5rem;
}

.partner-google-gmark {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid currentColor;
  display: grid;
  place-items: center;
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 0.62rem;
  line-height: 1;
  flex-shrink: 0;
}

.partner-google-rule {
  width: 1px;
  align-self: stretch;
  min-height: 1.5rem;
  background: linear-gradient(180deg, transparent, rgba(235, 228, 214, 0.35), transparent);
}

.partner-google-text {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.partner-name {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}

.partner-meta-symbol {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 400;
  opacity: 0.95;
}

.partner-wordmark--kobo {
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}

.partner-kobo-text {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  text-transform: lowercase;
}

.partner-kobo-book {
  color: inherit;
  opacity: 0.9;
}

.partner-wordmark--epub .partner-name {
  font-weight: 700;
  letter-spacing: 0.14em;
  font-size: 0.82rem;
}

.partner-wordmark--kindle {
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}

.partner-kindle-line {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  white-space: nowrap;
}

.partner-kindle-sub {
  font-weight: 500;
  opacity: 0.88;
}

.partner-kindle-smile {
  color: inherit;
  opacity: 0.85;
}

.partner-wordmark--bn {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(0.68rem, 1.15vw, 0.82rem);
  letter-spacing: 0.14em;
  white-space: nowrap;
}

.partner-wordmark--bn .partner-amp {
  font-weight: 600;
  letter-spacing: 0.08em;
}

.partner-wordmark--forbes {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 1.55rem;
  letter-spacing: -0.02em;
  font-style: italic;
}

@media (max-width: 900px) {
  .hero--home .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-collage {
    order: 2;
    min-height: 360px;
  }

  .hero-collage:has(.hero-illustration) {
    min-height: 0;
  }

  .hero--home .hero-copy {
    order: 1;
  }

  .hero--home .hero-display {
    max-width: 100%;
  }

  .hero--home .hero-display br.hero-br-desktop {
    display: none;
  }

  .hero-copy-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-copy-footer .btn.btn-hero-consult {
    width: 100%;
    justify-content: center;
  }

  .hero-books {
    margin: 0 auto;
  }

  .hero-kpis.hero-kpis--home {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1.35rem;
    column-gap: 1rem;
  }

  .hero-kpis.hero-kpis--home .hero-kpi-item {
    flex: 1 1 calc(50% - 0.75rem) !important;
    min-width: min(100%, 220px);
    justify-content: flex-start;
  }

  .hero-kpis--home .hero-kpi-item:not(:last-child)::after {
    display: none;
  }

  .home-partners-logos {
    justify-content: center;
    gap: 1.25rem 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-book--1,
  .hero-book--2,
  .hero-book--3,
  .hero-book--4 {
    animation: none !important;
  }

  .hero-kpis.reveal.visible div {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-kpis--home {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .partner-logo-img,
  .home-partner:hover .partner-logo-img,
  .partner-wordmark,
  .home-partner:hover .partner-wordmark {
    transition: none;
    transform: none;
  }
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-shrink: 0;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: #5a4334;
}

.logo:not(.logo--brand) > img {
  width: 140px;
}

.footer-brand-icon {
  width: 168px !important;
  height: auto;
  object-fit: contain;
}

.logo-mark {
  width: 24px;
  height: 34px;
  background: linear-gradient(180deg, #f1bb52, #d7952e);
  clip-path: polygon(50% 0%, 78% 24%, 66% 64%, 78% 100%, 50% 84%, 22% 100%, 34% 64%, 22% 24%);
}

.logo-text {
  display: grid;
  line-height: 1;
}

.logo-word {
  font-family: var(--font-heading);
  font-size: clamp(1.26rem, 1.45vw, 1.62rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.logo-word span {
  color: var(--blue);
}

.logo small {
  color: #8c6a4f;
  font-weight: 700;
  font-size: 0.64rem;
  letter-spacing: 0.01em;
  margin-top: 0.05rem;
}

.main-nav {
  position: relative;
  display: flex;
  flex: 1;
  justify-content: center;
  min-width: 0;
}

.main-nav-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0;
  flex-wrap: nowrap;
}

.nav-link,
.nav-dropdown-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--ink);
  font-weight: 800;
  padding: 0.4rem 0.15rem;
  white-space: nowrap;
}

.nav-link:hover,
.nav-dropdown-trigger:hover,
.nav-link:focus-visible,
.nav-dropdown-trigger:focus-visible {
  color: var(--blue-dark);
}

.nav-dropdown {
  position: relative;
}
.nav-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  right: auto;
  width: auto;
  transform: translateX(-50%) translateY(8px);
  padding: 1rem;
  border: 1px solid rgba(95, 73, 57, 0.14);
  border-radius: 10px;
  background: rgba(255, 250, 240, 0.98);
  box-shadow: 0 12px 30px rgba(88, 62, 43, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  box-sizing: border-box;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.is-open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Mega menu only for the Services dropdown */
.nav-dropdown--mega > .nav-dropdown-menu {
  position: fixed;
  top: 76px;
  left: 0;
  right: 0;
  width: 100vw;
  max-width: 100vw;
  transform: translateY(8px);
  padding: 1rem;
  border-radius: 0 0 22px 22px;
  background: rgba(255, 250, 240, 0.98);
  box-shadow: 0 24px 50px rgba(88, 62, 43, 0.16);
  z-index: 60;
}

.nav-dropdown--mega:hover > .nav-dropdown-menu,
.nav-dropdown--mega:focus-within > .nav-dropdown-menu,
.nav-dropdown--mega.is-open > .nav-dropdown-menu {
  transform: translateY(0);
}

/* Compact small dropdowns for single-column menus */
.nav-dropdown-menu--small {
  position: absolute;
  top: 100%;
  left: 50%;
  width: auto;
  min-width: 220px;
  max-width: 320px;
  padding: 0.45rem;
  border-radius: 12px;
  background: rgba(255, 250, 240, 0.98);
  border: 1px solid rgba(95, 73, 57, 0.1);
  box-shadow: 0 14px 34px rgba(88, 62, 43, 0.12);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(8px);
  z-index: 70;
}

.nav-dropdown-menu--small a {
  display: block;
  padding: 0.55rem 0.75rem;
  color: var(--muted);
  font-weight: 700;
  border-radius: 6px;
}

.nav-dropdown-menu--small a:hover,
.nav-dropdown-menu--small a:focus {
  background: rgba(95,73,57,0.03);
  color: var(--blue-dark);
}

.nav-dropdown:hover > .nav-dropdown-menu--small,
.nav-dropdown:focus-within > .nav-dropdown-menu--small,
.nav-dropdown.is-open > .nav-dropdown-menu--small {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}


.nav-dropdown-inner {
  width: min(1366px, 92vw);
  margin: 0 auto;
}

.nav-dropdown-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 320px;
  gap: 1.25rem;
  width: 100%;
  margin: 0;
  align-items: start;
}

.nav-dropdown-grid > div {
  display: grid;
  gap: 1rem;
  align-content: start;
  background: var(--surface);
  padding: 1.15rem;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(88, 62, 43, 0.06);
}

.nav-dropdown-grid a {
  color: var(--muted);
  font-weight: 700;
  padding: 0.12rem 0;
}

.nav-dropdown-grid a:hover {
  color: var(--blue-dark);
}

.site-header--brand .nav-dropdown--mega > .nav-dropdown-menu {
  background: #fdf9ef;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-color: rgba(184, 163, 123, 0.22);
  box-shadow: 0 28px 56px rgba(74, 58, 28, 0.14);
}

.site-header--brand .nav-dropdown-grid > div {
  background: #fdf9ef;
  border: 0px solid rgba(184, 163, 123, 0.16);
  box-shadow: none;
  /*border: 1px solid rgba(184, 163, 123, 0.16);*/
  /*box-shadow: 0 6px 18px rgba(74, 58, 28, 0.06);*/
  /*background: rgba(255, 253, 248, 0.88);*/
}

.site-header--brand .nav-dropdown-grid a {
  color: rgba(74, 58, 28, 0.82);
  font-family: var(--unnamed-font-family-neue-regrade);
  font-weight: 600;
  transition: color 0.18s ease;
  font-size: 14px;
  line-height: 20px;
  /* border-bottom: 1px solid #cccccc6e; */
}

.site-header--brand .nav-dropdown-grid a:hover {
  color: var(--xd-gold);
}

.site-header--brand .nav-title {
  font-family: var(--font-heading);
  color: var(--xd-gold);
  letter-spacing: 0.1em;
}

.nav-title {
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blue-dark);
  margin-bottom: 0.10rem;
  margin-top: 0 !important;
}

.site-header--brand .nav-dropdown-promo .promo-inner {
  background: linear-gradient(155deg, var(--xd-gold-muted) 0%, var(--xd-gold) 55%, #b8893a 100%);
  color: #fffdf8;
  box-shadow: 0 10px 28px rgba(74, 58, 28, 0.18);
}

.nav-dropdown-promo {
  display: block;
}

.nav-dropdown-promo .promo-inner {
  background: linear-gradient(180deg, var(--blue), var(--blue-dark));
  color: #fff;
  padding: 1.2rem;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.6rem;
  box-shadow: 0 8px 20px rgba(88, 62, 43, 0.06);
}

.nav-dropdown-promo .promo-inner strong {
  font-size: 2.4rem;
  line-height: 1;
}

.nav-dropdown-promo .promo-inner p {
  margin: 0;
  color: rgba(255,255,255,0.95);
}

.nav-dropdown-promo .promo-inner .btn {
  /*align-self: flex-start;*/
    margin-top: 0.6rem;
    color: var(--teal);
    /* box-shadow: 0 2px 8px rgba(88, 62, 43, 0.05); */
    background: #FEF9EF 0% 0% no-repeat padding-box;
    border: 1px solid #CE9B3C52;
}

.nav-title-spacer {
  margin-top: 0.7rem;
}

.btn {
  border: 0;
  border-radius: 100px;
  font-weight: 500;
  padding: 0.8rem 1.08rem;
  min-height: 56px;
  font-family: var(--font-body);
  font-size: var(--fs-btn);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/*.btn::before {*/
/*  content: "\270E";*/
/*  display: inline-block;*/
/*  margin-right: 0.42rem;*/
/*  font-size: 0.94em;*/
/*  line-height: 1;*/
/*  transform-origin: 55% 80%;*/
/*  animation: penWiggle 1.8s ease-in-out infinite;*/
/*}*/

.btn:hover {
  transform: translateY(-1px);
}

.btn:hover::before {
  animation-duration: 0.9s;
}

.btn-primary {
  background: linear-gradient(135deg, var(--blue), var(--blue-dark));
  color: #fffdf8;
  /*box-shadow: 0 10px 20px rgba(127, 84, 35, 0.28);*/
}

.btn-ghost {
  background: #fffaf1;
  color: var(--blue-dark);
  border: 1px solid var(--line);
}

@keyframes penWiggle {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  20% {
    transform: translateY(-1px) rotate(-12deg);
  }
  45% {
    transform: translateY(0) rotate(7deg);
  }
  70% {
    transform: translateY(-1px) rotate(-4deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn::before {
    animation: none;
  }

  .reveal,
  .reveal.visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }

  .hero-visual img,
  .search-chart polyline,
  .search-chart path,
  .hero-kpis.reveal div,
  .proof-card,
  .insight,
  .engine-layer,
  .site-footer__social-link {
    animation: none !important;
    transition: none !important;
  }
}

.menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 1px solid var(--line);
  background: #fffaf0;
  border-radius: 10px;
  min-height: 44px;
  padding: 0 1rem;
  font-size: 0.96rem;
  font-weight: 800;
  color: var(--ink);
  cursor: pointer;
}

.main-nav.open {
  display: flex;
}

.hero {
  padding: 160px 0 50px;
  /* border-bottom: 1px solid rgba(95, 73, 57, 0.16); */
  height: auto;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.16fr 0.84fr;
  gap: 2.1rem;
  align-items: center;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--blue);
  font-weight: 400;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
}

.brand-inline-icon {
  width: 15px;
  height: 22px;
  object-fit: contain;
}

.hero h1 {
  font-size: var(--fs-hero-title);
  line-height: 1.02;
  letter-spacing: -0.03em;
  max-width: 100%;
}

.hero-copy > p {
  margin-top: 0.7rem;
  font-size: clamp(0.96rem, 1.08vw, 1.12rem);
  color: var(--muted);
  line-height: 1.52;
  max-width: 70ch;
  margin-bottom: 1rem;
}

.hero-form {
  margin-top: 1rem;
  background: #fffaf0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.35rem;
  display: flex;
  gap: 0.35rem;
  box-shadow: 0 8px 18px rgba(88, 62, 43, 0.12);
  max-width: 520px;
}

.hero-form input {
  width: 100%;
  border: 0;
  outline: none;
  padding: 0.82rem 0.92rem;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;
}

.hero-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
  border-top: dashed 2px #00000014;
  border-bottom: dashed 2px #00000014;
}

.hero-kpis div {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 1rem 0.12rem;
  text-align: center;
  border-right: dashed 2px #00000014;
}
.hero-kpis div:last-child {border-right: 0px;}
.hero-kpis strong {
  display: block;
  font-size: 1.84rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.hero-kpis span {
  color: var(--muted);
  font-size: 1rem;
}

.hero-kpis.hero-kpis--home .hero-kpi-item {
  border: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  text-align: left;
  padding: 0.2rem clamp(0.35rem, 1vw, 0.65rem) !important;
  flex: 1 1 0 !important;
}

.hero-kpis.hero-kpis--home {
  border-top: none !important;
  border-bottom: none !important;
  grid-template-columns: none !important;
}

.hero-kpis.reveal div {
  opacity: 0;
  transform: translateY(20px) scale(0.97);
}

.hero-kpis.reveal.visible div {
  animation: kpiPopIn 720ms cubic-bezier(0.2, 0.75, 0.2, 1) forwards;
}

.hero-kpis.reveal.visible div:nth-child(1) { animation-delay: 120ms; }
.hero-kpis.reveal.visible div:nth-child(2) { animation-delay: 220ms; }
.hero-kpis.reveal.visible div:nth-child(3) { animation-delay: 320ms; }
.hero-kpis.reveal.visible div:nth-child(4) { animation-delay: 420ms; }

@keyframes kpiPopIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  70% {
    opacity: 1;
    transform: translateY(-2px) scale(1.01);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.hero-proof-strip {
  display: none;
}

.hero-proof-strip span {
  border: 0;
  background: transparent;
  min-height: 36px;
  border-radius: 0;
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 0.68rem;
  color: #6f5745;
  font-weight: 700;
  padding: 0.1rem;
  letter-spacing: 0.01em;
}

.hero-visual {
  position: relative;
}

.hero-visual img {
  animation: heroFloat 6.2s ease-in-out infinite;
}

.donut-card {
  min-height: 350px;
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}

.donut-shape {
  width: 312px;
  aspect-ratio: 1;
  border-radius: 999px;
  background: conic-gradient(#f0bb56 0 20%, #d89b32 20% 47%, #8b6143 47% 72%, #eab04a 72% 100%);
  mask: radial-gradient(circle, transparent 44%, black 45%);
  filter: drop-shadow(0 12px 24px rgba(30, 123, 244, 0.25));
}

.donut-center {
  position: absolute;
  text-align: center;
  z-index: 2;
}

.orbit-note {
  position: absolute;
  font-size: 0.72rem;
  line-height: 1.3;
  color: #7b6553;
  font-weight: 700;
  max-width: 11ch;
  text-align: center;
}

.note-top {
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.note-left {
  left: 0;
  top: 49%;
  transform: translateY(-50%);
  text-align: right;
}

.note-right {
  right: 0;
  top: 49%;
  transform: translateY(-50%);
  text-align: left;
}

.note-bottom {
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
}

.donut-center p {
  color: var(--muted);
  font-size: 1rem;
}

.donut-center strong {
  font-size: 2.25rem;
  letter-spacing: -0.03em;
}

section {
  padding: 3.8rem 0;
}

.section-title {
  display: block;
  font-size: var(--fs-section-title);
  text-align: center;
  max-width: 22ch;
  margin: 0 auto;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.section-title span {
  color: var(--blue-dark);
}

.section-brand-icon {
  width: 34px;
  height: 34px;
  margin-right: 0.45rem;
  vertical-align: middle;
  object-fit: contain;
}

.section-sub {
  text-align: center;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--muted);
  max-width: 74ch;
  margin: 1rem auto 0;
}

.funnel-wrap {
  margin: 2.2rem auto 0;
  width: min(620px, 94vw);
  display: grid;
  gap: 0.7rem;
}

.value {
  /* border-top: 1px solid rgba(95, 73, 57, 0.16); */
  position: relative;
  overflow: hidden;
}

.value .section-title {
  max-width: 100%;
  font-size: clamp(2rem, 3vw, 3.1rem);
}

.value .section-sub {
  max-width: 70ch;
}

.value .section-sub strong {
  font-weight: 800;
  color: #3e3026;
}

/* ----- Value: Unfinished Ideas Published Authority (XD-style strip) ----- */
.value.value-revenue-shift {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.value-revenue-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #fdf9f3;
}

.value-revenue-bg::before,
.value-revenue-bg::after {
  content: "";
  position: absolute;
  width: min(520px, 70vw);
  height: min(520px, 70vw);
  border-radius: 50%;
  filter: blur(0.5px);
  pointer-events: none;
}

.value-revenue-bg::before {
  left: -18%;
  top: -35%;
  background: radial-gradient(circle, rgba(245, 196, 105, 0.22) 0%, transparent 68%);
}

.value-revenue-bg::after {
  right: -20%;
  bottom: -40%;
  background: radial-gradient(circle, rgba(206, 155, 60, 0.14) 0%, transparent 70%);
}

.value-revenue-inner {
  position: relative;
  z-index: 1;
}

.value-revenue-header {
  text-align: center;
}

.value-revenue-headline {
  margin: 0 auto;
  max-width: 1100px;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.6vw, 2.85rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #2d2926;
}

.value-revenue-headline__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
}

.value-revenue-headline__row--second {
  margin-top: 0.35rem;
}

.value-revenue-headline__serif {
  font-weight: 400;
  color: #2d2926;
}

.value-revenue-headline__circled {
  position: relative;
  display: inline-block;
  /*padding: 0.2em 0.75em 0.45em;*/
  margin-inline: 0.1em;
}

.value-revenue-scribble {
  position: absolute;
  left: -2%;
  right: -2%;
  top: -18%;
  bottom: -22%;
  width: 104%;
  height: 140%;
  pointer-events: none;
}

.value-revenue-headline__circled-text {
  position: relative;
  z-index: 1;
  font-weight: 400;
  color: #2d2926;
}

.value-revenue-headline__accent {
  font-weight: 400;
  /*font-style: italic;*/
  color: #CE9B3C;
  letter-spacing: -0.01em;
}

.value-revenue-sub {
  max-width: 62ch;
  margin: clamp(1.1rem, 2.2vw, 1.65rem) auto 0;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
  color: rgba(45, 41, 38, 0.82);
  text-align: center;
}

.value-revenue-sub strong {
  font-weight: 700;
  color: #2d2926;
}

.value-revenue-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 1.05fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 2.8vw, 2.75rem);
  align-items: center;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.value-revenue-card {
  max-width: 340px;
}

.value-revenue-card--problem {
  justify-self: end;
  text-align: left;
}

.value-revenue-card--solution {
  justify-self: start;
  text-align: left;
}

.value-revenue-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  flex-shrink: 0;
  border: 0;
  box-shadow: none;
}

/* Flat SS-style: soft cream disc, no gradient or drop shadow */
.value-revenue-icon--problem {
  background: #f0eae3;
}

.value-revenue-icon--solution {
  background: #f7f1e6;
}

.value-revenue-icon img {
  width: 64%;
  height: 64%;
  max-width: 34px;
  max-height: 34px;
  object-fit: contain;
  display: block;
}

.value-revenue-card__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 400;
  line-height: 1.15;
  color: #2d2926;
}

.value-revenue-card__body {
  margin: 0.65rem 0 0;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-size: clamp(0.88rem, 1.05vw, 0.98rem);
  font-weight: 500;
  line-height: 1.55;
  color: rgba(45, 41, 38, 0.78);
}

.value-revenue-mark {
  background: #fce8b2;
  color: #2d2926;
  font-weight: 700;
  padding: 0.08em 0.28em;
  border-radius: 0.2em;
}

/* Before/after funnel slider (before.svg / after.svg) */
.value-revenue-funnel-slot {
  width: 100%;
  max-width: min(560px, 100%);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.value-revenue-shift .value-revenue-funnel-compare,
.value-revenue-shift .funnel-compare.value-revenue-funnel-compare {
  width: 100%;
  max-width: min(520px, 94vw);
  margin: 0 auto;
  /* Match after.svg frame so before/after scale identically (before was oversized in the shorter box). */
  aspect-ratio: 496.381 / 457.584;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}

.value-revenue-shift .value-revenue-funnel-compare .funnel-after,
.value-revenue-shift .value-revenue-funnel-compare .funnel-before {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fdf9f3;
}

.value-revenue-shift .value-revenue-funnel-compare .funnel-base,
.value-revenue-shift .value-revenue-funnel-compare .funnel-before img {
  width: 100%;
  height: 100%;
  max-width: none;
  border: 0;
  outline: none;
  box-shadow: none;
  object-fit: contain;
  object-position: center;
}

/* Flat SS-style divider: thin line only (drag still works on whole compare area in script.js). */
.value-revenue-shift .value-revenue-funnel-compare .funnel-handle {
  width: 1px;
  background: rgba(45, 41, 38, 0.18);
  box-shadow: none;
}

.value-revenue-shift .value-revenue-funnel-compare .funnel-handle::before,
.value-revenue-shift .value-revenue-funnel-compare .funnel-handle::after {
  display: none;
}

.value-revenue-shift .value-revenue-funnel-compare .funnel-grip {
  display: none;
}

.value-revenue-shift .value-revenue-funnel-compare.is-dragging .funnel-handle {
  background: rgba(45, 41, 38, 0.28);
}

@media (max-width: 960px) {
  .value-revenue-grid {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .value-revenue-card--problem,
  .value-revenue-card--solution {
    justify-self: center;
    text-align: center;
    max-width: 520px;
  }

  .value-revenue-icon {
    margin-inline: auto;
  }

  .value-revenue-funnel-slot {
    order: -1;
    max-width: min(520px, 92vw);
  }
}

@media (max-width: 520px) {
  .value-revenue-headline__row {
    flex-direction: column;
    align-items: center;
  }

  .value-revenue-headline__row--second {
    margin-top: 0.15rem;
  }
}

.value-scene {
  margin-top: 1.35rem;
  position: relative;
  padding-top: 0.2rem;
}

.value-curve {
  display: none;
}

.value-curve-left {
  left: -14%;
  top: 102px;
  width: 46%;
  height: 100px;
  border-radius: 999px;
}

.value-curve-right {
  right: -6%;
  top: 48px;
  width: 42%;
  height: 180px;
  border-radius: 999px;
  border-top-color: rgba(95, 73, 57, 0.28);
  transform: rotate(-12deg);
}

.funnel-compare {
  position: relative;
  width: min(1320px, 94vw);
  aspect-ratio: 1287 / 502;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  user-select: none;
  touch-action: none;
  /* box-shadow: 0 12px 28px rgba(88, 62, 43, 0.12); */
  --split: 50%;
}

.funnel-base,
.funnel-before img {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

.funnel-after,
.funnel-before {
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
  /* background: #ede4d2; */
}

.funnel-after {
  z-index: 1;
  clip-path: inset(0 0 0 var(--split));
}

.funnel-before {
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--split)) 0 0);
}

.funnel-compare.show-before-only .funnel-after {
  opacity: 0;
}

.funnel-compare.show-after-only .funnel-before {
  opacity: 0;
}

.funnel-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 2px;
  transform: translateX(-50%);
  border: 0;
  background: #1f5fb7;
  cursor: ew-resize;
  z-index: 4;
  padding: 0;
}

.funnel-handle::before,
.funnel-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 999px;
}

.funnel-handle::before {
  top: 50%;
  width: 34px;
  height: 34px;
  background: #ffffff;
  border: 2px solid #1f5fb7;
  box-shadow: 0 8px 20px rgba(31, 86, 167, 0.22);
}

.funnel-handle::after {
  bottom: 0;
  width: 18px;
  height: 28px;
  border-radius: 999px 999px 4px 4px;
  background: #1f5fb7;
}

.funnel-grip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #1f5fb7;
  z-index: 5;
}

.funnel-compare.is-dragging .funnel-handle::before {
  box-shadow: 0 10px 26px rgba(31, 86, 167, 0.3);
}

.value-compare {
  margin: 1.4rem auto 0;
  width: min(900px, 100%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.2rem;
}

.value-compare article {
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.value-compare h3 {
  font-size: clamp(1.8rem, 2.4vw, 2.6rem);
  line-height: 1.1;
}

.value-compare p {
  margin-top: 0.45rem;
  font-size: clamp(1.06rem, 1.45vw, 1.22rem);
  color: var(--muted);
  line-height: 1.45;
}

.value .section-sub {
  max-width: 76ch;
}

.funnel-level {
  margin: 0 auto;
  color: #fff;
  font-size: 0.98rem;
  border-radius: 999px;
  text-align: center;
  padding: 0.65rem 0.8rem;
  font-weight: 700;
  box-shadow: var(--shadow);
}

.level-1 { width: 100%; background: #5c4335; }
.level-2 { width: 84%; background: #7a5842; }
.level-3 { width: 66%; background: #9a6f4b; }
.level-4 { width: 48%; background: #c38a42; }
.level-5 { width: 32%; background: #e0a83f; }

.framework {
  background: linear-gradient(180deg, rgba(246, 236, 220, 0.72), rgba(243, 228, 207, 0.55));
  border-top: 1px solid rgba(95, 73, 57, 0.12);
  border-bottom: 1px solid rgba(95, 73, 57, 0.12);
}

.framework .section-title {
  max-width: 22ch;
}

.framework .section-title span {
  color: var(--blue-dark);
}

.framework .section-sub {
  color: var(--muted);
  max-width: 74ch;
}

.rcfx-flow {
  margin: 2.4rem auto 0;
  width: min(760px, 100%);
  min-height: 230px;
  position: relative;
  z-index: 2;
}

.rcfx-flow [role="tab"] {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.rcfx-flow [role="tab"]:focus-visible {
  outline: 3px solid rgba(201, 139, 38, 0.4);
  outline-offset: 8px;
  border-radius: 18px;
}

.rcfx-lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.rcfx-line {
  position: absolute;
  border-top: 2px dashed rgba(95, 73, 57, 0.18);
}

.rcfx-line-top {
  left: 94px;
  right: 94px;
  top: 72px;
}

.rcfx-line-left,
.rcfx-line-right {
  width: calc(50% - 94px);
  top: 72px;
}

.rcfx-line-left {
  left: 94px;
  transform: rotate(17deg);
  transform-origin: left center;
}

.rcfx-line-right {
  right: 94px;
  transform: rotate(-17deg);
  transform-origin: right center;
}

.rcfx-node {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  transition: left 0.72s cubic-bezier(0.22, 1, 0.36, 1), top 0.72s cubic-bezier(0.22, 1, 0.36, 1), transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.36s ease;
}

.rcfx-node img {
  width: 132px;
  height: 132px;
  border-radius: 999px;
  object-fit: cover;
  /* background: #fff; */
  /* border: 10px solid rgba(243, 230, 208, 0.9); */
  /* box-shadow: 0 10px 24px rgba(95, 73, 57, 0.12); */
}

.rcfx-node span {
  font-family: var(--font-heading);
  font-weight: 400;
  color: #3f2e23;
  font-size: 1.28rem;
  max-width: 12ch;
  line-height: 1.26;
}

.rcfx-node.is-active img {
  /* box-shadow: 0 10px 24px rgba(232, 173, 61, 0.22); */
  /* transform: translateY(-1px) scale(1.02); */
}

.rcfx-node.is-active span {
  color: var(--blue-dark);
}

.rcfx-node:hover img {
  transform: translateY(-2px);
}

.rcfx-node.is-slot-left {
  left: 0;
  top: 22px;
  transform: translateX(0);
  flex-direction: row-reverse;
}

.rcfx-node.is-slot-right {
  left: 100%;
  top: 0;
  transform: translateX(-100%);
  flex-direction: row;
}

.rcfx-node.is-slot-center {
  left: 50%;
  top: 140px;
  transform: translateX(-50%);
  flex-direction: column;
  gap: 0.45rem;
}

.rcfx-node.is-slot-center img {
  /* border-color: rgba(243, 230, 208, 0.9); */
  /* background: #fff; */
  padding: 0;
}

.rcfx-node.is-slot-center span {
  max-width: none;
  order: -1;
  text-align: center;
  margin-bottom: 0.15rem;
}

.rcfx-node.is-slot-left span,
.rcfx-node.is-slot-right span {
  width: 13.2ch;
  max-width: 13.2ch;
  line-height: 1.18;
}

.framework .section-title span {
  color: var(--blue-dark);
  font-weight: 400;
}

.rcfx-node.is-slot-right span {
  text-align: left;
}

.rcfx-card {
  margin-top: 1.8rem;
  background: linear-gradient(180deg, #fff9ef, #f7eddc);
  border: 1px solid rgba(219, 200, 170, 0.95);
  border-radius: 14px;
  padding: 2rem 2.4rem 2.8rem;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 1.6rem;
  position: relative;
  z-index: 1;
}

.rcfx-card-left,
.rcfx-card-right,
.rcfx-dots {
  transition: opacity 0.56s ease, transform 0.56s ease;
  will-change: opacity, transform;
}

.rcfx-card.is-switching .rcfx-card-left,
.rcfx-card.is-switching .rcfx-card-right,
.rcfx-card.is-switching .rcfx-dots {
  opacity: 0;
  transform: translateY(12px);
}

.rcfx-card-left {
  animation: rcfxInLeft 0.72s ease both;
}

.rcfx-card-right {
  animation: rcfxInRight 0.72s ease both;
}

.rcfx-card.is-switching .rcfx-card-left,
.rcfx-card.is-switching .rcfx-card-right,
.rcfx-card.is-switching .rcfx-dots {
  animation: none;
}

.rcfx-kicker {
  font-weight: 400;
  font-size: 2.2rem;
  font-family: var(--font-heading);
  letter-spacing: -0.03em;
  color: #4b382b;
}

.rcfx-kicker span {
  color: var(--blue-dark);
}

.rcfx-card h3 {
  margin-top: 0.35rem;
  font-size: clamp(1.62rem, 2.1vw, 2.18rem);
  color: #3d2d22;
}

.rcfx-card ul {
  margin: 1.25rem 0;
  padding-left: 1.3rem;
  display: grid;
  gap: 0.85rem;
}

.rcfx-card li {
  color: #5f4939;
  font-size: 1.12rem;
  line-height: 1.52;
}

.rcfx-card li::marker {
  color: var(--blue-dark);
}

.text-link {
  color: var(--blue);
  font-weight: 700;
  font-size: 0.95rem;
}

.rcfx-link {
  color: var(--blue-dark);
  font-size: 1.12rem;
}

.rcfx-card-right {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  gap: 1.1rem 1rem;
}

.rcfx-card-right img {
  width: 100%;
  max-width: 120px;
  height: 42px;
  object-fit: contain;
  object-position: left center;
  filter: saturate(0.9);
}

.rcfx-dots {
  position: absolute;
  right: 1.3rem;
  bottom: 1rem;
  display: flex;
  gap: 0.45rem;
}

.rcfx-dots span {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: rgba(95, 73, 57, 0.22);
}

.rcfx-dots span.is-active {
  background: var(--blue-dark);
}

.rcfx-card.is-switching {
  transform: translateY(4px);
  opacity: 0.96;
}

.fx-cta {
  margin-top: 1.3rem;
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 1.3rem;
  align-items: center;
}

.fx-cta-visual {
  position: relative;
  min-height: 328px;
  display: grid;
  place-items: center;
}

.fx-cta-visual::before,
.fx-cta-visual::after {
  content: "";
  position: absolute;
  top: 96px;
  width: 88px;
  height: 56px;
  border: 2px solid #bed6f0;
  border-bottom: 0;
  border-radius: 56px 56px 0 0;
}

.fx-cta-visual::before {
  left: 8px;
  border-right: 0;
}

.fx-cta-visual::after {
  right: 8px;
  border-color: #c4e4df;
  border-left: 0;
}

.fx-cta-orbit {
  width: 320px;
  height: 320px;
  position: relative;
}

.fx-cta-orbit::before,
.fx-cta-orbit::after {
  content: "";
  position: absolute;
  top: 176px;
  width: 88px;
  height: 56px;
  border: 2px solid #dbc6df;
  border-bottom: 0;
  border-radius: 56px 56px 0 0;
}

.fx-cta-orbit::before {
  left: -12px;
  border-right: 0;
}

.fx-cta-orbit::after {
  right: -12px;
  border-color: #bddfd2;
  border-left: 0;
}

.fx-segment {
  position: absolute;
  width: 42%;
  height: 42%;
  border: 18px solid transparent;
  border-radius: 999px;
  background: transparent;
}

.fx-segment-a {
  top: 6%;
  left: 6%;
  border-color: #b8d0ee;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-8deg);
}

.fx-segment-b {
  top: 6%;
  right: 6%;
  border-color: #c1dedd;
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(8deg);
}

.fx-segment-c {
  bottom: 6%;
  left: 6%;
  border-color: #d3bedd;
  border-right-color: transparent;
  border-top-color: transparent;
  transform: rotate(8deg);
}

.fx-segment-d {
  bottom: 6%;
  right: 6%;
  border-color: #b9dccf;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(-8deg);
}

.fx-cta-core {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: 53%;
  height: 53%;
  border-radius: 999px;
  background: #175eb7;
  color: #ffffff;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 1rem;
  box-shadow: 0 10px 26px rgba(19, 76, 154, 0.26);
}

.fx-cta-core strong {
  font-size: clamp(2.3rem, 3vw, 3.3rem);
  line-height: 1;
  letter-spacing: -0.03em;
}

.fx-cta-core span {
  margin-top: 0.3rem;
  font-size: 0.62rem;
  line-height: 1.2;
  font-weight: 700;
  max-width: 17ch;
}

.fx-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #c3ac8d;
}

.fx-dot-top-left {
  left: -2px;
  top: 34px;
  background: #b8d0ee;
}

.fx-dot-top-right {
  right: -2px;
  top: 34px;
  background: #c1dedd;
}

.fx-dot-bottom-left {
  left: -2px;
  bottom: 34px;
  background: #d3bedd;
}

.fx-dot-bottom-right {
  right: -2px;
  bottom: 34px;
  background: #b9dccf;
}

.fx-cta-panel {
  background: #edf3ee;
  border: 1px solid #d0dfd4;
  border-radius: 18px;
  padding: 2rem 2.25rem;
  display: grid;
  gap: 0.35rem;
}

.fx-cta-copy h3 {
  font-size: clamp(1.55rem, 2vw, 2.35rem);
  line-height: 1.12;
}

.fx-cta-copy p {
  margin-top: 0.4rem;
  color: #4e5a52;
  font-size: clamp(0.98rem, 1.15vw, 1.18rem);
  max-width: 58ch;
}

.fx-cta-form {
  margin-top: 1rem;
  max-width: 420px;
  background: #ffffff;
  border: 1px solid #d3d9d3;
  border-radius: 8px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  overflow: hidden;
}

.fx-cta-form .btn {
  border-radius: 0;
  min-height: 56px;
  min-width: 0;
  width: 100%;
  padding-inline: 2rem;
  font-size: var(--fs-btn);
}

@keyframes rcfxInLeft {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rcfxInRight {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.proof {
  background:
    linear-gradient(180deg, rgba(249, 242, 230, 0.55), rgba(245, 234, 215, 0.5)),
    repeating-linear-gradient(0deg, rgba(95, 73, 57, 0.045) 0, rgba(95, 73, 57, 0.045) 1px, transparent 1px, transparent 96px),
    repeating-linear-gradient(90deg, rgba(95, 73, 57, 0.045) 0, rgba(95, 73, 57, 0.045) 1px, transparent 1px, transparent 96px);
  border-top: 1px solid rgba(95, 73, 57, 0.1);
}

.proof .section-title {
  max-width: 100%;
  font-size: clamp(2rem, 3vw, 2.95rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.proof .section-sub {
  max-width: 88ch;
  font-size: 1.03rem;
  line-height: 1.58;
}

.proof-mosaic {
  margin-top: 1.95rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.05rem 1rem;
}

.proof-card {
  background: #fff9ef;
  border: 1px solid rgba(212, 191, 160, 0.75);
  border-radius: 13px;
  padding: 1.05rem 1.15rem;
  min-height: 160px;
}

.proof-card,
.panel,
.secondary-metric,
.engine-visual,
.approach-card,
.insight,
.footer-cta-wrap {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.proof-card::after,
.panel::after,
.secondary-metric::after,
.engine-visual::after,
.approach-card::after,
.insight::after,
.footer-cta-wrap::after {
  content: "";
  position: absolute;
  right: -12px;
  bottom: -14px;
  width: 88px;
  height: 88px;
  background: url("../images/logo-icon.svg") no-repeat center / contain;
  opacity: 0.06;
  transform: rotate(-12deg);
  pointer-events: none;
  z-index: 0;
}

.proof-card > *,
.panel > *,
.secondary-metric > *,
.engine-visual > *,
.approach-card > *,
.insight > *,
.footer-cta-wrap > * {
  position: relative;
  z-index: 1;
}

.proof-card.metric {
  min-height: 176px;
}

.proof-title {
  font-family: var(--font-heading);
  font-size: 1.02rem;
  font-weight: 400;
  line-height: 1.2;
}

.proof-number {
  display: block;
  margin-top: 0.58rem;
  font-family: var(--font-heading);
  font-size: clamp(2.35rem, 3vw, 3.35rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
}

.proof-label {
  display: block;
  margin-top: 0.42rem;
  font-size: 0.94rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #6c655d;
  letter-spacing: 0.015em;
}

.proof-spark {
  margin-top: 0.65rem;
  width: 100%;
  height: 22px;
  display: block;
  background: linear-gradient(90deg, transparent 0, rgba(220, 140, 207, 0.32) 35%, rgba(220, 140, 207, 0.8) 70%, rgba(220, 140, 207, 0.1) 100%);
  clip-path: polygon(0 80%, 20% 72%, 34% 78%, 50% 54%, 66% 58%, 83% 38%, 100% 44%, 100% 100%, 0 100%);
}

.metric-lilac {
  background: #f8eef8;
  border-color: #dcc5df;
}

.metric-lilac .proof-number,
.metric-lilac .proof-kicker {
  color: #ae47ac;
}

.metric-lilac .proof-spark {
  background: linear-gradient(90deg, transparent 0, rgba(193, 108, 188, 0.24) 35%, rgba(193, 108, 188, 0.75) 70%, rgba(193, 108, 188, 0.08) 100%);
}

.metric-mint {
  background: #ebf8f3;
  border-color: #bddfce;
}

.metric-mint .proof-number {
  color: #34b99c;
}

.metric-mint .proof-spark {
  background: linear-gradient(90deg, transparent 0, rgba(78, 190, 159, 0.2) 32%, rgba(78, 190, 159, 0.7) 70%, rgba(78, 190, 159, 0.08) 100%);
}

.metric-blue {
  background: #edf3fd;
  border-color: #c2d4ef;
}

.metric-blue .proof-number {
  color: #2f7fd5;
}

.metric-blue .proof-spark {
  background: linear-gradient(90deg, transparent 0, rgba(57, 130, 217, 0.18) 34%, rgba(57, 130, 217, 0.7) 73%, rgba(57, 130, 217, 0.08) 100%);
}

.proof-card.video {
  background: #f2f8fb;
  border-color: #c8dae6;
  min-height: 146px;
}

.proof-media {
  margin-top: 0.45rem;
  display: grid;
  grid-template-columns: 42px 1fr 72px;
  gap: 0.55rem;
  align-items: center;
}

.play-dot {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #d99d32;
  color: #fff;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1;
}

.proof-media img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.proof-media img:last-child {
  height: 72px;
}

.proof-card.quote {
  background: #fffaf2;
  min-height: 246px;
}

.proof-kicker {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #c98b26;
  margin-bottom: 0.45rem;
}

.proof-card.quote p {
  color: #4f4135;
  font-size: 1.01rem;
  line-height: 1.47;
}

.proof-card.quote strong {
  margin-top: 0.9rem;
  display: block;
  color: #7f6a56;
  font-size: 1.02rem;
  font-weight: 800;
}

.btn-row {
  margin-top: 1.85rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.proof .btn-row .btn {
  min-height: 56px;
  font-size: var(--fs-btn);
}


.search-era {
  background: #fef9ef;
  padding: clamp(3rem, 6vw, 5.25rem) 0 clamp(3.25rem, 5vw, 4.75rem);
}

.search-era__wrap {
  max-width: min(68rem, 100% - 2rem);
  margin-inline: auto;
}

.search-era__head {
  text-align: center;
  max-width: 54rem;
  margin-inline: auto;
  padding-bottom: clamp(1.75rem, 3vw, 2.75rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.search-era .container {
  border: 0;
  border-radius: 0;
  padding-inline: max(1rem, 2vw);
  background: transparent linear-gradient(360deg, #FFFBF3 0%, #FFEFD2 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #CE9B3C26;
  border-radius: 35px;
  opacity: 1;
  max-width: 1366px;
  padding: 80px;
}

.search-era-title {
  margin: 0;
  max-width: none;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.6vw, 2.85rem);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--teal);
  text-align: center;
}

.search-era-title__circled {
  position: relative;
  display: inline-block;
  padding: 0.06em 0.42em 0.12em 0.38em;
  margin-right: 0.06em;
  color: var(--teal);
  border: 2.5px solid var(--gold);
  border-radius: 52% 48% 50% 50% / 46% 54% 46% 54%;
  transform: rotate(-2.5deg);
  box-shadow:
    inset 0 0 0 1px rgba(201, 162, 39, 0.12),
    0 1px 0 rgba(201, 162, 39, 0.25);
}

.search-era-title__text {
  color: var(--teal);
  font-weight: 400;
}

.search-era-sub {
  max-width: 48rem;
  margin: 1.35rem auto 0;
  font-family: var(--font-body);
  font-size: clamp(0.98rem, 1.25vw, 1.08rem);
  line-height: 1.68;
  color: rgba(79, 58, 45, 0.9);
  text-align: center;
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.search-era-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.35rem auto 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1rem;
  color: #CE9B3C;
  letter-spacing: 0.02em;
  border-bottom: 2px solid transparent;
  transition: border-color 0.24s ease, color 0.2s ease;
  text-decoration: none;
}

.search-era-link__quill {
  width: 22px;
  height: auto;
  flex-shrink: 0;
  opacity: 0.9;
}

.search-era-link:hover {
  color: var(--blue-dark);
  border-color: rgba(201, 139, 38, 0.45);
}

.search-case-card {
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  background: #fff;
  border: 1px solid rgba(95, 73, 57, 0.1);
  border-radius: 1.35rem;
  padding: clamp(1.75rem, 3vw, 2.65rem) clamp(1.5rem, 3vw, 2.5rem);
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: clamp(1.35rem, 2.5vw, 2.25rem);
  /* box-shadow: 0 16px 48px rgba(88, 62, 43, 0.08); */
  align-items: stretch;
  padding: 3rem !important;
}

.search-case-main {
  padding-right: clamp(0, 2vw, 1.35rem);
}

.search-case-main::after {
  content: none;
}

.search-case-kicker {
  text-transform: none;
    letter-spacing: 0.04em;
    color: #6D5936;
    font-weight: 400;
    font-size: 1rem;
    font-family: var(--font-body);
    font-weight: 600;
}

.search-case-main h3 {
  margin-top: 0.45rem;
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--teal);
}

.search-case-list {
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.75rem;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 0.97rem;
  line-height: 1.55;
}

.search-case-list li {
  position: relative;
  padding-left: 1.65rem;
  width: 85%;
}

.search-case-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 0.55rem;
  height: 0.3rem;
  border-left: 2.5px solid var(--gold);
  border-bottom: 2.5px solid var(--gold);
  transform: rotate(-45deg);
  opacity: 0.95;
}

.search-case-actions {
  margin-top: 1.65rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.search-case-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 52px;
  padding: 0.65rem 1.35rem;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 0.92rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.search-case-btn__quill-dark {
  filter: brightness(0) saturate(100%);
  opacity: 0.88;
}

.search-case-btn img {
  flex-shrink: 0;
  width: 22px;
  height: auto;
  opacity: 0.88;
}

.search-case-btn--light {
  color: var(--teal);
  /* box-shadow: 0 2px 8px rgba(88, 62, 43, 0.05); */
  background: #FEF9EF 0% 0% no-repeat padding-box;
  border: 1px solid #CE9B3C52;
}

.search-case-btn--light:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(88, 62, 43, 0.1);
}

.search-case-btn--gold {
  color: #2d2419;
  border-color: rgba(176, 120, 31, 0.45);
  box-shadow: 0 4px 16px rgba(201, 139, 38, 0.28);
  background: transparent linear-gradient(103deg, #F6D571 0%, #CEA04C 100%) 0% 0% no-repeat padding-box;
}

.search-case-btn--gold:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(201, 139, 38, 0.35);
}

.search-case-stats {
  display: grid;
  grid-template-columns: 1fr 1fr !important;
  gap: 0;
  border-left: 1px dashed rgba(95, 73, 57, 0.16);
  border-radius: 0;
  overflow: hidden;
  min-height: 280px;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.55);
}

.search-stat-cell {
  padding: 1.15rem 0.95rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.4rem;
  border-right: 1px dashed rgba(95, 73, 57, 0.16);
  border-bottom: 1px dashed rgba(95, 73, 57, 0.16);
}

.search-stat-cell:nth-child(2n) {
  border-right: 0;
}

.search-stat-cell:nth-child(n + 3) {
  border-bottom: 0;
}

.search-stat-cell__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.15rem;
}

.search-stat-cell--metric strong {
  font-size: clamp(2.25rem, 3.8vw, 3.15rem);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #CE9B3C;
    font-family: 'Neue Regrade';
    font-weight: 600;
}

.search-stat-cell--metric span:last-child {
  text-transform: capitalize;
  font-size: 20px;
  letter-spacing: 0.06em;
  color: #4A3A1C;
  font-weight: 500;
  font-family: var(--font-body);
  max-width: 14rem;
  line-height: 1.35;
}

.search-stat-cell--chart {
  align-content: center;
  padding: 1rem 0.85rem 0.9rem;
}

.search-chart {
  display: grid;
  align-content: center;
  gap: 0.5rem;
  width: 100%;
}

.search-stat-cell--chart.search-chart p {
  margin: 0 0 0.15rem;
  width: 100%;
  text-align: center;
  color: #4A3A1C;
  text-transform: capitalize;
  letter-spacing: 0.06em;
  font-size: 20px;
  font-weight: 500;
  font-family: var(--font-body);
}

.search-chart svg {
  width: 100%;
  height: 78px;
}

.search-case-card.reveal.visible .search-chart polyline {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  animation: chartDraw 1.25s ease-out 0.15s forwards;
}

.search-case-card.reveal.visible .search-chart path {
  animation: chartFill 1.1s ease-out 0.22s both;
}

.search-case-card,
.search-case-main,
.search-case-stats {
  position: relative;
}

.engine {
  background: linear-gradient(180deg, rgba(243, 233, 215, 0), rgba(235, 220, 195, 0.65));
}

.engine-grid {
  display: grid;
  grid-template-columns: 1.02fr 0.72fr 0.88fr;
  gap: 1rem;
  align-items: stretch;
}

.engine-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.engine-intro .section-title {
  text-align: left;
  margin: 0;
  max-width: 12ch;
  line-height: 1.08;
  font-size: clamp(1.9rem, 2.7vw, 2.6rem);
  font-weight: 400;
}

.engine-intro p {
  color: var(--muted);
  font-size: 0.95rem;
  max-width: 38ch;
  margin: 1rem 0 0;
}

.engine-form {
  margin-top: 1.35rem;
  max-width: 430px;
  display: grid;
  gap: 0.65rem;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.engine-form input {
  background: #f8f4ec;
  border: 1px solid var(--line);
  border-radius: 4px;
  min-height: 56px;
  padding-inline: 0.9rem;
}

.engine-form .btn {
  width: 100%;
  border-radius: 4px;
  min-height: 58px;
}

.engine-form .btn::before {
  content: none;
}

.engine-card {
  background: #fff9ef30;
  /* border: 1px solid rgba(95, 73, 57, 0.16); */
  border-radius: 18px;
  padding: 1.7rem 1.35rem;
  display: grid;
  align-content: center;
  min-height: 360px;
  /* box-shadow: 0 14px 28px rgba(88, 62, 43, 0.08); */
}

.engine-card h3 {
  font-size: clamp(1.55rem, 1.8vw, 2rem);
  line-height: 1.15;
}

.engine-card ul {
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.65rem;
}

.engine-card a {
  font-size: 1.02rem;
  color: #413329;
  font-weight: 600;
}

.engine-card a:hover {
  color: var(--blue-dark);
}

.engine-stack-wrap {
  display: grid;
  align-items: center;
  justify-items: center;
}

.engine-stack {
  width: min(430px, 100%);
  display: grid;
  justify-items: center;
  gap: 0;
  margin-top: 0.2rem;
}

.engine-layer {
  position: relative;
  border: 0;
  cursor: pointer;
  width: 100%;
  background: transparent;
  padding: 0;
  outline: none;
  transition: transform 0.22s ease;
  --engine-fill-top: #8f7a66;
  --engine-fill-mid: #7b6653;
  --engine-fill-bottom: #645241;
  --engine-core: rgba(61, 45, 34, 0.9);
}

.engine-layer-arrow {
  position: absolute;
  left: 50%;
  top: 44%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.92);
  font-size: 2.45rem;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.engine-layer::before {
  content: "";
  display: block;
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(180deg, #bfbfbf 0%, #969696 80%, #7b7b7b 100%);
  clip-path: polygon(8% 18%, 92% 18%, 78% 90%, 22% 90%);
  border-radius: 50% 50% 42% 42% / 20% 20% 28% 28%;
  box-shadow: inset 0 -7px 18px rgba(0, 0, 0, 0.16), 0 8px 18px rgba(0, 0, 0, 0.1);
}

.engine-layer::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.18));
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.engine-layer:nth-child(1)::before {
  height: 118px;
}

.engine-layer:nth-child(1) {
  --engine-fill-top: #5f4939;
  --engine-fill-mid: #4f3a2d;
  --engine-fill-bottom: #3f2e24;
  --engine-core: rgba(44, 31, 24, 0.96);
}

.engine-layer:nth-child(1)::after {
  top: 14px;
  width: 88%;
  height: 26px;
  background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.2), rgba(15, 43, 95, 0.95));
}

.engine-layer:nth-child(1) {
  z-index: 4;
}

.engine-layer:nth-child(2)::before {
  width: 79%;
  height: 102px;
}

.engine-layer:nth-child(2)::after {
  top: 8px;
  width: 62%;
  height: 20px;
}

.engine-layer:nth-child(2) {
  margin-top: -10px;
  z-index: 3;
  --engine-fill-top: #8a6546;
  --engine-fill-mid: #7a5842;
  --engine-fill-bottom: #664937;
  --engine-core: rgba(63, 45, 33, 0.92);
}

.engine-layer:nth-child(3)::before {
  width: 60%;
  height: 86px;
}

.engine-layer:nth-child(3)::after {
  top: 6px;
  width: 45%;
  height: 18px;
}

.engine-layer:nth-child(3) {
  margin-top: -10px;
  z-index: 2;
  --engine-fill-top: #cf9b49;
  --engine-fill-mid: #c38a42;
  --engine-fill-bottom: #a57135;
  --engine-core: rgba(115, 74, 29, 0.9);
}

.engine-layer:nth-child(4)::before {
  width: 39%;
  height: 74px;
}

.engine-layer:nth-child(4)::after {
  top: 5px;
  width: 28%;
  height: 16px;
}

.engine-layer:nth-child(4) {
  margin-top: -10px;
  z-index: 1;
  --engine-fill-top: #efd197;
  --engine-fill-mid: #e8ad3d;
  --engine-fill-bottom: #cc8f29;
  --engine-core: rgba(112, 76, 28, 0.86);
}

.engine-layer:hover,
.engine-layer:focus-visible,
.engine-layer.is-active {
  transform: translateY(-4px) scale(1.02);
}

.engine-layer.is-active::before,
.engine-layer:hover::before,
.engine-layer:focus-visible::before {
  background: linear-gradient(180deg, var(--engine-fill-top) 0%, var(--engine-fill-mid) 68%, var(--engine-fill-bottom) 100%);
}

.engine-layer.is-active::after,
.engine-layer:hover::after,
.engine-layer:focus-visible::after {
  background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.32), var(--engine-core));
}

.engine-layer.is-active .engine-layer-arrow,
.engine-layer:hover .engine-layer-arrow,
.engine-layer:focus-visible .engine-layer-arrow {
  opacity: 1;
}

.engine-layer:focus-visible {
  box-shadow: 0 0 0 3px rgba(201, 139, 38, 0.28);
  border-radius: 14px;
}

.deep-work {
  background: linear-gradient(180deg, rgba(245, 237, 223, 0.54), rgba(245, 237, 223, 0));
}

.deep-head .section-title {
  max-width: 30ch;
  text-align: left;
  margin: 0;
  line-height: 1.08;
}

.deep-head p {
  margin-top: 1.05rem;
  color: var(--ink);
  max-width: 94ch;
  font-size: 1.06rem;
  line-height: 1.5;
}

.deep-media-grid {
  margin-top: 2.2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.35rem;
}

.approach-video-card,
.deep-quote-card {
  border-radius: 16px;
  border: 1px solid rgba(95, 73, 57, 0.16);
  background: #fffaf2;
  padding: 1.45rem;
}

.approach-video-card {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  background:
    linear-gradient(180deg, rgba(232, 173, 61, 0.16), rgba(255, 255, 255, 0.85) 58%),
    radial-gradient(circle at 12% 20%, rgba(201, 139, 38, 0.08), transparent 52%),
    #fffaf2;
}

.approach-video-card h3 {
  text-align: center;
  color: #5f4939;
  font-size: clamp(2rem, 3vw, 3rem);
  letter-spacing: -0.02em;
}

.approach-play {
  width: 62px;
  height: 62px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 1.2rem auto 0;
  font-size: 1.36rem;
  color: #fffaf2;
  background: linear-gradient(135deg, var(--blue), var(--blue-dark));
  box-shadow: 0 10px 24px rgba(201, 139, 38, 0.35);
}

.approach-people {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: end;
}

.approach-people img {
  width: 100%;
  height: 165px;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid rgba(95, 73, 57, 0.14);
}

.deep-quote-card {
  min-height: 330px;
  display: grid;
  align-content: center;
}

.deep-quote-card blockquote {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.56;
  color: #3f2f24;
}

.deep-quote-card .quote-author {
  margin-top: 1.25rem;
  font-size: 1.02rem;
  font-weight: 400;
  color: #6b5545;
}

.quote-brand {
  margin-top: 0.6rem;
  font-size: 2.05rem;
  font-family: var(--font-heading);
  font-weight: 400;
  color: #433124;
  line-height: 1;
}

.partner-logos {
  margin-top: 1.8rem;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.8rem;
  align-items: center;
}

.partner-logos img {
  width: 100%;
  height: 78px;
  object-fit: contain;
  background: transparent;
}

.insights {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  /* background-color: #f5efe3; */
  /* border-top: 1px solid rgba(95, 73, 57, 0.1); */
}

.insights::before {
  content: "";
  position: absolute;
  inset: -25% -8% auto -8%;
  height: 150%;
  background:
    radial-gradient(ellipse 95% 55% at 12% 28%, rgba(232, 212, 168, 0.5), transparent 52%),
    radial-gradient(ellipse 85% 48% at 88% 18%, rgba(232, 212, 168, 0.42), transparent 50%),
    radial-gradient(ellipse 75% 42% at 52% 88%, rgba(237, 225, 200, 0.55), transparent 52%);
  pointer-events: none;
  z-index: 0;
}

.insights .container {
  position: relative;
  z-index: 1;
  max-width: 1366px;
}

.insights .section-title {
  max-width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.08;
  font-family: var(--font-heading);
  font-weight: 400;
  color: #3f2f24;
}

.insights .section-title span {
  color: #CE9B3C;
}

.insights .section-sub {
  text-align: center;
  max-width: 76ch;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  color: #3f2f24;
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.insight-grid {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}

.insight {
  background: #ffffff;
  border: 1px solid rgba(95, 73, 57, 0.12);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: 180px 1fr;
}

.insight-cover {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-bottom: 1px solid rgba(95, 73, 57, 0.1);
}

.insight-body {
  padding: 1.2rem 1.15rem 1.25rem;
  display: grid;
  align-content: start;
  background: #ffffff;
}

.insight h3 {
  font-family: 'Neue Regrade';
  font-size: 20px;
  font-weight: 600;
  line-height: 1.32;
  color: #2f241c;
  min-height: 0;
}

.insight p {
  font-size: 0.94rem;
  line-height: 1.55;
  color: #4f3a2d;
  margin-top: 0.65rem;
  min-height: 0;
  font-weight: 500;
}

.insight-read-link {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  margin-top: 0.95rem;
  font-weight: 700;
  font-size: 0.96rem;
  color: #CE9B3C;
  text-decoration: none;
  font-family: 'Neue Regrade';
}

.insight-read-link:hover {
  color: var(--gold);
  text-decoration: underline;
}

.insight-read-link__icon {
  flex-shrink: 0;
  opacity: 0.95;
}

.insight--cta {
  border-color: rgba(197, 160, 89, 0.45);
}

.insight--cta::after {
  opacity: 0.04;
}

.insight--cta .insight-body {
  background: linear-gradient(165deg, #dfc48f 0%, #c5a059 42%, #9a7440 100%);
  color: #ffffff;
}

.insight--cta h3,
.insight--cta p {
  color: #ffffff;
}

.insight--cta .insight-read-link {
  color: #ffffff;
}

.insight--cta .insight-read-link:hover {
  color: #fff9ef;
  text-decoration: underline;
}

.photo-strip {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.8rem;
}

.photo-box {
  min-height: 120px;
  border-radius: 12px;
  border: 1px solid var(--line);
  width: 100%;
  object-fit: cover;
}

/* --- Story contact (Your story starts here) --- */
.story-contact {
  background: #fdf8e9;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  border-top: 1px solid rgba(95, 73, 57, 0.08);
}

.story-contact ul{padding: 0;margin: 20px 0;list-style-type: none;display: flex;/* flex-direction: column; */gap: 5px;flex-wrap: wrap;align-items: self-start;}
.story-contact ul li{display: flex;align-items: flex-start;/* gap: 5px; */row-gap: 10px;flex: 0 0 49.5%;}
.story-contact ul li p{    padding: 0 0 0 10px;}
.story-contact ul li p span{    font-weight: 600;}
.story-contact ul li img{height: 20px;margin: 5px 0 0;}
.story-contact ul li:after{content:'';}


.story-contact__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.82fr);
  gap: clamp(1.75rem, 4vw, 3.5rem);
  align-items: start;
  max-width: 1366px;
}

.story-contact__title {
  font-family: var(--font-heading);
  font-size: clamp(2.05rem, 3.8vw, 2.85rem);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0;
}

.story-contact__title-gold {
  color: var(--gold-deep);
}

.story-contact__title-ink {
  color: #1f1814;
}

.story-contact__lead {
  margin-top: 1rem;
  max-width: 56ch;
  font-size: clamp(0.98rem, 1.15vw, 1.06rem);
  line-height: 1.58;
  color: #4f3a2d;
  font-family: var(--font-body);
}

.story-contact__form {
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.05rem;
}

.story-contact__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.story-contact__field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.story-contact__field label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #2f241c;
  margin-bottom: 0.38rem;
  font-family: var(--font-body);
}

.story-contact__field input,
.story-contact__field textarea,
.story-contact__field select {
  width: 100%;
  box-sizing: border-box;
  padding: 0.78rem 0.95rem;
  font-size: 0.96rem;
  font-family: var(--font-body);
  color: #2f241c;
  background: #fff;
  border: 1px solid #e4d8c4;
  border-radius: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.story-contact__field textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.5;
}

.story-contact__field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%239a7440' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  padding-right: 2.25rem;
  cursor: pointer;
}

.story-contact__field input::placeholder,
.story-contact__field textarea::placeholder {
  color: #a89482;
}

.story-contact__field input:focus,
.story-contact__field textarea:focus,
.story-contact__field select:focus {
  outline: none;
  border-color: rgba(197, 160, 89, 0.9);
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.22);
}

.story-contact__phone-wrap {
  display: flex;
  align-items: stretch;
  border: 1px solid #e4d8c4;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.story-contact__phone-wrap:focus-within {
  border-color: rgba(197, 160, 89, 0.9);
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.22);
}

.story-contact__cc {
  flex: 0 0 auto;
  min-width: 5.25rem;
  max-width: 7.25rem;
  border: none;
  border-right: 1px solid #e4d8c4;
  padding: 0.65rem 1.35rem 0.65rem 0.65rem;
  font-size: 0.86rem;
  font-weight: 700;
  color: #3f2f24;
  background-color: #faf6ef;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a624f' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.45rem center;
  font-family: var(--font-body);
  cursor: pointer;
  appearance: none;
}

.story-contact__phone-wrap input {
  flex: 1;
  min-width: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.story-contact__phone-wrap input:focus {
  box-shadow: none;
}

.story-contact__checks {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.2rem;
}

.story-contact__check {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.84rem;
  line-height: 1.45;
  color: #3f2f24;
  font-family: var(--font-body);
  cursor: pointer;
}

.story-contact__check input {
  margin-top: 0.18rem;
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
  accent-color: var(--gold-deep);
}

.story-contact__check a {
  color: var(--gold-deep);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.story-contact__check a:hover {
  color: var(--gold);
}

.story-contact__submit {
  margin-top: 0.35rem;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.88rem 1.85rem;
  border: none;
  border-radius: 999px;
  font-size: 1.02rem;
  font-weight: 800;
  font-family: var(--font-body);
  color: #1f1814;
  cursor: pointer;
  background: linear-gradient(165deg, #dfc48f 0%, #c5a059 45%, #9a7440 100%);
  box-shadow: 0 4px 16px rgba(154, 116, 64, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background: transparent linear-gradient(109deg, #F6D571 0%, #CEA04C 100%) 0% 0% no-repeat padding-box;
}

.story-contact__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(154, 116, 64, 0.28);
}

.story-contact__submit:focus-visible {
  outline: 2px solid #1f1814;
  outline-offset: 3px;
}

.story-contact__submit-icon {
  display: flex;
  color: #1f1814;
}

.story-contact__visual {
  margin: 0;
  position: sticky;
  top: 5.5rem;
}

.story-contact__visual img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(18px, 2.5vw, 28px);
  object-fit: cover;
  aspect-ratio: 3 / 4;
  max-height: min(720px, 86vh);
  box-shadow: 0 18px 48px rgba(42, 31, 24, 0.12);
}

@media (max-width: 960px) {
  .story-contact__grid {
    grid-template-columns: 1fr;
  }

  .story-contact__visual {
    position: relative;
    top: auto;
    order: -1;
    max-width: min(420px, 100%);
    margin: 0 auto;
  }

  .story-contact__visual img {
    max-height: min(440px, 70vw);
    aspect-ratio: 4 / 5;
  }
}

@media (max-width: 600px) {
  .story-contact__row {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .story-contact__submit {
    transition: none;
  }

  .story-contact__submit:hover {
    transform: none;
  }
}

.footer-cta {
  padding-top: 2.4rem;
  padding: 0;
  margin: 40px 0 0;
}

.footer-cta-wrap {
  background: linear-gradient(160deg, #f4ead8 0%, #efe1ca 100%);
  border: 1px solid rgba(95, 73, 57, 0.2);
  border-radius: 20px;
  padding: 2.55rem 1.45rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 7.2rem;
}

.footer-cta h2 {
  font-size: clamp(1.95rem, 2vw, 2rem);
  line-height: 1.08;
}

.footer-cta p {
  margin-top: 0.6rem;
  font-size: 1.14rem;
  color: var(--muted);
}

.footer-cta-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.78rem;
}

.footer-cta-actions .btn {
  min-height: 58px;
  border-radius: 12px;
  padding: 0.86rem 1.35rem;
}

.footer-cta-phone {
  font-size: 1rem;
  font-weight: 800;
  color: #5f4939;
  text-decoration: underline;
  text-underline-offset: 4px;
  white-space: nowrap;
}

.hero-form.compact {
  margin-top: 0;
  width: min(560px, 100%);
}

/* Footer ref SS colors */
.site-footer {
  margin-top: 0;
  padding: 0;
  background: transparent;
  position: relative;
  isolation: isolate;
  font-family: var(--font-body);
  --footer-bg: #1c160c;
  --footer-cream: #fdf8e9;
  --footer-gold: #c8a15a;
  --footer-muted: #d1d1d1;
  overflow: hidden;
}

.site-footer__crest {
  position: relative;
  z-index: 1;
  /* background: var(--footer-cream); */
  padding: clamp(3.5rem, 6.5vw, 5rem) 0 clamp(5.5rem, 10vw, 7.5rem);
  overflow: visible;
}

.site-footer__crest-inner {
  position: relative;
  z-index: 1;
}

.site-footer__watermark {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  display: block;
  width: min(92vw, 1364px);
  max-width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}

.footer-stats.site-footer__stats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.75rem, 1.6vw, 1.1rem);
  align-items: center;
  min-height: clamp(9.5rem, 17vw, 11.5rem);
  margin: 0;
  padding: clamp(0.5rem, 1.5vw, 1rem) 0;
  border: none;
  margin-bottom: clamp(-4.25rem, -7vw, -5.75rem);
  top: 160px;
  width: 90%;
  margin: 0px auto -90px;
}

/* Ref SS: 1 & 3 neeche, 2 & 4 upar (zig-zag on cream/dark seam) */
.footer-stat-card:nth-child(odd) {
  align-self: end;
  margin-top: clamp(1.75rem, 4vw, 3.25rem);
}

.footer-stat-card:nth-child(even) {
  align-self: start;
  margin-bottom: clamp(1.75rem, 4vw, 3.25rem);
}

.footer-stat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 7.25rem;
  padding: 2.25rem 0.85rem 2.15rem;
  text-align: center;
  border-radius: 25px;
  border: 1px solid #EEDFB245;
  background: radial-gradient(ellipse 50% 50% at 30% -10%, #CE9B3C 0%, #4A3A1C 100%);
  /* background: transparent radial-gradient(closest-side at 26% -22%, var(--unnamed-color-ce9b3c) 0%, var(--unnamed-color-4a3a1c) 100%) 0% 0% no-repeat padding-box; */
  /* background: transparent radial-gradient(closest-side at 26% -22%, #CE9B3C 0%, #4A3A1C 100%) 0% 0% no-repeat padding-box; */
}

.footer-stats strong {
  display: block;
  font-family: var(--font-body);
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #E9B24A;
}

.footer-stat-card__static {
  font-size: 80px;
  /*font-weight: 400 !important;*/
}

.footer-stats span {
  display: block;
  margin-top: 0.5rem;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 1.45;
  letter-spacing: 0.01em;
}

.site-footer__body {
  position: relative;
  z-index: 0;
  background: #342913;
  padding: clamp(5.5rem, 10.5vw, 9.25rem) 0 clamp(2.75rem, 4vw, 4.5rem);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 0.82fr) minmax(0, 0.92fr) minmax(0, 1.48fr);
  gap: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 2vw, 1.75rem);
  align-items: start;
  text-align: left;
}

.site-footer__col {
  text-align: left;
}

.site-footer__col--contact {
  padding-right: clamp(0.5rem, 2vw, 1.5rem);
}

.site-footer__phone {
  display: block;
  font-family: var(--font-body);
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-weight: 500;
  color: #CE9B3C;
  text-decoration: none;
  letter-spacing: 0.01em;
  line-height: 1.15;
}

.site-footer__phone:hover {
  color: #dbb46a;
}

.site-footer__email {
  display: block;
  margin-top: 0.75rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--footer-muted);
  text-decoration: none;
  line-height: 1.5;
}

.site-footer__email:hover {
  color: #fff;
}

.site-footer__addr {
  margin: 0.95rem 0 0;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.65;
  color: var(--footer-muted);
  max-width: 42ch;
}

.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.55rem;
}

.site-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 50%;
  background: #CE9B3C;
  color: var(--footer-bg);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease, background 0.2s ease;
}

.site-footer__social-link:hover {
  transform: translateY(-2px);
  background: #dbb46a;
  color: #1c160c;
}

.site-footer__heading {
  font-family: 'Neue Regrade';
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 11px;
  color: #c0ab7f;
  margin: 0px 0 30px;
  text-transform: uppercase;
  font-weight: 600;
}

.site-footer__heading--vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-footer__col--services-cont {
  position: relative;
  padding-top: 0.1rem;
}

@media (min-width: 961px) {
  .site-footer__col--services-cont {
    padding-top: 2.35rem;
  }
}

@media (max-width: 960px) {
  .site-footer__col--services-cont {
    padding-top: 0;
  }
}

.site-footer__nav {
  display: flex;
  flex-direction: column;
  gap: 0.72rem;
}

.site-footer__nav a {
  text-decoration: none;
  line-height: 1.4;
  color: #8a7c5e;
  font-family: var(--unnamed-font-family-neue-regrade);
  font-weight: 600;
  transition: color 0.18s ease;
  font-size: 14px;
  line-height: 20px;
}

.site-footer__nav a:hover {
  color: var(--footer-gold);
}

.footer-form {
  box-shadow: none;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(231, 180, 91, 0.4);
  margin-top: 0;
}

.footer-form input {
  background: transparent;
  color: #fff;
}

.footer-form input::placeholder {
  color: #dcc9a6;
}

.reveal {
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, 30px, 0) scale(0.965);
  --reveal-delay: 180ms;
}

.reveal.visible {
  animation: revealUp 820ms cubic-bezier(0.2, 0.75, 0.2, 1) var(--reveal-delay) forwards;
}

.reveal.reveal-left {
  transform: translate3d(-34px, 22px, 0) scale(0.965);
}

.reveal.reveal-right {
  transform: translate3d(34px, 22px, 0) scale(0.965);
}

.reveal.reveal-left.visible {
  animation-name: revealLeft;
}

.reveal.reveal-right.visible {
  animation-name: revealRight;
}

.delay-1 { --reveal-delay: 120ms; }
.delay-2 { --reveal-delay: 240ms; }

.proof-card,
.insight,
.engine-layer,
.btn {
  transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease;
}

.proof-card:hover,
.insight:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(88, 62, 43, 0.12);
}

@keyframes revealUp {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 30px, 0) scale(0.965);
  }
  70% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, -2px, 0) scale(1.005);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes revealLeft {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(-34px, 22px, 0) scale(0.965);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes revealRight {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(34px, 22px, 0) scale(0.965);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

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

@keyframes chartDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes chartFill {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {
  .desktop-btn {
    display: none;
  }

  .hero-grid,
  .engine-grid,
  .split-card,
  .search-case-card,
  .footer-cta-wrap {
    grid-template-columns: 1fr;
  }

  .deep-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .hero-kpis,
  .hero-proof-strip,
  .pillars,
  .proof-mosaic,
  .partner-logos,
  .photo-strip,
  .insight-grid,
  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-kpis--home .hero-kpi-item:not(:last-child)::after {
    display: none;
  }

  .footer-stats.site-footer__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: clamp(8.5rem, 14vw, 10rem);
    margin-bottom: -3.5rem;
    padding: clamp(0.5rem, 1.5vw, 1rem) 0;
  }

  .footer-stat-card:nth-child(odd) {
    align-self: end;
    margin-top: clamp(1rem, 2.5vw, 1.75rem);
    margin-bottom: 0;
  }

  .footer-stat-card:nth-child(even) {
    align-self: start;
    margin-bottom: clamp(1rem, 2.5vw, 1.75rem);
    margin-top: 0;
  }

  .site-footer__body {
    padding-top: clamp(5.5rem, 13vw, 7.25rem);
  }

  .rcfx-card {
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .rcfx-card-right {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .value-curve {
    display: none;
  }

  .value-compare h3 {
    font-size: 1.55rem;
  }

  .value-compare p {
    font-size: 1.02rem;
  }

  .engine-grid {
    gap: 1.3rem;
  }

  .engine-intro .section-title,
  .engine-intro p {
    max-width: 100%;
  }

  .engine-card {
    min-height: 0;
  }

  .engine-stack {
    width: min(460px, 100%);
  }

  .main-nav-panel {
    justify-content: center;
    gap: 0.9rem;
    padding: 0;
  }

  .nav-link,
  .nav-dropdown-trigger {
    padding: 0.35rem 0;
  }

  .nav-dropdown {
    width: auto;
  }

  .nav-dropdown-menu {
    border-radius: 0 0 16px 16px;
  }

  .nav-dropdown-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  :root {
    --fs-body: 1.02rem;
    --fs-nav: 0.95rem;
    --fs-btn: 1rem;
    --fs-hero-title: clamp(2.05rem, 8.6vw, 2.7rem);
    --fs-hero-text: 1.01rem;
    --fs-section-title: clamp(1.55rem, 6.8vw, 2.1rem);
    --fs-card-title: 1.1rem;
  }

  section {
    padding: 4rem 0;
  }

  .header-wrap {
    min-height: 68px;
  }

  .menu-btn {
    display: none;
  }

  .main-nav {
    display: flex;
  }

  .main-nav-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0;
  }

  .nav-dropdown-menu {
    min-width: 0;
  }

  .hero {
    padding-top: 2.3rem;
  }

  .hero-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .hero-kpis strong {
    font-size: 0.72rem;
  }

  .hero-kpis span {
    font-size: 0.64rem;
  }

  .hero-kpis--home .hero-kpi-text strong {
    font-size: clamp(0.92rem, 3.4vw, 1.05rem);
  }

  .hero-kpis--home .hero-kpi-text span {
    font-size: clamp(0.68rem, 2.9vw, 0.76rem);
  }

  .hero-form {
    flex-direction: column;
  }

  .hero-form input {
    font-size: 1rem;
  }

  .hero-kpis,
  .hero-proof-strip,
  .pillars,
  .proof-mosaic,
  .partner-logos,
  .photo-strip,
  .insight-grid,
  .site-footer__grid {
    grid-template-columns: 1fr;
  }

  .hero-kpis.hero-kpis--home .hero-kpi-item {
    flex: 1 1 100% !important;
    max-width: 100%;
  }

  .value-compare {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .value-compare article {
    text-align: center;
  }
}

/* Services Page inner hero (reference layout) */
.page-services {
  background: #fef9ef;
}

.services-hero {
  position: relative;
  min-height: clamp(520px, 52vw, 660px);
  padding: clamp(5.5rem, 9vw, 7rem) 0 clamp(3rem, 5vw, 4.25rem);
  overflow: hidden;
  background: #fef9ef;
}

.services-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.services-hero__banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.services-hero__layout {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(340px, 38vw, 480px);
  max-width: 1500px;
}

.services-hero__content {
  text-align: center;
  justify-self: center;
  max-width: 850px;
}

.services-hero__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2.35rem, 4.8vw, 4.15rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #2d2926;
}

.services-hero__circled {
  position: relative;
  display: inline-block;
  /* padding: 0.12em 0.62em 0.38em; */
  margin-inline: 0.06em;
  vertical-align: baseline;
}

.services-hero__scribble {
  position: absolute;
  left: -4%;
  right: -4%;
  top: -20%;
  bottom: -24%;
  width: 108%;
  height: 145%;
  color: var(--xd-gold, #ce9b3c);
  pointer-events: none;
}

.services-hero__circled-text {
  position: relative;
  z-index: 1;
  color: #ce9b3c;
}

.services-hero__lead {
  margin: clamp(1.1rem, 2.2vw, 1.45rem) auto 0;
  max-width: 54ch;
  font-family: var(--font-body);
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  font-weight: 400;
  line-height: 1.65;
  color: #4A3A1C;
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.services-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  margin-top: clamp(1.35rem, 2.5vw, 1.75rem);
  padding: 0.88rem 1.75rem;
  border-radius: 999px;
  background: #fff;
  color: #2d2926;
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.1vw, 1.02rem);
  font-weight: 500;
  text-decoration: none;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 14px 32px rgba(74, 58, 28, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0px 3px 21px #FFD484;
}

.services-hero__cta:hover {
  transform: translateY(-2px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 18px 36px rgba(74, 58, 28, 0.16);
}

.services-hero__cta img {
  flex-shrink: 0;
  width: 22px;
  height: auto;
}

.services-hero__checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.85rem 1.65rem;
  margin: clamp(1.5rem, 2.8vw, 1.85rem) 0 0;
  padding: 0;
  list-style: none;
}

.services-hero__checks li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--font-body);
  font-size: clamp(0.82rem, 1vw, 0.92rem);
  font-weight: 500;
  color: rgba(45, 41, 38, 0.82);
  white-space: nowrap;
}

.services-hero__check-icon {
  display: inline-flex;
  color: var(--xd-gold, #ce9b3c);
  flex-shrink: 0;
}

.page-services .home-partners-bar {
  margin-top: 0;
}

.services-cream-band {
  position: relative;
  overflow: hidden;
  background: #fdf9f3;
}

.services-cream-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 115% 90% at 50% 22%, #fffdf8 0%, rgba(254, 249, 239, 0.55) 38%, transparent 68%),
    radial-gradient(ellipse 70% 55% at 8% 48%, rgba(245, 196, 105, 0.14) 0%, transparent 58%),
    radial-gradient(ellipse 70% 55% at 92% 62%, rgba(206, 155, 60, 0.12) 0%, transparent 58%),
    linear-gradient(180deg, #fef9ef 0%, #f8f0e2 100%);
}

.services-cream-band > section {
  position: relative;
  z-index: 1;
  background: transparent;
}

.services-expertise {
  padding: clamp(3.25rem, 6vw, 4.75rem) 0 clamp(3.25rem, 6vw, 4.75rem);
}

.services-expertise__inner {
  max-width: 1260px;
}

.services-expertise__lead {
  margin: 0 auto;
  max-width: 82rem;
  text-align: center;
  font-family: var(--font-body);
  font-size: 44px;
  font-weight: 400;
  line-height: 1.3;
  color: #4A3A1C;
  font-weight: 500;
}

.services-expertise__brand {
  font-weight: 500;
  color: #CE9B3C;
}

.services-expertise__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  margin-top: clamp(2.35rem, 4.5vw, 3.15rem);
}

.services-expertise__stat {
  flex: 1 1 0;
  min-width: min(100%, 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  padding: 0.35rem clamp(1.15rem, 3.5vw, 2.75rem);
  border-right: 1px solid rgba(45, 41, 38, 0.1);
}

.services-expertise__stat:last-child {
  border-right: 0;
}

.services-expertise__stat-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.services-expertise__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--xd-gold, #ce9b3c);
}

.services-expertise__icon svg {
  display: block;
}

.services-expertise__stat-head strong {
  font-size: clamp(2.25rem, 3.8vw, 3.15rem);
  line-height: 1;
  letter-spacing: -0.02em;
  color: rgb(206, 155, 60);
  font-family: "Neue Regrade";
  font-weight: 700;
}

.services-expertise__label {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  color: #4A3A1C;
  text-align: center;
}

.services-authority {
  padding: 0 0 clamp(3.75rem, 6.5vw, 5.25rem);
}

.services-authority__inner {
  max-width: 1260px;
}

.services-authority__header {
  text-align: center;
  margin-bottom: clamp(2rem, 3.8vw, 2.85rem);
}

.services-authority__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2rem, 3.8vw, 3.15rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #4A3A1C;
}

.services-authority__accent {
  color: #CE9B3C;
}

.services-authority__sub {
  margin: clamp(1rem, 2vw, 1.35rem) auto 0;
  max-width: 50rem;
  font-family: var(--font-body);
  font-weight: 400;
  color: #4A3A1C;
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.services-authority__sub strong {
  font-weight: 600;
  color: #2d2926;
}

.services-authority__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
}

.services-authority-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(380px, 42vw, 460px);
  padding: clamp(1.75rem, 3vw, 2.35rem) clamp(1.65rem, 2.8vw, 2.2rem) clamp(1rem, 2vw, 1.35rem);
  border-radius: 28px;
  border: 1px solid #CE9B3C52;
  /* box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 12px 32px rgba(74, 58, 28, 0.06); */
  background: transparent linear-gradient(
90deg, #FFFBF3 0%, #FFEFD2 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(133deg, #FFFFFF 0%, #FFE5B5 100%) 0% 0% no-repeat padding-box;
}

.services-authority-card__title {
  margin: 0 0 0.55rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.45rem, 2.2vw, 1.85rem);
  line-height: 1.2;
  color: #2d2926;
}

.services-authority-card__text {
  margin: 0;
  max-width: 35rem;
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.05vw, 1rem);
  line-height: 1.55;
  color: #4A3A1C;
  font-weight: 500;
}

.services-authority-card__visual {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: clamp(200px, 26vw, 280px);
  margin-top: clamp(1.25rem, 2.5vw, 1.75rem);
  padding-top: 0.5rem;
}

.services-authority-card__visual img {
  width: min(100%, 550px);
  height: auto;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 14px 24px rgba(74, 58, 28, 0.1));
}

.services-authority-card--dark {
  background: #2c2621;
  border-color: rgba(255, 255, 255, 0.08);
  /* box-shadow: 0 16px 40px rgba(28, 22, 16, 0.22); */
  background: transparent radial-gradient(closest-side at 50% 54%, #A88A51 60%, #68542E 108%, #0F0C06 170%) 0% 0% no-repeat padding-box
}

.services-authority-card--dark .services-authority-card__title {
  color: #f5f0e8;
}

.services-authority-card--dark .services-authority-card__text {
  color: rgba(245, 240, 232, 0.72);
}

.services-authority-card--dark .services-authority-card__visual img {
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.28));
      margin: -120px 0 0;
    width: 100%;
}

.services-authority-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  margin-top: clamp(1rem, 2vw, 1.35rem);
  padding: 0.82rem 1.55rem;
  border-radius: 999px;
  background: #fff;
  color: #2d2926;
  font-family: var(--font-body);
  font-size: clamp(0.9rem, 1.05vw, 0.98rem);
  font-weight: 500;
  text-decoration: none;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 10px 24px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.services-authority-card__cta:hover {
  transform: translateY(-2px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 14px 28px rgba(0, 0, 0, 0.22);
}

.services-authority-card__cta img {
  flex-shrink: 0;
  width: 22px;
  height: auto;
}

@media (max-width: 900px) {
  .services-authority__cards {
    grid-template-columns: 1fr;
  }

  .services-authority-card {
    min-height: 0;
  }

  .services-authority-card__text {
    max-width: none;
  }
}

/* Legacy services hero (unused) */
.services-hero-simple {
  position: relative;
  padding: 4rem 0 2.4rem;
  text-align: center;
  overflow: hidden;
}

.services-hero-simple::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 15%, rgba(255, 122, 74, 0.16), transparent 18%),
    radial-gradient(circle at 100% 0%, rgba(255, 122, 74, 0.22), transparent 12%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.services-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1100px;
}

.hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 16px rgba(88, 62, 43, 0.08);
  font-size: 0.88rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1.5rem;
}

.hero-pill-dot {
  color: #f26a2f;
  font-size: 0.98rem;
}

.hero-pill-badge {
  display: inline-flex;
  width: 1.4rem;
  height: 1.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #3568b9;
  color: white;
  font-size: 0.72rem;
  font-weight: 800;
}

.services-hero-simple .hero-actions {
  margin-top: 2rem;
}

.hero-title-simple {
  font-size: clamp(2.5rem, 6vw, 4.8rem);
  line-height: 0.98;
  font-weight: 400;
  font-family: var(--font-heading);
  letter-spacing: -0.05em;
  margin: 0 auto 1rem;
  max-width: 1060px;
  color: #111;
}

.hero-title-simple .highlight {
  color: #ff7a4a;
}

.hero-subtitle-simple {
  font-size: 1.08rem;
  color: rgba(40, 40, 40, 0.72);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.55;
}

.hero-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.1rem;
  flex-wrap: wrap;
}

.hero-actions .btn {
  min-width: 250px;
}

.btn-secondary {
  background: transparent;
  color: #222;
  border: 2px solid rgba(34, 34, 34, 0.65);
  font-weight: 800;
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.75);
  border-color: #222;
}

.trust-row {
  margin-top: 3.2rem;
}

.trust-caption {
  font-size: 0.95rem;
  color: rgba(40, 40, 40, 0.7);
  margin-bottom: 1.1rem;
  font-weight: 600;
}

.trust-logos {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
  align-items: center;
}

.trust-logos span {
  display: block;
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: rgba(40, 40, 40, 0.35);
  text-align: center;
  white-space: nowrap;
}

.features-section {
  padding: 2rem 0 3.4rem;
}

.section-title-simple {
  text-align: center;
  font-size: clamp(2rem, 4vw, 2.85rem);
  line-height: 1.08;
  font-weight: 400;
  font-family: var(--font-heading);
  color: #202020;
  margin-bottom: 0.8rem;
}

.section-sub-simple {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 1.8rem;
  font-size: 0.95rem;
  color: rgba(40, 40, 40, 0.58);
  line-height: 1.5;
}

.features-2x2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
}

.feature-box {
  background: #f8f8f8;
  border: 1px solid rgba(95, 73, 57, 0.05);
  border-radius: 28px;
  padding: 2.15rem 2.2rem 1rem;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 8px 24px rgba(88, 62, 43, 0.045);
}

.feature-box-content h3 {
  font-size: 1.56rem;
  line-height: 1.2;
  margin-bottom: 0.42rem;
  color: #222;
  font-weight: 400;
}

.feature-box-content p {
  font-size: 1rem;
  line-height: 1.45;
  color: rgba(40, 40, 40, 0.54);
  max-width: 350px;
}

.feature-box-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
  padding-top: 1.25rem;
}

.feature-box-visual img {
  width: min(100%, 450px);
  height: auto;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 12px 22px rgba(88, 62, 43, 0.08));
}

.visual-icon {
  font-size: 4rem;
  line-height: 1;
  opacity: 0.9;
}

/* ----- Services: How ScribeFx Helps Bring Your Book To Life ----- */
.services-book-life {
  position: relative;
  overflow: hidden;
  padding: clamp(3.5rem, 7vw, 5.5rem) 0 clamp(4rem, 7.5vw, 6rem);
  background:
    radial-gradient(ellipse 95% 75% at 50% 28%, #4a3d32 0%, #2c2621 38%, #14110e 72%, #0a0908 100%);
}

.services-book-life::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* background:
    radial-gradient(ellipse 55% 45% at 78% 22%, rgba(206, 155, 60, 0.14) 0%, transparent 58%),
    radial-gradient(ellipse 40% 35% at 12% 80%, rgba(206, 155, 60, 0.08) 0%, transparent 55%); */
  background: transparent radial-gradient(closest-side at 50% 50%, #A88A51 0%, #68542E 27%, #0F0C06 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #CE9B3C26;
  opacity: 1;
}

.services-book-life__shell {
  position: relative;
  z-index: 1;
  max-width: 1260px;
}

.services-book-life__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-bottom: 0;
}

.services-book-life__title {
  margin: 0;
  max-width: 18ch;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2rem, 4.2vw, 3.50rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #EEDFB2;
}

.services-book-life__circled {
  position: relative;
  display: inline-block;
  /* padding: 0.1em 0.58em 0.34em; */
  margin-inline: 0.08em;
  vertical-align: baseline;
}

.services-book-life__scribble {
  position: absolute;
  left: -5%;
  right: -5%;
  top: -18%;
  bottom: -22%;
  width: 110%;
  height: 145%;
  color: var(--xd-gold, #ce9b3c);
  pointer-events: none;
}

.services-book-life__circled-text {
  position: relative;
  z-index: 1;
}

.services-book-life__lead {
  margin: clamp(1rem, 2vw, 1.35rem) 0 0;
  max-width: 34rem;
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.15vw, 1.05rem);
  font-weight: 400;
  line-height: 1.65;
  color: #fff;
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.services-book-life__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: clamp(1.25rem, 2.5vw, 1.65rem);
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.05vw, 1rem);
  font-weight: 600;
  color: #CE9B3C;
  text-decoration: none;
  transition: color 0.2s ease, gap 0.2s ease;
}

.services-book-life__cta:hover {
  color: #e8c06a;
  gap: 0.6rem;
}

.services-book-life__cta svg {
  flex-shrink: 0;
}

.services-book-life__visual {
  position: relative;
  min-height: clamp(280px, 34vw, 420px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-book-life__paper {
  position: absolute;
  width: min(52%, 280px);
  left: 0;
  top: 8%;
  opacity: 0.92;
  transform: rotate(-12deg);
  filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.35));
}

.services-book-life__pen {
  position: relative;
  z-index: 1;
  width: min(88%, 420px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 40px rgba(0, 0, 0, 0.4));
}

.services-book-life__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px dashed rgba(245, 240, 232, 0.14);
  border-radius: 28px;
  overflow: hidden;
  background: rgba(20, 17, 14, 0.42);
  backdrop-filter: blur(78px);
  -webkit-backdrop-filter: blur(8px);
  background: transparent url('img/Rectangle 135.png') 0% 0% no-repeat padding-box;
  border: 1px solid #CE9B3C52;
  margin: 30px 0 0;
}

.services-book-life__cell {
  padding: clamp(1.35rem, 2.5vw, 1.85rem) clamp(1.15rem, 2.2vw, 1.65rem);
  border-right: 1px dashed rgba(245, 240, 232, 0.12);
  border-bottom: 1px dashed rgba(245, 240, 232, 0.12);
}

.services-book-life__cell:nth-child(3n) {
  border-right: 0;
}

.services-book-life__cell:nth-child(3n+1):nth-last-child(-n+3),
.services-book-life__cell:nth-child(3n+1):nth-last-child(-n+3) ~ .services-book-life__cell {
  border-bottom: 0;
}

.services-book-life__cell p:nth-of-type(2) {
    margin: 10px 0 0;
    font-size: 16px;
    width: 100%;
    max-width: none;
    line-height: 1.3;
    color: #FFF;
    opacity: 0.5;
}

.services-book-life__icon {
      display: block;
    width: 55px;
    height: auto;
    margin-bottom: 0.85rem;
}

.services-book-life__cell-title {
  margin: 0 0 0.5rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 30px;
  line-height: 1.25;
  color: #EEDFB2;
}

.services-book-life__cell-text {
  margin: 0;
  max-width: 28ch;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(245, 240, 232, 0.62);
}

@media (max-width: 900px) {
  .services-book-life__hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .services-book-life__title {
    max-width: none;
    margin-inline: auto;
  }

  .services-book-life__lead {
    margin-inline: auto;
  }

  .services-book-life__cta {
    justify-content: center;
  }

  .services-book-life__visual {
    min-height: 240px;
  }

  .services-book-life__grid {
    grid-template-columns: 1fr;
  }

  .services-book-life__cell {
    border-right: 0;
    border-bottom: 1px dashed rgba(245, 240, 232, 0.12);
    text-align: center;
  }

  .services-book-life__cell:last-child {
    border-bottom: 0;
  }

  .services-book-life__icon {
    margin-inline: auto;
  }

  .services-book-life__cell-text {
    max-width: none;
    margin-inline: auto;
  }
}

@media (max-width: 640px) and (min-width: 601px) {
  .services-book-life__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .services-book-life__cell:nth-child(3n) {
    border-right: 1px dashed rgba(245, 240, 232, 0.12);
  }

  .services-book-life__cell:nth-child(2n) {
    border-right: 0;
  }

  .services-book-life__cell:nth-child(n + 4) {
    border-bottom: 1px dashed rgba(245, 240, 232, 0.12);
  }

  .services-book-life__cell:nth-child(n + 5) {
    border-bottom: 0;
  }
}

/* ----- Services: Our Book Writing Process ----- */
.services-writing-process {
  padding: clamp(3.5rem, 6.5vw, 5.25rem) 0 clamp(2rem, 0vw, 0.75rem);
  background: #FEF9EF;
}

.services-writing-process__inner {
  max-width: 1180px;
}

.services-writing-process__header {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 2.85rem);
}

.services-writing-process__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2rem, 3.8vw, 3.15rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #2d2926;
}

.services-writing-process__accent {
  color: var(--xd-gold, #ce9b3c);
}

.services-writing-process__intro {
  margin: clamp(1rem, 2vw, 1.35rem) auto 0;
  max-width: 46rem;
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.15vw, 1.05rem);
  font-weight: 400;
  line-height: 1.65;
  color: #4A3A1C;
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.services-writing-process__steps {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.services-writing-process__steps--stack {
  position: relative;
  padding-bottom: 0;
}

.services-writing-process__steps--stack .services-process-card {
  position: sticky;
  top: clamp(5rem, 11vh, 6.75rem);
  will-change: transform, opacity;
  transition:
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.72s ease,
    box-shadow 0.72s ease;
}

.services-writing-process__steps--stack .services-process-card--1 {
  z-index: 10;
  background: #FFF5E1;
}

.services-writing-process__steps--stack .services-process-card--2 {
  z-index: 20;
  margin-top: clamp(16rem, 50vh, 30rem);
  background: #FBEED4;
}

.services-writing-process__steps--stack .services-process-card--3 {
  z-index: 30;
  margin-top: clamp(16rem, 50vh, 30rem);
  background: #F9E3B5;
}

.services-writing-process__steps--stack .services-process-card--4 {
  z-index: 40;
  margin-top: clamp(16rem, 50vh, 30rem);
  background: #FFF5E1;
}
.services-writing-process__steps--stack .services-process-card--5 {
  z-index: 50;
  margin-top: clamp(16rem, 50vh, 30rem);
  background: #FFF5E1;
}
.services-writing-process__steps--stack .services-process-card--6 {
  z-index: 60;
  margin-top: clamp(16rem, 50vh, 30rem);
  background: #FFF5E1;
}
.services-writing-process__steps--stack .services-process-card--7 {
  z-index: 70;
  margin-top: clamp(16rem, 50vh, 30rem);
  background: #FFF5E1;
}



.services-writing-process__steps--stack .services-process-card:not(:first-child) {
  opacity: 0;
  transform: translateY(72px) scale(0.98);
}

.services-writing-process__steps--stack .services-process-card.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.services-process-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
  align-items: center;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  padding: clamp(1.85rem, 3.5vw, 2.65rem) clamp(1.65rem, 3vw, 2.45rem);
  border-radius: 32px;
  background: #FFF5E1 0% 0% no-repeat padding-box;
  border: 1px solid #CE9B3C52;
}

.services-writing-process__steps--stack .services-process-card.is-visible {
}

.services-process-card__num {
  display: block;
  margin-bottom: 0.35rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.85rem, 3vw, 2.35rem);
  line-height: 1;
  color: var(--xd-gold, #ce9b3c);
}

.services-process-card__title {
  margin: 0 0 0.85rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.45rem, 2.4vw, 1.95rem);
  line-height: 1.2;
  color: #2d2926;
}

.services-process-card__text {
  margin: 0 0 0.75rem;
  max-width: 36rem;
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.10vw, 2rem);
  font-weight: 500;
  line-height: 1.4;
  color: #4A3A1C;
}

.services-process-card__text--muted {
  margin-bottom: 0;
  font-size: clamp(0.88rem, 1vw, 1.95rem);
  line-height: 1.58;
  color: #4A3A1C;
  font-weight: 400;
}

.services-process-card__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(220px, 28vw, 320px);
}

.services-process-card__visual img {
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
  display: block;
  /* filter: drop-shadow(0 14px 28px rgba(74, 58, 28, 0.12)); */
}

@media (max-width: 900px) {
  .services-writing-process__steps--stack {
    padding-bottom: 0;
  }

  .services-writing-process__steps--stack .services-process-card {
    position: relative;
    top: auto;
    margin-top: 0 !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .services-process-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .services-process-card__text {
    max-width: none;
    margin-inline: auto;
  }

  .services-process-card__visual {
    order: -1;
    min-height: 200px;
  }

  .services-process-card__visual img {
    margin-inline: auto;
  }
}

/* Legacy how-to-use (content-tools page) */
.how-to-use-section {
  padding: 2.4rem 0 4rem;
}

.how-to-use-title {
  text-align: center;
  font-size: clamp(2rem, 4vw, 2.85rem);
  line-height: 1.08;
  font-family: var(--font-heading);
  font-weight: 400;
  color: #3e245f;
  margin-bottom: 0.7rem;
}

.how-to-use-title span {
  color: #a279e8;
}

.how-to-use-subtitle {
  text-align: center;
  max-width: 540px;
  margin: 0 auto 1.8rem;
  color: rgba(40, 40, 40, 0.58);
  font-size: 0.95rem;
  line-height: 1.5;
}

.how-to-use-stack {
  display: grid;
  gap: 1rem;
  position: relative;
  padding-bottom: 18rem;
}

.how-card {
  border-radius: 20px;
  padding: 2rem;
  min-height: 430px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 1.2rem;
  position: sticky;
  top: 6.5rem;
  will-change: transform, opacity;
  box-shadow: 0 14px 35px rgba(95, 73, 57, 0.08);
  transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.72s ease;
}

.how-card:not(:first-child) {
  opacity: 0;
  transform: translateY(72px) scale(0.98);
}

.how-card.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.how-card-one {
  background: #f4ebff;
  z-index: 10;
}

.how-card-two {
  background: #f8ede5;
  z-index: 20;
  top: 6.5rem;
  margin-top: 30rem;
}

.how-card-three {
  background: #e8f0ff;
  z-index: 30;
  top: 6.5rem;
  margin-top: 30rem;
}

.how-copy {
  max-width: 420px;
}

.how-step {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #a279e8;
  margin-bottom: 0.4rem;
}

.how-card-two .how-step {
  color: #d5975a;
}

.how-card-three .how-step {
  color: #648de8;
}

.how-copy h3 {
  font-size: clamp(1.3rem, 3vw, 2rem);
  line-height: 1.1;
  margin-bottom: 0.65rem;
  color: #2c1a47;
  font-weight: 400;
}

.how-copy p {
  font-size: 0.92rem;
  line-height: 1.5;
}

/* ========== Content Tools Page Styles ========== */

.content-hero {
  background: linear-gradient(135deg, #f8f5fc 0%, #faf8ff 100%);
  padding: 4rem 0;
}

.content-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.content-hero-copy {
  padding:1rem 0;
}

.content-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1.2rem;
  color: #1a0f2e;
  font-family: var(--font-heading);
}

.content-hero-title .accent-purple {
  color: #6b5b95;
}

.content-hero-subtitle {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
  margin-bottom: 1.8rem;
  max-width: 500px;
  font-family: var(--font-body);
}

.btn-content-primary {
  display: inline-block;
  background: #4a3d6b;
  color: white;
  padding: 0.75rem 1.8rem;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-family: var(--font-body);
}

.btn-content-primary:hover {
  background: #3a2d5b;
  transform: translateY(-2px);
}

.content-hero-visual {
  position: relative;
}

.content-hero-visual img {
  width: 100%;
  height: auto;
  display: block;
}

.content-features {
  padding: 3rem 0;
  background: white;
}

.features-grid-3x2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2rem;
}

.feature-card-content {
  background: #f8f5fc;
  border-radius: 16px;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}

.feature-card-content:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(107, 91, 149, 0.12);
}

.feature-icon-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 1.2rem;
}

.feature-icon-wrapper svg {
  width: 60px;
  height: 60px;
}

.feature-card-content h3 {
  font-size: 1.1rem;
  font-weight: 400;
  color: #1a0f2e;
  margin-bottom: 0.8rem;
  line-height: 1.3;
  font-family: var(--font-heading);
}

.feature-card-content p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  font-family: var(--font-body);
}

/* ========== Sticky Overlapping Cards Section ========== */

.how-to-use-section {
  background: linear-gradient(180deg, #f5f0e8 0%, #ede4d2 100%);
  padding: 4rem 0;
  position: relative;
}

.how-to-use-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  min-height: 2000px;
}

.sticky-card-wrapper {
  position: relative;
  height: 600px;
  margin-bottom: 0;
}

.sticky-card {
  position: sticky;
  top: 80px;
  height: 520px;
  border-radius: 24px;
  padding: 3rem 2.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08);
  margin-bottom: 60px;
}

.sticky-card-1 {
  background: linear-gradient(135deg, #e8dffb 0%, #f0e8fb 100%);
  z-index: 3;
}

.sticky-card-2 {
  background: linear-gradient(135deg, #f0e4d3 0%, #f5ead9 100%);
  z-index: 2;
}

.sticky-card-3 {
  background: linear-gradient(135deg, #d9e8f5 0%, #e8f0fb 100%);
  z-index: 1;
}

.card-number {
  font-size: 3.5rem;
  font-weight: 400;
  color: #6b5b95;
  opacity: 0.3;
  font-family: var(--font-heading);
}

.card-content {
  grid-column: 1 / 2;
  align-self: center;
}

.sticky-card h3 {
  font-size: 2rem;
  font-weight: 400;
  color: #1a0f2e;
  margin-bottom: 1.2rem;
  line-height: 1.2;
  font-family: var(--font-heading);
}

.sticky-card p {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  max-width: 450px;
  font-family: var(--font-body);
}

.card-visual {
  background: white;
  border-radius: 16px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Content Tools Responsive */
@media (max-width: 1024px) {
  .content-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .features-grid-3x2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .sticky-card {
    grid-template-columns: 1fr;
    height: auto;
    gap: 1.5rem;
    padding: 2.5rem 2rem;
    margin-bottom: 40px;
  }

  .sticky-card h3 {
    font-size: 1.6rem;
  }

  .card-visual {
    min-height: 300px;
  }
}

@media (max-width: 768px) {
  .content-hero {
    padding: 2.5rem 0;
  }

  .content-hero-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    margin-bottom: 1rem;
  }

  .content-hero-subtitle {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
  }

  .features-grid-3x2 {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .feature-card-content {
    padding: 1.5rem 1.2rem;
  }

  .how-to-use-container {
    min-height: auto;
  }

  .sticky-card-wrapper {
    height: auto;
    margin-bottom: 0;
  }

  .sticky-card {
    position: relative;
    top: auto;
    height: auto;
    grid-template-columns: 1fr;
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    z-index: auto;
  }

  .sticky-card h3 {
    font-size: 1.3rem;
  }

  .sticky-card p {
    font-size: 0.95rem;
  }

  .card-number {
    font-size: 2.5rem;
  }

  .card-visual {
    min-height: 250px;
  }
}

.how-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.visual-panel {
  width: min(290px, 100%);
  height: 150px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 24px rgba(88, 62, 43, 0.08);
}

.visual-panel-soft {
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.72));
}

.visual-panel-peach {
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.72));
}

.visual-panel-blue {
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.72));
}

@media (max-width: 900px) {
  .trust-logos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .features-2x2 {
    grid-template-columns: 1fr;
  }

  .how-card {
    grid-template-columns: 1fr;
  }

  .how-visual {
    order: 2;
  }
}

@media (max-width: 900px) {
  .services-hero__content {
    max-width: 100%;
  }

  .services-hero__checks li {
    white-space: normal;
  }

  .services-hero__banner {
    object-position: center 42%;
  }
}

@media (max-width: 640px) {
  .services-expertise__stat {
    flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(45, 41, 38, 0.1);
    padding-bottom: 1.35rem;
    margin-bottom: 0.35rem;
  }

  .services-expertise__stat:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 700px) {
  .services-hero {
    padding-top: clamp(4.75rem, 14vw, 5.5rem);
  }

  .services-hero__title {
    font-size: clamp(1.85rem, 8.5vw, 2.35rem);
  }

  .services-hero__checks {
    flex-direction: column;
    gap: 0.65rem;
  }

  .services-hero-simple {
    padding-top: 2.8rem;
  }

  .hero-title-simple {
    font-size: 2rem;
    line-height: 1;
  }

  .hero-subtitle-simple {
    font-size: 0.96rem;
  }

  .hero-actions .btn {
    min-width: 0;
    width: 100%;
  }

  .trust-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-box {
    min-height: 250px;
    padding: 1rem;
    border-radius: 18px;
  }

  .feature-box-visual {
    min-height: 130px;
  }

  .visual-icon {
    font-size: 3rem;
  }

  .writing-tools-head,
  .how-to-use-title,
  .how-to-use-subtitle,
  .section-title-simple,
  .section-sub-simple {
    text-align: center;
  }

  .how-card {
    padding: 1.35rem;
    min-height: auto;
  }

  .proof .btn-row .btn {
    min-width: 0;
    min-height: 56px;
    font-size: var(--fs-btn);
  }

  .funnel-compare {
    width: min(92vw, 1220px);
  }

  .funnel-handle::before {
    width: 30px;
    height: 30px;
  }

  .value-compare h3 {
    font-size: 1.3rem;
  }

  .value-compare p {
    font-size: 1rem;
  }

  .engine-intro .section-title {
    text-align: center;
    max-width: 100%;
    font-size: clamp(1.65rem, 8vw, 2rem);
  }

  .engine-intro p {
    text-align: center;
    margin-inline: auto;
    font-size: 0.92rem;
  }

  .engine-form {
    max-width: 100%;
  }

  .engine-card {
    padding: 1.25rem 1rem;
  }

  .engine-card h3 {
    font-size: clamp(1.35rem, 6vw, 1.65rem);
  }

  .engine-card a {
    font-size: 0.98rem;
  }

  .engine-stack {
    width: min(360px, 94vw);
  }

  .engine-layer-arrow {
    font-size: 2rem;
  }

  .footer-cta-wrap {
    padding: 1.15rem 1rem;
  }

  .footer-cta h2 {
    font-size: clamp(1.5rem, 6.7vw, 2rem);
    text-align: center;
  }

  .footer-cta p {
    font-size: 0.96rem;
    text-align: center;
  }

  .footer-cta-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer-cta-actions .btn {
    width: auto;
    max-width: none;
  }

  .deep-head .section-title {
    text-align: center;
    max-width: 100%;
  }

  .deep-head p {
    text-align: center;
    font-size: 0.98rem;
    max-width: 100%;
  }

  .deep-media-grid {
    margin-top: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem;
  }

  .approach-video-card,
  .deep-quote-card {
    padding: 1rem;
    min-height: 0;
  }

  .approach-video-card h3 {
    font-size: clamp(1.5rem, 8vw, 2rem);
  }

  .approach-play {
    width: 52px;
    height: 52px;
    font-size: 1.1rem;
  }

  .approach-people img {
    height: 126px;
  }

  .deep-quote-card blockquote {
    font-size: 0.98rem;
  }

  .deep-quote-card .quote-author {
    font-size: 0.95rem;
  }

  .quote-brand {
    font-size: 1.45rem;
  }

  .partner-logos {
    margin-top: 1.2rem;
    gap: 0.6rem;
  }

  .partner-logos img {
    height: 64px;
  }

  .search-case-main {
    border-right: 0;
    border-bottom: 1px dashed rgba(95, 73, 57, 0.2);
    padding-right: 0;
    padding-bottom: 1.3rem;
  }

  .search-case-stats {
    min-height: 0;
  }

  .footer-stats.site-footer__stats {
    grid-template-columns: 1fr;
    min-height: 0;
    margin-bottom: -2.25rem;
    padding: 0.5rem 0;
    gap: 0.85rem;
  }

  .footer-stat-card:nth-child(odd),
  .footer-stat-card:nth-child(even) {
    align-self: stretch;
    margin-top: 0;
    margin-bottom: 0;
  }

  .site-footer__body {
    padding-top: clamp(4.75rem, 12vw, 6rem);
  }

  .rcfx-flow {
    display: grid;
    gap: 1rem;
    min-height: unset;
    margin-top: 1.8rem;
  }

  .rcfx-flow::before,
  .rcfx-flow::after,
  .rcfx-lines {
    display: none;
  }

  .rcfx-node,
  .rcfx-node.is-slot-left,
  .rcfx-node.is-slot-right,
  .rcfx-node.is-slot-center {
    position: static;
    transform: none;
    justify-content: flex-start;
    flex-direction: row;
  }

  .rcfx-node-right {
    flex-direction: row;
  }

  .rcfx-node span {
    max-width: none;
  }

  .rcfx-node.is-slot-left span,
  .rcfx-node.is-slot-right span,
  .rcfx-node.is-slot-center span {
    width: auto;
    max-width: none;
    order: 0;
    text-align: left;
    margin-bottom: 0;
  }

  .rcfx-node img {width:66px;height: 66px;border-width:6px;}

  .rcfx-kicker {
    font-size: 1.65rem;
  }

  .rcfx-card li {font-size: 1.02rem;}

  .rcfx-card-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }

  .fx-cta {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .fx-cta-visual {
    min-height: 250px;
  }

  .fx-cta-orbit {
    width: 248px;
    height: 248px;
  }

  .fx-cta-core {
    width: 54%;
    height: 54%;
  }

  .fx-cta-core strong {
    font-size: 2.3rem;
  }

  .fx-cta-panel {
    margin: 0 auto;
    width: 100%;
    padding: 1.45rem;
  }

  .fx-cta-form {
    grid-template-columns: 1fr;
  }

  .fx-cta-form .btn {
    min-width: 0;
    width: 100%;
  }

  .btn-row,
  .cta-inline {
    flex-direction: column;
    align-items: stretch;
  }

  .donut-shape {
    width: 230px;
  }

  .donut-card {
    min-height: 300px;
  }

  .orbit-note {
    display: none;
  }
}

@media (min-width: 761px) {
  body {
    background: #fef9ef 0% 0% no-repeat padding-box;
    opacity: 1;
  }

  .hero-proof-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .value {
    padding-top: 3.35rem;
  }

  .funnel-wrap {
    width: min(520px, 92vw);
    gap: 0.62rem;
  }

  .funnel-level {
    font-size: 0.87rem;
    padding: 0.56rem 0.74rem;
  }

  .framework {
    padding-top: 3.2rem;
  }

  .rcfx-flow {
    margin-top: 1.6rem;
    min-height: 188px;
    width: min(860px, 100%);
  }

  .rcfx-node img {
    width: 118px;
    height: 118px;
    border-width: 8px;
  }

  .rcfx-node span {
    font-size: 1rem;
  }

  .rcfx-node.is-slot-center {
    top: 98px;
  }
  .rcfx-node.is-slot-left {
    
left: 0;
  }
  .rcfx-node.is-slot-left,
  .rcfx-node.is-slot-right {
    top: 0px;
  }

  .rcfx-line-top,
  .rcfx-line-left,
  .rcfx-line-right {
    top: 56px;
  }

  .rcfx-line-top {
    left: 82px;
    right: 82px;
  }

  .rcfx-line-left,
  .rcfx-line-right {
    width: calc(50% - 82px);
  }

  .rcfx-line-left {
    left: 82px;
  }

  .rcfx-line-right {
    right: 82px;
  }

  .rcfx-card {
    margin-top: 1.2rem;
    border-radius: 12px;
    padding: 4.4rem 2.6rem 4.2rem;
    grid-template-columns: 1.15fr 0.85fr;
  }

  .rcfx-kicker {
    font-size: 1.55rem;
  }

  .rcfx-card h3 {
    font-size: clamp(1.22rem, 1.75vw, 1.72rem);
  }

  .rcfx-card li {
    font-size: 0.99rem;
  }

  .fx-cta {
    margin-top: 0.8rem;
    grid-template-columns: 360px 1fr;
  }

  .proof {
    padding-top: 3.3rem;
  }

  .proof-mosaic {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }

  .proof-card {
    padding: 1rem;
    min-height: 162px;
  }

  .proof-card.metric {
    min-height: 172px;
  }

  .proof-card.quote {
    min-height: 228px;
  }

  .btn-row {
    margin-top: 1rem;
  }

  .search-era {
    padding-top: 3.2rem;
  }

  .search-era .container {
    padding: 80px;
  }

  .search-era-sub {
    font-size: 1.03rem;
  }

  .search-era-link {
    font-size: 1.02rem;
  }

  .search-case-card {
    padding: 1rem;
    gap: 1.1rem;
  }

  .search-case-main h3 {
    font-size: clamp(1.35rem, 6.4vw, 1.72rem);
  }

  .search-case-main ul {
    font-size: 0.98rem;
    gap: 0.5rem;
  }

  .search-case-stats {
    grid-template-columns: 1fr;
    border-left: 0;
    /* border-top: 1px dashed rgba(95, 73, 57, 0.2); */
    min-height: 0;
  }

  .search-stat-cell {
    border-right: 1px dashed rgba(95, 73, 57, 0.2);
    border-bottom: 1px dashed rgba(95, 73, 57, 0.2);
    padding: 1rem 0.75rem;
  }

  .search-stat-cell:last-child {
    border-bottom: 0;
  }

  .engine {
    padding-top: 3.2rem;
  }

  .deep-work {
    padding-top: 3.3rem;
  }

  .insights {
    padding-top: 3.1rem;
  }

  .photo-strip {
    margin-top: 1.4rem;
  }

  .photo-box {
    min-height: 105px;
  }

  .footer-cta {
    padding-top: 1.1rem;
  }
}



/* --- RIGHT BOOKS   absolute, full height, behind left content --- */
    .banner-books-abs {
      position: absolute;
      top: -160px;
      right: 0px;
      width: auto;
      height: 190%;
      /* overflow: hidden; */
      z-index: 2;
      transform: rotate(-15deg) translateX(60px) translateY(-80px);
    }
 
    /* Left-side fade so books blend into bg */
    .banner-books-abs::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 180px;
      height: 100%;
      /* background: linear-gradient(to right, var(--bg-soft), transparent); */
      z-index: 10;
      pointer-events: none;
    }
    /* Top & bottom fade */
    .banner-books-abs::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 160px;
      /* background: linear-gradient(to top, var(--bg-soft), transparent); */
      z-index: 10;
      pointer-events: none;
      display: none;
    }
 
    .books-wrapper {
      display: flex;
      gap: 16px;
      height: 120%;
      /* transform: rotate(15deg) translateX(60px) translateY(-80px); */
      transform-origin: center center;
      justify-content: center;
      margin: 0 120px 0 0;
    }
 
    .book-lane {
      display: flex;
      flex-direction: column;
      gap: 14px;
      width: 200px;
      flex-shrink: 0;
    }
 
    .book-lane .book-track {
      display: flex;
      flex-direction: column;
      gap: 14px;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
 
    .lane-up .book-track   { animation-name: scrollUp;   animation-duration: 30s; }
    .lane-down .book-track { animation-name: scrollDown;  animation-duration: 36s; }
 
    @keyframes scrollUp {
      0%   { transform: translateY(0); }
      100% { transform: translateY(-50%); }
    }
    @keyframes scrollDown {
      0%   { transform: translateY(-50%); }
      100% { transform: translateY(0); }
    }
 
    .book-card {
      width: 100%;
      height: auto;
      border-radius: 12px;
      overflow: hidden;
      /* box-shadow: 0 10px 30px rgba(0,0,0,0.18); */
      flex-shrink: 0;
    }
    .book-card img {width: 100%; height: 100%; object-fit: cover; display: block;}
    img.papperimg {width: 208px; height: 212px; position: absolute; top: 33%; left: -20%; z-index: 9;}
    img.PenB162kimg {width: 225px; height: 225px; position: absolute; top: 43%; right: -4%; z-index: 9;}

/* ----- ScribeFX publishing section (match design comp; scoped) ----- */
.framework.framework--publish {
  background: #fff9f2;
  border-top: 0;
  border-bottom: 0;
  padding: clamp(2.75rem, 5vw, 4rem) 0 clamp(3rem, 5vw, 4.5rem);
  position: relative;
}

.framework.framework--publish .container {
  max-width: 1300px;
}

.framework.framework--publish .section-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  width: min(38rem, 100%);
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.85rem, 3.5vw, 2.7rem);
  line-height: 1.16;
  color: #2f2419;
}

.framework.framework--publish .section-title .section-brand-icon {
  display: none;
}

.framework.framework--publish .section-title span {
  color: #b89452;
  font-weight: 400;
}

.framework.framework--publish .section-sub {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 52rem;
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  color: rgba(47, 36, 25, 0.82);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
}

.framework.framework--publish .rcfx-flow {
  margin-top: clamp(2rem, 4vw, 2.85rem);
  margin-bottom: 0;
  min-height: 118px;
  width: min(540px, 100%);
}

.framework.framework--publish .rcfx-line {
  border-top-width: 1.5px;
  border-top-style: dashed;
  border-top-color: rgba(74, 58, 40, 0.22);
}

.framework.framework--publish .rcfx-line-top {
  left: 72px;
  right: 72px;
  top: 74px;
}

.framework.framework--publish .rcfx-line-left,
.framework.framework--publish .rcfx-line-right {
  top: 74px;
  width: calc(50% - 72px);
}

.framework.framework--publish .rcfx-line-left {
  left: 72px;
}

.framework.framework--publish .rcfx-line-right {
  right: 72px;
}

.framework.framework--publish .rcfx-node img {
  width: 86px;
  height: 86px;
  /* padding: 13px; */
  box-sizing: border-box;
  object-fit: contain;
  border: 0;
  /* background: linear-gradient(165deg, #fffdf9 0%, #f8ead8 100%); */
  /* box-shadow:
    0 0 0 1px rgba(201, 160, 89, 0.22),
    0 10px 28px rgba(74, 58, 40, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.75); */
}

.framework.framework--publish .rcfx-node.is-active img {
  /* box-shadow:
    0 0 0 1px rgba(197, 160, 89, 0.5),
    0 12px 36px rgba(197, 160, 89, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.85); */
  /* transform: none; */
}

.framework.framework--publish .rcfx-node:hover img {
  transform: translateY(-2px);
}

.framework.framework--publish .rcfx-node span {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 0.9rem !important;
  text-transform: capitalize;
  letter-spacing: 0.1em;
  color: #5f4939;
  max-width: 18ch;
  line-height: 1.35;
}

.framework.framework--publish .rcfx-node.is-active span {
  color: #3f2e23;
}

.framework.framework--publish .rcfx-node.is-slot-left,
.framework.framework--publish .rcfx-node.is-slot-right {
  flex-direction: column;
  align-items: center;
  gap: 0.42rem;
}

.framework.framework--publish .rcfx-node.is-slot-left img,
.framework.framework--publish .rcfx-node.is-slot-right img {
  order: 1;
}

.framework.framework--publish .rcfx-node.is-slot-left span,
.framework.framework--publish .rcfx-node.is-slot-right span {
  order: 2;
  width: auto;
  max-width: 15ch;
  text-align: center;
}

.framework.framework--publish .rcfx-node.is-slot-center {
  gap: 0.38rem;
}

.framework.framework--publish .rcfx-node.is-slot-center span {
  order: -1;
  margin-bottom: 0.15rem;
  max-width: 20ch;
}

.framework.framework--publish .rcfx-card {
  margin-top: clamp(2.35rem, 4.5vw, 3.1rem);
  padding: clamp(1.85rem, 3.2vw, 2.55rem) clamp(1.65rem, 3vw, 2.45rem) clamp(2.15rem, 3.2vw, 2.65rem);
  background: linear-gradient(180deg, #fffffe 0%, #fffef9 50%, #fff9f0 100%);
  border: 1px solid rgba(230, 210, 180, 0.55);
  border-radius: 26px;
  /* box-shadow:
    0 2px 12px rgba(74, 58, 40, 0.05),
    0 22px 56px rgba(201, 160, 89, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95); */
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  overflow: hidden;
  background: transparent linear-gradient(180deg, #FFFBF3 0%, #FFEFD2 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #CE9B3C52;
  border-radius: 35px;
  opacity: 1;
}

.framework.framework--publish .rcfx-card::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -35%;
  height: 65%;
  background: radial-gradient(ellipse 75% 65% at 50% 100%, rgba(255, 214, 150, 0.26), transparent 68%);
  pointer-events: none;
  z-index: 0;
}

.framework.framework--publish .rcfx-card-left,
.framework.framework--publish .rcfx-card-right {
  position: relative;
  z-index: 1;
}

.framework.framework--publish .rcfx-kicker {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5c4a3a;
  margin: 0 0 0.4rem;
  line-height: 1.45;
}

.framework.framework--publish .rcfx-kicker .rcfx-kicker-brand {
  font-family: var(--font-heading);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: 1.28rem;
  color: #c5a059;
  margin-right: 0.4em;
}

.framework.framework--publish .rcfx-kicker .rcfx-kicker-suffix {
  font-weight: 600;
  color: #4a3a28;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
}

.framework.framework--publish .rcfx-card h3 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.42rem, 2.35vw, 1.95rem);
  line-height: 1.22;
  color: #2f2419;
  margin-top: 0;
}

.framework.framework--publish .rcfx-pill-cta.rcfx-link {
  font-size: 0.94rem;
}

.framework.framework--publish .rcfx-card ul {
  list-style: none;
  padding-left: 0;
  margin: 1.1rem 0 1.45rem;
  gap: 0.92rem;
}

.framework.framework--publish .rcfx-card li {
  list-style: none;
  position: relative;
  padding-left: 2.1rem;
  font-family: var(--font-body);
  font-size: 0.94rem;
  line-height: 1.55;
  color: #4a3a28;
}

.framework.framework--publish .rcfx-card li::marker {
  content: "";
  color: transparent;
}

.framework.framework--publish .rcfx-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 22px;
  height: 26px;
  background: url("../images/new-images/icon-1.svg") no-repeat center / contain;
}

.framework.framework--publish .rcfx-pill-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.6rem 1.32rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(210, 190, 155, 0.55);
  /* box-shadow: 0 6px 20px rgba(74, 58, 40, 0.1); */
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.94rem;
  color: #3d3026;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  box-shadow: 0px 3px 21px #FFD484;
}

.framework.framework--publish .rcfx-pill-cta:hover {
  box-shadow: 0 8px 26px rgba(74, 58, 40, 0.14);
  transform: translateY(-1px);
}

.framework.framework--publish .rcfx-pill-cta__icon {
  flex-shrink: 0;
  display: block;
  width: 22px;
  height: auto;
}

.framework.framework--publish .rcfx-card-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.62rem 0.8rem;
  align-content: start;
}

.framework.framework--publish .rcfx-card-right.rcfx-card-right--logos-single {
  display: block;
  grid-template-columns: none;
}

.framework.framework--publish .rcfx-card-right img {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 32px;
  object-fit: contain;
  object-position: center;
  filter: none;
}

.framework.framework--publish .rcfx-card-right.rcfx-card-right--logos-single img {
  width: 100%;
  max-width: 80%;
  height: auto;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: 0 auto;
}

@media (min-width: 761px) {
  .framework.framework--publish .rcfx-flow {
    min-height: 118px;
    width: min(700px, 100%);
  }

  .framework.framework--publish .rcfx-node img {
    width: 92px;
    height: 92px;
    /* padding: 14px; */
  }

  .framework.framework--publish .rcfx-node.is-slot-center {
    top: 70px;
  }

  .framework.framework--publish .rcfx-line-top {
    left: 82px;
    right: 82px;
    top: 60px;
  }

  .framework.framework--publish .rcfx-line-left,
  .framework.framework--publish .rcfx-line-right {
    top: 60px;
    width: calc(50% - 82px);
  }

  .framework.framework--publish .rcfx-line-left {
    left: 82px;
  }

  .framework.framework--publish .rcfx-line-right {
    right: 82px;
  }

  .framework.framework--publish .rcfx-node span {
    font-size: 0.68rem;
  }
}

@media (max-width: 760px) {
  .framework.framework--publish .rcfx-flow {
    display: block;
    min-height: 0;
    width: 100%;
    margin-top: 1.75rem;
  }

  .framework.framework--publish .rcfx-lines {
    display: none;
  }

  .framework.framework--publish .rcfx-node,
  .framework.framework--publish .rcfx-node.is-slot-left,
  .framework.framework--publish .rcfx-node.is-slot-right,
  .framework.framework--publish .rcfx-node.is-slot-center {
    position: static;
    transform: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
  }

  .framework.framework--publish .rcfx-node img {
    width: 64px;
    height: 64px;
    padding: 10px;
  }

  .framework.framework--publish .rcfx-node.is-slot-center span,
  .framework.framework--publish .rcfx-node.is-slot-left span,
  .framework.framework--publish .rcfx-node.is-slot-right span {
    order: 0;
    text-align: left;
    max-width: none;
    font-size: 0.72rem;
  }

  .framework.framework--publish .rcfx-card {
    grid-template-columns: 1fr;
    padding: 1.55rem 1.35rem 2.4rem;
  }

  .framework.framework--publish .rcfx-card-right {
    grid-template-columns: 1fr 1fr;
  }

  .framework.framework--publish .rcfx-card-right.rcfx-card-right--logos-single {
    display: block;
    grid-template-columns: none;
  }
}

/* ----- Revenue engine banner (under publishing framework) ----- */
.fx-cta.fx-cta--revenue-banner {
  margin-top: clamp(1.35rem, 3vw, 2rem);
  display: block;
  padding: 0;
  z-index: 9;
  position: relative;
}

.fx-cta--revenue-banner .fx-cta-revenue-banner__inner {
  display: grid;
  grid-template-columns: minmax(200px, 0.5fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 3.25rem);
  align-items: center;
  padding: clamp(1.1rem, 1.2vw, 3.35rem) clamp(2rem, 4.5vw, 3.5rem);
  border-radius: 35px;
  background: radial-gradient(ellipse 40% 30% at 30% 0%, #ebc767 -110%, #342913 90%);
  border: 1px solid #EFD4A21A;
  /* color: #f5f5f5; */
  overflow: hidden;
  margin-top: 100px;
}

.fx-cta--revenue-banner .fx-cta-revenue-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(200px, 28vw, 300px);
  padding: 0.25rem 0.75rem 0.25rem 0;
}

.fx-cta--revenue-banner .fx-cta-revenue-mockup {
  display: block;
  width: 100%;
  max-width: min(440px, 100%);
  height: auto;
  max-height: clamp(220px, 34vw, 360px);
  object-fit: contain;
  object-position: center left;
  filter: drop-shadow(0 18px 36px rgba(0, 0, 0, 0.45));
}

.fx-cta--revenue-banner .fx-cta-revenue-copy {
  padding: 0.2rem 0 0.15rem;
  text-align: left;
  /* max-width: 38rem; */
}

.fx-cta--revenue-banner .fx-cta-revenue-title {
  margin: 0;
  max-width: max-content;
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 37px;
  line-height: 48px;
  letter-spacing: 0;
  color: #eedfb2;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.fx-cta--revenue-banner .fx-cta-revenue-em {
  position: relative;
  display: inline-block;
  margin-left: 0.28em;
  white-space: nowrap;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: #eedfb2;
}

.fx-cta--revenue-banner .fx-cta-revenue-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% + 1.15rem);
  height: 2.25em;
  transform: translate(-50%, -51%);
  pointer-events: none;
  color: #e6c35c;
}

.fx-cta--revenue-banner .fx-cta-revenue-lead {
  margin: 1.15rem 0 0;
  max-width: 59ch;
  font-family: var(--font-body);
  font-size: clamp(0.88rem, 1.05vw, 1rem);
  line-height: 1.5;
  font-weight: 400;
  color: #FFFFFF;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
}

.fx-cta--revenue-banner .fx-cta-revenue-form {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.75rem;
  margin-top: 1.5rem;
  max-width: 100%;
}

.fx-cta--revenue-banner .fx-cta-revenue-form input[type="email"] {
  flex: 1 1 auto;
  min-width: 66%;
  border-radius: 999px;
  border: 0px solid rgba(255, 255, 255, 0.18);
  background: #71654d;
  padding: 0.82rem 1.25rem;
  font-family: var(--font-body);
  font-size: 0.94rem;
  font-weight: 400;
  color: #f5f5f5;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.fx-cta--revenue-banner .fx-cta-revenue-form input[type="email"]::placeholder {
  color: rgba(209, 209, 209, 0.72);
}

.fx-cta--revenue-banner .fx-cta-revenue-form input[type="email"]:focus-visible {
  border-color: rgba(230, 195, 92, 0.55);
  box-shadow: 0 0 0 3px rgba(230, 195, 92, 0.12);
}

.fx-cta--revenue-banner .fx-cta-revenue-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  flex: 1 1 auto;
  min-width: min(100%, 200px);
  border: 0;
  border-radius: 999px;
  padding: 0.78rem 1.45rem;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.02em;
  color: #3d341d;
  cursor: pointer;
  background: #e6c35c;
  /* box-shadow:
    0 0 28px rgba(230, 195, 92, 0.45),
    0 8px 20px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.35); */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0px 3px 21px #FFBE4678;
}

.fx-cta--revenue-banner .fx-cta-revenue-submit:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 36px rgba(230, 195, 92, 0.55),
    0 10px 24px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.fx-cta--revenue-banner .fx-cta-revenue-submit img {
  flex-shrink: 0;
  display: block;
  width: 22px;
  height: auto;
  filter: brightness(0) saturate(100%) opacity(0.82);
}

.fx-cta--revenue-banner .fx-cta-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 760px) {
  .fx-cta.fx-cta--revenue-banner {
    margin-top: 1.25rem;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-banner__inner {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 1.65rem 1.35rem 2rem;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-visual {
    min-height: 180px;
    order: -1;
    padding: 0.25rem 0 0.75rem;
    justify-content: center;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-mockup {
    max-width: min(360px, 92vw);
    max-height: 260px;
    object-position: center;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-copy {
    text-align: center;
    max-width: none;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-title {
    text-align: center;
    font-size: clamp(1.35rem, 5.2vw, 40px);
    line-height: 1.2;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-em {
    white-space: normal;
    margin-left: 0.15em;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-lead {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-form {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: none;
  }

  .fx-cta--revenue-banner .fx-cta-revenue-submit {
    width: 100%;
  }
}

/* --- Book showcase (grid placement + float) --- */
.book-showcase-scene {
  --book-showcase-p: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-top: clamp(-72px, -5vw, -100px);
  padding: 0;
  z-index: 2;
  overflow: visible;
  min-height: clamp(580px, 62vw, 900px);
  background: #0a0907;
  margin: -250px 0 0;
}

.book-showcase-sticky {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(540px, 58vw, 820px);
  padding: 0;
  overflow: visible;
}

.book-showcase-bg {
  position: absolute;
  inset: 0;
  background: transparent radial-gradient(closest-side at 50% 50%, #A88A51 0%, #68542E 27%, #0F0C06 100%) 0% 0% no-repeat padding-box;
  pointer-events: none;
}

.book-showcase-stage {
  /* position: relative; */
  /* z-index: 2; */
  /* --book-ref: min(1680px, 100vw); */
  /* --book-base: clamp(150px, 19vw, 300px); */
  width: 100%;
  /* max-width: 100%; */
  /* margin-inline: auto; */
  /* height: clamp(520px, 54vw, 780px); */
  /* min-height: clamp(520px, 54vw, 780px); */
  /* overflow: visible; */
  /* perspective: 1800px; */
  /* perspective-origin: 50% 50%; */
  height: 1200px;
}

.book-showcase-rings {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  z-index: 0;
  width: 80%;
  margin: 0 auto;
}

.book-showcase-ring {
  position: absolute;
  left: 50%;
  top: 52%;
  translate: -50% -50%;
  border-radius: 50%;
  border: 1px solid rgba(238, 223, 178, 0.12);
  aspect-ratio: 2 / 2;
  width: 98%;
  height: auto;
}

.book-showcase-ring:nth-child(2) {
  width: 76%;
  opacity: 0.88;
}

.book-showcase-ring:nth-child(3) {
  width: 50%;
  opacity: 0.66;
}

.book-showcase-books {
  position: absolute;
  inset: 0;
  z-index: 2;
  transform-style: preserve-3d;
  overflow: hidden;
}

@keyframes book-showcase-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.book-showcase-book-slot {
  position: absolute;
  left: var(--book-x, 50%);
  top: var(--book-y, 50%);
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  /*transform-style: preserve-3d;*/
  pointer-events: none;
}

/* Per-book placement (design SS) */
.book-showcase-book-slot--01 {
  --book-x: -2%;
  --book-y: 5%;
}

.book-showcase-book-slot--01 .book-showcase-book {
  --book-scale: 1.3;
  /* --book-rx: 10deg; */
  /* --book-ry: -18deg; */
  /* --book-rz: 11deg; */
  /* --float-dur: 5.6s; */
  /* --float-delay: -0.5s; */
}

.book-showcase-book-slot--02 {
  --book-x: 46%;
  --book-y: 19%;
}

.book-showcase-book-slot--02 .book-showcase-book {
  --book-scale: 1;
  /* --book-rx: 7deg; */
  /* --book-ry: 14deg; */
  /* --book-rz: -10deg; */
  /* --float-dur: 5.9s; */
  /* --float-delay: -1.2s; */
}

.book-showcase-book-slot--03 {
  --book-x: 76%;
  --book-y: 8%;
}

.book-showcase-book-slot--03 .book-showcase-book {
  --book-scale: 1.18;
  --book-rx: 5deg;
  --book-ry: -11deg;
  --book-rz: 6deg;
  --float-dur: 6.1s;
  --float-delay: -2s;
}

.book-showcase-book-slot--04 {
  --book-x: 22%;
  --book-y: 40%;
}

.book-showcase-book-slot--04 .book-showcase-book {
  --book-scale: 2;
  /* --book-rx: 4deg; */
  /* --book-ry: -3deg; */
  /* --book-rz: -8deg; */
  /* --float-dur: 7.4s; */
  /* --float-delay: -3.2s; */
}

.book-showcase-book-slot--05 {
  --book-x: 60%;
  --book-y: 45%;
}

.book-showcase-book-slot--05 .book-showcase-book {
  --book-scale: 2;
  /* --book-rx: 4deg; */
  /* --book-ry: -9deg; */
  /* --book-rz: -12deg; */
  /* --float-dur: 6.8s; */
  /* --float-delay: -2.8s; */
}

.book-showcase-book-slot--06 {
  --book-x: -5%;
  --book-y: 62%;
}

.book-showcase-book-slot--06 .book-showcase-book {
  --book-scale: 3;
  /* --book-rx: 4deg; */
  /* --book-ry: -9deg; */
  /* --book-rz: -12deg; */
  /* --float-dur: 6.8s; */
  /* --float-delay: -2.8s; */
}

.book-showcase-book-slot--07 {
  --book-x: 17%;
  --book-y: 78%;
}

.book-showcase-book-slot--07 .book-showcase-book {
  --book-scale: 3;
  /* --book-rx: 4deg; */
  /* --book-ry: -9deg; */
  /* --book-rz: -12deg; */
  /* --float-dur: 6.8s; */
  /* --float-delay: -2.8s; */
}

.book-showcase-book-slot--08 {
  --book-x: 46%;
  --book-y: 65%;
}

.book-showcase-book-slot--08 .book-showcase-book {
  --book-scale: 1;
  /* --book-rx: 4deg; */
  /* --book-ry: -9deg; */
  /* --book-rz: -12deg; */
  /* --float-dur: 6.8s; */
  /* --float-delay: -2.8s; */
}


.book-showcase-book-slot--09 {
  --book-x: 76%;
  --book-y: 64%;
}

.book-showcase-book-slot--09 .book-showcase-book {
  --book-scale: 2;
  /* --book-rx: 4deg; */
  /* --book-ry: -9deg; */
  /* --book-rz: -12deg; */
  /* --float-dur: 6.8s; */
  /* --float-delay: -2.8s; */
}

.book-showcase-book {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--book-base, 180px) * var(--book-scale, 1));
  max-width: min(380px, 42vw);
  min-width: 120px;
  margin: 0;
  transform-origin: center center;
  transform-style: preserve-3d;
  /* transform:
    translate(-50%, -50%)
    rotateX(var(--book-rx, 6deg))
    rotateY(var(--book-ry, -8deg))
    rotateZ(var(--book-rz, 0deg)); */
  /* will-change: transform; */
  /* border-radius: 4px; */
  z-index: var(--book-z, 2);
  box-shadow: unset;
}

.book-showcase-book__inner {
  position: relative;
  display: block;
  transform-origin: center center;
  animation: book-showcase-float var(--float-dur, 6.5s) ease-in-out infinite;
  animation-delay: var(--float-delay, 0s);
}

.book-showcase-book--xl {
  --book-base: clamp(170px, 22vw, 340px);
  max-width: min(440px, 46vw);
  min-width: 150px;
}

.book-showcase-book--lg {
  --book-base: clamp(155px, 19vw, 300px);
  max-width: min(380px, 40vw);
  min-width: 135px;
}

.book-showcase-book img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
}

.book-showcase-book--blur-mid {
  --book-z: 1;
  /* filter: blur(4px); */
  /* opacity: 0.8; */
}

.book-showcase-book--blur-heavy {
  /* --book-z: 0; */
  /* filter: blur(8px); */
  /* opacity: 0.65; */
}

.book-showcase-book--hero {
  --book-z: 4;
  /* filter: none; */
  opacity: 1;
  /* box-shadow:unset; */
}

.book-showcase-badge {
  position: absolute;
  left: 50%;
  top: 54%;
  z-index: 5;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 1.15rem 2rem 1.2rem;
  min-width: min(300px, 88vw);
  border-radius: 999px;
  background: linear-gradient(180deg, #fff9ea 0%, #f3e6c8 100%);
  border: 1px solid rgba(201, 152, 30, 0.35);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.65) inset,
    0 0 48px rgba(228, 184, 42, 0.35),
    0 24px 48px rgba(0, 0, 0, 0.35);
}

.book-showcase-badge img{
    height: 85px;
}
.book-showcase-badge .flex{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.book-showcase-badge__figure {
  color: #b8942f;
  margin-bottom: 0.15rem;
}

.book-showcase-badge__num {
  font-size: clamp(2rem, 4.8vw, 4.6rem);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.02em;
  /* background: linear-gradient(180deg, #d4a82a 0%, #a67c12 100%); */
  /* -webkit-background-clip: text; */
  /* background-clip: text; */
  color: #CE9B3C;
  font-family: 'Neue Regrade';
}

.book-showcase-badge__label {
  font-size: 1.0rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  /* text-transform: uppercase; */
  color: #4A3A1C;
  margin: -12px 0 0;
  font-family: 'Neue Regrade';
}

@media (max-width: 720px) {
  .book-showcase-scene {
    margin-top: 0;
    min-height: clamp(480px, 110vw, 640px);
    padding: 2.5rem 0 3rem;
  }

  .book-showcase-stage {
    --book-base: clamp(120px, 34vw, 200px);
    height: clamp(440px, 100vw, 580px);
    min-height: clamp(440px, 100vw, 580px);
  }

  .book-showcase-book--xl {
    --book-base: clamp(130px, 38vw, 220px);
  }

  .book-showcase-book--lg {
    --book-base: clamp(120px, 32vw, 190px);
  }

  .book-showcase-badge {
    top: 56%;
  }

  .book-showcase-book-slot--01 {
    --book-x: 14% !important;
    --book-y: 28% !important;
  }

  .book-showcase-book-slot--01 .book-showcase-book {
    --book-scale: 1.15 !important;
  }

  .book-showcase-book-slot--06 {
    --book-x: 86% !important;
    --book-y: 26% !important;
  }

  .book-showcase-book-slot--02 {
    --book-x: 14% !important;
    --book-y: 74% !important;
  }

  .book-showcase-book-slot--07 {
    --book-x: 50% !important;
    --book-y: 9% !important;
  }

  .book-showcase-book-slot--05 {
    --book-x: 82% !important;
    --book-y: 70% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .book-showcase-book {
    will-change: auto;
  }

  .book-showcase-book__inner {
    animation: none;
  }
}

/* --- Stories Across Every Genre --- */
.genres-section {
  --genres-cream: #fef9ef;
  --genres-ink: #2d2926;
  --genres-gold: #c9a227;
  --genres-gold-deep: #9a7b18;
  --genres-cta-bg: #f7efd8;
  background: #fef9ef;
  padding: clamp(2.75rem, 6vw, 4.5rem) 0 clamp(2.5rem, 5vw, 3.75rem);
      padding-bottom: 0;
}

.genres-section__head {
  text-align: center;
  max-width: 52rem;
  margin-inline: auto;
  padding-bottom: clamp(1.75rem, 4vw, 2.75rem);
}

.genres-section__title {
  margin: 0 0 1rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2rem, 4.5vw, 3.15rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--genres-ink);
}

.genres-section__title-gold {
  color: var(--genres-gold);
  font-style: normal;
}

.genres-section__lead {
  margin: 0 auto;
  max-width: 46rem;
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.35vw, 1.08rem);
  line-height: 1.65;
  color: rgba(45, 41, 38, 0.88);
}

.genres-carousel-outer {
  width: 100%;
  padding: 0.5rem 0 2rem;
  /* background: transparent; */
}

.genres-carousel {
  display: flex;
  gap: 1.125rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: max(1rem, calc((100vw - min(72rem, 100% - 2rem)) / 2));
  padding-inline: max(1rem, calc((100vw - min(72rem, 100% - 2rem)) / 2));
  padding-bottom: 0.5rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* background: transparent; */
}

.genres-carousel::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.genres-carousel.genres-carousel--marquee {
  scroll-snap-type: none;
}

.genres-carousel.genres-carousel--marquee .genre-card {
  scroll-snap-align: none;
}

.genre-card {
  --genre-card-w: clamp(268px, 28vw, 312px);
  position: relative;
  flex: 0 0 var(--genre-card-w);
  width: var(--genre-card-w);
  aspect-ratio: 3 / 4;
  border-radius: 1.75rem;
  overflow: hidden;
  scroll-snap-align: start;
  /* box-shadow:
    0 20px 50px rgba(45, 41, 38, 0.18),
    0 4px 14px rgba(45, 41, 38, 0.1); */
}

.genre-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}

.genre-card__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(15, 12, 10, 0) 48%,
    rgba(15, 12, 10, 0.35) 72%,
    rgba(10, 8, 7, 0.88) 100%
  );
  pointer-events: none;
}

.genre-card__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 0 1rem 1.625rem;
  text-align: center;
}

.genre-card__icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  flex-shrink: 0;
  width: clamp(3.35rem, 10.5vw, 5.6rem);
  height: clamp(3.35rem, 10.5vw, 4rem);
  padding: 0;
  border-radius: 50%;
  color: #fff;
  background: transparent;
  border: none;
}

.genre-card__icon-img {
  display: block;
  flex-shrink: 0;
  object-fit: contain;
}

.genre-card__icon-img--mark {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.genre-card__label {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.genres-section__cta-wrap {
  padding-top: 0.25rem;
  width: min(1160px, 92vw);
  max-width: 1160px;
}

.genres-cta-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr) auto;
  align-items: center;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  padding: clamp(1.35rem, 3vw, 1.85rem) clamp(1.25rem, 3vw, 2.25rem);
  border-radius: 1.1rem;
  /* background: var(--genres-cta-bg); */
  /* border: 1px solid rgba(201, 162, 39, 0.22); */
  /* box-shadow: 0 14px 40px rgba(45, 41, 38, 0.08); */
/* UI Properties */
  background: transparent radial-gradient(closest-side at 44% 109%, #FFFFFF 0%, #FFEFD2 100%) 0% 0% no-repeat padding-box;
  border: 2px solid #EFD4A270;
  border-radius: 35px;
  opacity: 1;
  height: 200px;
  background: transparent radial-gradient(closest-side at 44% 59%, #FFFFFF 0%, #FFEFD2 170%) 0% 0% no-repeat padding-box;
}

.genres-cta-banner__left {
  min-width: 0;
}

.genres-cta-banner__line {
  margin: 0 0 0.2rem;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.4vw, 1.65rem);
  font-weight: 400;
  color: var(--genres-ink);
  line-height: 1.2;
}

.genres-cta-banner__accent {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 400;
  color: var(--genres-gold);
  line-height: 1.2;
}

.genres-cta-banner__copy {
  margin: 0;
  font-family: var(--font-body);
  font-size: clamp(0.88rem, 1.2vw, 1rem);
  line-height: 1.6;
  color: rgba(45, 41, 38, 0.9);
  max-width: 18.7rem;
}

.genres-cta-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-shrink: 0;
  padding: 0.85rem 1.5rem;
  border-radius: 999px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  text-decoration: none;
  color: #2a2210;
  background: linear-gradient(180deg, #f0d56a 0%, #e4b82a 48%, #c9981e 100%);
  border: none;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.25) inset,
    0 6px 22px rgba(201, 162, 39, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background: transparent linear-gradient(103deg, #F6D571 0%, #CEA04C 100%) 0% 0% no-repeat padding-box;
}

.genres-cta-banner__btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.3) inset,
    0 10px 28px rgba(201, 162, 39, 0.42);
}

.genres-cta-banner__btn img {
  width: 22px;
  height: auto;
  filter: brightness(0) saturate(100%) opacity(0.82);
}

@media (max-width: 900px) {
  .genres-cta-banner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .genres-cta-banner__copy {
    max-width: none;
  }

  .genres-cta-banner__btn {
    width: 100%;
    max-width: 20rem;
    margin-inline: auto;
  }
}

@media (max-width: 600px) {
  .genre-card {
    --genre-card-w: min(280px, 82vw);
  }

  .genre-card__label {
    font-size: 1.125rem;
  }

  .genre-card__body {
    gap: 0.6875rem;
    padding-bottom: 1.5rem;
  }
}


.about-content .story-contact__grid{align-items: center;}
.about-content .story-contact__visual2{padding: 0;    margin: 0;}
.about-content .story-contact__visual2 img{width: 100%;    height: 100%;    aspect-ratio: unset;}

.about-cta .fx-cta-revenue-banner__inner{    margin-top: 0px;}
.about-cta .fx-cta.fx-cta--revenue-banner{margin-top: 0;}
.about-cta.framework.framework--publish{    padding: 0;    background: #fdf8e9;}

.search-stat-cell .box-flex{display: flex;    align-items: center;    gap: 5px;}
.search-stat-cell .box-flex img {    height: 30px;}

.home-partners-logoss{background: unset !important;    border: none !important;    padding-bottom: 0 !important;}
.home-partners-logoss img{width: 100px;    height: auto;}

.services-authority-card__copy {    position: relative;   z-index: 9;}



.page-about .services-expertise{    padding-bottom: 0;}
.page-about .value.value-revenue-shift{    padding-top: 0;}

.page-portfolio .services-expertise__label{    font-size: 18px;}

.logo-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 6%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 94%);
    overflow: hidden;
}

.logo-slider img{    height: 30px;}

.left-move.slide-track {
    display: flex;
    width: max-content;
    gap: 80px;
    align-items: center;
}

.left-move {  animation: scrollLeft 40s linear infinite;margin: 50px 0 0;}

/* Animation keyframes */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.page-portfolio .genres-carousel-outer{padding: 2rem 0 0rem;}
.page-portfolio .genres-carousel{padding: 0 0 0 1px;}
.page-portfolio .insight{    grid-template-rows: unset;}
.page-portfolio .insight .client-det-vid{display: flex;    gap: 10px;    margin: 10px 0 0;}

.single-quote{    padding: 70px 0;}
.single-quote .txtwrp h2:after{content: '“';font-family: 'Neue Regrade';font-size: 330px;position: absolute;left: 0;color: #c48a2f38;top: 110px;right: 0;margin: auto;}
.single-quote .txtwrp{    text-align: center;}
.single-quote .txtwrp h2{font-size: 38px;letter-spacing: -.01em;line-height: 42px;font-weight: 500;font-family: 'Neue Regrade';width: 60%;margin: 0 auto 50px;position:relative;}
.single-quote .txtwrp h4{    font-size: 14px;    font-family: "Inter", sans-serif;    color: #121218cc;    font-weight: 500;    text-transform: uppercase;    letter-spacing: -.03em;    margin: 0 0 0px;}
.single-quote .txtwrp h6{color: #808080;font-size: 10px;letter-spacing: .1em;margin: 0;text-transform: uppercase;font-family: 'Neue Regrade';}



/* video-review-box */

.video-review-slider.home{    height: 145%;}
.video-review-slider.testiomal .slick-slide {    height: inherit;}
.video-review-slider {    position: relative;    padding: 4.5rem 0 2rem 0;    isolation: isolate;    margin-top: -23rem;}
.video-review-slider:before {position: absolute;content: "";width: 100%;height: 110%;background: linear-gradient(103deg, var(--xd-highlight) 0%, #f0d78a 18%, var(--xd-gold) 55%, #c4892e 100%);border-radius: 50px;top: 0;/* border: 2px solid #404040d1; */left: 0;z-index: -1;background: linear-gradient(133deg, rgb(255, 255, 255) 0%, rgb(255, 229, 181) 100%) 0% 0% no-repeat padding-box padding-box transparent;}
.video-review-box {height: auto;width: 95%;background-color: white;margin: auto;display: flex;border-radius: 50px;overflow: hidden;padding: 2rem;flex-direction: row; border:1px solid #c7b6984a;}
.video-review {width: 100%;height: auto;border-radius: 35px;overflow: hidden;background: var(--dark-brown);object-fit: cover;}
.video-review img{}
.video-review iframe {    border-radius: 35px;    width: 100% !important;    height: 100% !important;}
.video-review-content {width: 81%;padding: 2rem;display: flex;flex-direction: column;padding-left: 2rem;justify-content: space-between;}
.video-review-content h3 {color: black;font-family: "Scaver", sans-serif;font-weight: 400;width: 100%;font-size: 32px;letter-spacing: -1.0px;line-height: 36px;}
.video-review-content p {    width: 95%;    font-size: 18px;    color: #121212;    font-weight: 500;    line-height: 1.3;    font-family: 'Neue Regrade';    margin: 10px 0;}
.video-review-content p.reviews-para{    margin: 60px 0 20px;    font-family: "Scaver", sans-serif;    /* text-align: center; */    position: relative;}
.video-review-content p.reviews-para:after{content:'';}
.video-review-content p.reviews-para:before{content:'';content: '“';font-family: 'Neue Regrade';font-size: 200px;position: absolute;left: -30px;color: #c48a2f38;top: 80px;line-height: 0;}
.client-det-vid-img {    width: 50px;    height: 50px;    object-fit: cover;    display: block;    margin-bottom: 1rem;    border-radius: 50%;    overflow: hidden;    border: 1px solid black;}
.client-det-vid-img img {    width: 100%;    height: 100%;    object-fit: cover;}
.client-det-vid h5 {font-size: 20px;color: black;margin-bottom: -5px;font-weight: 600;font-family: 'Neue Regrade';}
.client-det-vid h6 {color: #4a3a1c;margin-bottom: 0;font-size: 14px;font-family: 'Neue Regrade';font-weight: 500;}
.video-review-slider .slick-arrow {position: absolute;bottom: -55px;z-index: 2;transition: 0.2s ease-in-out;top: unset;}
.video-review-slider .slick-arrow:hover {background: #fff;}
.video-review-slider .slick-next {left: 85%;/* transform: translateX(-50%); */}
.video-review-slider .slick-prev {left: 81%;/* transform: rotate(
294deg); *//* bottom: -36px; */}
.video-review-slider .slick-next,
.video-review-slider .slick-prev {font-size: 0;border: 0;outline: none;width: 40px;height: 40px;border-radius: 50%;background: #ffffff;display: flex;align-items: center;justify-content: center;}
.video-review-slider .slick-next:before,
.video-review-slider .slick-prev:before {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;display: inline-block;width: 0.48em;height: 0.48em;border-right: 2px solid #4a3a1c;border-bottom: 2px solid #4a3a1c;transform: rotate(
135deg) translateY(-0.06em);opacity: 0.65;}
.video-review-slider .slick-next:before {/*content: "\f054";*/content: "";background-size: 50% !important;/* background: url("../images/new-images/Group 8-2.svg") no-repeat center; */transform: rotate(-45deg) translateY(-0.06em);}
.video-review-slider .slick-next:hover:before,
.video-review-slider .slick-prev:hover:before {/* background-color: #404040; *//* border: 1px solid white; */}
.video-review-slider .slick-prev:before {content: "\f054";/* background-size: 50% !important; *//* background: url("../images/new-images/Group 8-2.svg") no-repeat center; */}
.video-review-slider+h6 {position: relative;z-index: 2;padding-left: 13%;color: #000000;margin-bottom: 0;display: inline-block;margin-top: 0px;font-family: 'Neue Regrade';font-size: 18px;font-weight: 500;}
.video-review-slider+h6>a {    text-decoration: underline;    color: var(--orange-color);}
.top-client-row {    margin-top: 13rem;}
.top-client-slider div>img {    width: 120px;    height: 50px;    object-fit: contain;    display: block;    margin-right: 1rem;}
.top-client-row h5 {    font-size: 18px;    color: var(--text-gray-2);    font-family: var(--primary-font);    font-weight: 400;}
.video-review-slider{margin: 0px 0 0;}
.testimonial-pg{    padding: 0 0 130px;}
/* video-review-box */



/*Footer styling start*/

footer{    padding: 70px 0;    background: #f2f2f24f; overflow: hidden;    border-top: 1px solid #9e9d9b40;}
footer .footer-links{  display: inline-grid;    width: 19%;}
footer .footer-links h4{    font-family: "Inter", sans-serif;    font-size: 11px;    letter-spacing: 0.55px;    line-height: 11px;    color: #757575;    margin: 0px 0 30px;text-transform: uppercase;}
footer .footer-links ul{}
footer .footer-links ul li{}
footer .footer-links ul li a{    color: #000;    font-family: "Inter", sans-serif;    font-size: 14px;}

.right-cta{}
.right-cta h4{font-family: 'Neue Regrade';font-size: 11px;letter-spacing: 0.55px;line-height: 11px;color: #c0ab7f;margin: 0px 0 30px;text-transform: uppercase;font-weight: 600;}
.right-cta ul{display: flex;margin: 0;flex-wrap: wrap;gap: 50px;border-bottom: 1px solid #9e9d9b40;margin: 0 0 30px;padding: 0 0 30px;list-style-type: none;}
.right-cta ul li{}
.right-cta ul li img{    height: 77px;}
.right-cta ul.list-2{    display: flex;    margin: 0;    flex-wrap: wrap;    gap: 20px;    border-bottom: 0px solid #e7e6e6;    margin: 0 0 30px;    padding: 0 0 30px;}
.right-cta ul.list-2 li{}
.right-cta ul.list-2 li img{    height: 111px;}
.right-cta p{    color: #757575;    font-family: "Inter", sans-serif;    font-size: 14px;    margin: 0 0 40px;    font-weight: 400;    width: 90%;}

.footer-text{}
.footer-text h2{font-size: 57px;font-family: 'Neue Regrade';font-weight: 500;line-height: 65px;color: #ffffff;} 

.line-text{display: flex;gap: 20px;align-items: center;}
.line-text a{color: rgb(195 195 195);font-size: 14px;}
.follow{text-align: right;}
.follow a{color: rgb(195 195 195);font-size: 14px;}
.follow a i{margin: 0 0 0 6px;}
.footer-text{    margin: 50px 0 50px;}
.gray-clr{color: rgb(195 195 195) !important;}
.bottom-brand-logo{position:relative;}
.bottom-brand-logo img{position: absolute;bottom: -574px;left: 230px;width: 280px;}

.news-letter-b {/* display: flex; *//* background: #ffffff; *//* padding: 10px; *//* border-radius: 10px; *//* position: relative; *//* margin: 10px 0 15px; *//* border: 2px solid #C4C4C4; */margin: 60px 0 20px;}
.news-letter-b input {border: 0;background: transparent;padding: 10px 0;width: 430px;padding-right: 90px;color: #c4c4c4;font-weight: 400;font-family: "Inter", sans-serif;outline: none;border-bottom: 1px solid #9e9d9b40;}
.news-letter-b button {font-weight: 400;font-family: "Inter", sans-serif;background: #000000;padding: 9px 30px;border-radius: 30px;margin: 0px 0 0px 20px;color: #2d2419;border-color: rgba(176, 120, 31, 0.45);box-shadow: 0 4px 16px rgba(201, 139, 38, 0.28);background: transparent linear-gradient(103deg, #F6D571 0%, #CEA04C 100%) 0% 0% no-repeat padding-box;border: 0;padding: 1rem 2.35rem;border-radius: 999px;font-family: var(--font-body);font-size: 0.92rem;font-weight: 500;text-decoration: none;}
.news-letter-b input::placeholder {    color: #c4c4c4;}
.news-letter .d-flex {    align-items: center;display: flex;}
.news-letter .d-flex i .boxdiv{    position: absolute;    background: #fff;    width: 30vh;    z-index: 1;   padding: 20px 20px;    top: 30px;    border: 1px solid #f5f6f7;    right: -10px;    text-align: left;    border-radius: 10px;    box-shadow: -3px 6px 19px 0 #ececec;display: none;}
.news-letter .d-flex i:hover .boxdiv{display: block;}
.news-letter .d-flex p {margin: 0;color: #757575;line-height: 15px;font-size: 12px;font-family: "Inter", sans-serif;font-weight: 300;width: 40%;}
.news-letter .d-flex i {    text-align: right;    width: 25%;    color:#A0A5B1 ;    font-size: 26px;position: relative;}
.news-letter {width: 100%;margin-bottom: 0px;margin: 30px 0;}
.news-letter .d-flex input {height: 15px;width: 15px;margin-right: 10px;color: #fff;}
.news-letter-b ::placeholder {    color: #FFFFFF;    font-weight: 400;}

.container.site-footer-two {    grid-template-columns: 1fr 1fr;    display: grid;    gap: 50px;}

/*Footer styling end*/




/* =========================================
MARQUEE WRAPPER
========================================= */

.genres-marquee{
    width:100%;
    overflow:hidden;
    position:relative;
    margin: 70px 0 0;
}
.genres-marquee.genres-marquee--bottom {
    margin: 20px 0 0;
}

/* =========================================
TRACK
========================================= */

.genres-track{
    display:flex;
    align-items:center;
    gap:20px;
    width:max-content;
    flex-wrap:nowrap;
    margin: 0px 0 0;
}

/* =========================================
ANIMATION
========================================= */

.marquee-left{
    animation: marqueeLeft 35s linear infinite;
}

@keyframes marqueeLeft{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 10px));
    }

}

/* =========================================
BOTTOM DIRECTION
========================================= */

.marquee-right{
    animation: marqueeRight 35s linear infinite;
}

@keyframes marqueeRight{

    from{
        transform:translateX(calc(-50% - 10px));
    }

    to{
        transform:translateX(0);
    }

}









/* =========================================
MARQUEE WRAPPER
========================================= */

.insight-marquee{
    width:100%;
    overflow:hidden;
    position:relative;
}

/* =========================================
TRACK
========================================= */

.insight-track{
    display:flex;
    gap:24px;
    width:max-content;
    flex-wrap:nowrap;
    animation: insightMarquee 35s linear infinite;
    margin: 30px 0 0;
    padding: 0 0 20px;
}

/* =========================================
ANIMATION
========================================= */

@keyframes insightMarquee{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 12px));
    }

}

/* =========================================
CARD
========================================= */

.insight{
    flex:0 0 350px;
}






.menu-main{}
.menu-main a{    display: flex;    align-items: center;    gap: 10px;}
.menu-main a img{}



/* =========================================
FAQ SECTION
========================================= */

.faq-section{position: relative;padding: 160px 0 70px;background: #fdf8e9;}
/* =========================================
FAQ WRAPPER
========================================= */

.faq-wrapper{    max-width: 1050px;    margin: auto;}

/* =========================================
FAQ ITEM
========================================= */

.faq-item{/* border-bottom: 1px solid rgba(38,76,148,0.45); *//* background: rgb(255 255 255 / 94%); */border-radius: 0px;margin-bottom: 0px;overflow: hidden;transition: all .3s ease;padding: 20px 0;border-bottom: 2px solid #9e9d9b40;}
.faq-item.active{/* border-color: rgba(255,98,0,0.40); *//* background: #ffffff; */}

/* =========================================
QUESTION
========================================= */

.faq-question{position: relative;cursor: pointer;}
.faq-question h3{color: #4a3a1c;font-size: 26px;line-height: 1.5;font-weight: 500;margin: 0;font-family: 'Neue Regrade';}

/* =========================================
ICON
========================================= */

.faq-icon{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: 42px;height: 42px;border-radius: 50%;/* background: rgb(238 221 168); */display: flex;align-items: center;justify-content: center;color: #FFFFFF;transition: all .3s ease;}
.faq-item.active .faq-icon{/* background: #eedda8; *//* transform: translateY(-50%) rotate(45deg); */}
.faq-icon:after{content:'';position: absolute;top: 35%;width: 2px;height: 15px;background: #4a3a1c;right: 40%;transform: rotate(90deg);}
.faq-icon:before{content:'';position: absolute;top: 35%;width: 2px;height: 15px;background: #4a3a1c;right: 40%;}
.faq-item.active .faq-icon:before{display:none;}
/* =========================================
ANSWER
========================================= */

.faq-answer{display: none;padding: 0;}
.faq-answer p{color: #4a3a1c;font-size: clamp(0.95rem, 1.15vw, 1.06rem);font-weight: 500;line-height: 1.58;letter-spacing: 0.01em;width: 90%;}
.faq__grid {display: grid;grid-template-columns: minmax(0, 1fr);align-items: start;max-width: 896px;}
.story-contact__title.pad-top {    padding-top: 70px;}



.terms-page{
    padding: 160px 0 50px;
}

.terms-content{
    max-width: 1000px;
    margin: 40px auto 0;
}

.terms-content p{
    margin: 0 0 10px;
    font-family: var(--font-body);
    font-size: clamp(0.98rem, 1.2vw, 1.08rem);
    font-weight: 400;
    line-height: 1.65;
    color: #4A3A1C;
    font-size: clamp(0.95rem, 1.15vw, 1.06rem);
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: 0.01em;
}

.terms-content h3{
    margin: 50px 0 20px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
}

.terms-content ul{
    margin: 0 0 24px 22px;
    padding: 0;
}

.terms-content ul li{
    margin-bottom: 12px;
    font-size: 18px;
    color: #4A3A1C;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: 0.01em;
}

.terms-content strong{
    color: #111827;
    font-weight: 600;
}

/*.story-contact__title{*/
/*    text-align: center;*/
/*    margin-bottom: 20px;*/
/*}*/

.story-contact__title-gold{
    color: #c89b3c;
}

.story-contact__title-ink{
    color: #111827;
}

.terms-content a{
    color: #c89b3c;
    text-decoration: none;
}

.terms-content a:hover{
    text-decoration: underline;
}

@media (max-width: 991px){

    .terms-page{
        padding: 80px 0;
    }

    .terms-content h3{
        font-size: 24px;
    }

}

@media (max-width: 767px){

    .terms-page{
        padding: 60px 0;
    }

    .terms-content{
        margin-top: 30px;
    }

    .terms-content p,
    .terms-content ul li{
        font-size: 15px;
    }

    .terms-content h3{
        font-size: 22px;
        margin: 40px 0 15px;
    }

}














.pin-spacer{
    position:relative;
    height:2800px;
}

.scroll-block{
    position:sticky;
    top:0;
    height:100vh;
    overflow:hidden;
    width:100%;
}

.scroll-block__body{
    position:relative;
    height:6000px;
}

.scroll-block__content,
.scroll-block__content-body{
    position:relative;
    height:100%;
}

.scroll-block__item{
    position:absolute;
    display:block;
    will-change:transform;
}

.scroll-block__item_1{
    width: 640px;
    top: -20px;
    left: -180px;
}

.scroll-block__item_2{
    width: 510px;
    top: -20px;
    right: -30px;
}

.scroll-block__item_3{
    width: 370px;
    top: 200px;
    left: 45%;
    margin-left:-80px;
}

.scroll-block__item_4{
    width: 620px;
    top: 552px;
    left: 120px;
}

.scroll-block__item_5{
    width: 480px;
    top: 610px;
    right: 170px;
}

.scroll-block__item_6{
    width: 380px;
    top: 1010px;
    left: 46%;
}

.scroll-block__item_7{
    width: 700px;
    top: 1080px;
    right: -150px;
}

.scroll-block__item_8{
    width: 660px;
    top: 980px;
    left: -290px;
}

.scroll-block__item_9{
    width: 700px;
    top: 1360px;
    left: 24%;
    margin-left:-160px;
}



.scroll-block__btn-block{
    position:absolute;
    inset:0;
    z-index:20;
    pointer-events:none;
}

.scroll-block__btn-block-inner{
    position:sticky;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    justify-content:center;
    align-items:center;
    /*height:100vh;*/
}

.stories-counter{
    background:#F7EFD8;
    border-radius:100px;
    padding:30px 60px;
    text-align:center;
    box-shadow:0 0 60px rgba(255,190,80,.15);
}

.stories-counter h2{
    margin:0;
    font-size:72px;
    line-height:1;
    color:#B8860B;
    font-weight:700;
}

.stories-counter span{
    display:block;
    margin-top:8px;
    font-size:22px;
    color:#7A5A22;
    font-weight:500;
}


.scroll-bg{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    background: radial-gradient(closest-side, rgb(168, 138, 81) 0%, rgb(104, 84, 46) 27%, rgb(15, 12, 6) 100%) 0% 0% no-repeat padding-box padding-box transparent;
}

.bg-glow {
  position: absolute;
  left: 50%;
  top: 52%;
  translate: -50% -50%;
  border-radius: 50%;
  border: 1px solid rgba(238, 223, 178, 0.12);
  aspect-ratio: 2 / 2;
  width: 80%;
  height: auto;
}

.bg-glow:nth-child(2) {
  width: 60%;
  opacity: 0.88;
}

.bg-glow:nth-child(3) {
  width: 35%;
  opacity: 0.66;
}

/*.ring{*/
/*    position:absolute;*/
/*    left:50%;*/
/*    top:50%;*/
/*    transform:translate(-50%,-50%);*/
/*    border-radius:50%;*/
/*    border:1px solid rgba(255,190,80,.12);*/
/*}*/

/*.ring-1{*/
/*    width:600px;*/
/*    height:600px;*/
/*}*/

/*.ring-2{*/
/*    width:900px;*/
/*    height:900px;*/
/*}*/

/*.ring-3{*/
/*    width:1200px;*/
/*    height:1200px;*/
/*}*/

.scroll-block{
    background:
    radial-gradient(
        circle at center,
        rgba(255,170,40,.08) 0%,
        rgba(0,0,0,0) 40%
    ),
    #0B0704;
}

section.book-showcase-section {
    padding: 0;
    margin: -240px 0 0;
}









.testimonial-pg-box {
    /* border: 2px solid #404040; */
    /* background: #2C2C2C; */
    border-radius: 20px;
    padding: 25px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    margin: 0 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:2px solid transparent;
    text-align: left;
    border: 1px solid #EEDFB245;
    background: transparent linear-gradient(180deg, #FFFBF3 0%, #FFEFD2 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #CE9B3C52;
}

.testimonial-pg-box:hover {
 /* border:2px solid #a5885c; */
}

.testimonial-pg-box>div:nth-child(1) img {
    margin-bottom: 20px;
    max-height: 25px;
    text-align: left !important;
    display: none;
}

.namwrp>div:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.namwrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.imawrp {
    padding: 1rem;
    background: var(--primary-color);
    font-family: var(--primary-font);
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
}

.testimonial-pg-box>div>h4 {
    color: #2f2419;
    margin-bottom: 10px;
    font-family: 'Neue Regrade';
    font-size: 22px;
    font-weight: 600;
    line-height: 1.32;
    min-height: 0;
}
.testimonial-pg-box>div>p{font-size: 0.94rem;line-height: 1.55;color: #4a3a28;min-height: 0;font-weight: 500;margin: 0 0 20px;}

span.imawrp {
    padding: 1rem;
    background: #f6ecd2;
    font-family: "Neue Regrade", system-ui, sans-serif;
    color: #4a3a1c;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
}

.author-details h4 {
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    color: #2f2419;
    font-family: "Neue Regrade", system-ui, sans-serif;
    font-weight: 600;
}

.author-details h6 {
    font-size: 14px;
    color: #4a3a28cc;
    margin: 0;
    font-family: "Neue Regrade", system-ui, sans-serif;
}

.testimonial-pg-box .star-rating {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 18px;
    color: #2f2419;
}

.testimonial-pg-box .star-rating>img {
    width: 15px;
    height: 15px;
    object-fit: cover;
}

.testi-grid{
    margin: 80px 0 0;
}
.testi-grid .row{
    /* --bs-gutter-x: 1.5rem; */
    /* --bs-gutter-y: 0; */
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    padding: 0 15px;
}
.testi-grid .row .col-lg-4.col-md-4.col-12{
    flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0 10px;
}
/* testimonial-pg */


.page-services .testimonial-pg {    padding: 0 0 50px;}
.page-services .faq-section {    padding: 50px 0 50px;}


.solution-box{padding: 20px;background: radial-gradient(ellipse 95% 75% at 50% 28%, #4a3d32 0%, #2c2621 38%, #14110e 72%, #0a0908 100%);border-radius: 20px;margin: 30px 0 0;background: #f5ebd187;border: 1px solid #CE9B3C52;}
.solution-box h4{    color: #ce9b3c;    margin: 0 0 5px;}
.solution-box p{    margin: 0;    max-width: 35rem;    font-family: var(--font-body);    font-size: clamp(0.92rem, 1.05vw, 1rem);    line-height: 1.55;    color: #4A3A1C;    font-weight: 500;}
.pain-points {padding: 0px 0 80px;}
.pain-points .services-authority__cards{grid-template-columns: repeat(4, minmax(0, 1fr));    gap: clamp(1rem, 2vw, 0.1rem);}
.pain-points .services-authority-card{height: auto;background: #fef9ef;}




.services-book-life__cell{
    display: none;
}

.services-book-life__cell:nth-child(-n+6){
    display: block;
}

.services-book-life__cell.show{
    display: block;
}

button#showMoreServices {    display: flex;    justify-content: center;    width: auto;    margin: 20px auto 0;}




/* Hide second paragraph by default */
.services-book-life__cell-text:nth-of-type(2){
    display: none;
}

/* Toggle Button */
.toggle-text-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    margin-left:6px;
    padding:0;
    border:none;
    background:none;
    cursor:pointer;
    color:currentColor;
    vertical-align:middle;
}

/* CSS Arrow */
.toggle-text-btn .arrow{
    display:inline-block;
    width: .70em;
    height: .70em;
    border-right: 2px solid rgb(214 171 83);
    border-bottom: 2px solid rgb(221 180 90);
    transform:rotate(45deg) translateY(-0.06em);
    opacity:.65;
    transition:transform .3s ease, opacity .3s ease;
}

/* Hover */
.toggle-text-btn:hover .arrow{
    opacity:1;
}

/* Active State */
.toggle-text-btn.active .arrow{
    transform:rotate(-135deg) translateY(-0.06em);
    opacity:1;
}









@media (min-width:992px){
.mobile-toggle,.mobile-menu,.mobile-overlay{display:none;}
}

@media (max-width:991px){

.main-nav,.desktop-btn{display:none!important;}

.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;width:42px;height:42px;}
.mobile-toggle span{height:2px;background:#4a3a1c;border-radius:20px;transition:.3s;}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.3s;z-index:9998;}
.mobile-overlay.active{opacity:1;visibility:visible;}
.mobile-menu{position:fixed;top:0;left:-100%;width: 100%;/* max-width: 360px; */height:100%;background:#fffaf4;z-index:9999;transition:.35s;overflow:auto;box-shadow:10px 0 35px rgba(0,0,0,.15);height: 100vh;}
.mobile-menu.active{left:0;}
.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;}
.mobile-logo{height:52px;width:auto;}
.mobile-close{border:0;background:none;font-size:34px;cursor:pointer;color:#4a3a1c;}
.mobile-nav{padding:25px;display:flex;flex-direction:column;}
.mobile-nav>a,
.accordion-btn{padding:14px 0;font-size:17px;text-decoration:none;color:#2b2117;background:none;border:0;display:flex;justify-content:space-between;width:100%;cursor:pointer;border-bottom:1px solid #eee;}
.accordion-content{display:none;padding-left:15px;}
.accordion-content a{display:block;padding:12px 0;text-decoration:none;color:#666;font-size:15px;}
.mobile-cta{background: linear-gradient(180deg, #f0d56a 0%, #e4b82a 48%, #c9981e 100%) !important;        display: inline-flex !important;        justify-content: center !important;        max-width: unset !important;        margin: 20px auto 0;        position: absolute;        bottom: 30px;        width: 90% !important;left: 0;        right: 0;}
}



.rcfx-card-content{    display:none;}
.rcfx-card-content.active{    display:flex;}



.testi-grid .row > .col-lg-4:nth-child(1) .testimonial-pg-box:nth-child(2) ,
.testi-grid .row > .col-lg-4:nth-child(2) .testimonial-pg-box:nth-child(4),
.testi-grid .row > .col-lg-4:nth-child(3) .testimonial-pg-box:nth-child(2){background: #342913;}


.testi-grid .row > .col-lg-4:nth-child(1) .testimonial-pg-box:nth-child(2) h4,

.testi-grid .row > .col-lg-4:nth-child(1) .testimonial-pg-box:nth-child(2) p,

.testi-grid .row > .col-lg-4:nth-child(1) .testimonial-pg-box:nth-child(2) h6,

.testi-grid .row > .col-lg-4:nth-child(1) .testimonial-pg-box:nth-child(2) .star-rating,



.testi-grid .row > .col-lg-4:nth-child(2) .testimonial-pg-box:nth-child(4) h4,

.testi-grid .row > .col-lg-4:nth-child(2) .testimonial-pg-box:nth-child(4) p,

.testi-grid .row > .col-lg-4:nth-child(2) .testimonial-pg-box:nth-child(4) h6,

.testi-grid .row > .col-lg-4:nth-child(2) .testimonial-pg-box:nth-child(4) .star-rating,


.testi-grid .row > .col-lg-4:nth-child(3) .testimonial-pg-box:nth-child(2) h4,

.testi-grid .row > .col-lg-4:nth-child(3) .testimonial-pg-box:nth-child(2) p,

.testi-grid .row > .col-lg-4:nth-child(3) .testimonial-pg-box:nth-child(2) h6,

.testi-grid .row > .col-lg-4:nth-child(3) .testimonial-pg-box:nth-child(2) .star-rating{color: #fff;}