:root {
  --ink: #0a1c33;
  --ink-soft: #314d6d;
  --blue: #0d6fa6;
  --blue-deep: #075c8b;
  --blue-pale: #eaf5fb;
  --paper: #f8fafc;
  --line: #dce5ec;
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans:
    Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --shadow: 0 24px 70px #09223e1f;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  background: #fff;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  display: block;
}
button,
input,
textarea {
  font: inherit;
}
.shell {
  width: min(1320px, 100% - 80px);
  margin: 0 auto;
}
.section {
  padding: 110px 0;
}
.eyebrow {
  color: var(--blue);
  letter-spacing: 0.19em;
  text-transform: uppercase;
  margin: 0 0 26px;
  font-size: 12px;
  font-weight: 700;
}
.eyebrow.light {
  color: #6ec2eb;
}
.site-header {
  z-index: 50;
  border: 1px solid #0000;
  border-radius: 0 0 18px 18px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: min(1320px, 100% - 80px);
  height: 102px;
  margin: 0 auto;
  padding: 0 18px;
  transition:
    height 0.18s,
    background 0.18s,
    box-shadow 0.18s,
    border-color 0.18s;
  display: grid;
  position: fixed;
  inset: 0 0 auto;
}
.site-header.scrolled {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffeb;
  border-color: #d2dee6b8;
  height: 78px;
  box-shadow: 0 12px 34px #081f3417;
}
.brand {
  align-items: center;
  display: inline-flex;
}
.brand-logo {
  object-fit: contain;
  width: 240px;
  height: auto;
  display: block;
}
.footer-logo {
  width: 190px;
}
.site-header nav {
  gap: 52px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}
.site-header nav a,
.footer-links a {
  transition: color 0.18s;
}
.site-header nav a:hover,
.footer-links a:hover {
  color: var(--blue);
}
.header-cta {
  justify-self: end;
}
.cta {
  color: #fff;
  background: linear-gradient(135deg, var(--blue-deep), #0f79b5);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  min-height: 58px;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 700;
  transition:
    transform 0.18s,
    box-shadow 0.18s;
  display: inline-flex;
  box-shadow: 0 12px 28px #0d6fa62e;
}
.cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px #0d6fa642;
}
.header-cta {
  min-height: 48px;
  padding: 0 25px;
}
.hero {
  background:
    radial-gradient(circle at 73% 16%, #bcdcef6b, #0000 36%),
    linear-gradient(#f7fbfe 0%, #f8fafc 64%, #fff 100%);
  min-height: 985px;
  position: relative;
  overflow: hidden;
}
.hero-grid {
  grid-template-columns: 50% 50%;
  align-items: stretch;
  min-height: 860px;
  padding-top: 150px;
  display: grid;
}
.hero-copy {
  z-index: 3;
  padding: 88px 40px 120px 0;
  position: relative;
}
.hero-copy h1 {
  max-width: 730px;
  font-family: var(--serif);
  letter-spacing: -0.035em;
  margin: 0;
  font-size: clamp(62px, 5.2vw, 86px);
  font-weight: 500;
  line-height: 1.03;
}
.hero-copy h1 em {
  font-weight: 500;
}
.hero-body {
  max-width: 620px;
  color: var(--ink-soft);
  margin: 34px 0 0;
  font-size: 20px;
  line-height: 1.75;
}
.hero-actions {
  align-items: center;
  gap: 26px;
  margin-top: 40px;
  display: flex;
}
.trust-inline {
  max-width: 365px;
  color: var(--ink);
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.42;
  display: flex;
}
.trust-inline svg {
  color: var(--blue);
  flex: none;
  margin-top: 2px;
}
.trust-copy {
  gap: 3px;
  display: grid;
}
.trust-copy strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
}
.trust-copy > span {
  color: var(--ink-soft);
}
.hero-media {
  z-index: 1;
  background-image:
    linear-gradient(
      90deg,
      #f8fbfd 0%,
      #f8fbfdf5 8%,
      #f8fbfdc7 18%,
      #f8fbfd47 31%,
      #0000 46%
    ),
    url("assets/hero-driver-background.webp");
  background-position: 56% 0;
  background-size: cover;
  width: 59%;
  height: 900px;
  position: absolute;
  top: 0;
  right: 0;
}
.hero-media:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #f8fbfd 0%, #f8fbfdcc 42%, #0000 100%);
  width: 38%;
  position: absolute;
  inset: 0 auto 0 0;
}
.hero-media:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#0000 0%, #f8fafc6b 40%, #f8fafc 100%);
  height: 240px;
  position: absolute;
  inset: auto 0 0;
}
.proof-wrap {
  z-index: 6;
  margin-top: -92px;
  position: relative;
}
.proof-strip {
  min-height: 154px;
  box-shadow: var(--shadow);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #fffffff0;
  border: 1px solid #cad8e2b8;
  border-radius: 26px;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  padding: 26px 42px;
  display: grid;
}
.proof-item {
  border-right: 1px solid var(--line);
  align-items: flex-start;
  gap: 18px;
  min-width: 0;
  padding: 0 34px;
  display: flex;
}
.proof-item:first-child {
  padding-left: 8px;
}
.proof-item:last-child {
  border-right: 0;
  padding-right: 8px;
}
.proof-icon {
  width: 52px;
  height: 52px;
  color: var(--blue);
  background: #eff5f9;
  border-radius: 50%;
  flex: none;
  place-items: center;
  margin-top: 26px;
  display: grid;
}
.proof-content {
  min-width: 0;
}
.proof-title {
  color: var(--blue-deep);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #eef7fc;
  border-radius: 999px;
  margin: 0 0 10px;
  padding: 6px 10px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}
.proof-item strong {
  font-family: var(--serif);
  letter-spacing: -0.03em;
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
  display: block;
}
.proof-detail {
  max-width: 260px;
  color: var(--ink-soft);
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.38;
  display: block;
}
.variables-section {
  padding: 96px 0;
}
.variables-layout {
  grid-template-columns: 41% 59%;
  align-items: center;
  gap: 80px;
  display: grid;
}
.section-copy h2,
.founder-copy h2,
.faq-copy h2,
.story-copy h2 {
  font-family: var(--serif);
  letter-spacing: -0.035em;
  margin: 0;
  font-size: clamp(46px, 4.6vw, 72px);
  font-weight: 500;
  line-height: 1.04;
}
.section-copy h2 span {
  color: var(--blue);
}
.section-copy p,
.founder-copy p,
.faq-copy p,
.story-copy p {
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.75;
}
.section-copy .blue-copy {
  color: var(--blue);
  font-weight: 700;
}
.variables-visual {
  display: block;
}
.mosaic-visual img {
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
}
.time-section {
  background: linear-gradient(#fbfcfd, #f4f8fb 72%, #fff);
}
.time-layout {
  grid-template-columns: 42% 58%;
  align-items: center;
  gap: 65px;
  display: grid;
}
.time-copy h2 {
  font-size: clamp(50px, 5vw, 76px);
}
.time-closing {
  margin-top: 24px;
  font-weight: 700;
  color: var(--blue-deep) !important;
}
.time-copy .cta {
  margin-top: 22px;
}
.comparison-card {
  min-height: 600px;
  box-shadow: var(--shadow);
  background: #ffffffde;
  border: 1px solid #d8e2e9;
  border-radius: 24px;
  grid-template-columns: 1fr 1fr;
  display: grid;
  position: relative;
  overflow: hidden;
}
.comparison-column {
  padding: 43px 47px 34px;
}
.compact-comparison {
  min-height: 505px;
}
.compact-comparison .comparison-column {
  padding-top: 38px;
  padding-bottom: 28px;
}
.compact-comparison .comparison-column ul {
  gap: 16px;
}
.traditional-col {
  background: linear-gradient(#fff, #f7f8fa);
}
.motosaic-col {
  background: linear-gradient(#f7fcff, #eef8fd);
  border-left: 1px solid #d8e5ed;
}
.comparison-kicker {
  font-family: var(--serif);
  margin: 0 0 16px;
  font-size: 25px;
}
.hours {
  color: #7d8894;
  align-items: baseline;
  gap: 9px;
  margin-bottom: 24px;
  display: flex;
}
.hours strong {
  font-family: var(--serif);
  font-size: 58px;
  font-weight: 500;
}
.hours span {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 700;
}
.hours.accent {
  color: var(--blue);
}
.comparison-column ul {
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.comparison-column li {
  color: #526577;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: flex;
}
.motosaic-col li svg {
  color: #fff;
  background: var(--blue);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 3px;
}
.xmark {
  color: #7f8992;
  border: 1px solid #cad4dc;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 13px;
  display: grid;
}
.comparison-footer {
  color: #7a8794;
  text-align: center;
  border-top: 1px solid #d9e3e9;
  margin: 32px 0 0;
  padding-top: 22px;
  font-size: 14px;
  line-height: 1.55;
}
.accent-text {
  color: var(--blue-deep);
  font-weight: 600;
}
.versus {
  z-index: 4;
  color: #fff;
  background: var(--blue-deep);
  width: 62px;
  height: 62px;
  font-family: var(--serif);
  border-radius: 50%;
  place-items: center;
  font-size: 20px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 12px 30px #0442673d;
}
.process-section {
  padding: 82px 0 88px;
}
.process-eyebrow {
  text-align: center;
  margin-bottom: 14px;
}
.center-heading {
  text-align: center;
  font-family: var(--serif);
  letter-spacing: -0.025em;
  margin: 0 0 48px;
  font-size: 44px;
  font-weight: 500;
}
.process-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  display: grid;
}
.process-step {
  padding: 0 25px;
  position: relative;
}
.process-step:not(:last-child):after {
  content: "";
  border-top: 1px dashed #b9ccda;
  width: 47px;
  position: absolute;
  top: 31px;
  right: -24px;
}
.step-head {
  align-items: center;
  gap: 12px;
  display: flex;
}
.step-num {
  background: #eef4f8;
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  font-weight: 700;
  display: grid;
}
.step-icon {
  width: 66px;
  height: 66px;
  color: var(--blue);
  background: #f0f5f8;
  border-radius: 50%;
  place-items: center;
  display: grid;
}
.process-step h3 {
  font-family: var(--serif);
  margin: 20px 0 6px;
  font-size: 28px;
  font-weight: 500;
}
.step-kicker {
  color: var(--ink);
  margin-bottom: 8px;
  font-size: 14px;
  display: block;
}
.process-step p {
  color: var(--ink-soft);
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}
.diagnosis-section {
  color: #fff;
  background: #051b2d;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.diagnosis-section:before {
  content: "";
  opacity: 0.3;
  filter: saturate(0.65);
  background: url("assets/consultation-background.webp") 50% 30% / cover
    no-repeat;
  position: absolute;
  inset: 0 0 0 62%;
}
.diagnosis-overlay {
  background: linear-gradient(
    90deg,
    #041a2c 0%,
    #041a2cfa 48%,
    #041a2cc7 74%,
    #041a2c6b 100%
  );
  position: absolute;
  inset: 0;
}
.diagnosis-layout {
  z-index: 2;
  grid-template-columns: 39% 61%;
  align-items: center;
  gap: 60px;
  display: grid;
  position: relative;
}
.diagnosis-copy h2 {
  font-family: var(--serif);
  letter-spacing: -0.03em;
  margin: 0;
  font-size: 58px;
  font-weight: 500;
  line-height: 1.04;
}
.diagnosis-copy p {
  color: #c1d0dc;
  font-size: 16px;
  line-height: 1.72;
}
.diagnosis-copy strong {
  color: #e6f6ff;
  font-size: 15px;
}
.diagnosis-table-wrap {
  gap: 18px;
  display: grid;
}
.diagnosis-table {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0316258a;
  border: 1px solid #bed8e661;
  border-radius: 12px;
  overflow: hidden;
}
.diagnosis-row {
  grid-template-columns: 1fr 1.4fr;
  display: grid;
}
.diagnosis-row span {
  color: #e3edf4;
  border-top: 1px solid #bed8e63d;
  padding: 14px 18px;
  font-size: 13px;
}
.diagnosis-row span + span {
  border-left: 1px solid #bed8e63d;
}
.header-row span {
  color: #7dc7ee;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-top: 0;
  font-size: 11px;
  font-weight: 800;
}
.diagnosis-bridge {
  background: #0316259e;
  border: 1px solid #bed8e647;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 18px 20px;
  display: flex;
}
.diagnosis-bridge > div {
  gap: 4px;
  display: grid;
}
.diagnosis-bridge strong {
  color: #fff;
  font-size: 14px;
}
.diagnosis-bridge span {
  color: #b8cad6;
  font-size: 12px;
}
.diagnosis-bridge a {
  color: #73cbf4;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
}
.story-section {
  background: #fff;
}
.story-section-early {
  padding-top: 125px;
}
.story-grid {
  border: 1px solid #e1e8ed;
  border-radius: 24px;
  grid-template-columns: 52% 48%;
  min-height: 560px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 18px 54px #0d2c4414;
}
.story-copy {
  padding: 68px 54px;
}
.story-copy h2 {
  font-size: 48px;
}
.story-scene {
  font-family: var(--serif);
  font-weight: 600;
  color: var(--blue-deep) !important;
  margin: 28px 0 10px !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
}
.story-outcomes {
  gap: 13px;
  margin-top: 28px;
  display: grid;
}
.story-outcomes > span {
  color: var(--ink);
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  display: flex;
}
.story-outcomes svg {
  color: var(--blue);
  flex: none;
  margin-top: 3px;
}
.story-outcomes-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.story-outcomes-cards > span {
  background: #fbfdfe;
  border: 1px solid #dfe8ee;
  border-radius: 13px;
  padding: 14px;
}
.story-outcomes-cards > span > span {
  gap: 4px;
  display: grid;
}
.story-outcomes-cards strong {
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 600;
}
.story-outcomes-cards small {
  color: var(--ink-soft);
  font-size: 11px;
  line-height: 1.35;
}
.story-closing {
  border-top: 1px solid #e0e8ed;
  margin-top: 30px;
  padding-top: 24px;
  font-weight: 650;
  color: var(--ink) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
.story-media {
  background: #eef3f6;
  min-height: 100%;
  position: relative;
}
.story-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.story-caption {
  width: min(360px, 100% - 50px);
  color: var(--ink);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffe6;
  border-radius: 15px;
  padding: 18px 20px;
  position: absolute;
  bottom: 25px;
  right: 25px;
  box-shadow: 0 14px 34px #081f3429;
}
.story-caption span {
  color: var(--blue);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
  display: block;
}
.story-caption strong {
  font-family: var(--serif);
  margin-top: 7px;
  font-size: 20px;
  font-weight: 500;
  display: block;
}
.paths-section {
  color: #fff;
  background: #04192a;
  padding: 96px 0;
}
.paths-heading {
  max-width: 860px;
  margin-bottom: 42px;
}
.paths-heading h2 {
  font-family: var(--serif);
  letter-spacing: -0.03em;
  margin: 0;
  font-size: 46px;
  font-weight: 500;
  line-height: 1.05;
}
.paths-grid {
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  display: grid;
}
.path-card {
  background: #09243a;
  border-radius: 20px;
  min-height: 430px;
  padding: 50px;
  position: relative;
  overflow: hidden;
}
.path-one {
  background-image: url("assets/consultation-background.webp");
  background-position: 50% 42%;
  background-size: cover;
}
.path-two {
  background-image: url("assets/hero-driver-background.webp");
  background-position: 70%;
  background-size: cover;
}
.path-shade {
  background: linear-gradient(90deg, #031422f5, #031422b8 56%, #03142238);
  position: absolute;
  inset: 0;
}
.path-content {
  z-index: 2;
  max-width: 460px;
  position: relative;
}
.path-icon {
  background: var(--blue);
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}
.path-content h3 {
  font-family: var(--serif);
  margin: 25px 0 14px;
  font-size: 42px;
  font-weight: 500;
}
.path-content strong {
  font-size: 20px;
}
.path-content p {
  color: #c3d0da;
  font-size: 15px;
  line-height: 1.7;
}
.path-content a {
  color: #58c8ff;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}
.founder-section {
  padding-bottom: 80px;
}
.founder-grid {
  grid-template-columns: 39% 61%;
  align-items: center;
  gap: 70px;
  display: grid;
}
.founder-media {
  background:
    linear-gradient(#ffffff05, #071f330b),
    url("assets/founder-mike.webp") 50% 38% / cover no-repeat;
  border: 1px solid #c6d8e4cc;
  border-radius: 24px;
  min-height: 560px;
  position: relative;
  box-shadow: 0 24px 70px #09223e1c;
}
.founder-nameplate {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffe0;
  border: 1px solid #ffffff9e;
  border-radius: 13px;
  gap: 3px;
  padding: 14px 17px;
  display: grid;
  position: absolute;
  bottom: 22px;
  left: 22px;
  box-shadow: 0 12px 28px #081f3424;
}
.founder-nameplate strong {
  font-family: var(--serif);
  font-size: 21px;
  font-weight: 600;
}
.founder-nameplate span {
  color: var(--blue-deep);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 750;
}
.founder-copy h2 {
  font-size: 54px;
}
.credentials-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 30px;
  display: grid;
}
.credential {
  min-height: 62px;
  color: var(--ink);
  background: #fbfdfe;
  border: 1px solid #dde7ed;
  border-radius: 12px;
  align-items: center;
  gap: 11px;
  padding: 12px 15px;
  font-size: 13px;
  display: flex;
}
.credential svg {
  color: var(--blue);
  flex: none;
}
.faq-section {
  padding-top: 65px;
}
.faq-layout {
  grid-template-columns: 34% 66%;
  gap: 70px;
  display: grid;
}
.faq-copy h2 {
  font-size: 52px;
}
.faq-cta {
  min-height: 52px;
  margin-top: 20px;
  padding: 0 24px;
}
.faq-list details {
  border-top: 1px solid #dce5eb;
}
.faq-list details:last-child {
  border-bottom: 1px solid #dce5eb;
}
.faq-list summary {
  cursor: pointer;
  min-height: 72px;
  font-family: var(--serif);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  font-size: 22px;
  list-style: none;
  display: flex;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list summary svg {
  transition: transform 0.18s;
}
.faq-list details[open] summary svg {
  transform: rotate(180deg);
}
.faq-list details p {
  color: var(--ink-soft);
  margin: 0;
  padding: 0 50px 25px 0;
  font-size: 15px;
  line-height: 1.7;
}
.final-cta {
  color: #fff;
  background: #041a2d;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.final-bg {
  background:
    radial-gradient(circle at 82% 38%, #1d8bc238, #0000 26%),
    linear-gradient(115deg, #041a2d 0%, #062a43 58%, #041a2d 100%);
  position: absolute;
  inset: 0;
}
.final-bg:before {
  content: "";
  opacity: 0.28;
  background-image:
    linear-gradient(#6fc2eb1c 1px, #0000 1px),
    linear-gradient(90deg, #6fc2eb1c 1px, #0000 1px);
  background-size: 34px 34px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000 35%, #000 72%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 35%, #000 72%, #0000 100%);
}
.final-bg:after {
  content: "";
  border: 1px solid #6fc2eb38;
  border-radius: 50%;
  width: 380px;
  height: 380px;
  position: absolute;
  top: 50%;
  right: 7%;
  transform: translateY(-50%) rotate(9deg);
  box-shadow:
    0 0 0 42px #6fc2eb09,
    0 0 0 88px #6fc2eb06;
}
.final-inner {
  z-index: 2;
  grid-template-columns: 1.25fr 0.75fr;
  align-items: center;
  gap: 70px;
  display: grid;
  position: relative;
}
.final-inner h2 {
  max-width: 820px;
  font-family: var(--serif);
  letter-spacing: -0.03em;
  margin: 0;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.02;
}
.final-inner p {
  color: #c3d2de;
}
.final-action {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}
.final-action > span {
  color: #b8c7d2;
  font-size: 13px;
  line-height: 1.5;
}
.light-cta {
  color: var(--ink);
  box-shadow: none;
  background: #fff;
}
.footer {
  background: #fff;
  border-top: 1px solid #e0e7ec;
  padding: 28px 0;
}
.footer-inner {
  color: #607284;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 26px;
  font-size: 12px;
  display: grid;
}
.footer-links {
  gap: 32px;
  display: flex;
}
.footer-inner > span {
  justify-self: end;
}
@media (width<=1100px) {
  .shell,
  .site-header {
    width: min(100% - 48px, 1320px);
  }
  .site-header {
    grid-template-columns: 1fr auto;
  }
  .site-header nav {
    display: none;
  }
  .hero-grid {
    grid-template-columns: 1fr;
  }
  .hero-copy {
    width: 60%;
  }
  .hero-media {
    opacity: 0.97;
    background-position: 58% 0;
    width: 62%;
    height: 890px;
  }
  .variables-layout,
  .time-layout,
  .founder-grid,
  .faq-layout {
    grid-template-columns: 1fr;
  }
  .time-copy {
    max-width: 720px;
  }
  .diagnosis-layout,
  .story-grid {
    grid-template-columns: 1fr;
  }
  .story-media {
    min-height: 480px;
  }
  .founder-media {
    min-height: 620px;
  }
  .faq-copy {
    max-width: 680px;
  }
}
@media (width<=800px) {
  .shell,
  .site-header {
    width: min(100% - 32px, 1320px);
  }
  .section {
    padding: 78px 0;
  }
  .site-header {
    height: 78px;
  }
  .brand-logo {
    width: 190px;
  }
  .header-cta {
    min-height: 42px;
    padding: 0 17px;
  }
  .header-cta span {
    display: inline;
  }
  .hero {
    min-height: auto;
    padding-bottom: 72px;
  }
  .hero-grid {
    min-height: auto;
    padding-top: 86px;
  }
  .hero-copy {
    width: 100%;
    padding: 72px 0 420px;
  }
  .hero-copy h1 {
    font-size: clamp(48px, 14vw, 68px);
  }
  .hero-body {
    font-size: 17px;
  }
  .hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .hero-media {
    background-position: 62% 0;
    border-radius: 0;
    width: 100%;
    height: 500px;
    top: 500px;
  }
  .proof-wrap {
    margin-top: -24px;
  }
  .proof-strip {
    grid-template-columns: 1fr;
    padding: 10px 24px;
  }
  .proof-item {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 22px 0;
  }
  .proof-item:first-child {
    padding-left: 0;
  }
  .proof-item:last-child {
    border-bottom: 0;
  }
  .proof-icon {
    margin-top: 18px;
  }
  .proof-title {
    margin-bottom: 8px;
  }
  .proof-item strong {
    font-size: 34px;
  }
  .proof-detail {
    max-width: none;
  }
  .variables-layout {
    gap: 50px;
  }
  .variables-visual {
    display: block;
  }
  .answer-image {
    border-radius: 20px;
  }
  .comparison-card {
    grid-template-columns: 1fr;
  }
  .motosoic-col {
    border-left: 0;
  }
  .versus {
    top: 50%;
  }
  .process-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .process-step:not(:last-child):after {
    display: none;
  }
  .diagnosis-section:before {
    inset: 50% 0 0;
  }
  .diagnosis-table {
    overflow-x: auto;
  }
  .diagnosis-row {
    min-width: 640px;
  }
  .story-copy {
    padding: 45px 28px;
  }
  .story-copy h2 {
    font-size: 42px;
  }
  .story-outcomes-cards {
    grid-template-columns: 1fr;
  }
  .paths-heading h2 {
    font-size: 38px;
  }
  .diagnosis-bridge {
    flex-direction: column;
    align-items: flex-start;
  }
  .paths-grid {
    grid-template-columns: 1fr;
  }
  .path-card {
    padding: 36px 26px;
  }
  .credentials-grid {
    grid-template-columns: 1fr;
  }
  .final-inner {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .final-inner h2 {
    font-size: 44px;
  }
  .footer-inner {
    grid-template-columns: 1fr;
    justify-items: start;
  }
  .footer-inner > span {
    justify-self: start;
  }
}
@media (width<=520px) {
  .cta {
    width: 100%;
    min-height: 56px;
    padding: 0 22px;
  }
  .header-cta {
    width: auto;
    min-width: 112px;
    padding: 0 14px;
  }
  .hero-copy {
    padding-bottom: 390px;
  }
  .hero-media {
    background-position: 60% 0;
    height: 430px;
    top: 560px;
  }
  .variable-card {
    min-height: 84px;
  }
  .comparison-column {
    padding: 34px 25px;
  }
  .versus {
    width: 54px;
    height: 54px;
  }
  .story-media {
    min-height: 360px;
  }
  .path-content h3 {
    font-size: 36px;
  }
  .founder-media {
    min-height: 470px;
  }
  .faq-list summary {
    font-size: 19px;
  }
}
@media (width<=800px) {
  .site-header {
    padding: 0 10px;
  }
  .site-header.scrolled {
    height: 68px;
  }
  .header-cta {
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    font-size: 12px;
  }
  .header-cta svg {
    width: 15px;
  }
  .story-grid {
    grid-template-columns: 1fr;
  }
  .story-section-early {
    padding-top: 92px;
  }
  .paths-heading {
    margin-bottom: 30px;
  }
}
@media (width<=520px) {
  .header-cta {
    width: auto;
    min-width: 104px;
  }
  .header-cta span {
    display: inline;
  }
  .brand-logo {
    width: 145px;
  }
  .proof-icon {
    margin-top: 20px;
  }
  .story-scene {
    font-size: 24px !important;
  }
}
.mobile-booking-bar {
  display: none;
}
@media (width<=800px) {
  body {
    padding-bottom: 74px;
  }
  .mobile-booking-bar {
    z-index: 70;
    color: #fff;
    background: linear-gradient(135deg, var(--blue-deep), #0f79b5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid #ffffff6b;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 750;
    display: flex;
    position: fixed;
    bottom: 12px;
    left: 16px;
    right: 16px;
    box-shadow: 0 16px 36px #04274047;
  }
}
.process-rail {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff0e;
  border: 1px solid #84b1cd47;
  border-radius: 16px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 28px;
  display: grid;
  overflow: hidden;
}
.process-rail > div {
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 12px;
  padding: 20px 24px;
  display: grid;
}
.process-rail > div + div {
  border-left: 1px solid #84b1cd3d;
}
.process-rail span {
  color: #6ec2eb;
  letter-spacing: 0.14em;
  font-size: 10px;
  font-weight: 800;
}
.process-rail strong {
  color: #fff;
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 500;
}
.process-rail small {
  color: #b9cad5;
  grid-column: 2;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
}
.additional-proof {
  background: linear-gradient(#f7fafc 0%, #fff 100%);
  padding-top: 92px;
  padding-bottom: 92px;
}
.proof-section-heading {
  max-width: 820px;
  margin-bottom: 38px;
}
.proof-section-heading h2 {
  font-family: var(--serif);
  letter-spacing: -0.035em;
  margin: 0;
  font-size: clamp(42px, 4.2vw, 64px);
  font-weight: 500;
  line-height: 1.04;
}
.proof-card-row {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}
.outcome-proof-card {
  background: #fffffff5;
  border: 1px solid #dce7ee;
  border-radius: 18px;
  min-height: 330px;
  padding: 32px;
  box-shadow: 0 14px 38px #0c2c4512;
}
.outcome-proof-eyebrow {
  color: var(--blue);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
}
.outcome-proof-card h3 {
  font-family: var(--serif);
  letter-spacing: -0.025em;
  margin: 18px 0 14px;
  font-size: 31px;
  font-weight: 500;
  line-height: 1.08;
}
.outcome-proof-card strong {
  color: var(--blue-deep);
  font-size: 14px;
  line-height: 1.45;
  display: block;
}
.outcome-proof-card p {
  color: var(--ink-soft);
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.65;
}
.variables-section {
  padding-top: 110px;
  padding-bottom: 88px;
}
.time-section {
  padding-top: 92px;
  padding-bottom: 92px;
}
.founder-section {
  padding-top: 92px;
}
@media (width<=800px) {
  .process-rail {
    grid-template-columns: 1fr;
  }
  .process-rail > div + div {
    border-top: 1px solid #84b1cd3d;
    border-left: 0;
  }
  .proof-card-row {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 14px;
    padding: 2px 18px 18px 0;
    display: flex;
    overflow-x: auto;
  }
  .proof-card-row::-webkit-scrollbar {
    display: none;
  }
  .outcome-proof-card {
    scroll-snap-align: start;
    flex: 0 0 min(84vw, 360px);
    min-height: 320px;
  }
}
:root {
  --ink: #062f49;
  --ink-soft: #496477;
  --blue: #1fc3ef;
  --blue-deep: #004363;
  --blue-mid: #0184b0;
  --blue-pale: #e1f3f5;
  --paper: #f7fbfc;
  --line: #d9e7ec;
  --shadow: 0 24px 70px #0043631c;
}
.brand-logo {
  width: 248px;
}
.site-header.scrolled {
  border-color: #0043631f;
}
.cta {
  background: linear-gradient(135deg, #004363, #0184b0);
  box-shadow: 0 12px 28px #0043632e;
}
.cta:hover {
  box-shadow: 0 16px 34px #0043633d;
}
.hero {
  background:
    radial-gradient(circle at 75% 18%, #1fc3ef21, #0000 34%),
    linear-gradient(#f8fcfd 0%, #f8fafc 70%, #fff 100%);
  min-height: 900px;
}
.hero-grid {
  min-height: 900px;
}
.hero-copy {
  padding-top: 92px;
  padding-bottom: 90px;
}
.hero-copy .eyebrow {
  color: var(--blue-mid);
}
.hero-body {
  max-width: 650px;
}
.hero-actions {
  align-items: center;
}
.trust-inline {
  max-width: 330px;
  color: var(--ink-soft);
  align-items: center;
  font-weight: 600;
}
.trust-inline svg {
  color: var(--blue-mid);
  margin-top: 0;
}
.hero-media {
  height: 900px;
}
.method-section {
  background:
    radial-gradient(circle at 50% 55%, #1fc3ef1a, #0000 34%),
    linear-gradient(#fff 0%, #fbfdfd 44%, #f7fbfc 100%);
  border-top: 1px solid #00436314;
  border-bottom: 1px solid #00436314;
  padding: 128px 0 118px;
  position: relative;
  overflow: hidden;
}
.method-section:before {
  content: "";
  pointer-events: none;
  opacity: 0.34;
  background-image:
    linear-gradient(#00436306 1px, #0000 1px),
    linear-gradient(90deg, #00436306 1px, #0000 1px);
  background-size: 48px 48px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 54%, #000 0%, #0000 68%);
  mask-image: radial-gradient(circle at 50% 54%, #000 0%, #0000 68%);
}
.method-heading {
  z-index: 2;
  text-align: center;
  max-width: 970px;
  margin: 0 auto 54px;
  position: relative;
}
.method-heading .eyebrow {
  margin-bottom: 20px;
}
.method-heading h2 {
  font-family: var(--serif);
  letter-spacing: -0.04em;
  color: var(--ink);
  margin: 0;
  font-size: clamp(50px, 5.2vw, 78px);
  font-weight: 500;
  line-height: 1.02;
}
.method-heading h2 span {
  color: var(--blue-mid);
  font-style: italic;
}
.method-heading > p:last-child {
  max-width: 800px;
  color: var(--ink-soft);
  margin: 26px auto 0;
  font-size: 18px;
  line-height: 1.7;
}
.method-canvas {
  z-index: 2;
  isolation: isolate;
  background: #ffffffad;
  border: 1px solid #0043631a;
  border-radius: 34px;
  max-width: 1240px;
  height: 780px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px #00436314;
}
.method-canvas:before {
  content: "";
  z-index: -2;
  filter: blur(18px);
  background: radial-gradient(circle, #1fc3ef26, #e1f3f512 52%, #0000 72%);
  position: absolute;
  inset: 14% 20%;
}
.method-mosaic {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.method-mosaic span {
  background: linear-gradient(135deg, #1fc3ef, #004363);
  border-radius: 1.5px;
  display: block;
  position: absolute;
  box-shadow: 0 0 14px #1fc3ef14;
}
.method-rings {
  z-index: 0;
  border: 1px solid #1fc3ef38;
  border-radius: 50%;
  width: 410px;
  height: 410px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 0 38px #1fc3ef09,
    0 0 0 78px #0084b006,
    0 0 0 118px #00436305;
}
.method-card {
  z-index: 3;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffe6;
  border: 1px solid #00436321;
  border-radius: 20px;
  width: 300px;
  min-height: 205px;
  padding: 24px 26px;
  position: absolute;
  box-shadow: 0 18px 45px #0043631a;
}
.method-card:after {
  content: "";
  background: linear-gradient(90deg, #0184b08c, #1fc3ef1f);
  width: 105px;
  height: 1px;
  position: absolute;
  top: 50%;
}
.method-life {
  top: 9%;
  left: 4%;
}
.method-vehicle {
  top: 9%;
  right: 4%;
}
.method-market {
  bottom: 9%;
  left: 4%;
}
.method-deal {
  bottom: 9%;
  right: 4%;
}
.method-life:after,
.method-market:after {
  left: 100%;
}
.method-vehicle:after,
.method-deal:after {
  right: 100%;
  transform: rotate(180deg);
}
.method-card-head {
  align-items: center;
  gap: 13px;
  display: flex;
}
.method-card-icon {
  width: 42px;
  height: 42px;
  color: var(--blue-mid);
  background: var(--blue-pale);
  border: 1px solid #0184b01f;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}
.method-card h3 {
  font-family: var(--serif);
  letter-spacing: -0.025em;
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}
.method-card ul {
  gap: 10px;
  margin: 20px 0 0 55px;
  padding: 0;
  list-style: none;
  display: grid;
}
.method-card li {
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.35;
}
.method-card li:before {
  content: "";
  background: var(--blue);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 0 9px 2px 0;
  display: inline-block;
}
.method-core {
  z-index: 5;
  text-align: center;
  color: #fff;
  background: linear-gradient(155deg, #004363 0%, #052b42 58%, #011b2b 100%);
  border: 1px solid #ffffff2e;
  border-radius: 34px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 285px;
  min-height: 326px;
  padding: 34px 30px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 30px 80px #00436347;
}
.method-core img {
  filter: drop-shadow(0 4px 14px #00000026);
  width: 94px;
  height: auto;
  margin-bottom: 24px;
}
.method-core strong {
  max-width: 220px;
  font-family: var(--serif);
  letter-spacing: -0.035em;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.02;
}
.method-core span {
  color: #bfe9f6;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.55;
}
.story-section-early {
  padding-top: 118px;
  padding-bottom: 118px;
}
.story-grid-real {
  min-height: 720px;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  grid-template-columns: 45% 55%;
  align-items: center;
  overflow: visible;
}
.story-grid-real .story-copy {
  padding: 30px 58px 30px 0;
}
.story-grid-real .story-copy h2 {
  font-size: clamp(48px, 4.4vw, 68px);
}
.story-grid-real .story-copy p {
  font-size: 16px;
  line-height: 1.72;
}
.story-media-real {
  background: linear-gradient(145deg, #f3f9fb, #eaf4f7);
  border-radius: 28px;
  min-height: 720px;
  overflow: visible;
}
.story-media-real:before {
  content: "";
  z-index: -1;
  background: radial-gradient(circle at 65%, #1fc3ef24, #0000 54%);
  position: absolute;
  inset: -8% -5% -8% -18%;
}
.story-photo-primary {
  object-fit: cover;
  object-position: 50% 68%;
  filter: saturate(0.88) contrast(0.98);
  border-radius: 28px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(
    90deg,
    #0000 0%,
    #0000008c 10%,
    #000 25% 100%
  );
  mask-image: linear-gradient(90deg, #0000 0%, #0000008c 10%, #000 25% 100%);
}
.story-photo-secondary-wrap {
  z-index: 4;
  aspect-ratio: 4/5;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffffdb;
  border-radius: 20px;
  width: 31%;
  padding: 7px;
  position: absolute;
  bottom: 5%;
  left: 2%;
  transform: rotate(-2deg);
  box-shadow: 0 18px 46px #00436333;
}
.story-photo-secondary {
  object-fit: cover;
  object-position: 52% 50%;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}
.story-media-real .story-caption {
  background: #ffffffe6;
  width: min(355px, 48%);
  bottom: 24px;
  right: 24px;
}
.story-caption small {
  color: var(--ink-soft);
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.4;
  display: block;
}
@media (width<=1100px) {
  .method-canvas {
    height: 860px;
  }
  .method-card {
    width: 275px;
  }
  .method-card:after {
    width: 55px;
  }
  .story-grid-real {
    grid-template-columns: 1fr;
  }
  .story-grid-real .story-copy {
    max-width: 820px;
    padding: 0 0 50px;
  }
}
@media (width<=800px) {
  .brand-logo {
    width: 178px;
  }
  .hero,
  .hero-grid {
    min-height: auto;
  }
  .method-section {
    padding: 90px 0 82px;
  }
  .method-heading {
    text-align: left;
    margin-bottom: 38px;
  }
  .method-heading h2 {
    font-size: clamp(46px, 13vw, 64px);
  }
  .method-heading > p:last-child {
    font-size: 16px;
  }
  .method-canvas {
    border-radius: 24px;
    gap: 14px;
    height: auto;
    padding: 26px 18px 30px;
    display: grid;
  }
  .method-mosaic {
    opacity: 0.42;
  }
  .method-rings {
    display: none;
  }
  .method-card {
    width: 100%;
    min-height: 0;
    padding: 20px 22px;
    position: relative;
    inset: auto !important;
  }
  .method-card:after {
    display: none;
  }
  .method-card ul {
    margin: 15px 0 0 54px;
  }
  .method-core {
    border-radius: 24px;
    width: 100%;
    min-height: 260px;
    margin-top: 8px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .method-core img {
    width: 84px;
    margin-bottom: 18px;
  }
  .method-core strong {
    font-size: 36px;
  }
  .story-section-early {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .story-media-real {
    min-height: 560px;
  }
  .story-photo-primary {
    -webkit-mask-image: linear-gradient(#000 0% 88%, #0000 100%);
    mask-image: linear-gradient(#000 0% 88%, #0000 100%);
  }
  .story-photo-secondary-wrap {
    width: 36%;
    bottom: 5%;
    left: 4%;
  }
  .story-media-real .story-caption {
    width: 54%;
    bottom: 16px;
    right: 16px;
  }
}
@media (width<=520px) {
  .brand-logo {
    width: 138px;
  }
  .method-section {
    padding-top: 76px;
  }
  .method-canvas {
    padding: 18px 12px 22px;
  }
  .method-card {
    padding: 18px;
  }
  .method-card h3 {
    font-size: 25px;
  }
  .method-card ul {
    margin-left: 0;
  }
  .method-core {
    min-height: 240px;
  }
  .story-media-real {
    min-height: 500px;
  }
  .story-photo-secondary-wrap {
    width: 42%;
  }
  .story-media-real .story-caption {
    width: 58%;
    padding: 14px;
  }
  .story-media-real .story-caption strong {
    font-size: 17px;
  }
}
.story-photo-primary {
  z-index: 1;
  -webkit-mask-image: none;
  mask-image: none;
}
.story-media-real:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #f7fbfce0 0%,
    #f7fbfc4d 13%,
    #0000 30% 100%
  );
  border-radius: 28px;
  position: absolute;
  inset: 0;
}
.story-photo-secondary-wrap {
  transform: none;
}
.story-photo-secondary {
  z-index: 1;
  position: relative;
}
.story-media-real .story-caption {
  z-index: 5;
}
.story-media-real {
  background-image: url("assets/noelle-delivery-v37-17.jpg");
  background-position: 50% 68%;
  background-repeat: no-repeat;
  background-size: cover;
}
.story-photo-primary {
  opacity: 0;
}
.story-photo-secondary-wrap {
  background-image: url("assets/noelle-secondary.webp");
  background-position: 52%;
  background-repeat: no-repeat;
  background-size: cover;
}
.story-photo-secondary {
  opacity: 0;
}
.motosaic-method-visual {
  width: 100%;
  padding: clamp(56px, 7vw, 112px) 24px;
  background: #fff;
}
.motosaic-method-visual__inner {
  width: min(100%, 1672px);
  margin: 0 auto;
}
.motosaic-method-visual img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================
   Motosaic Method v13
   Structural responsive rebuild
   ========================= */
.method-rebuild {
  --mr-ink: #0a1c33;
  --mr-ink-soft: #314d6d;
  --mr-blue: #0d6fa6;
  --mr-blue-deep: #075c8b;
  width: 100%;
  background: #fff;
  padding: clamp(78px, 8vw, 132px) 0;
  overflow: hidden;
}
.method-rebuild__inner {
  width: min(1500px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(330px, 0.72fr) minmax(660px, 1.65fr);
  gap: clamp(38px, 4vw, 76px);
  align-items: center;
}
.method-rebuild__copy {
  position: relative;
  z-index: 4;
  max-width: 450px;
}
.method-rebuild__eyebrow {
  color: var(--mr-blue-deep);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 0 30px;
  font-size: 12px;
  font-weight: 800;
}
.method-rebuild__copy h2 {
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(54px, 5.1vw, 84px);
  line-height: 0.96;
  letter-spacing: -0.045em;
  font-weight: 500;
  margin: 0;
  color: var(--mr-ink);
}
.method-rebuild__copy h2 span,
.method-rebuild__copy h2 em {
  display: block;
}
.method-rebuild__copy h2 em {
  color: var(--mr-blue);
  font-style: normal;
  font-weight: 500;
  margin-top: 14px;
}
.method-rebuild__rule {
  display: block;
  width: 72px;
  height: 2px;
  background: var(--mr-blue);
  margin: 34px 0 26px;
}
.method-rebuild__body {
  color: var(--mr-ink-soft);
  font-size: 16px;
  line-height: 1.62;
  margin: 0;
  max-width: 400px;
}
.method-rebuild__closing {
  color: var(--mr-blue-deep);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 800;
  margin: 26px 0 0;
  max-width: 390px;
}
.method-rebuild__visual {
  position: relative;
  min-height: 650px;
  isolation: isolate;
}
.method-rebuild__fragment-field {
  position: absolute;
  left: 0;
  top: 50%;
  width: 50%;
  height: 88%;
  transform: translateY(-50%);
  z-index: 3;
}
.method-fragment {
  position: absolute;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(215, 227, 234, 0.9);
  box-shadow: 0 14px 34px rgba(10, 45, 70, 0.1);
}
.method-fragment img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.method-fragment--cockpit {
  left: 5%;
  top: 3%;
  width: 18%;
  height: 16%;
  transform: rotate(-1.5deg);
}
.method-fragment--seating {
  left: 24%;
  top: 1%;
  width: 24%;
  height: 18%;
  transform: rotate(0.6deg);
}
.method-fragment--suv-detail {
  left: 51%;
  top: 5%;
  width: 20%;
  height: 15%;
  transform: rotate(1.3deg);
}
.method-fragment--paperwork {
  left: 6%;
  top: 22%;
  width: 18%;
  height: 17%;
}
.method-fragment--dashboard {
  left: 25%;
  top: 22%;
  width: 24%;
  height: 17%;
}
.method-fragment--vehicle-row {
  left: 50%;
  top: 23%;
  width: 25%;
  height: 15%;
}
.method-fragment--inventory {
  left: 76%;
  top: 25%;
  width: 17%;
  height: 13%;
}
.method-fragment--pricing {
  left: 1%;
  top: 41%;
  width: 29%;
  height: 21%;
}
.method-fragment--keys {
  left: 31%;
  top: 42%;
  width: 22%;
  height: 17%;
}
.method-fragment--timing {
  left: 54%;
  top: 39%;
  width: 21%;
  height: 16%;
}
.method-fragment--street-suv {
  left: 7%;
  top: 64%;
  width: 24%;
  height: 15%;
}
.method-fragment--agreement {
  left: 32%;
  top: 63%;
  width: 25%;
  height: 16%;
}
.method-fragment--dealer-lot {
  left: 58%;
  top: 60%;
  width: 27%;
  height: 17%;
}
.method-fragment--interior {
  left: 23%;
  top: 81%;
  width: 24%;
  height: 15%;
}
.method-fragment--lower-paper {
  left: 1%;
  top: 82%;
  width: 19%;
  height: 15%;
}
.method-fragment--color-palette {
  left: 50%;
  top: 81%;
  width: 22%;
  height: 14%;
}

.method-rebuild__mosaic {
  position: absolute;
  left: 36%;
  right: 18%;
  top: 50%;
  transform: translateY(-50%);
  height: 86%;
  z-index: 2;
}
.method-rebuild__mosaic-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.method-rebuild__destination {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36%;
  z-index: 4;
  filter: drop-shadow(0 18px 34px rgba(7, 92, 139, 0.06));
}
.method-rebuild__destination img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Large tablet */
@media (max-width: 1180px) {
  .method-rebuild__inner {
    width: min(1120px, calc(100% - 56px));
    grid-template-columns: minmax(300px, 0.72fr) minmax(560px, 1.45fr);
    gap: 34px;
  }
  .method-rebuild__visual {
    min-height: 580px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(50px, 5.2vw, 70px);
  }
}

/* Tablet: copy above, full visual below */
@media (max-width: 940px) {
  .method-rebuild {
    padding: 88px 0 96px;
  }
  .method-rebuild__inner {
    width: min(820px, calc(100% - 48px));
    display: block;
  }
  .method-rebuild__copy {
    max-width: 640px;
    margin: 0 0 52px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(56px, 8vw, 74px);
    max-width: 680px;
  }
  .method-rebuild__body {
    max-width: 610px;
  }
  .method-rebuild__closing {
    max-width: 570px;
  }
  .method-rebuild__visual {
    min-height: 570px;
    width: 100%;
  }
  .method-rebuild__fragment-field {
    width: 54%;
    height: 88%;
  }
  .method-rebuild__mosaic {
    left: 38%;
    right: 17%;
    height: 84%;
  }
  .method-rebuild__destination {
    width: 34%;
  }
}

/* Mobile: recompose, do not shrink desktop poster */
@media (max-width: 640px) {
  .method-rebuild {
    padding: 72px 0 78px;
  }
  .method-rebuild__inner {
    width: calc(100% - 36px);
  }
  .method-rebuild__copy {
    margin-bottom: 38px;
  }
  .method-rebuild__eyebrow {
    font-size: 10px;
    margin-bottom: 22px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(46px, 14vw, 62px);
    line-height: 0.97;
  }
  .method-rebuild__copy h2 em {
    margin-top: 10px;
  }
  .method-rebuild__rule {
    margin: 26px 0 22px;
    width: 58px;
  }
  .method-rebuild__body {
    font-size: 16px;
    line-height: 1.58;
  }
  .method-rebuild__closing {
    font-size: 15px;
    margin-top: 20px;
  }
  .method-rebuild__visual {
    min-height: 465px;
    margin-inline: -6px;
  }
  .method-rebuild__fragment-field {
    left: 0;
    top: 0;
    transform: none;
    width: 70%;
    height: 62%;
  }
  .method-rebuild__mosaic {
    left: 38%;
    right: 4%;
    top: 31%;
    transform: none;
    height: 48%;
  }
  .method-rebuild__destination {
    width: 62%;
    right: 0;
    top: auto;
    bottom: 0;
    transform: none;
  }
  /* Keep a curated subset on phones */
  .method-fragment--inventory,
  .method-fragment--street-suv,
  .method-fragment--lower-paper,
  .method-fragment--color-palette,
  .method-fragment--suv-detail {
    display: none;
  }
  .method-fragment--cockpit {
    left: 3%;
    top: 4%;
    width: 27%;
    height: 21%;
  }
  .method-fragment--seating {
    left: 32%;
    top: 0;
    width: 36%;
    height: 24%;
  }
  .method-fragment--paperwork {
    left: 0;
    top: 28%;
    width: 28%;
    height: 24%;
  }
  .method-fragment--dashboard {
    left: 30%;
    top: 27%;
    width: 36%;
    height: 23%;
  }
  .method-fragment--vehicle-row {
    left: 59%;
    top: 24%;
    width: 32%;
    height: 20%;
  }
  .method-fragment--pricing {
    left: 4%;
    top: 55%;
    width: 39%;
    height: 28%;
  }
  .method-fragment--keys {
    left: 46%;
    top: 53%;
    width: 34%;
    height: 24%;
  }
  .method-fragment--timing {
    left: 74%;
    top: 49%;
    width: 25%;
    height: 21%;
  }
  .method-fragment--agreement {
    left: 24%;
    top: 83%;
    width: 38%;
    height: 22%;
  }
  .method-fragment--dealer-lot {
    left: 65%;
    top: 76%;
    width: 32%;
    height: 23%;
  }
  .method-fragment--interior {
    left: 0;
    top: 84%;
    width: 22%;
    height: 20%;
  }
}

/* =========================
   Motosaic Method v13
   Structural responsive rebuild
   ========================= */
.method-rebuild {
  --mr-ink: #0a1c33;
  --mr-ink-soft: #314d6d;
  --mr-blue: #0d6fa6;
  --mr-blue-deep: #075c8b;
  width: 100%;
  background: #fff;
  padding: clamp(78px, 8vw, 132px) 0;
  overflow: hidden;
}
.method-rebuild__inner {
  width: min(1500px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(330px, 0.72fr) minmax(660px, 1.65fr);
  gap: clamp(38px, 4vw, 76px);
  align-items: center;
}
.method-rebuild__copy {
  position: relative;
  z-index: 4;
  max-width: 450px;
}
.method-rebuild__eyebrow {
  color: var(--mr-blue-deep);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 0 30px;
  font-size: 12px;
  font-weight: 800;
}
.method-rebuild__copy h2 {
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(54px, 5.1vw, 84px);
  line-height: 0.96;
  letter-spacing: -0.045em;
  font-weight: 500;
  margin: 0;
  color: var(--mr-ink);
}
.method-rebuild__copy h2 span,
.method-rebuild__copy h2 em {
  display: block;
}
.method-rebuild__copy h2 em {
  color: var(--mr-blue);
  font-style: normal;
  font-weight: 500;
  margin-top: 14px;
}
.method-rebuild__rule {
  display: block;
  width: 72px;
  height: 2px;
  background: var(--mr-blue);
  margin: 34px 0 26px;
}
.method-rebuild__body {
  color: var(--mr-ink-soft);
  font-size: 16px;
  line-height: 1.62;
  margin: 0;
  max-width: 400px;
}
.method-rebuild__closing {
  color: var(--mr-blue-deep);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 800;
  margin: 26px 0 0;
  max-width: 390px;
}
.method-rebuild__visual {
  position: relative;
  min-height: 650px;
  isolation: isolate;
}
.method-rebuild__fragment-field {
  position: absolute;
  left: 0;
  top: 50%;
  width: 50%;
  height: 88%;
  transform: translateY(-50%);
  z-index: 3;
}
.method-fragment {
  position: absolute;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(215, 227, 234, 0.9);
  box-shadow: 0 14px 34px rgba(10, 45, 70, 0.1);
}
.method-fragment img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.method-fragment--cockpit {
  left: 5%;
  top: 3%;
  width: 18%;
  height: 16%;
  transform: rotate(-1.5deg);
}
.method-fragment--seating {
  left: 24%;
  top: 1%;
  width: 24%;
  height: 18%;
  transform: rotate(0.6deg);
}
.method-fragment--suv-detail {
  left: 51%;
  top: 5%;
  width: 20%;
  height: 15%;
  transform: rotate(1.3deg);
}
.method-fragment--paperwork {
  left: 6%;
  top: 22%;
  width: 18%;
  height: 17%;
}
.method-fragment--dashboard {
  left: 25%;
  top: 22%;
  width: 24%;
  height: 17%;
}
.method-fragment--vehicle-row {
  left: 50%;
  top: 23%;
  width: 25%;
  height: 15%;
}
.method-fragment--inventory {
  left: 76%;
  top: 25%;
  width: 17%;
  height: 13%;
}
.method-fragment--pricing {
  left: 1%;
  top: 41%;
  width: 29%;
  height: 21%;
}
.method-fragment--keys {
  left: 31%;
  top: 42%;
  width: 22%;
  height: 17%;
}
.method-fragment--timing {
  left: 54%;
  top: 39%;
  width: 21%;
  height: 16%;
}
.method-fragment--street-suv {
  left: 7%;
  top: 64%;
  width: 24%;
  height: 15%;
}
.method-fragment--agreement {
  left: 32%;
  top: 63%;
  width: 25%;
  height: 16%;
}
.method-fragment--dealer-lot {
  left: 58%;
  top: 60%;
  width: 27%;
  height: 17%;
}
.method-fragment--interior {
  left: 23%;
  top: 81%;
  width: 24%;
  height: 15%;
}
.method-fragment--lower-paper {
  left: 1%;
  top: 82%;
  width: 19%;
  height: 15%;
}
.method-fragment--color-palette {
  left: 50%;
  top: 81%;
  width: 22%;
  height: 14%;
}

.method-rebuild__mosaic {
  position: absolute;
  left: 36%;
  right: 18%;
  top: 50%;
  transform: translateY(-50%);
  height: 86%;
  z-index: 2;
}
.method-rebuild__mosaic-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.method-rebuild__destination {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36%;
  z-index: 4;
  filter: drop-shadow(0 18px 34px rgba(7, 92, 139, 0.06));
}
.method-rebuild__destination img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Large tablet */
@media (max-width: 1180px) {
  .method-rebuild__inner {
    width: min(1120px, calc(100% - 56px));
    grid-template-columns: minmax(300px, 0.72fr) minmax(560px, 1.45fr);
    gap: 34px;
  }
  .method-rebuild__visual {
    min-height: 580px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(50px, 5.2vw, 70px);
  }
}

/* Tablet: copy above, full visual below */
@media (max-width: 940px) {
  .method-rebuild {
    padding: 88px 0 96px;
  }
  .method-rebuild__inner {
    width: min(820px, calc(100% - 48px));
    display: block;
  }
  .method-rebuild__copy {
    max-width: 640px;
    margin: 0 0 52px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(56px, 8vw, 74px);
    max-width: 680px;
  }
  .method-rebuild__body {
    max-width: 610px;
  }
  .method-rebuild__closing {
    max-width: 570px;
  }
  .method-rebuild__visual {
    min-height: 570px;
    width: 100%;
  }
  .method-rebuild__fragment-field {
    width: 54%;
    height: 88%;
  }
  .method-rebuild__mosaic {
    left: 38%;
    right: 17%;
    height: 84%;
  }
  .method-rebuild__destination {
    width: 34%;
  }
}

/* Mobile: recompose, do not shrink desktop poster */
@media (max-width: 640px) {
  .method-rebuild {
    padding: 72px 0 78px;
  }
  .method-rebuild__inner {
    width: calc(100% - 36px);
  }
  .method-rebuild__copy {
    margin-bottom: 38px;
  }
  .method-rebuild__eyebrow {
    font-size: 10px;
    margin-bottom: 22px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(46px, 14vw, 62px);
    line-height: 0.97;
  }
  .method-rebuild__copy h2 em {
    margin-top: 10px;
  }
  .method-rebuild__rule {
    margin: 26px 0 22px;
    width: 58px;
  }
  .method-rebuild__body {
    font-size: 16px;
    line-height: 1.58;
  }
  .method-rebuild__closing {
    font-size: 15px;
    margin-top: 20px;
  }
  .method-rebuild__visual {
    min-height: 465px;
    margin-inline: -6px;
  }
  .method-rebuild__fragment-field {
    left: 0;
    top: 0;
    transform: none;
    width: 70%;
    height: 62%;
  }
  .method-rebuild__mosaic {
    left: 38%;
    right: 4%;
    top: 31%;
    transform: none;
    height: 48%;
  }
  .method-rebuild__destination {
    width: 62%;
    right: 0;
    top: auto;
    bottom: 0;
    transform: none;
  }
  /* Keep a curated subset on phones */
  .method-fragment--inventory,
  .method-fragment--street-suv,
  .method-fragment--lower-paper,
  .method-fragment--color-palette,
  .method-fragment--suv-detail {
    display: none;
  }
  .method-fragment--cockpit {
    left: 3%;
    top: 4%;
    width: 27%;
    height: 21%;
  }
  .method-fragment--seating {
    left: 32%;
    top: 0;
    width: 36%;
    height: 24%;
  }
  .method-fragment--paperwork {
    left: 0;
    top: 28%;
    width: 28%;
    height: 24%;
  }
  .method-fragment--dashboard {
    left: 30%;
    top: 27%;
    width: 36%;
    height: 23%;
  }
  .method-fragment--vehicle-row {
    left: 59%;
    top: 24%;
    width: 32%;
    height: 20%;
  }
  .method-fragment--pricing {
    left: 4%;
    top: 55%;
    width: 39%;
    height: 28%;
  }
  .method-fragment--keys {
    left: 46%;
    top: 53%;
    width: 34%;
    height: 24%;
  }
  .method-fragment--timing {
    left: 74%;
    top: 49%;
    width: 25%;
    height: 21%;
  }
  .method-fragment--agreement {
    left: 24%;
    top: 83%;
    width: 38%;
    height: 22%;
  }
  .method-fragment--dealer-lot {
    left: 65%;
    top: 76%;
    width: 32%;
    height: 23%;
  }
  .method-fragment--interior {
    left: 0;
    top: 84%;
    width: 22%;
    height: 20%;
  }
}

/* =========================
   Motosaic Method v14
   Fidelity + responsive composition pass
   ========================= */
.method-rebuild {
  padding: clamp(84px, 6.6vw, 116px) 0;
}
.method-rebuild__inner {
  width: min(1580px, calc(100% - 72px));
  grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
  gap: clamp(42px, 3.2vw, 60px);
}
.method-rebuild__copy {
  max-width: 340px;
}
.method-rebuild__copy h2 {
  font-size: clamp(66px, 5.15vw, 86px);
  line-height: 0.885;
  letter-spacing: -0.052em;
}
.method-rebuild__copy h2 > span,
.method-rebuild__copy h2 > em {
  display: block;
}
.method-rebuild__copy h2 .method-rebuild__word {
  display: block;
}
.method-rebuild__copy h2 em {
  margin-top: 20px;
}
.method-rebuild__eyebrow {
  margin-bottom: 32px;
}
.method-rebuild__rule {
  margin: 34px 0 24px;
}
.method-rebuild__body {
  max-width: 330px;
  font-size: 16px;
  line-height: 1.58;
}
.method-rebuild__closing {
  max-width: 326px;
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.48;
}
.method-rebuild__visual {
  min-height: 720px;
}
.method-rebuild__visual::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 8%;
  top: 34%;
  width: 37%;
  height: 32%;
  pointer-events: none;
  background: radial-gradient(
    ellipse at 50% 50%,
    rgba(13, 111, 166, 0.15),
    rgba(49, 180, 218, 0.06) 34%,
    rgba(255, 255, 255, 0) 72%
  );
  filter: blur(10px);
}
.method-rebuild__fragment-field {
  left: 0;
  width: 58%;
  height: 94%;
}
.method-fragment {
  border: 1px solid rgba(231, 239, 244, 0.96);
  box-shadow: 0 10px 25px rgba(10, 45, 70, 0.085);
}
.method-fragment--cockpit {
  left: 8%;
  top: 3%;
  width: 16%;
  height: 15%;
  transform: rotate(-1.2deg);
}
.method-fragment--seating {
  left: 25%;
  top: 1%;
  width: 22%;
  height: 17%;
  transform: rotate(0.45deg);
}
.method-fragment--suv-detail {
  left: 50%;
  top: 7%;
  width: 20%;
  height: 14%;
  transform: rotate(1deg);
}
.method-fragment--paperwork {
  left: 6%;
  top: 22%;
  width: 16%;
  height: 16%;
}
.method-fragment--dashboard {
  left: 23%;
  top: 20%;
  width: 23%;
  height: 16%;
}
.method-fragment--vehicle-row {
  left: 48%;
  top: 23%;
  width: 29%;
  height: 15%;
}
.method-fragment--inventory {
  left: 79%;
  top: 27%;
  width: 15%;
  height: 12%;
}
.method-fragment--pricing {
  left: 0;
  top: 40%;
  width: 29%;
  height: 18%;
}
.method-fragment--keys {
  left: 30%;
  top: 40%;
  width: 21%;
  height: 17%;
}
.method-fragment--timing {
  left: 52%;
  top: 39%;
  width: 20%;
  height: 16%;
}
.method-fragment--street-suv {
  left: 7%;
  top: 61%;
  width: 25%;
  height: 15%;
}
.method-fragment--agreement {
  left: 33%;
  top: 60%;
  width: 26%;
  height: 16%;
}
.method-fragment--dealer-lot {
  left: 61%;
  top: 59%;
  width: 28%;
  height: 17%;
}
.method-fragment--interior {
  left: 24%;
  top: 79%;
  width: 24%;
  height: 15%;
}
.method-fragment--lower-paper {
  left: 4%;
  top: 78%;
  width: 17%;
  height: 15%;
}
.method-fragment--color-palette {
  left: 50%;
  top: 79%;
  width: 22%;
  height: 14%;
}

.method-shard {
  position: absolute;
  overflow: hidden;
  z-index: 4;
  border: 1px solid rgba(231, 239, 244, 0.94);
  box-shadow: 0 8px 18px rgba(10, 45, 70, 0.07);
  background: #fff;
  opacity: 0.88;
}
.method-shard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.method-shard--1 {
  left: 2%;
  top: -1%;
  width: 5%;
  height: 5%;
  transform: rotate(-3deg);
}
.method-shard--2 {
  left: 52%;
  top: 1%;
  width: 4%;
  height: 4%;
  transform: rotate(2deg);
}
.method-shard--3 {
  left: 73%;
  top: 12%;
  width: 5%;
  height: 6%;
  transform: rotate(-1deg);
}
.method-shard--4 {
  left: -2%;
  top: 30%;
  width: 5%;
  height: 7%;
  transform: rotate(2deg);
}
.method-shard--5 {
  left: 76%;
  top: 47%;
  width: 6%;
  height: 6%;
  transform: rotate(-2deg);
}
.method-shard--6 {
  left: 0;
  top: 70%;
  width: 5%;
  height: 5%;
  transform: rotate(1deg);
}
.method-shard--7 {
  left: 20%;
  top: 94%;
  width: 5%;
  height: 5%;
  transform: rotate(-2deg);
}
.method-shard--8 {
  left: 74%;
  top: 88%;
  width: 5%;
  height: 5%;
  transform: rotate(2deg);
}
.method-satellite {
  position: absolute;
  z-index: 2;
  width: 8px;
  aspect-ratio: 1;
  background: rgba(190, 210, 221, 0.7);
  box-shadow: 0 4px 10px rgba(10, 45, 70, 0.05);
}
.method-satellite--1 {
  left: 1%;
  top: 14%;
}
.method-satellite--2 {
  left: 4%;
  top: 18%;
  width: 5px;
}
.method-satellite--3 {
  left: 54%;
  top: 4%;
  width: 6px;
}
.method-satellite--4 {
  left: 60%;
  top: 7%;
  width: 5px;
}
.method-satellite--5 {
  left: 72%;
  top: 18%;
  background: rgba(13, 111, 166, 0.34);
}
.method-satellite--6 {
  left: 84%;
  top: 21%;
  width: 6px;
}
.method-satellite--7 {
  left: 91%;
  top: 34%;
  width: 5px;
  background: rgba(13, 111, 166, 0.42);
}
.method-satellite--8 {
  left: 87%;
  top: 52%;
  width: 7px;
  background: rgba(49, 180, 218, 0.4);
}
.method-satellite--9 {
  left: 92%;
  top: 66%;
  width: 5px;
}
.method-satellite--10 {
  left: 78%;
  top: 78%;
  width: 6px;
}
.method-satellite--11 {
  left: 72%;
  top: 91%;
  width: 8px;
  background: rgba(13, 111, 166, 0.28);
}
.method-satellite--12 {
  left: 58%;
  top: 96%;
  width: 5px;
}
.method-satellite--13 {
  left: 31%;
  top: 96%;
  width: 6px;
}
.method-satellite--14 {
  left: 10%;
  top: 90%;
  width: 7px;
}
.method-satellite--15 {
  left: 2%;
  top: 64%;
  width: 5px;
}
.method-satellite--16 {
  left: 3%;
  top: 48%;
  width: 7px;
  background: rgba(49, 180, 218, 0.28);
}

.method-rebuild__mosaic {
  left: 32%;
  right: 18%;
  height: 94%;
  z-index: 2;
}
.method-rebuild__mosaic-svg {
  filter: saturate(1.16) contrast(1.035);
}
.method-rebuild__destination {
  right: -1%;
  width: 41%;
  z-index: 5;
  filter: drop-shadow(0 16px 30px rgba(7, 92, 139, 0.08));
}
.method-rebuild__focus-line {
  position: absolute;
  z-index: 4;
  left: 72%;
  top: 50%;
  width: 14%;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(
    90deg,
    rgba(13, 111, 166, 0),
    rgba(13, 111, 166, 0.36),
    rgba(13, 111, 166, 0)
  );
  box-shadow: 0 0 18px rgba(13, 111, 166, 0.24);
  pointer-events: none;
}

/* Tablet: give the visual room rather than squeezing it beside the copy. */
@media (max-width: 1100px) {
  .method-rebuild {
    padding: 82px 0 92px;
  }
  .method-rebuild__inner {
    width: min(920px, calc(100% - 52px));
    display: block;
  }
  .method-rebuild__copy {
    max-width: 760px;
    margin: 0 0 38px;
  }
  .method-rebuild__copy h2 {
    max-width: 760px;
    font-size: clamp(58px, 7.2vw, 76px);
    line-height: 0.94;
  }
  .method-rebuild__copy h2 .method-rebuild__word {
    display: inline;
  }
  .method-rebuild__copy h2 .method-rebuild__word:not(:last-child)::after {
    content: " ";
  }
  .method-rebuild__copy h2 em {
    margin-top: 14px;
  }
  .method-rebuild__body {
    max-width: 640px;
    font-size: 16px;
    line-height: 1.62;
  }
  .method-rebuild__closing {
    max-width: 590px;
    font-size: 16px;
  }
  .method-rebuild__visual {
    min-height: 610px;
    width: 100%;
  }
  .method-rebuild__fragment-field {
    width: 60%;
    height: 92%;
  }
  .method-rebuild__mosaic {
    left: 35%;
    right: 15%;
    height: 90%;
  }
  .method-rebuild__destination {
    width: 40%;
    right: -1%;
  }
}

@media (max-width: 700px) {
  .method-rebuild {
    padding: 68px 0 74px;
  }
  .method-rebuild__inner {
    width: calc(100% - 34px);
  }
  .method-rebuild__copy {
    margin-bottom: 28px;
  }
  .method-rebuild__eyebrow {
    font-size: 10px;
    margin-bottom: 22px;
  }
  .method-rebuild__copy h2 {
    font-size: clamp(46px, 13vw, 58px);
    line-height: 0.95;
    letter-spacing: -0.048em;
  }
  .method-rebuild__copy h2 em {
    margin-top: 10px;
  }
  .method-rebuild__rule {
    margin: 26px 0 21px;
    width: 58px;
  }
  .method-rebuild__body {
    font-size: 16px;
    line-height: 1.57;
    max-width: none;
  }
  .method-rebuild__closing {
    font-size: 15px;
    line-height: 1.48;
    margin-top: 20px;
    max-width: 330px;
  }
  .method-rebuild__visual {
    min-height: 420px;
    margin-inline: -4px;
  }
  .method-rebuild__visual::after {
    right: -8%;
    top: 31%;
    width: 62%;
    height: 38%;
  }
  .method-rebuild__fragment-field {
    left: -1%;
    top: 0;
    transform: none;
    width: 76%;
    height: 70%;
  }
  .method-rebuild__mosaic {
    left: 31%;
    right: -7%;
    top: 24%;
    transform: none;
    height: 56%;
  }
  .method-rebuild__destination {
    width: 76%;
    right: -3%;
    top: 76%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .method-rebuild__focus-line {
    left: 67%;
    top: 51%;
    width: 21%;
  }

  .method-fragment--inventory,
  .method-fragment--street-suv,
  .method-fragment--lower-paper,
  .method-fragment--color-palette,
  .method-fragment--suv-detail {
    display: none;
  }
  .method-fragment--cockpit {
    left: 3%;
    top: 4%;
    width: 27%;
    height: 21%;
  }
  .method-fragment--seating {
    left: 32%;
    top: 0;
    width: 36%;
    height: 24%;
  }
  .method-fragment--paperwork {
    left: 0;
    top: 28%;
    width: 28%;
    height: 24%;
  }
  .method-fragment--dashboard {
    left: 30%;
    top: 27%;
    width: 36%;
    height: 23%;
  }
  .method-fragment--vehicle-row {
    left: 59%;
    top: 24%;
    width: 32%;
    height: 20%;
  }
  .method-fragment--pricing {
    left: 4%;
    top: 55%;
    width: 39%;
    height: 28%;
  }
  .method-fragment--keys {
    left: 46%;
    top: 53%;
    width: 34%;
    height: 24%;
  }
  .method-fragment--timing {
    left: 74%;
    top: 49%;
    width: 25%;
    height: 21%;
  }
  .method-fragment--agreement {
    left: 24%;
    top: 83%;
    width: 38%;
    height: 22%;
  }
  .method-fragment--dealer-lot {
    left: 65%;
    top: 76%;
    width: 32%;
    height: 23%;
  }
  .method-fragment--interior {
    left: 0;
    top: 84%;
    width: 22%;
    height: 20%;
  }

  .method-shard--2,
  .method-shard--3,
  .method-shard--5,
  .method-shard--7,
  .method-shard--8 {
    display: none;
  }
  .method-shard--1 {
    left: 72%;
    top: 4%;
    width: 6%;
    height: 6%;
  }
  .method-shard--4 {
    left: 94%;
    top: 34%;
    width: 6%;
    height: 8%;
  }
  .method-shard--6 {
    left: 4%;
    top: 104%;
    width: 6%;
    height: 6%;
  }
  .method-satellite {
    transform: scale(0.72);
  }
  .method-satellite--5,
  .method-satellite--6,
  .method-satellite--7,
  .method-satellite--8,
  .method-satellite--9,
  .method-satellite--10,
  .method-satellite--11,
  .method-satellite--12 {
    display: none;
  }
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* =========================
   Motosaic v16 conversion architecture
   Hero -> Problem -> Method -> Proof
   ========================= */
.buyer-risks {
  --risk-ink: #0a1c33;
  --risk-soft: #314d6d;
  --risk-blue: #0d6fa6;
  --risk-deep: #075c8b;
  background:
    radial-gradient(circle at 80% 4%, rgba(85, 176, 216, 0.1), transparent 27%),
    linear-gradient(180deg, #f9fbfc 0%, #fff 20%, #fff 100%);
  padding: clamp(92px, 8vw, 136px) 0 clamp(96px, 8vw, 138px);
  overflow: hidden;
  position: relative;
}
.buyer-risks::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 220px;
  right: -110px;
  top: 32px;
  opacity: 0.22;
  background-image:
    linear-gradient(90deg, rgba(13, 111, 166, 0.2) 1px, transparent 1px),
    linear-gradient(rgba(13, 111, 166, 0.2) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: linear-gradient(90deg, transparent, #000 42%, transparent);
  transform: skewX(-16deg);
  pointer-events: none;
}
.buyer-risks__inner {
  width: min(1320px, calc(100% - 80px));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.buyer-risks__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: clamp(42px, 7vw, 110px);
  align-items: end;
  margin-bottom: clamp(48px, 5vw, 74px);
}
.buyer-risks__eyebrow {
  color: var(--risk-deep);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 800;
}
.buyer-risks h2 {
  margin: 0;
  color: var(--risk-ink);
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(56px, 5.55vw, 88px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 500;
  max-width: 830px;
}
.buyer-risks h2 span {
  display: block;
}
.buyer-risks__lead {
  margin: 0;
  color: var(--risk-soft);
  font-size: 18px;
  line-height: 1.7;
  max-width: 450px;
  padding-bottom: 8px;
}
.buyer-risks__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 2.4vw, 34px);
}
.buyer-risk {
  min-width: 0;
  position: relative;
}
.buyer-risk__number {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--risk-blue);
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: 25px;
  margin: 0 0 12px;
}
.buyer-risk__number::after {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--risk-blue);
}
.buyer-risk__image {
  aspect-ratio: 1.38/1;
  overflow: hidden;
  border: 1px solid rgba(208, 221, 230, 0.92);
  background: #eaf1f5;
  box-shadow: 0 16px 42px rgba(10, 45, 70, 0.09);
}
.buyer-risk__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.buyer-risk:hover .buyer-risk__image img {
  transform: scale(1.018);
}
.buyer-risk h3 {
  margin: 22px 0 0;
  color: var(--risk-ink);
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(35px, 3vw, 48px);
  line-height: 1;
  letter-spacing: -0.035em;
  font-weight: 500;
}
.buyer-risk__rule {
  width: 40px;
  height: 2px;
  background: var(--risk-blue);
  display: block;
  margin: 16px 0 15px;
}
.buyer-risk__thesis {
  margin: 0;
  color: var(--risk-ink);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 700;
}
.buyer-risk__detail {
  margin: 10px 0 0;
  color: var(--risk-soft);
  font-size: 15.5px;
  line-height: 1.65;
}
.buyer-risks__bridge {
  margin: clamp(64px, 6vw, 90px) auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: center;
  color: var(--risk-ink);
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(26px, 2.35vw, 38px);
  line-height: 1.16;
  letter-spacing: -0.025em;
}
.buyer-risks__bridge::before,
.buyer-risks__bridge::after {
  content: "";
  height: 1px;
  flex: 1;
  max-width: 180px;
  background: linear-gradient(90deg, transparent, var(--risk-blue));
}
.buyer-risks__bridge::after {
  background: linear-gradient(90deg, var(--risk-blue), transparent);
}
.buyer-risks__bridge em {
  font-style: italic;
  color: var(--risk-blue);
}

/* Make the Method unmistakably read as the solution that follows the risks. */
.method-rebuild {
  position: relative;
}
.method-rebuild::before {
  content: "THE SOLUTION";
  position: absolute;
  top: clamp(34px, 3vw, 48px);
  left: 50%;
  transform: translateX(-50%);
  color: rgba(7, 92, 139, 0.62);
  letter-spacing: 0.24em;
  font-size: 10px;
  font-weight: 800;
}
.method-rebuild__body {
  max-width: 425px;
}
.method-rebuild__closing {
  max-width: 425px;
}

@media (max-width: 1100px) {
  .buyer-risks__inner {
    width: min(920px, calc(100% - 56px));
  }
  .buyer-risks__intro {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }
  .buyer-risks__lead {
    max-width: 700px;
  }
  .buyer-risks__grid {
    gap: 20px;
  }
  .buyer-risk h3 {
    font-size: 37px;
  }
}
@media (max-width: 760px) {
  .buyer-risks {
    padding: 78px 0 86px;
  }
  .buyer-risks__inner {
    width: calc(100% - 36px);
  }
  .buyer-risks__intro {
    margin-bottom: 42px;
  }
  .buyer-risks h2 {
    font-size: clamp(48px, 13vw, 64px);
  }
  .buyer-risks__lead {
    font-size: 16.5px;
    line-height: 1.62;
  }
  .buyer-risks__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .buyer-risk__number {
    margin-bottom: 10px;
  }
  .buyer-risk__image {
    aspect-ratio: 1.5/1;
  }
  .buyer-risk h3 {
    font-size: 42px;
    margin-top: 18px;
  }
  .buyer-risk__thesis {
    font-size: 16.5px;
  }
  .buyer-risk__detail {
    font-size: 15px;
  }
  .buyer-risks__bridge {
    margin-top: 56px;
    font-size: 29px;
    gap: 14px;
  }
  .buyer-risks__bridge::before,
  .buyer-risks__bridge::after {
    max-width: 42px;
  }
  .method-rebuild::before {
    top: 24px;
  }
}

/* v18: remove redundant problem sections now covered by the Challenge + Method */
.time-section,
.diagnosis-section {
  display: none !important;
}

/* Preserve deliberate narrative rhythm after process/path content */
.v17-method {
  margin-bottom: 0;
}

/* Slightly smooth the handoff where removed sections previously created spacing */
.outcomes-section {
  padding-top: clamp(84px, 8vw, 124px);
}

@media (max-width: 800px) {
  .outcomes-section {
    padding-top: 72px;
  }
}

/* v20 — concise Noelle proof section with one real delivery image */
.story-section-early {
  padding-top: 104px;
  padding-bottom: 104px;
}
.story-grid-concise {
  min-height: 0;
  grid-template-columns: minmax(0, 43%) minmax(0, 57%);
  gap: clamp(54px, 5vw, 82px);
  align-items: center;
  overflow: visible;
}
.story-grid-concise .story-copy {
  max-width: 560px;
  padding: 8px 0;
}
.story-grid-concise .story-copy .eyebrow {
  margin-bottom: 22px;
}
.story-grid-concise .story-copy h2 {
  max-width: 550px;
  font-size: clamp(48px, 4.15vw, 66px);
  line-height: 1.01;
}
.story-grid-concise .story-copy p {
  margin: 22px 0 0;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.72;
}
.story-grid-concise .story-copy .story-closing {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #dce5ec;
  color: var(--blue-deep) !important;
  font-size: 16px !important;
  font-weight: 750;
  line-height: 1.58 !important;
}
.story-media-single {
  min-height: 0 !important;
  margin: 0;
  background: none !important;
  border: 1px solid #d9e5ec;
  border-radius: 28px;
  overflow: hidden !important;
  box-shadow: 0 22px 64px #0d2c4419;
  display: flex;
  flex-direction: column;
}
.story-media-single:before,
.story-media-single:after {
  display: none !important;
}
.story-media-single .story-photo-primary {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  display: block;
  width: 100%;
  height: clamp(510px, 39vw, 620px);
  opacity: 1 !important;
  object-fit: cover;
  object-position: 50% 72%;
  filter: saturate(0.92) contrast(0.99);
  border-radius: 0;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.story-delivery-caption {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
  grid-template-rows: auto auto;
  gap: 4px 24px;
  align-items: center;
  background: #fff;
  border-top: 1px solid #dfe8ee;
  padding: 22px 26px 24px;
}
.story-delivery-caption span {
  grid-column: 1;
  color: var(--blue);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
}
.story-delivery-caption strong {
  grid-column: 1;
  font-family: var(--serif);
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.12;
}
.story-delivery-caption small {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--ink-soft);
  font-size: 12px;
  line-height: 1.48;
  text-align: right;
}
@media (max-width: 1100px) {
  .story-grid-concise {
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .story-grid-concise .story-copy {
    max-width: 800px;
    padding: 0;
  }
  .story-media-single .story-photo-primary {
    height: 620px;
  }
}
@media (max-width: 800px) {
  .story-section-early {
    padding-top: 82px;
    padding-bottom: 82px;
  }
  .story-grid-concise {
    gap: 36px;
  }
  .story-grid-concise .story-copy h2 {
    font-size: clamp(43px, 12vw, 58px);
  }
  .story-grid-concise .story-copy p {
    font-size: 16px;
  }
  .story-media-single .story-photo-primary {
    height: 520px;
    object-position: 50% 73%;
  }
}
@media (max-width: 560px) {
  .story-media-single {
    border-radius: 22px;
  }
  .story-media-single .story-photo-primary {
    height: 430px;
  }
  .story-delivery-caption {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 5px;
    padding: 18px 19px 20px;
  }
  .story-delivery-caption span,
  .story-delivery-caption strong,
  .story-delivery-caption small {
    grid-column: 1;
    grid-row: auto;
    text-align: left;
  }
  .story-delivery-caption strong {
    font-size: 22px;
  }
  .story-delivery-caption small {
    margin-top: 3px;
  }
}

/* v25 — real photography replaces the rendered FIT-card driveway scene.
   Source: Pexels photo 16510645 by Luke Miller; used under the Pexels license. */
.v19-challenge-card:nth-child(1) .v19-challenge-card__image img {
  object-position: 56% 56% !important;
  filter: saturate(0.82) brightness(1.1) contrast(1.06) !important;
}
@media (max-width: 720px) {
  .v19-challenge-card:nth-child(1) .v19-challenge-card__image img {
    object-position: 57% 54% !important;
  }
}

.paths-section-v26 {
  color: #fff;
  background:
    radial-gradient(
      circle at 84% 12%,
      rgba(26, 142, 196, 0.16),
      transparent 31%
    ),
    linear-gradient(180deg, #04192a 0%, #052036 100%);
  padding: 100px 0 108px;
  position: relative;
  overflow: hidden;
}
.paths-section-v26:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(94, 178, 222, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94, 178, 222, 0.09) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 60%,
    #000 100%
  );
  mask-image: linear-gradient(90deg, transparent 0%, #000 60%, #000 100%);
}
.paths-section-v26 .shell {
  position: relative;
  z-index: 1;
}
.paths-heading-v26 {
  max-width: 1040px;
  margin-bottom: 38px;
}
.paths-heading-v26 .eyebrow {
  margin-bottom: 22px;
}
.paths-heading-v26 h2 {
  max-width: 920px;
  margin: 0 0 19px;
  font-family: var(--serif);
  font-size: clamp(52px, 4.7vw, 70px);
  font-weight: 500;
  line-height: 1.01;
  letter-spacing: -0.038em;
}
.paths-intro {
  max-width: 930px;
  margin: 0;
  color: #c2d2dd;
  font-size: 18px;
  line-height: 1.7;
}
.paths-invitation {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  min-height: 620px;
  overflow: hidden;
  border: 1px solid rgba(132, 177, 205, 0.35);
  border-radius: 26px;
  background: linear-gradient(
    145deg,
    rgba(12, 42, 65, 0.96),
    rgba(6, 29, 48, 0.98)
  );
  box-shadow: 0 30px 80px rgba(0, 8, 18, 0.24);
}
.paths-photo {
  min-width: 0;
  min-height: 620px;
  margin: 0;
  position: relative;
  overflow: hidden;
  background: #071f32;
}
.paths-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(2, 19, 32, 0.08) 0%,
      rgba(2, 19, 32, 0.02) 54%,
      rgba(2, 19, 32, 0.48) 100%
    ),
    linear-gradient(0deg, rgba(2, 19, 32, 0.5) 0%, transparent 42%);
}
.paths-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 47% 50%;
  filter: saturate(0.86) contrast(1.03) brightness(0.84);
}
.paths-photo figcaption {
  position: absolute;
  z-index: 2;
  left: 28px;
  bottom: 28px;
  display: grid;
  gap: 4px;
  max-width: 310px;
  padding: 15px 18px;
  border: 1px solid rgba(154, 201, 226, 0.36);
  border-radius: 15px;
  background: rgba(4, 25, 42, 0.82);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 14px 34px rgba(0, 8, 18, 0.22);
}
.paths-photo figcaption strong {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.08;
}
.paths-photo figcaption span {
  color: #bdd0dc;
  font-size: 13px;
  line-height: 1.45;
}
.paths-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 50px 54px 46px;
}
.path-entry {
  padding: 0 0 28px;
}
.path-entry + .path-entry {
  padding-top: 29px;
  border-top: 1px solid rgba(132, 177, 205, 0.26);
}
.path-entry-label {
  display: block;
  color: #69cdf6;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.path-entry h3 {
  margin: 11px 0 14px;
  font-family: var(--serif);
  font-size: 35px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
.path-entry p {
  margin: 0;
  color: #c1d1dc;
  font-size: 16.5px;
  line-height: 1.68;
}
.paths-shared-cta {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 21px 22px;
  border: 1px solid rgba(132, 177, 205, 0.32);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.055);
}
.paths-shared-cta > div {
  display: grid;
  gap: 5px;
}
.paths-shared-cta strong {
  color: #fff;
  font-size: 15.5px;
  line-height: 1.35;
}
.paths-shared-cta span {
  color: #b9cad5;
  font-size: 12.5px;
  line-height: 1.45;
}
.paths-cta {
  flex: none;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 0 23px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #0876ad, #0c91cc);
  font-size: 14px;
  font-weight: 750;
  box-shadow: 0 12px 28px rgba(0, 116, 173, 0.25);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.paths-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0, 116, 173, 0.34);
}
@media (max-width: 980px) {
  .paths-invitation {
    grid-template-columns: 1fr;
  }
  .paths-photo {
    min-height: 430px;
    max-height: 500px;
  }
  .paths-photo img {
    object-position: 50% 44%;
  }
  .paths-copy {
    padding: 42px 40px 40px;
  }
}
@media (max-width: 700px) {
  .paths-section-v26 {
    padding: 78px 0 82px;
  }
  .paths-heading-v26 {
    margin-bottom: 28px;
  }
  .paths-heading-v26 h2 {
    font-size: clamp(42px, 11.5vw, 54px);
  }
  .paths-intro {
    font-size: 16px;
    line-height: 1.65;
  }
  .paths-invitation {
    border-radius: 21px;
  }
  .paths-photo {
    min-height: 340px;
    max-height: 390px;
  }
  .paths-photo img {
    object-position: 50% 50%;
  }
  .paths-photo figcaption {
    left: 18px;
    right: 18px;
    bottom: 18px;
    max-width: none;
  }
  .paths-copy {
    padding: 34px 24px 27px;
  }
  .path-entry h3 {
    font-size: 30px;
  }
  .path-entry p {
    font-size: 15.5px;
  }
  .paths-shared-cta {
    align-items: stretch;
    flex-direction: column;
    padding: 19px;
  }
  .paths-cta {
    width: 100%;
  }
}

/* v27 - final-polish pass: preserve the approved desktop composition while
   reducing mobile scroll density through the invitation chapter. */
@media (max-width: 700px) {
  .paths-section-v26 {
    padding: 72px 0 76px;
  }
  .paths-heading-v26 {
    margin-bottom: 24px;
  }
  .paths-photo {
    min-height: 320px;
    max-height: 370px;
  }
  .paths-copy {
    padding: 30px 24px 24px;
  }
  .path-entry {
    padding-bottom: 24px;
  }
  .path-entry + .path-entry {
    padding-top: 25px;
  }
}

/* v28 mobile-first refinement. Desktop remains unchanged. */
@media (max-width: 760px) {
  html {
    scroll-padding-top: 78px;
  }
  body {
    overflow-x: hidden;
  }
  .shell,
  .v19-shell {
    width: calc(100% - 32px) !important;
  }
  .section {
    padding: 72px 0;
  }

  /* Header */
  .site-header,
  .site-header.scrolled {
    width: calc(100% - 24px) !important;
    height: 74px !important;
    padding: 0 8px 0 10px !important;
    border-radius: 0 0 16px 16px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(174, 198, 213, 0.55) !important;
    box-shadow: 0 9px 26px rgba(8, 31, 52, 0.08) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .site-header nav {
    display: none !important;
  }
  .brand-logo {
    width: 142px !important;
  }
  .header-cta {
    min-height: 42px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    gap: 10px !important;
  }
  .header-cta svg {
    width: 16px;
    height: 16px;
  }

  /* Hero: one clear action, readable first screen, intentional image crop */
  .hero {
    min-height: 0 !important;
  }
  .hero-grid {
    display: block !important;
    min-height: 810px !important;
    padding-top: 74px !important;
    position: relative;
  }
  .hero-copy {
    padding: 68px 0 258px !important;
    min-height: 810px !important;
  }
  .hero-copy > .eyebrow {
    font-size: 13px !important;
    letter-spacing: 0.13em !important;
    margin-bottom: 22px !important;
  }
  .hero-copy h1 {
    font-size: clamp(48px, 13.1vw, 56px) !important;
    line-height: 0.99 !important;
    letter-spacing: -0.043em !important;
    max-width: 100% !important;
  }
  .hero-body {
    margin-top: 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    max-width: 34ch !important;
  }
  .hero-actions {
    margin-top: 28px !important;
    display: grid !important;
    gap: 15px !important;
    align-items: stretch !important;
  }
  .hero-actions > .cta {
    width: 100% !important;
    min-height: 56px !important;
  }
  .trust-inline {
    max-width: none !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
  }
  .trust-inline svg {
    margin-top: 0 !important;
  }
  .hero-media {
    inset: auto -18px 0 !important;
    width: auto !important;
    height: 252px !important;
    background-position: center 42% !important;
    background-size: cover !important;
    opacity: 1 !important;
  }
  .hero-media:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      #f8fafc 0,
      rgba(248, 250, 252, 0.12) 34%,
      rgba(2, 24, 40, 0.12) 100%
    );
  }

  /* Chapter titles */
  .v19-challenge h2,
  .v19-method h2,
  .paths-heading-v26 h2,
  .v21-outcomes__head h2,
  .founder-copy h2,
  .faq-copy h2,
  .final-inner h2 {
    font-size: clamp(42px, 11.5vw, 49px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
  }

  /* Challenge: swipeable framework rather than three full-screen cards */
  .v19-challenge {
    padding: 104px 0 102px !important;
  }
  .v19-challenge__scene {
    top: 70px !important;
    height: 390px !important;
  }
  .v19-challenge:before {
    top: 64px !important;
    height: 430px !important;
  }
  .v19-challenge__head {
    margin-bottom: 54px !important;
  }
  .v19-challenge__lead {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }
  .v19-challenge__grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    padding: 0 18px 12px 0 !important;
    margin-right: -16px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .v19-challenge__grid::-webkit-scrollbar {
    display: none;
  }
  .v19-challenge__grid:after {
    content: "Swipe to compare all three  →";
    position: absolute;
    right: 2px;
    top: -30px;
    color: #78cdef;
    font: 750 11px/1.2 var(--v19-sans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .v19-challenge-card {
    flex: 0 0 min(84vw, 326px) !important;
    width: min(84vw, 326px) !important;
    min-height: 470px !important;
    height: 470px !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    padding: 24px 22px 166px !important;
    border-radius: 20px !important;
  }
  .v19-challenge-card__top {
    margin-bottom: 18px !important;
  }
  .v19-challenge-card h3 {
    font-size: 26px !important;
    line-height: 1.08 !important;
    margin-bottom: 13px !important;
  }
  .v19-challenge-card > p {
    font-size: 15px !important;
    line-height: 1.56 !important;
    margin-bottom: 0 !important;
  }
  .v19-challenge-card__image {
    height: 148px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: auto !important;
  }
  .v19-challenge__close {
    margin-top: 34px !important;
  }
  .v19-challenge__logo {
    width: 142px !important;
  }
  .v19-challenge__closing-copy p {
    font-size: 18px !important;
    line-height: 1.35 !important;
    max-width: 320px !important;
  }
  .v19-transition-mosaic {
    height: 94px !important;
  }

  /* Method: keep the full five stages but make the sequence native to touch */
  .v19-method {
    padding: 68px 0 78px !important;
  }
  .v19-method__hero {
    gap: 22px !important;
    margin-bottom: 26px !important;
  }
  .v19-method__copy {
    padding: 0 !important;
  }
  .v19-method__sub {
    font-size: 27px !important;
    line-height: 1.1 !important;
    margin: 15px 0 13px !important;
  }
  .v19-method__desc {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }
  .v19-method__visual {
    min-height: 252px !important;
    height: 252px !important;
    border-radius: 18px !important;
  }
  .v19-method__visual figcaption {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    padding: 12px 14px !important;
  }
  .v19-method__visual figcaption strong {
    font-size: 18px !important;
  }
  .v19-phase-rail {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 18px 0 16px !important;
  }
  .v19-phase {
    grid-column: auto !important;
    min-height: 74px !important;
    padding: 11px 12px !important;
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }
  .v19-phase p {
    grid-column: 1/-1;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  .v19-phase span {
    font-size: 10.5px !important;
  }
  .v19-phase b {
    font-size: 10px !important;
  }
  .v19-method__steps {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 30px 18px 12px 0 !important;
    margin-right: -16px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .v19-method__steps::-webkit-scrollbar {
    display: none;
  }
  .v19-method__steps:before {
    display: block !important;
    content: "Swipe through the five stages  →" !important;
    position: absolute !important;
    top: 3px !important;
    left: auto !important;
    right: 2px !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: #177ead !important;
    font: 750 11px/1.2 var(--v19-sans) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }
  .v19-method-step,
  .v19-method-step:last-child {
    flex: 0 0 min(84vw, 326px) !important;
    width: min(84vw, 326px) !important;
    max-width: none !important;
    min-height: 414px !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    padding: 18px !important;
    border: 1px solid #d7e6ef !important;
    border-radius: 19px !important;
    background: #fff !important;
    box-shadow: 0 14px 36px rgba(9, 45, 68, 0.09) !important;
  }
  .v19-method-step__marker {
    height: 52px !important;
  }
  .v19-method-step__marker > span {
    width: 38px !important;
    height: 38px !important;
    box-shadow: none !important;
  }
  .v19-method-step__icon {
    width: 42px !important;
    height: 42px !important;
  }
  .v19-method-step__body {
    min-height: 145px !important;
    padding: 15px 0 14px !important;
  }
  .v19-method-step h3 {
    font-size: 18px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-bottom: 9px !important;
  }
  .v19-method-step p {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
  }
  .v19-method-step__image {
    height: 160px !important;
    border-radius: 13px !important;
  }
  .v19-method__promise {
    margin-top: 22px !important;
    padding: 16px 18px !important;
    min-height: 0 !important;
  }
  .v19-method__promise p {
    font-size: 19px !important;
    line-height: 1.28 !important;
  }

  /* Noelle: tighter editorial story and landscape delivery image */
  .story-section {
    padding: 72px 0 76px !important;
  }
  .story-grid-concise {
    gap: 28px !important;
  }
  .story-grid-concise .story-copy h2 {
    font-size: clamp(42px, 11.4vw, 48px) !important;
    line-height: 1.03 !important;
    margin-bottom: 22px !important;
  }
  .story-grid-concise .story-copy > p:not(.eyebrow):not(.story-closing) {
    font-size: 16px !important;
    line-height: 1.62 !important;
    margin-bottom: 18px !important;
  }
  .story-grid-concise .story-closing {
    font-size: 16px !important;
    line-height: 1.52 !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
  }
  .story-media-single {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4/3 !important;
    border-radius: 20px !important;
  }
  .story-media-single .story-photo-primary {
    height: calc(100% - 108px) !important;
    min-height: 0 !important;
    object-fit: cover !important;
  }
  .story-delivery-caption {
    min-height: 108px !important;
    padding: 16px 18px !important;
  }

  /* Start where you are */
  .paths-section-v26 {
    padding: 72px 0 74px !important;
  }
  .paths-heading-v26 {
    margin-bottom: 22px !important;
  }
  .paths-intro {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  .paths-invitation {
    border-radius: 20px !important;
  }
  .paths-photo {
    min-height: 238px !important;
    height: 238px !important;
    max-height: none !important;
  }
  .paths-photo figcaption {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    padding: 12px 14px !important;
  }
  .paths-photo figcaption strong {
    font-size: 20px !important;
  }
  .paths-copy {
    padding: 24px 20px 20px !important;
  }
  .path-entry {
    padding: 0 0 21px !important;
  }
  .path-entry + .path-entry {
    padding-top: 22px !important;
  }
  .path-entry-label {
    font-size: 11.5px !important;
  }
  .path-entry h3 {
    font-size: 27px !important;
    line-height: 1.08 !important;
    margin: 9px 0 10px !important;
  }
  .path-entry p {
    font-size: 15px !important;
    line-height: 1.56 !important;
  }
  .paths-shared-cta {
    margin-top: 4px !important;
    padding: 17px !important;
    gap: 15px !important;
  }
  .paths-cta {
    min-height: 52px !important;
  }

  /* Outcomes: three complete cases in a swipeable ledger */
  .v21-outcomes {
    padding: 72px 0 78px !important;
  }
  .v21-outcomes__head {
    margin-bottom: 26px !important;
  }
  .v21-outcomes__intro {
    padding-left: 18px !important;
  }
  .v21-outcomes__intro p {
    font-size: 15.5px !important;
    line-height: 1.56 !important;
  }
  .v21-outcomes__ledger {
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 30px 18px 12px 0 !important;
    margin-right: -16px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .v21-outcomes__ledger::-webkit-scrollbar {
    display: none;
  }
  .v21-outcomes__ledger:before {
    content: "Swipe through the client outcomes  →";
    position: absolute;
    right: 2px;
    top: 3px;
    color: #177ead;
    font: 750 11px/1.2 var(--v19-sans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .v21-case {
    flex: 0 0 min(84vw, 326px) !important;
    width: min(84vw, 326px) !important;
    min-height: 515px !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border: 1px solid #d6e5ee !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 14px 36px rgba(9, 45, 68, 0.09) !important;
    padding: 26px 22px !important;
  }
  .v21-case + .v21-case {
    border-top: 1px solid #d6e5ee !important;
  }
  .v21-case__story {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }
  .v21-case__title h3 {
    font-size: 27px !important;
    line-height: 1.04 !important;
  }
  .v21-case__result {
    margin-top: auto !important;
  }
  .v21-outcomes__takeaway {
    margin-top: 16px !important;
    border-radius: 18px !important;
    padding: 22px !important;
  }
  .v21-outcomes__takeaway p {
    font-size: 23px !important;
    line-height: 1.28 !important;
  }

  /* Founder: shorter portrait, two-column credentials */
  .founder-section {
    padding: 72px 0 76px !important;
  }
  .founder-grid {
    gap: 38px !important;
  }
  .founder-media.v24-founder-media {
    aspect-ratio: 4/3 !important;
    border-radius: 20px !important;
  }
  .v24-founder-photo {
    object-position: center 38% !important;
  }
  .founder-media.v24-founder-media .founder-nameplate {
    left: 14px !important;
    bottom: 14px !important;
    padding: 12px 15px !important;
  }
  .founder-nameplate strong {
    font-size: 20px !important;
  }
  .founder-nameplate span {
    font-size: 11.5px !important;
  }
  .founder-copy > p:not(.eyebrow) {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }
  .credentials-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }
  .credential {
    min-height: 82px !important;
    padding: 13px !important;
    font-size: 13px !important;
    line-height: 1.32 !important;
    align-items: flex-start !important;
  }
  .credential svg {
    width: 20px !important;
    height: 20px !important;
    flex: none !important;
  }

  /* FAQ and final conversion */
  .faq-section {
    padding: 72px 0 66px !important;
  }
  .faq-layout {
    gap: 42px !important;
  }
  .faq-copy > p:not(.eyebrow) {
    font-size: 17px !important;
    line-height: 1.58 !important;
  }
  .faq-cta {
    width: 100% !important;
    margin-top: 26px !important;
  }
  .faq-list summary {
    font-size: 18px !important;
    line-height: 1.28 !important;
    padding: 20px 0 !important;
  }
  .faq-list details p {
    font-size: 15px !important;
    line-height: 1.58 !important;
    padding: 0 0 20px !important;
  }
  .final-cta {
    padding: 72px 0 70px !important;
  }
  .final-inner {
    gap: 28px !important;
  }
  .final-inner > div > p:not(.eyebrow) {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }
  .final-action {
    gap: 14px !important;
  }
  .footer {
    padding: 26px 0 30px !important;
  }
}

@media (max-width: 380px) {
  .hero-copy h1 {
    font-size: 46px !important;
  }
  .v19-challenge h2,
  .v19-method h2,
  .paths-heading-v26 h2,
  .v21-outcomes__head h2,
  .founder-copy h2,
  .faq-copy h2,
  .final-inner h2 {
    font-size: 40px !important;
  }
  .credentials-grid {
    grid-template-columns: 1fr !important;
  }
  .credential {
    min-height: 0 !important;
  }
}

@media (max-width: 800px) {
  .mobile-booking-bar {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(18px) !important;
    transition:
      opacity 0.2s ease,
      transform 0.2s ease !important;
  }
  .mobile-booking-bar.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-booking-bar {
    transition: none !important;
  }
}

@media (max-width: 800px) {
  body {
    padding-bottom: 0 !important;
  }
  .mobile-booking-bar {
    display: none !important;
  }
}
@media (max-width: 760px) {
  .hero {
    padding-bottom: 0 !important;
  }
  .v19-challenge__grid {
    padding-top: 30px !important;
  }
  .v19-challenge__grid:after {
    top: 3px !important;
  }
  .path-entry-track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 30px 20px 12px;
    margin: 0 -20px 4px;
    position: relative;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .path-entry-track::-webkit-scrollbar {
    display: none;
  }
  .path-entry-track:before {
    content: "Swipe between both starting points  →";
    position: absolute;
    right: 20px;
    top: 3px;
    color: #69cdf6;
    font: 750 10.5px/1.2 var(--v19-sans);
    letter-spacing: 0.075em;
    text-transform: uppercase;
  }
  .path-entry-track > .path-entry {
    flex: 0 0 calc(100% - 24px);
    min-height: 410px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    padding: 20px !important;
    border: 1px solid rgba(132, 177, 205, 0.28) !important;
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.045);
  }
  .path-entry-track > .path-entry + .path-entry {
    padding-top: 20px !important;
  }
}
@media (min-width: 761px) {
  .path-entry-track {
    display: contents;
  }
}

@media (max-width: 520px) {
  .site-header .header-cta {
    min-width: 0 !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    gap: 5px !important;
    padding-inline: 10px !important;
  }
  .site-header .header-cta svg {
    width: 13px !important;
    height: 13px !important;
  }
  .site-header .brand-logo {
    width: 126px !important;
  }
}
@media (max-width: 360px) {
  .site-header .header-cta {
    font-size: 9.25px !important;
    padding-inline: 8px !important;
  }
  .site-header .brand-logo {
    width: 108px !important;
  }
}

:root {
  --v17-ink: #0a1c33;
  --v17-blue: #0d6fa6;
  --v17-deep: #061a2c;
  --v17-line: #dce7ef;
}
/* Section 2: controlled challenge, softened to fit the light page */
.v17-challenge {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    #eef4f8 0%,
    #183149 10%,
    #071b2d 22%,
    #061a2c 86%,
    #edf4f8 100%
  );
  color: #fff;
  padding: clamp(86px, 8vw, 132px) 0 clamp(100px, 8vw, 140px);
}
.v17-challenge:before {
  content: "";
  position: absolute;
  inset: 8% 0 18%;
  background:
    radial-gradient(
      circle at 74% 8%,
      rgba(82, 133, 164, 0.22),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      rgba(4, 21, 36, 0.98),
      rgba(4, 21, 36, 0.83) 48%,
      rgba(4, 21, 36, 0.62)
    );
  pointer-events: none;
}
.v17-shell {
  width: min(1320px, calc(100% - 80px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.v17-challenge__head {
  max-width: 820px;
  margin-bottom: 44px;
}
.v17-eyebrow {
  margin: 0 0 22px;
  color: #60c7ef;
  letter-spacing: 0.21em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
}
.v17-challenge h2,
.v17-method h2 {
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.035em;
}
.v17-challenge h2 {
  font-size: clamp(48px, 5.5vw, 78px);
  line-height: 1.02;
  margin: 0 0 24px;
  max-width: 820px;
}
.v17-challenge h2 em {
  font-style: italic;
  color: #4cb8ed;
  font-weight: 500;
}
.v17-challenge__lead {
  font-size: 18px;
  line-height: 1.7;
  color: #c4d0da;
  max-width: 730px;
  margin: 0;
}
.v17-challenge__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.v17-challenge__card {
  position: relative;
  min-height: 430px;
  border: 1px solid rgba(176, 208, 227, 0.22);
  background: linear-gradient(
    180deg,
    rgba(12, 37, 57, 0.78),
    rgba(6, 27, 44, 0.94)
  );
  border-radius: 2px;
  overflow: hidden;
  padding: 30px 30px 0;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
}
.v17-challenge__icon {
  width: 54px;
  height: 54px;
  border: 1px solid rgba(88, 190, 235, 0.62);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #4ec3f1;
  font-size: 22px;
  margin-bottom: 22px;
}
.v17-challenge__card h3 {
  font-family: "Iowan Old Style", "Baskerville", serif;
  font-size: 29px;
  line-height: 1.08;
  font-weight: 500;
  margin: 0 0 18px;
  color: #fff;
}
.v17-challenge__card p {
  font-size: 16px;
  line-height: 1.65;
  color: #c8d3dc;
  margin: 0 0 22px;
}
.v17-challenge__media {
  height: 170px;
  margin: 16px -30px 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  overflow: hidden;
}
.v17-challenge__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.72) brightness(0.7);
}
.v17-challenge__media:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #061b2c 0%, transparent 42%);
}
.v17-challenge__close {
  text-align: center;
  margin: 42px 0 0;
  font-family: "Iowan Old Style", "Baskerville", serif;
  font-size: 27px;
  color: #dbe6ed;
}
.v17-challenge__close em {
  color: #4cb8ed;
  font-style: italic;
}
/* Section 3: bright, resolved, overtly the branded Method */
.v17-method {
  background: linear-gradient(
    180deg,
    #eef4f8 0%,
    #fff 12%,
    #fff 90%,
    #f4f8fb 100%
  );
  padding: clamp(88px, 8vw, 132px) 0 clamp(86px, 7vw, 118px);
  color: var(--v17-ink);
  overflow: hidden;
  position: relative;
}
.v17-method:before {
  content: "";
  position: absolute;
  right: -140px;
  top: -150px;
  width: 760px;
  height: 520px;
  background: radial-gradient(
    circle at center,
    rgba(46, 165, 222, 0.14),
    transparent 68%
  );
  pointer-events: none;
}
.v17-method__head {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 58px;
}
.v17-method__brand {
  position: relative;
}
.v17-method__eyebrow {
  margin: 0 0 18px;
  color: var(--v17-blue);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 13px;
}
.v17-method__title {
  font-family: "Iowan Old Style", "Baskerville", serif;
  font-size: clamp(54px, 6vw, 92px);
  line-height: 0.94;
  letter-spacing: -0.052em;
  margin: 0;
  color: var(--v17-ink);
  font-weight: 500;
}
.v17-method__title span {
  display: block;
}
.v17-method__sub {
  font-family: "Iowan Old Style", "Baskerville", serif;
  font-size: clamp(31px, 3vw, 48px);
  line-height: 1.08;
  margin: 18px 0 0;
  color: #174f75;
  font-weight: 500;
}
.v17-method__desc {
  font-size: 18px;
  line-height: 1.72;
  color: #425c74;
  margin: 0 0 8px;
  max-width: 510px;
}
.v17-method__steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  position: relative;
}
.v17-method__steps:before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 26px;
  height: 1px;
  background: linear-gradient(90deg, #a8c9da, #2e9fd2, #a8c9da);
}
.v17-step {
  position: relative;
  padding-top: 0;
  min-width: 0;
}
.v17-step__num {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #1686bf;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 13px;
  box-shadow: 0 0 0 7px #fff;
  margin-bottom: 28px;
}
.v17-step__card {
  border-top: 1px solid var(--v17-line);
  padding-top: 22px;
}
.v17-step h3 {
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 13px;
  color: var(--v17-ink);
  min-height: 54px;
}
.v17-step p {
  font-size: 14px;
  line-height: 1.58;
  color: #52697e;
  margin: 0 0 18px;
}
.v17-step__image {
  height: 155px;
  overflow: hidden;
  background: #eef4f8;
}
.v17-step__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v17-method__promise {
  margin-top: 34px;
  padding: 19px 28px;
  border: 1px solid #d9e8f1;
  background: #edf7fc;
  text-align: center;
  font-family: "Iowan Old Style", "Baskerville", serif;
  font-size: 24px;
  letter-spacing: 0.015em;
  color: #173f5d;
}
.v17-method__promise em {
  color: #1183be;
  font-style: italic;
}
.v17-method__logo {
  margin-top: 28px;
  width: 260px;
  opacity: 0.95;
}
@media (max-width: 1050px) {
  .v17-challenge__grid {
    grid-template-columns: 1fr;
  }
  .v17-challenge__card {
    min-height: 310px;
    padding-right: 40%;
  }
  .v17-challenge__media {
    left: 62%;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    margin: 0;
  }
  .v17-method__head {
    grid-template-columns: 1fr;
  }
  .v17-method__steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .v17-method__steps:before {
    display: none;
  }
  .v17-step__num {
    box-shadow: none;
  }
  .v17-step:last-child {
    grid-column: 1/-1;
    max-width: 50%;
  }
}
@media (max-width: 700px) {
  .v17-shell {
    width: min(100% - 34px, 1320px);
  }
  .v17-challenge {
    padding-top: 72px;
    background: linear-gradient(
      180deg,
      #eef4f8 0%,
      #173149 7%,
      #061a2c 16%,
      #061a2c 92%,
      #eef4f8 100%
    );
  }
  .v17-challenge h2 {
    font-size: 47px;
  }
  .v17-challenge__lead {
    font-size: 16px;
  }
  .v17-challenge__card {
    padding: 26px 24px 190px;
    min-height: 0;
  }
  .v17-challenge__media {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 175px;
  }
  .v17-method__head {
    gap: 24px;
  }
  .v17-method__title {
    font-size: 52px;
  }
  .v17-method__sub {
    font-size: 31px;
  }
  .v17-method__desc {
    font-size: 16px;
  }
  .v17-method__steps {
    grid-template-columns: 1fr;
  }
  .v17-step:last-child {
    grid-column: auto;
    max-width: none;
  }
  .v17-step__card {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 18px;
  }
  .v17-step h3 {
    min-height: 0;
  }
  .v17-step__image {
    grid-column: 2;
    grid-row: 1/3;
    height: 132px;
  }
  .v17-method__promise {
    font-size: 21px;
  }
  .v17-method__logo {
    width: 220px;
  }
}

:root {
  --v19-ink: #091d34;
  --v19-ink-soft: #435d74;
  --v19-cyan: #25b7e5;
  --v19-blue: #0c79b5;
  --v19-deep: #061a2c;
  --v19-paper: #f7fafc;
  --v19-line: #d8e6ef;
  --v19-serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --v19-sans:
    Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}
.v19-shell {
  width: min(1320px, calc(100% - 80px));
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.v19-eyebrow {
  margin: 0 0 20px;
  color: var(--v19-blue);
  font: 800 12px/1.2 var(--v19-sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.v19-eyebrow--light {
  color: #67d0f3;
}
.v19-challenge,
.v19-method {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.v19-challenge {
  margin-top: -1px;
  padding: 188px 0 176px;
  color: #fff;
  background: linear-gradient(
    180deg,
    #f8fbfd 0,
    #dbe8f0 4.5%,
    #173249 12%,
    #071c2e 20%,
    #061a2c 82%,
    #132f45 91%,
    #eef5f9 100%
  );
}
.v19-challenge:before {
  content: "";
  position: absolute;
  inset: 110px 0 auto;
  height: 470px;
  background:
    radial-gradient(
      circle at 78% 12%,
      rgba(64, 139, 178, 0.22),
      transparent 38%
    ),
    linear-gradient(
      90deg,
      #061a2c 0,
      #061a2cee 43%,
      #061a2c99 68%,
      transparent 100%
    );
  z-index: 1;
  pointer-events: none;
}
.v19-challenge__scene {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 105px;
  width: 100%;
  height: 520px;
  overflow: hidden;
  opacity: 0.88;
}
.v19-challenge__scene img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right 42%;
  filter: saturate(0.78) brightness(0.72) contrast(1.06);
}
.v19-challenge__scene:before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      #061a2c 0,
      rgba(6, 26, 44, 0.94) 22%,
      rgba(6, 26, 44, 0.48) 54%,
      rgba(6, 26, 44, 0.06) 100%
    ),
    linear-gradient(
      180deg,
      rgba(6, 26, 44, 0.12),
      rgba(6, 26, 44, 0.05) 62%,
      #061a2c 100%
    );
}
.v19-challenge__head {
  max-width: 720px;
  margin-bottom: 58px;
  position: relative;
  z-index: 2;
}
.v19-challenge h2 {
  font-family: var(--v19-serif);
  font-size: clamp(52px, 5vw, 76px);
  font-weight: 500;
  line-height: 1.01;
  letter-spacing: -0.042em;
  margin: 0 0 24px;
  color: #fff;
  text-wrap: balance;
}
.v19-challenge h2 em {
  font-style: italic;
  font-weight: 500;
  color: #42bbed;
}
.v19-challenge__lead {
  max-width: 700px;
  margin: 0;
  color: #c7d4dd;
  font: 400 18px/1.72 var(--v19-sans);
}
.v19-challenge__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  position: relative;
  z-index: 2;
}
.v19-challenge-card {
  min-height: 520px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
    180deg,
    rgba(12, 39, 60, 0.82),
    rgba(6, 27, 44, 0.96)
  );
  border: 1px solid rgba(156, 202, 227, 0.25);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16);
  padding: 30px 30px 0;
  position: relative;
}
.v19-challenge-card:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  pointer-events: none;
}
.v19-challenge-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.v19-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(80, 194, 239, 0.58);
  border-radius: 50%;
  color: #4ec6f3;
  flex: none;
}
.v19-icon svg,
.v19-method-step__icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.v19-card-kicker {
  color: #66c9ef;
  font: 800 10px/1.2 var(--v19-sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  white-space: nowrap;
}
.v19-challenge-card h3 {
  font-family: var(--v19-serif);
  font-size: 30px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 16px;
  text-wrap: balance;
}
.v19-challenge-card > p {
  font: 400 15.5px/1.66 var(--v19-sans);
  color: #c7d3dc;
  margin: 0 0 24px;
}
.v19-challenge-card__image {
  height: 205px;
  margin: auto -30px 0;
  position: relative;
  overflow: hidden;
  background: #0c263b;
}
.v19-challenge-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.72) brightness(0.7) contrast(1.08);
  transition: transform 0.5s ease;
}
.v19-challenge-card:hover .v19-challenge-card__image img {
  transform: scale(1.025);
}
.v19-challenge-card__image:before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(
    180deg,
    #071c2e 0,
    rgba(7, 28, 46, 0.35) 34%,
    rgba(7, 28, 46, 0.02) 72%
  );
}
.v19-challenge__close {
  position: relative;
  z-index: 3;
  margin: 48px 0 4px;
  display: grid;
  grid-template-columns: 1fr auto auto 1fr;
  align-items: center;
  gap: 24px;
}
.v19-close-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(161, 204, 227, 0.45));
}
.v19-close-line:last-child {
  background: linear-gradient(90deg, rgba(161, 204, 227, 0.45), transparent);
}
.v19-challenge__logo {
  width: 190px;
  height: auto;
}
.v19-challenge__closing-copy {
  display: grid;
  gap: 5px;
}
.v19-challenge__closing-copy span {
  color: #64c8ef;
  font: 800 9px/1.2 var(--v19-sans);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.v19-challenge__closing-copy p {
  margin: 0;
  color: #e1eaf0;
  font: 500 20px/1.35 var(--v19-serif);
  max-width: 515px;
}
.v19-transition-mosaic {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 175px;
  background: linear-gradient(
    180deg,
    transparent 0,
    rgba(232, 243, 249, 0.28) 42%,
    #f5f9fc 100%
  );
  pointer-events: none;
}
.v19-transition-mosaic:after {
  content: "";
  position: absolute;
  right: 4%;
  bottom: 6px;
  width: 46%;
  height: 118px;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(23, 126, 179, 0.7) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 126, 179, 0.7) 1px, transparent 1px);
  background-size: 20px 20px;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 38%,
    transparent 100%
  );
  mask-image: linear-gradient(90deg, transparent, #000 38%, transparent 100%);
}
.v19-method {
  margin-top: -2px;
  padding: 96px 0 112px;
  background: linear-gradient(
    180deg,
    #f5f9fc 0,
    #fff 13%,
    #fff 88%,
    #f4f8fb 100%
  );
  color: var(--v19-ink);
}
.v19-method__pixels {
  position: absolute;
  z-index: 0;
  right: -40px;
  top: 0;
  width: 58%;
  height: 490px;
  opacity: 0.26;
  background-image:
    linear-gradient(rgba(29, 140, 195, 0.34) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 140, 195, 0.34) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: radial-gradient(
    ellipse at 72% 28%,
    #000 0,
    transparent 70%
  );
  mask-image: radial-gradient(ellipse at 72% 28%, #000 0, transparent 70%);
}
.v19-method__hero {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  align-items: center;
  gap: 58px;
  margin-bottom: 56px;
}
.v19-method__copy {
  padding: 18px 0 8px;
}
.v19-method h2 {
  font-family: var(--v19-serif);
  font-size: clamp(54px, 5vw, 78px);
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.052em;
  margin: 0;
  color: var(--v19-ink);
  white-space: nowrap;
}
.v19-method__sub {
  font-family: var(--v19-serif);
  font-size: clamp(30px, 2.8vw, 43px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: #174e74;
  margin: 20px 0 18px;
}
.v19-method__desc {
  max-width: 670px;
  margin: 0;
  color: var(--v19-ink-soft);
  font: 400 18px/1.72 var(--v19-sans);
}
.v19-method__visual {
  margin: 0;
  min-height: 390px;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  background: #eaf3f8;
  box-shadow: 0 24px 65px rgba(13, 57, 84, 0.14);
}
.v19-method__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.v19-method__visual:before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.86),
      rgba(255, 255, 255, 0.08) 34%,
      transparent 62%
    ),
    linear-gradient(180deg, transparent 65%, rgba(4, 30, 49, 0.16) 100%);
}
.v19-method__visual figcaption {
  position: absolute;
  z-index: 2;
  left: 28px;
  bottom: 26px;
  width: min(285px, calc(100% - 56px));
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 14px 34px rgba(7, 38, 58, 0.12);
  display: grid;
  gap: 4px;
}
.v19-method__visual figcaption span {
  color: var(--v19-blue);
  font: 800 9px/1.2 var(--v19-sans);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.v19-method__visual figcaption strong {
  font: 600 21px/1.15 var(--v19-serif);
  color: var(--v19-ink);
}
.v19-method__visual figcaption small {
  font: 400 12px/1.4 var(--v19-sans);
  color: #5b7183;
}
.v19-phase-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.v19-phase {
  min-height: 62px;
  border: 1px solid #d7e7f0;
  border-radius: 13px;
  padding: 13px 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  background: #f4f9fc;
  position: relative;
  overflow: hidden;
}
.v19-phase:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #23a7db;
}
.v19-phase--discover {
  grid-column: 1/4;
}
.v19-phase--acquire {
  grid-column: 4/6;
  background: #eef7fb;
}
.v19-phase span {
  color: var(--v19-blue);
  font: 900 11px/1.2 var(--v19-sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.v19-phase p {
  margin: 0;
  color: #5a7185;
  font: 500 13px/1.35 var(--v19-sans);
}
.v19-phase b {
  color: #7ba8bf;
  font: 800 11px/1 var(--v19-sans);
  letter-spacing: 0.12em;
}
.v19-method__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  position: relative;
}
.v19-method__steps:before {
  content: "";
  position: absolute;
  left: 4.5%;
  right: 4.5%;
  top: 31px;
  height: 1px;
  background: linear-gradient(90deg, #a6c9dc, #1b98ce 49%, #a6c9dc);
  z-index: 0;
}
.v19-method-step {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.v19-method-step__marker {
  height: 66px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.v19-method-step__marker > span {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #1388c2;
  color: #fff;
  font: 800 12px/1 var(--v19-sans);
  box-shadow: 0 0 0 7px #fff;
  flex: none;
}
.v19-method-step__icon {
  width: 48px;
  height: 48px;
  border: 1px solid #c8dfeb;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #154c72;
  background: #fbfdfe;
}
.v19-method-step__icon svg {
  width: 26px;
  height: 26px;
  stroke-width: 1.55;
}
.v19-method-step__body {
  border-top: 1px solid var(--v19-line);
  padding: 20px 6px 18px;
  min-height: 222px;
}
.v19-method-step h3 {
  margin: 0 0 12px;
  color: var(--v19-ink);
  font: 800 14.5px/1.28 var(--v19-sans);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-wrap: balance;
}
.v19-method-step p {
  margin: 0;
  color: #536a7e;
  font: 400 14px/1.58 var(--v19-sans);
}
.v19-method-step__image {
  height: 170px;
  border-radius: 13px;
  overflow: hidden;
  background: #edf3f7;
  margin-top: auto;
  box-shadow: 0 10px 24px rgba(10, 48, 72, 0.08);
}
.v19-method-step__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.v19-method-step:hover .v19-method-step__image img {
  transform: scale(1.025);
}
.v19-method__promise {
  margin-top: 34px;
  min-height: 64px;
  border: 1px solid #d7e8f1;
  border-radius: 13px;
  background: linear-gradient(90deg, #f3f9fc, #eaf5fb 48%, #f3f9fc);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  padding: 0 30px;
}
.v19-method__promise span {
  height: 1px;
  background: linear-gradient(90deg, transparent, #8fc6df);
}
.v19-method__promise span:last-child {
  background: linear-gradient(90deg, #8fc6df, transparent);
}
.v19-method__promise p {
  margin: 0;
  color: #153d5b;
  font: 500 23px/1.25 var(--v19-serif);
  text-align: center;
}
.v19-method__promise em {
  color: #0d84bf;
  font-style: italic;
}
@media (max-width: 1120px) {
  .v19-challenge__scene {
    width: 100%;
    opacity: 0.58;
  }
  .v19-challenge__grid {
    grid-template-columns: 1fr;
  }
  .v19-challenge-card {
    min-height: 340px;
    padding-right: 42%;
  }
  .v19-challenge-card__image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 38%;
    height: auto;
    margin: 0;
  }
  .v19-challenge-card__image:before {
    background: linear-gradient(
      90deg,
      #071c2e 0,
      rgba(7, 28, 46, 0.15) 50%,
      transparent
    );
  }
  .v19-challenge__close {
    grid-template-columns: 1fr auto 1fr;
  }
  .v19-challenge__closing-copy {
    display: none;
  }
  .v19-method__hero {
    grid-template-columns: 1fr;
  }
  .v19-method h2 {
    white-space: normal;
  }
  .v19-method__visual {
    min-height: 430px;
  }
  .v19-method__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 18px;
  }
  .v19-method__steps:before {
    display: none;
  }
  .v19-method-step__body {
    min-height: 155px;
  }
  .v19-method-step:last-child {
    grid-column: 1/-1;
    max-width: 50%;
  }
  .v19-phase-rail {
    grid-template-columns: 1fr 1fr;
  }
  .v19-phase--discover,
  .v19-phase--acquire {
    grid-column: auto;
  }
}
@media (max-width: 720px) {
  .v19-shell {
    width: min(100% - 34px, 1320px);
  }
  .v19-challenge {
    padding: 124px 0 142px;
    background: linear-gradient(
      180deg,
      #f8fbfd 0,
      #dbe8f0 3%,
      #173249 9%,
      #061a2c 16%,
      #061a2c 87%,
      #edf5f9 100%
    );
  }
  .v19-challenge__scene {
    top: 80px;
    width: 100%;
    height: 370px;
    opacity: 0.34;
  }
  .v19-challenge:before {
    top: 70px;
    height: 390px;
    background: linear-gradient(
      90deg,
      #061a2cf2,
      #061a2cb5 70%,
      rgba(6, 26, 44, 0.75)
    );
  }
  .v19-challenge__head {
    margin-bottom: 38px;
  }
  .v19-challenge h2 {
    font-size: 46px;
  }
  .v19-challenge__lead {
    font-size: 16px;
    line-height: 1.68;
  }
  .v19-challenge__grid {
    gap: 14px;
  }
  .v19-challenge-card {
    min-height: 0;
    padding: 26px 23px 190px;
  }
  .v19-challenge-card h3 {
    font-size: 27px;
  }
  .v19-challenge-card__image {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: auto;
    height: 170px;
  }
  .v19-challenge-card__image:before {
    background: linear-gradient(180deg, #071c2e, transparent 55%);
  }
  .v19-challenge__close {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 10px;
    margin-top: 36px;
  }
  .v19-close-line {
    display: none;
  }
  .v19-challenge__logo {
    width: 155px;
  }
  .v19-challenge__closing-copy {
    display: grid !important;
    text-align: center;
    justify-items: center;
  }
  .v19-challenge__closing-copy p {
    font-size: 18px;
    max-width: 330px;
  }
  .v19-transition-mosaic {
    height: 130px;
  }
  .v19-method {
    padding: 78px 0 88px;
  }
  .v19-method__hero {
    gap: 28px;
    margin-bottom: 40px;
  }
  .v19-method h2 {
    font-size: 47px;
  }
  .v19-method__sub {
    font-size: 30px;
  }
  .v19-method__desc {
    font-size: 16px;
  }
  .v19-method__visual {
    min-height: 330px;
    border-radius: 20px;
  }
  .v19-method__visual figcaption {
    left: 18px;
    bottom: 18px;
  }
  .v19-phase-rail {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .v19-phase {
    grid-column: auto !important;
  }
  .v19-method__steps {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .v19-method-step:last-child {
    grid-column: auto;
    max-width: none;
  }
  .v19-method-step__marker {
    height: 60px;
  }
  .v19-method-step__body {
    min-height: 0;
    padding-bottom: 16px;
  }
  .v19-method-step__image {
    height: 205px;
  }
  .v19-method__promise {
    grid-template-columns: 1fr;
    padding: 18px 22px;
  }
  .v19-method__promise span {
    display: none;
  }
  .v19-method__promise p {
    font-size: 21px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .v19-challenge-card__image img,
  .v19-method-step__image img {
    transition: none;
  }
}

/* v21 — Additional outcomes / method in practice */
.v21-outcomes {
  position: relative;
  overflow: hidden;
  padding: 84px 0 92px;
  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(31, 195, 239, 0.11),
      transparent 27%
    ),
    linear-gradient(180deg, #f7fafc 0%, #fbfdfe 58%, #fff 100%);
}
.v21-outcomes::before {
  content: "";
  position: absolute;
  inset: 0 0 auto auto;
  width: 520px;
  height: 270px;
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(0, 67, 99, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 67, 99, 0.08) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: linear-gradient(
    135deg,
    transparent 8%,
    #000 55%,
    transparent 100%
  );
  mask-image: linear-gradient(
    135deg,
    transparent 8%,
    #000 55%,
    transparent 100%
  );
  pointer-events: none;
}
.v21-outcomes .shell {
  position: relative;
  z-index: 1;
}
.v21-outcomes__head {
  display: grid;
  grid-template-columns: minmax(0, 1.34fr) minmax(340px, 0.66fr);
  gap: 74px;
  align-items: end;
  margin-bottom: 38px;
}
.v21-outcomes__head .eyebrow {
  margin-bottom: 19px;
}
.v21-outcomes__head h2 {
  max-width: 790px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(46px, 4.25vw, 64px);
  line-height: 0.99;
  letter-spacing: -0.042em;
  font-weight: 500;
}
.v21-outcomes__head h2 em {
  color: var(--blue-mid);
  font-weight: 500;
}
.v21-outcomes__intro {
  position: relative;
  padding: 4px 0 5px 27px;
  border-left: 2px solid rgba(31, 195, 239, 0.72);
}
.v21-outcomes__intro span {
  display: block;
  margin-bottom: 10px;
  color: var(--blue-mid);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  font-weight: 800;
}
.v21-outcomes__intro p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.65;
}
.v21-outcomes__intro strong {
  color: var(--ink);
  font-weight: 700;
}
.v21-outcomes__ledger {
  overflow: hidden;
  border: 1px solid rgba(0, 67, 99, 0.16);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 24px 72px rgba(0, 43, 67, 0.1);
  backdrop-filter: blur(8px);
}
.v21-case {
  display: grid;
  grid-template-columns:
    88px minmax(245px, 0.88fr) minmax(300px, 1.25fr)
    minmax(225px, 0.72fr);
  align-items: center;
  gap: 26px;
  min-height: 150px;
  padding: 23px 30px 23px 26px;
  position: relative;
  transition: background 0.2s ease;
}
.v21-case + .v21-case {
  border-top: 1px solid rgba(0, 67, 99, 0.12);
}
.v21-case:hover {
  background: linear-gradient(
    90deg,
    rgba(31, 195, 239, 0.045),
    rgba(255, 255, 255, 0.15)
  );
}
.v21-case__marker {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 132, 176, 0.25);
  background: linear-gradient(145deg, #f8fdff, #e9f7fb);
  color: var(--blue-mid);
  position: relative;
}
.v21-case__marker svg {
  width: 26px;
  height: 26px;
  stroke: currentColor;
}
.v21-case__marker b {
  position: absolute;
  right: -12px;
  bottom: -3px;
  display: grid;
  place-items: center;
  min-width: 32px;
  height: 21px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--blue-deep);
  color: #fff;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.09em;
  font-weight: 800;
}
.v21-case__title small,
.v21-case__result span {
  display: block;
  color: var(--blue-mid);
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 800;
}
.v21-case__title h3 {
  margin: 9px 0 0;
  font-family: var(--serif);
  color: var(--ink);
  font-size: clamp(27px, 2.25vw, 34px);
  line-height: 1.05;
  letter-spacing: -0.028em;
  font-weight: 500;
}
.v21-case__story {
  margin: 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.68;
}
.v21-case__result {
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 17px;
  border-left: 1px solid rgba(0, 67, 99, 0.14);
  background: linear-gradient(
    90deg,
    rgba(225, 243, 245, 0.48),
    rgba(255, 255, 255, 0)
  );
}
.v21-case__result strong {
  display: block;
  margin-top: 8px;
  color: var(--blue-deep);
  font-size: 14px;
  line-height: 1.45;
}
.v21-outcomes__takeaway {
  display: grid;
  grid-template-columns: 230px 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 20px 28px;
  color: #fff;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(31, 195, 239, 0.19),
      transparent 33%
    ),
    linear-gradient(110deg, #05243a, #004363);
}
.v21-outcomes__takeaway span {
  color: #7bd9f6;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 800;
}
.v21-outcomes__takeaway p {
  margin: 0;
  max-width: 790px;
  font-family: var(--serif);
  font-size: 22px;
  line-height: 1.28;
  letter-spacing: -0.015em;
}
.v21-outcomes__takeaway svg {
  width: 26px;
  height: 26px;
  stroke: #7bd9f6;
}
@media (max-width: 1080px) {
  .v21-outcomes__head {
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: start;
  }
  .v21-outcomes__intro {
    max-width: 720px;
  }
  .v21-case {
    grid-template-columns: 80px minmax(230px, 0.8fr) minmax(300px, 1.2fr);
    gap: 24px;
  }
  .v21-case__result {
    grid-column: 2 / -1;
    border-left: 0;
    border-top: 1px solid rgba(0, 67, 99, 0.11);
    min-height: auto;
    padding: 15px 0 0;
    background: none;
  }
  .v21-outcomes__takeaway {
    grid-template-columns: 190px 1fr auto;
  }
}
@media (max-width: 800px) {
  .v21-outcomes {
    padding: 72px 0 78px;
  }
  .v21-outcomes::before {
    width: 270px;
    height: 220px;
    background-size: 26px 26px;
  }
  .v21-outcomes__head {
    margin-bottom: 28px;
  }
  .v21-outcomes__head h2 {
    font-size: clamp(42px, 12.2vw, 58px);
    line-height: 1.01;
  }
  .v21-outcomes__intro {
    padding-left: 19px;
  }
  .v21-outcomes__intro p {
    font-size: 15px;
    line-height: 1.6;
  }
  .v21-outcomes__ledger {
    border-radius: 20px;
  }
  .v21-case {
    grid-template-columns: 62px 1fr;
    gap: 17px 18px;
    min-height: 0;
    padding: 27px 22px 28px;
  }
  .v21-case__marker {
    width: 56px;
    height: 56px;
  }
  .v21-case__marker svg {
    width: 24px;
    height: 24px;
  }
  .v21-case__title h3 {
    font-size: 29px;
    line-height: 1.06;
  }
  .v21-case__story {
    grid-column: 1 / -1;
    font-size: 14px;
    line-height: 1.64;
  }
  .v21-case__result {
    grid-column: 1 / -1;
    padding-top: 16px;
  }
  .v21-outcomes__takeaway {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 24px 22px 26px;
  }
  .v21-outcomes__takeaway p {
    font-size: 21px;
  }
  .v21-outcomes__takeaway svg {
    display: none;
  }
}

/* v22: site-wide typographic hierarchy and emphasis audit */
body.v22-typography {
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}
.brand-word {
  display: inline !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-style: italic !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
.v19-method h2 .brand-word {
  color: #0c79b5 !important;
}

/* Structural labels: visible anchors, not decorative fine print. */
.v22-section-label {
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 22px !important;
  color: #0c79b5 !important;
  font-family: var(--sans) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}
.v22-section-label__text {
  min-width: 0;
  white-space: normal;
}
.v22-section-label::after {
  content: "";
  width: 42px;
  height: 2px;
  flex: none;
  background: currentColor;
  opacity: 0.72;
}
.v22-section-label.light,
.v19-challenge .v22-section-label,
.paths-section .v22-section-label,
.final-cta .v22-section-label {
  color: #76d6f6 !important;
}

/* Header and hero */
.site-header nav {
  font-size: 15.5px;
  font-weight: 600;
}
.hero-copy > .eyebrow {
  margin-bottom: 28px !important;
}
.hero-body {
  font-size: 20px;
  line-height: 1.72;
}
.trust-inline {
  font-size: 14.5px;
}

/* Challenge: make the three-part framework unmistakable. */
.v19-challenge__head {
  max-width: 780px;
}
.v19-challenge__lead {
  max-width: 760px;
  font-size: 19px;
  line-height: 1.66;
}
.v19-challenge-card__top {
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 23px;
}
.v19-icon {
  width: 54px;
  height: 54px;
}
.v19-card-kicker {
  display: inline-flex;
  align-items: baseline;
  gap: 9px;
  color: #e9f8ff;
  font-family: var(--v19-sans);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  white-space: nowrap;
}
.v19-card-kicker b {
  color: #76d6f6;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.v19-card-kicker span {
  color: #f3fbff;
}
.v19-challenge-card h3 {
  font-size: 29px;
  line-height: 1.1;
  margin-bottom: 15px;
}
.v19-challenge-card > p {
  font-size: 16px;
  line-height: 1.64;
}
.v19-challenge__closing-copy span {
  font-size: 12.5px;
  letter-spacing: 0.15em;
}
.v19-challenge__closing-copy p {
  font-size: 21px;
  line-height: 1.35;
}

/* Method: preserve phase hierarchy; use sentence case for actions. */
.v19-method__visual figcaption span {
  font-size: 12px;
  letter-spacing: 0.14em;
}
.v19-method__visual figcaption small {
  font-size: 13px;
  line-height: 1.45;
}
.v19-phase {
  min-height: 68px;
}
.v19-phase span {
  font-size: 13px;
  letter-spacing: 0.14em;
}
.v19-phase p {
  font-size: 14px;
  line-height: 1.4;
}
.v19-phase b {
  font-size: 12px;
}
.v19-method-step__body {
  min-height: 248px;
  padding-top: 21px;
}
.v19-method-step h3 {
  margin: 0 0 12px;
  color: var(--v19-ink);
  font-family: var(--v19-sans);
  font-size: 17px;
  font-weight: 750;
  line-height: 1.28;
  letter-spacing: -0.01em;
  text-transform: none;
  text-wrap: balance;
}
.v19-method-step p {
  font-size: 15px;
  line-height: 1.62;
}

/* Client proof */
.story-grid-concise .story-copy > p:not(.eyebrow):not(.story-closing) {
  font-size: 17px;
  line-height: 1.68;
}
.story-grid-concise .story-closing {
  font-size: 17px !important;
  line-height: 1.55 !important;
}
.story-grid-concise .story-caption span,
.story-grid-concise .story-delivery-caption span {
  font-size: 12.5px;
  letter-spacing: 0.14em;
}
.story-grid-concise .story-caption small,
.story-grid-concise .story-delivery-caption small {
  font-size: 13px;
  line-height: 1.45;
}

/* Start-here pathways */
.paths-heading .v22-section-label {
  margin-bottom: 18px !important;
}
.path-card p {
  font-size: 16px;
  line-height: 1.65;
}
.path-card > a {
  font-size: 14.5px;
}
.process-rail span {
  font-size: 12px;
  letter-spacing: 0.12em;
}
.process-rail small {
  font-size: 13px;
  line-height: 1.45;
}

/* Outcomes: categories should read before anecdotes. */
.v21-outcomes__intro span {
  font-size: 12.5px;
  line-height: 1.2;
  letter-spacing: 0.14em;
}
.v21-outcomes__intro p {
  font-size: 17px;
  line-height: 1.62;
}
.v21-case {
  min-height: 164px;
}
.v21-case__marker b {
  font-size: 12px;
}
.v21-case__title small {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 7px 10px;
  font-size: inherit;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}
.v21-case__title small b {
  color: #006b94;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.v21-case__title small span {
  color: #496477;
  font-size: 13.5px;
  font-weight: 650;
  letter-spacing: 0;
}
.v21-case__story {
  font-size: 15.5px;
  line-height: 1.65;
}
.v21-case__result span {
  font-size: 12px;
  letter-spacing: 0.14em;
}
.v21-case__result strong {
  font-size: 15px;
  line-height: 1.45;
}
.v21-outcomes__takeaway span {
  font-size: 12.5px;
  letter-spacing: 0.15em;
}
.v21-outcomes__takeaway p {
  font-size: 23px;
  line-height: 1.28;
}

/* Founder, FAQ, and final CTA */
@media (min-width: 801px) {
  .founder-grid {
    grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  }
  .faq-layout {
    grid-template-columns: minmax(0, 34fr) minmax(0, 66fr);
  }
  .founder-copy,
  .faq-list {
    min-width: 0;
  }
}
.founder-nameplate span {
  font-size: 12.5px;
  letter-spacing: 0.1em;
}
.credential {
  font-size: 14.5px;
  line-height: 1.35;
}
.faq-list summary {
  font-size: 21px;
  line-height: 1.3;
}
.faq-list details p {
  font-size: 16px;
  line-height: 1.65;
}
.final-inner > div > p:not(.eyebrow) {
  font-size: 17px;
  line-height: 1.6;
}
.final-action > span {
  font-size: 14px;
  line-height: 1.5;
}
.footer-links a,
.site-footer > div > span {
  font-size: 12.5px;
}

@media (max-width: 1120px) {
  .v19-method-step__body {
    min-height: 172px;
  }
  .v21-case {
    min-height: 0;
  }
}
@media (max-width: 800px) {
  .v22-section-label {
    width: 100%;
    font-size: 12.5px !important;
    letter-spacing: 0.14em !important;
    gap: 10px;
    margin-bottom: 18px !important;
  }
  .v22-section-label__text {
    min-width: 0;
    white-space: normal;
  }
  .v22-section-label::after {
    width: 32px;
    height: 1.5px;
  }
  .hero-copy > .eyebrow {
    margin-bottom: 22px !important;
  }
  .v19-challenge__lead {
    font-size: 16.5px;
    line-height: 1.66;
  }
  .v19-card-kicker {
    font-size: 13.5px;
  }
  .v19-card-kicker b {
    font-size: 12.5px;
  }
  .v19-challenge-card h3 {
    font-size: 28px;
  }
  .v19-challenge-card > p {
    font-size: 15.5px;
  }
  .v19-method-step__body {
    min-height: 0;
  }
  .v19-method-step h3 {
    font-size: 19px;
    line-height: 1.25;
  }
  .v19-method-step p {
    font-size: 15.5px;
  }
  .v19-phase span {
    font-size: 12.5px;
  }
  .v19-phase p {
    font-size: 13.5px;
  }
  .story-grid-concise .story-copy > p:not(.eyebrow):not(.story-closing) {
    font-size: 16.5px;
  }
  .story-grid-concise .story-closing {
    font-size: 16.5px !important;
  }
  .path-card p {
    font-size: 15.5px;
  }
  .v21-outcomes__intro span {
    font-size: 12px;
  }
  .v21-outcomes__intro p {
    font-size: 15.5px;
  }
  .v21-case__title small b {
    font-size: 12px;
  }
  .v21-case__title small span {
    font-size: 13px;
  }
  .v21-case__story {
    font-size: 15px;
  }
  .v21-case__result strong {
    font-size: 14.5px;
  }
  .credential {
    font-size: 14px;
  }
  .faq-list summary {
    font-size: 19px;
  }
  .faq-list details p {
    font-size: 15.5px;
  }
}

/* v23 candidate — lift exposure without losing the premium blue-hour mood */
.v19-challenge {
  background: linear-gradient(
    180deg,
    #f8fbfd 0,
    #e1ebf1 4.5%,
    #2b5068 11.5%,
    #11364e 20%,
    #0a2940 81%,
    #23465c 91%,
    #eef5f9 100%
  ) !important;
}
.v19-challenge:before {
  height: 520px !important;
  background:
    radial-gradient(
      circle at 78% 11%,
      rgba(125, 190, 219, 0.27),
      transparent 40%
    ),
    linear-gradient(
      90deg,
      #0a263b 0,
      rgba(10, 38, 59, 0.9) 40%,
      rgba(10, 38, 59, 0.42) 68%,
      rgba(10, 38, 59, 0.03) 100%
    ) !important;
}
.v19-challenge__scene {
  opacity: 0.98 !important;
  height: 535px !important;
}
.v19-challenge__scene img {
  filter: saturate(0.9) brightness(1.06) contrast(1.01) !important;
  object-position: right 42% !important;
}
.v19-challenge__scene:before {
  background:
    linear-gradient(
      90deg,
      #0a263b 0,
      rgba(10, 38, 59, 0.88) 22%,
      rgba(10, 38, 59, 0.3) 54%,
      rgba(10, 38, 59, 0.01) 100%
    ),
    linear-gradient(
      180deg,
      rgba(8, 28, 43, 0.03),
      rgba(8, 28, 43, 0.02) 60%,
      #0a2940 100%
    ) !important;
}
.v19-challenge__lead {
  color: #d5e1e8 !important;
}
.v19-challenge-card {
  min-height: 550px !important;
  background: linear-gradient(
    180deg,
    rgba(17, 54, 78, 0.94),
    rgba(8, 35, 54, 0.97)
  ) !important;
  border-color: rgba(126, 211, 242, 0.34) !important;
  box-shadow: 0 24px 58px rgba(0, 13, 26, 0.22) !important;
}
.v19-challenge-card:after {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
}
.v19-challenge-card > p {
  color: #d2dde5 !important;
}
.v19-challenge-card__image {
  height: 235px !important;
  background: #12354d !important;
  border-top: 1px solid rgba(118, 214, 246, 0.12);
}
.v19-challenge-card__image img {
  filter: saturate(0.94) brightness(1.18) contrast(1.02) !important;
}
.v19-challenge-card:nth-child(1) .v19-challenge-card__image img {
  filter: saturate(0.96) brightness(1.38) contrast(0.98) !important;
}
.v19-challenge-card:nth-child(2) .v19-challenge-card__image img {
  filter: saturate(1.02) brightness(1.28) contrast(1.01) !important;
}
.v19-challenge-card:nth-child(3) .v19-challenge-card__image img {
  filter: saturate(0.96) brightness(1.24) contrast(1) !important;
}
.v19-challenge-card__image:before {
  background: linear-gradient(
    180deg,
    #0a2940 0,
    rgba(10, 41, 64, 0.58) 18%,
    rgba(10, 41, 64, 0.1) 46%,
    transparent 72%
  ) !important;
}
.v19-challenge__closing-copy p {
  color: #eef5f8 !important;
}
@media (max-width: 1120px) {
  .v19-challenge-card {
    min-height: 360px !important;
  }
  .v19-challenge-card__image {
    height: auto !important;
  }
}
@media (max-width: 720px) {
  .v19-challenge {
    background: linear-gradient(
      180deg,
      #f8fbfd 0,
      #e1ebf1 3%,
      #294e67 9%,
      #0e3148 16%,
      #0a2940 87%,
      #eef5f9 100%
    ) !important;
  }
  .v19-challenge__scene {
    opacity: 0.54 !important;
  }
  .v19-challenge:before {
    background: linear-gradient(
      90deg,
      #0a263bf2,
      #0a263bb0 68%,
      rgba(10, 38, 59, 0.62)
    ) !important;
  }
  .v19-challenge-card {
    padding-bottom: 210px !important;
    min-height: 0 !important;
  }
  .v19-challenge-card__image {
    height: 190px !important;
  }
  .v19-challenge-card__image:before {
    background: linear-gradient(
      180deg,
      #0a2940 0,
      rgba(10, 41, 64, 0.45) 20%,
      transparent 62%
    ) !important;
  }
}

/* v24 — clearer chapter hierarchy + original, unretouched founder portrait */

/* Major chapter markers should orient the reader, not read like metadata. */
.v19-challenge__head > .v22-section-label,
.v19-method__copy > .v22-section-label,
.paths-heading > .v22-section-label,
.v21-outcomes__head .v22-section-label {
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.105em !important;
  font-weight: 820 !important;
  margin-bottom: 24px !important;
  gap: 14px !important;
}
.v19-challenge__head > .v22-section-label::after,
.v19-method__copy > .v22-section-label::after,
.paths-heading > .v22-section-label::after,
.v21-outcomes__head .v22-section-label::after {
  width: 52px !important;
  height: 2px !important;
}

/* Supporting chapter labels remain secondary, but clearly readable. */
.story-copy > .v22-section-label,
.faq-copy > .v22-section-label,
.final-inner .v22-section-label {
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
  margin-bottom: 21px !important;
}
.story-copy > .v22-section-label::after,
.faq-copy > .v22-section-label::after,
.final-inner .v22-section-label::after {
  width: 40px !important;
}
.v19-challenge__closing-copy > span {
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
}

/* The Challenge framework labels should visibly carry the structure. */
.v19-card-kicker {
  font-size: 15.5px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.105em !important;
  gap: 10px !important;
}
.v19-card-kicker b {
  font-size: 13.5px !important;
  letter-spacing: 0.065em !important;
}

/* Founder positioning is a human statement, not an all-caps eyebrow. */
.founder-copy > .v22-section-label {
  font-size: 17px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
  font-weight: 720 !important;
  color: #0c79b5 !important;
  margin-bottom: 20px !important;
  gap: 12px !important;
}
.founder-copy > .v22-section-label .v22-section-label__text {
  text-transform: none !important;
  letter-spacing: inherit !important;
}
.founder-copy > .v22-section-label::after {
  width: 38px !important;
  height: 2px !important;
}

/* Let the original portrait feel intentional through the page treatment—not facial alteration. */
.founder-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 18% 42%,
      rgba(37, 183, 229, 0.075),
      transparent 31%
    ),
    linear-gradient(180deg, #ffffff 0%, #f8fbfd 58%, #ffffff 100%) !important;
}
.founder-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -210px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid rgba(12, 121, 181, 0.08);
  box-shadow:
    0 0 0 58px rgba(12, 121, 181, 0.025),
    0 0 0 118px rgba(12, 121, 181, 0.018);
  pointer-events: none;
}
.founder-grid {
  position: relative;
  z-index: 1;
}
.founder-media.v24-founder-media {
  position: relative !important;
  height: 560px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #e9f1f6 !important;
  background-image: none !important;
  border: 1px solid rgba(12, 121, 181, 0.18) !important;
  border-radius: 26px !important;
  box-shadow: 0 28px 74px rgba(9, 34, 62, 0.15) !important;
}
.founder-media.v24-founder-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}
.v24-founder-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 50% !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  mix-blend-mode: normal !important;
}
.founder-media.v24-founder-media .founder-nameplate {
  z-index: 2 !important;
  left: 22px !important;
  bottom: 22px !important;
  border-left: 3px solid #25b7e5 !important;
  background: rgba(255, 255, 255, 0.91) !important;
  box-shadow: 0 14px 34px rgba(8, 31, 52, 0.18) !important;
}

@media (max-width: 1120px) {
  .founder-media.v24-founder-media {
    width: min(100%, 720px) !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
    margin-inline: auto !important;
  }
  .founder-copy {
    width: min(100%, 760px);
    margin-inline: auto;
  }
}

@media (max-width: 720px) {
  .v19-challenge__head > .v22-section-label,
  .v19-method__copy > .v22-section-label,
  .paths-heading > .v22-section-label,
  .v21-outcomes__head .v22-section-label {
    font-size: 15px !important;
    letter-spacing: 0.09em !important;
    gap: 10px !important;
    margin-bottom: 19px !important;
  }
  .v19-challenge__head > .v22-section-label::after,
  .v19-method__copy > .v22-section-label::after,
  .paths-heading > .v22-section-label::after,
  .v21-outcomes__head .v22-section-label::after {
    width: 34px !important;
  }
  .story-copy > .v22-section-label,
  .faq-copy > .v22-section-label,
  .final-inner .v22-section-label {
    font-size: 14px !important;
    letter-spacing: 0.1em !important;
  }
  .v19-challenge__closing-copy > span {
    font-size: 14px !important;
    letter-spacing: 0.1em !important;
  }
  .v19-card-kicker {
    font-size: 14.5px !important;
    letter-spacing: 0.09em !important;
  }
  .v19-card-kicker b {
    font-size: 13px !important;
  }
  .founder-copy > .v22-section-label {
    font-size: 15.5px !important;
    letter-spacing: 0.01em !important;
    gap: 10px !important;
  }
  .founder-copy > .v22-section-label::after {
    width: 30px !important;
  }
  .founder-section::before {
    opacity: 0.55;
    left: -360px;
  }
  .founder-media.v24-founder-media {
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    border-radius: 21px !important;
  }
  .founder-media.v24-founder-media .founder-nameplate {
    left: 16px !important;
    bottom: 16px !important;
  }
}

/* v30: keep the common-advantage takeaway below the mobile outcome rail. */
.v21-outcomes__track {
  display: contents;
}
@media (max-width: 760px) {
  .v21-outcomes__ledger {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    margin-right: 0 !important;
    position: relative !important;
  }
  .v21-outcomes__ledger::before {
    display: none !important;
    content: none !important;
  }
  .v21-outcomes__track {
    display: flex !important;
    position: relative !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    padding: 30px 18px 12px 0 !important;
    margin-right: -16px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .v21-outcomes__track::-webkit-scrollbar {
    display: none;
  }
  .v21-outcomes__track::before {
    content: "Swipe through the client outcomes  →";
    position: absolute;
    right: 2px;
    top: 3px;
    color: #177ead;
    font: 750 11px/1.2 var(--v19-sans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
  }
  .v21-outcomes__takeaway {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 18px 0 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
  }
}

/* v31 — mobile-first Method rebuild + stronger client-outcome storytelling. */
@media (max-width: 760px) {
  html {
    scroll-padding-top: 96px !important;
  }
  #buyer-risks,
  #method,
  #client-proof,
  #paths,
  #faq,
  #contact,
  .v21-outcomes {
    scroll-margin-top: 96px !important;
  }

  /* METHOD: remove the compressed desktop/carousel treatment. */
  .v19-method {
    padding: 72px 0 84px !important;
  }
  .v19-method__hero {
    display: block !important;
    margin-bottom: 26px !important;
  }
  .v19-method__copy {
    padding: 0 !important;
    margin-bottom: 26px !important;
  }
  .v19-method__copy > .v22-section-label {
    margin-bottom: 18px !important;
  }
  .v19-method h2 {
    font-size: clamp(43px, 11.4vw, 49px) !important;
    line-height: 0.98 !important;
    text-wrap: balance;
  }
  .v19-method__sub {
    font-size: 29px !important;
    line-height: 1.08 !important;
    margin: 16px 0 14px !important;
  }
  .v19-method__desc {
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    max-width: 35ch !important;
  }

  .v19-method__visual {
    display: grid !important;
    grid-template-rows: auto auto !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(0, 67, 99, 0.14) !important;
    box-shadow: 0 20px 54px rgba(7, 54, 83, 0.13) !important;
  }
  .v19-method__visual:before {
    display: none !important;
    content: none !important;
  }
  .v19-method__visual img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
    object-fit: cover !important;
    object-position: center 55% !important;
    display: block !important;
  }
  .v19-method__visual figcaption {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    padding: 18px 20px 20px !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 67, 99, 0.11) !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #fff, #eff8fc) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    gap: 5px !important;
  }
  .v19-method__visual figcaption span {
    font-size: 11px !important;
    letter-spacing: 0.17em !important;
  }
  .v19-method__visual figcaption strong {
    font-size: 24px !important;
    line-height: 1.12 !important;
  }
  .v19-method__visual figcaption small {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .v19-phase-rail {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 18px 0 28px !important;
  }
  .v19-phase {
    grid-column: auto !important;
    min-height: 0 !important;
    padding: 16px 17px 16px 20px !important;
    grid-template-columns: 1fr auto !important;
    gap: 5px 12px !important;
    border-radius: 16px !important;
    border-color: rgba(0, 132, 176, 0.18) !important;
    background: linear-gradient(110deg, #f8fcfe, #edf8fc) !important;
    box-shadow: 0 9px 25px rgba(9, 45, 68, 0.055) !important;
  }
  .v19-phase:before {
    width: 5px !important;
    background: linear-gradient(180deg, #1fc3ef, #0184b0) !important;
  }
  .v19-phase span {
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.12em !important;
  }
  .v19-phase b {
    font-size: 12px !important;
    color: #397a9c !important;
  }
  .v19-phase p {
    grid-column: 1/-1 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #526e83 !important;
  }

  .v31-method-flow {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 15px;
    padding: 0 2px;
  }
  .v31-method-flow span {
    color: #0c79b5;
    font: 850 13px/1.15 var(--v19-sans);
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }
  .v31-method-flow p {
    margin: 0;
    max-width: 170px;
    color: #61798b;
    font: 500 12.5px/1.35 var(--v19-sans);
    text-align: right;
  }

  .v19-method__steps {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-type: none !important;
  }
  .v19-method__steps:before {
    display: none !important;
    content: none !important;
  }
  .v19-method-step,
  .v19-method-step:last-child {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    gap: 0 14px !important;
    padding: 18px !important;
    border: 1px solid rgba(0, 91, 134, 0.17) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #fff, #f8fcfe) !important;
    box-shadow: 0 13px 34px rgba(9, 45, 68, 0.08) !important;
    scroll-snap-align: none !important;
  }
  .v19-method-step:nth-child(even) {
    background: linear-gradient(145deg, #f5fbfe, #edf7fb) !important;
  }
  .v19-method-step__marker {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .v19-method-step__marker > span {
    width: 44px !important;
    height: 44px !important;
    font-size: 13px !important;
    background: linear-gradient(145deg, #0d91c9, #076b9e) !important;
    box-shadow: 0 7px 18px rgba(0, 105, 154, 0.18) !important;
  }
  .v19-method-step__icon {
    width: 44px !important;
    height: 44px !important;
    background: #f8fdff !important;
    color: #0a5e8c !important;
    border-color: rgba(0, 132, 176, 0.24) !important;
  }
  .v19-method-step__icon svg {
    width: 23px !important;
    height: 23px !important;
  }
  .v19-method-step__body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    padding: 3px 0 0 !important;
    border: 0 !important;
  }
  .v19-method-step h3 {
    margin: 0 0 9px !important;
    color: #08263e !important;
    font-size: 21px !important;
    line-height: 1.16 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
  }
  .v19-method-step p {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
    color: #526b7e !important;
  }
  .v19-method-step__image {
    grid-column: 1/-1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 126px !important;
    margin: 16px 0 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }
  .v19-method-step__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .v19-method-step:nth-child(1) .v19-method-step__image img {
    object-position: center 47% !important;
  }
  .v19-method-step:nth-child(2) .v19-method-step__image img {
    object-position: center 44% !important;
  }
  .v19-method-step:nth-child(3) .v19-method-step__image img {
    object-position: center 55% !important;
  }
  .v19-method-step:nth-child(4) .v19-method-step__image img {
    object-position: center 43% !important;
  }
  .v19-method-step:nth-child(5) .v19-method-step__image img {
    object-position: center 55% !important;
  }
  .v19-method__promise {
    margin-top: 20px !important;
    padding: 19px 20px !important;
    min-height: 0 !important;
    border-radius: 17px !important;
    background: linear-gradient(105deg, #eef8fc, #f8fcfe) !important;
  }
  .v19-method__promise p {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  /* OUTCOMES: replace the quiet carousel with three decisive proof stories. */
  .v21-outcomes {
    padding: 72px 0 82px !important;
  }
  .v21-outcomes__head {
    margin-bottom: 28px !important;
  }
  .v21-outcomes__intro {
    padding-left: 18px !important;
  }
  .v21-outcomes__intro p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }
  .v21-outcomes__ledger {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .v21-outcomes__ledger:before {
    display: none !important;
    content: none !important;
  }
  .v21-outcomes__track {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-type: none !important;
  }
  .v21-outcomes__track:before {
    display: none !important;
    content: none !important;
  }
  .v21-case,
  .v21-case + .v21-case {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 67, 99, 0.15) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(7, 47, 73, 0.105) !important;
    scroll-snap-align: none !important;
  }
  .v21-case__marker {
    display: none !important;
  }
  .v21-case__title {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .v21-case__title > small,
  .v21-case__title > h3 {
    display: none !important;
  }
  .v31-case__mobile-head {
    position: relative;
    z-index: 1;
    display: block !important;
    padding: 23px 22px 25px;
    color: #fff;
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(54, 202, 244, 0.28),
        transparent 34%
      ),
      linear-gradient(135deg, #06263d 0%, #004b6f 58%, #087fb0 100%);
    overflow: hidden;
  }
  .v31-case__mobile-head:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.17;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.26) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.26) 1px, transparent 1px);
    background-size: 22px 22px;
    -webkit-mask-image: linear-gradient(135deg, transparent 20%, #000 100%);
    mask-image: linear-gradient(135deg, transparent 20%, #000 100%);
    pointer-events: none;
  }
  .v31-case__mobile-head > * {
    position: relative;
    z-index: 1;
  }
  .v31-case__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 13px;
  }
  .v31-case__category {
    color: #6ed7f7;
    font: 900 28px/1 var(--v19-sans);
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }
  .v31-case__number {
    min-width: 38px;
    height: 27px;
    display: grid;
    place-items: center;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.27);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
    font: 800 11px/1 var(--v19-sans);
    letter-spacing: 0.1em;
  }
  .v31-case__changed {
    margin: 0 0 22px;
    padding-left: 12px;
    border-left: 3px solid #38c6ef;
  }
  .v31-case__changed small {
    display: block;
    margin-bottom: 5px;
    color: #9edff3;
    font: 800 10px/1.15 var(--v19-sans);
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .v31-case__changed strong {
    display: block;
    color: #fff;
    font: 600 23px/1.08 var(--v19-serif);
    letter-spacing: -0.015em;
  }
  .v31-case__transform {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
  }
  .v31-case__point {
    min-width: 0;
    padding: 13px 13px 14px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.085);
  }
  .v31-case__point span {
    display: block;
    margin-bottom: 7px;
    color: #9edff3;
    font: 800 9px/1.1 var(--v19-sans);
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }
  .v31-case__point strong {
    display: block;
    color: #fff;
    font: 600 20px/1.12 var(--v19-serif);
    letter-spacing: -0.018em;
    overflow-wrap: anywhere;
  }
  .v31-case__point em {
    display: block;
    margin-top: 7px;
    color: #c9ebf5;
    font: 600 10.5px/1.32 var(--v19-sans);
    font-style: normal;
  }
  .v31-case__arrow {
    align-self: center;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #05243a;
    background: #69d9f7;
    font: 700 22px/1 var(--v19-serif);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  }
  .v21-case__story {
    display: block !important;
    margin: 0 !important;
    padding: 22px 22px 19px !important;
    color: #47657b !important;
    font-size: 15.5px !important;
    line-height: 1.62 !important;
  }
  .v21-case__result {
    display: block !important;
    min-height: 0 !important;
    margin: 0 22px 22px !important;
    padding: 17px 17px 18px !important;
    border: 0 !important;
    border-left: 4px solid #1fc3ef !important;
    border-radius: 12px !important;
    background: linear-gradient(100deg, #eaf7fc, #f7fcfe) !important;
  }
  .v21-case__result span {
    font-size: 11px !important;
    letter-spacing: 0.15em !important;
    color: #087cac !important;
  }
  .v21-case__result strong {
    margin-top: 7px !important;
    color: #073c5b !important;
    font-size: 17px !important;
    line-height: 1.38 !important;
  }
  .v21-outcomes__takeaway {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: block !important;
    margin: 22px 0 0 !important;
    padding: 24px 22px 26px !important;
    border-radius: 20px !important;
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(31, 195, 239, 0.22),
        transparent 35%
      ),
      linear-gradient(120deg, #05243a, #004d70) !important;
  }
  .v21-outcomes__takeaway > span {
    font-size: 12px !important;
    letter-spacing: 0.15em !important;
  }
  .v21-outcomes__takeaway p {
    margin-top: 15px !important;
    font-size: 23px !important;
    line-height: 1.28 !important;
  }
  .v31-takeaway-chips {
    display: flex !important;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
  }
  .v31-takeaway-chips span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(112, 217, 247, 0.28);
    border-radius: 999px;
    color: #9fe5f8;
    background: rgba(255, 255, 255, 0.055);
    font: 800 10px/1 var(--v19-sans);
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
}

/* Keep v31-only mobile structures inert on desktop. */
@media (min-width: 761px) {
  .v31-method-flow,
  .v31-case__mobile-head,
  .v31-takeaway-chips {
    display: none !important;
  }
}

/* v31 refinement: compact, accessible mobile stage accordion. */
.v31-step-toggle {
  display: none;
}
@media (max-width: 760px) {
  .v19-method__steps {
    gap: 10px !important;
  }
  .v19-method-step,
  .v19-method-step:last-child {
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }
  .v19-method-step__marker {
    display: none !important;
  }
  .v31-step-toggle {
    appearance: none;
    width: 100%;
    min-height: 76px;
    display: grid !important;
    grid-template-columns: 42px 38px minmax(0, 1fr) 26px;
    align-items: center;
    gap: 10px;
    padding: 14px 15px;
    border: 0;
    color: #08263e;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
  }
  .v31-step-toggle:focus-visible {
    outline: 3px solid rgba(31, 195, 239, 0.42);
    outline-offset: -3px;
  }
  .v31-step-toggle__number {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #0d91c9, #076b9e);
    box-shadow: 0 7px 18px rgba(0, 105, 154, 0.18);
    font: 800 12px/1 var(--v19-sans);
  }
  .v31-step-toggle__icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0, 132, 176, 0.22);
    border-radius: 50%;
    color: #0a5e8c;
    background: #f8fdff;
  }
  .v31-step-toggle__icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .v31-step-toggle__title {
    color: #08263e;
    font: 800 18px/1.18 var(--v19-sans);
    letter-spacing: -0.015em;
  }
  .v31-step-toggle__chevron {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #087dac;
    background: #eaf7fc;
    font: 700 20px/1 var(--v19-sans);
    transition:
      transform 0.18s ease,
      background 0.18s ease;
  }
  .v19-method-step.is-v31-open .v31-step-toggle__chevron {
    transform: rotate(45deg);
    background: #d9f2fb;
  }
  .v31-step-panel {
    display: none;
    padding: 0 16px 16px;
  }
  .v19-method-step.is-v31-open .v31-step-panel {
    display: block;
  }
  .v31-step-panel .v19-method-step__body {
    display: block !important;
    min-height: 0 !important;
    padding: 2px 4px 0 !important;
    border: 0 !important;
  }
  .v31-step-panel .v19-method-step__body h3 {
    display: none !important;
  }
  .v31-step-panel .v19-method-step__body p {
    font-size: 14.75px !important;
    line-height: 1.55 !important;
  }
  .v31-step-panel .v19-method-step__image {
    display: block !important;
    width: 100% !important;
    height: 136px !important;
    margin: 15px 0 0 !important;
    border-radius: 13px !important;
  }
}
@media (min-width: 761px) {
  .v31-step-toggle {
    display: none !important;
  }
  .v31-step-panel {
    display: contents !important;
  }
}
@media (max-width: 360px) {
  .v31-step-toggle {
    grid-template-columns: 39px 34px minmax(0, 1fr) 24px;
    gap: 8px;
    padding-inline: 12px;
  }
  .v31-step-toggle__number {
    width: 39px;
    height: 39px;
  }
  .v31-step-toggle__icon {
    width: 34px;
    height: 34px;
  }
  .v31-step-toggle__title {
    font-size: 16.5px;
  }
  .v31-case__category {
    font-size: 24px !important;
  }
  .v31-case__point {
    padding-inline: 10px !important;
  }
  .v31-case__point strong {
    font-size: 18px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .v31-step-toggle__chevron {
    transition: none;
  }
}

/* v32 — restore the approved Motosaic editorial language to the mobile outcomes ledger. */
@media (max-width: 760px) {
  .v21-outcomes {
    padding: 72px 0 82px !important;
  }
  .v21-outcomes__head {
    margin-bottom: 30px !important;
  }

  /* One continuous proof ledger rather than three generic dashboard cards. */
  .v21-outcomes__ledger {
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 67, 99, 0.16) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 24px 66px rgba(7, 47, 73, 0.095) !important;
  }
  .v21-outcomes__track {
    display: block !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .v21-outcomes__track:before {
    display: none !important;
    content: none !important;
  }

  .v21-case,
  .v21-case + .v21-case {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 0 17px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 29px 22px 30px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .v21-case + .v21-case {
    border-top: 1px solid rgba(0, 67, 99, 0.13) !important;
  }
  .v21-case:nth-child(2) {
    background: linear-gradient(
      100deg,
      rgba(225, 243, 245, 0.24),
      rgba(255, 255, 255, 0) 58%
    ) !important;
  }

  /* Retire the v31 dashboard-style generated header. */
  .v31-case__mobile-head {
    display: none !important;
  }

  /* Return to the original icon + number system. */
  .v21-case__marker {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 54px !important;
    margin-top: 2px !important;
    border: 1px solid rgba(0, 132, 176, 0.27) !important;
    border-radius: 50% !important;
    color: #0184b0 !important;
    background: linear-gradient(145deg, #fbfeff, #edf8fb) !important;
    box-shadow: none !important;
  }
  .v21-case__marker svg {
    width: 23px !important;
    height: 23px !important;
    stroke: currentColor !important;
  }
  .v21-case__marker b {
    right: -9px !important;
    bottom: -2px !important;
    min-width: 31px !important;
    height: 21px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: #004363 !important;
    font: 800 9px/1 var(--v19-sans) !important;
    letter-spacing: 0.08em !important;
  }

  .v21-case__title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .v21-case__title > small {
    display: block !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
  .v21-case__title > small b {
    display: block !important;
    color: #0184b0 !important;
    font: 850 clamp(20px, 5.6vw, 23px) / 1 var(--v19-sans) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }
  .v21-case__title > small span {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-top: 8px !important;
    color: #4f6d82 !important;
    font: 800 10px/1.2 var(--v19-sans) !important;
    letter-spacing: 0.145em !important;
    text-transform: uppercase !important;
  }
  .v21-case__title > small span:before {
    content: "";
    width: 28px;
    height: 2px;
    flex: none;
    background: #1fc3ef;
  }
  .v21-case__title > h3 {
    display: block !important;
    margin: 10px 0 0 !important;
    color: #082a43 !important;
    font: 500 clamp(28px, 8.1vw, 34px) / 1.04 var(--v19-serif) !important;
    letter-spacing: -0.028em !important;
    text-wrap: balance !important;
  }

  .v21-case__story {
    grid-column: 1/-1 !important;
    grid-row: auto !important;
    display: block !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    color: #47657b !important;
    font: 400 15px/1.62 var(--v19-sans) !important;
  }

  .v21-case__result {
    grid-column: 1/-1 !important;
    display: block !important;
    min-height: 0 !important;
    margin: 20px 0 0 !important;
    padding: 17px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 67, 99, 0.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .v21-case__result span {
    display: block !important;
    color: #0184b0 !important;
    font: 850 10px/1.15 var(--v19-sans) !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
  }
  .v21-case__result strong {
    display: block !important;
    margin-top: 8px !important;
    color: #004363 !important;
    font: 750 15.5px/1.42 var(--v19-sans) !important;
  }

  /* Keep the common advantage as the resolved final panel. */
  .v21-outcomes__takeaway {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 25px 22px 28px !important;
    border-radius: 0 !important;
    color: #fff !important;
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(31, 195, 239, 0.16),
        transparent 34%
      ),
      linear-gradient(110deg, #05243a, #004363) !important;
  }
  .v21-outcomes__takeaway > span {
    color: #7bd9f6 !important;
    font: 850 10px/1.2 var(--v19-sans) !important;
    letter-spacing: 0.17em !important;
    text-transform: uppercase !important;
  }
  .v21-outcomes__takeaway p {
    max-width: none !important;
    margin: 13px 0 0 !important;
    color: #fff !important;
    font: 500 22px/1.3 var(--v19-serif) !important;
    letter-spacing: -0.014em !important;
  }
  .v21-outcomes__takeaway svg,
  .v31-takeaway-chips {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .v21-case,
  .v21-case + .v21-case {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 0 14px !important;
    padding: 26px 18px 28px !important;
  }
  .v21-case__marker {
    width: 49px !important;
    height: 49px !important;
  }
  .v21-case__title > small b {
    font-size: 19px !important;
  }
  .v21-case__title > h3 {
    font-size: 27px !important;
  }
}

:root {
  --v33-shelby: #083d5a;
  --v33-shelby-deep: #052f48;
  --v33-miami: #1fc3ef;
  --v33-nardo: #e9f3f7;
  --v33-ink: #0a2f48;
  --v33-muted: #58758a;
  --v33-serif: Georgia, "Times New Roman", serif;
  --v33-sans: Inter, Arial, sans-serif;
}
.v33-method,
.v33-outcomes {
  position: relative;
  overflow: hidden;
  background: #f8fbfd;
  color: var(--v33-ink);
}
.v33-method__inner,
.v33-outcomes__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 110px 54px;
}
.v33-eyebrow {
  margin: 0 0 18px;
  color: #0784b0;
  font: 800 13px/1.2 var(--v33-sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.v33-method__head {
  max-width: 840px;
  margin-bottom: 50px;
}
.v33-method h2,
.v33-outcomes h2 {
  margin: 0;
  font: 400 clamp(46px, 5.4vw, 78px) / 0.98 var(--v33-serif);
  letter-spacing: -0.035em;
  color: #082f49;
}
.v33-method h2 em,
.v33-outcomes h2 em {
  color: #0c7fb7;
  font-style: italic;
  font-weight: 400;
}
.v33-lede {
  max-width: 760px;
  margin: 24px 0 0;
  color: #526f84;
  font: 400 20px/1.65 var(--v33-sans);
}
.v33-method__chapters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.v33-chapter {
  position: relative;
  min-height: 600px;
  overflow: hidden;
  border-radius: 30px;
  background: #dfeaf0;
  box-shadow: 0 24px 60px rgba(9, 48, 73, 0.12);
}
.v33-chapter img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}
.v33-chapter:hover img {
  transform: scale(1.025);
}
.v33-chapter:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(3, 29, 46, 0.02) 28%,
    rgba(3, 30, 48, 0.84) 100%
  );
}
.v33-chapter__copy {
  position: absolute;
  z-index: 2;
  left: 34px;
  right: 34px;
  bottom: 34px;
  color: white;
}
.v33-chapter__phase {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
  font: 800 13px/1.2 var(--v33-sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #78ddf8;
}
.v33-chapter__phase:before {
  content: "";
  width: 34px;
  height: 2px;
  background: #78ddf8;
}
.v33-chapter h3 {
  margin: 0 0 12px;
  font: 400 clamp(35px, 3.2vw, 50px) / 1.02 var(--v33-serif);
  letter-spacing: -0.025em;
}
.v33-chapter p {
  max-width: 520px;
  margin: 0 0 19px;
  color: #e7f3f8;
  font: 400 17px/1.55 var(--v33-sans);
}
.v33-chapter ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.v33-chapter li {
  font: 700 13px/1.3 var(--v33-sans);
  letter-spacing: 0.04em;
  color: #fff;
}
.v33-chapter li:before {
  content: "•";
  margin-right: 8px;
  color: #59d3f5;
}
.v33-stages {
  margin-top: 28px;
  border-top: 1px solid rgba(8, 61, 90, 0.15);
  border-bottom: 1px solid rgba(8, 61, 90, 0.15);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.v33-stage {
  padding: 24px 18px;
  border-right: 1px solid rgba(8, 61, 90, 0.12);
}
.v33-stage:last-child {
  border-right: 0;
}
.v33-stage b {
  display: block;
  margin-bottom: 9px;
  color: #0c84b6;
  font: 800 12px/1 var(--v33-sans);
  letter-spacing: 0.14em;
}
.v33-stage span {
  display: block;
  color: #123d56;
  font: 700 15px/1.35 var(--v33-sans);
}

.v33-outcomes {
  background: linear-gradient(
    180deg,
    #edf6fa 0,
    #fff 10%,
    #fff 90%,
    #eef6fa 100%
  );
}
.v33-outcomes__head {
  max-width: 880px;
  margin-bottom: 58px;
}
.v33-proof-list {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.v33-proof {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  min-height: 570px;
  overflow: hidden;
  border-radius: 32px;
  background: white;
  box-shadow: 0 24px 68px rgba(7, 47, 72, 0.12);
  border: 1px solid rgba(15, 98, 137, 0.12);
}
.v33-proof:nth-child(even) {
  grid-template-columns: 0.92fr 1.08fr;
}
.v33-proof:nth-child(even) .v33-proof__media {
  order: 2;
}
.v33-proof__media {
  position: relative;
  min-height: 570px;
  overflow: hidden;
  background: #dceaf0;
}
.v33-proof__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.v33-proof__media:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(3, 30, 48, 0.02),
    rgba(3, 30, 48, 0.18)
  );
}
.v33-proof__badge {
  position: absolute;
  z-index: 2;
  top: 28px;
  left: 28px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 14px;
  border-radius: 99px;
  background: rgba(4, 47, 72, 0.84);
  backdrop-filter: blur(8px);
  color: white;
  font: 800 12px/1 var(--v33-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.v33-proof__badge i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #59d7f6;
  box-shadow: 0 0 0 5px rgba(89, 215, 246, 0.15);
}
.v33-proof__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px 54px 48px;
}
.v33-proof__category {
  margin: 0 0 14px;
  color: #0a84b7;
  font: 800 17px/1.1 var(--v33-sans);
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.v33-proof__shift {
  margin: 0 0 22px;
  color: #5a7589;
  font: 700 15px/1.3 var(--v33-sans);
  letter-spacing: 0.05em;
}
.v33-proof h3 {
  margin: 0 0 24px;
  font: 400 clamp(37px, 3.8vw, 56px) / 1.02 var(--v33-serif);
  letter-spacing: -0.03em;
  color: #0a314b;
}
.v33-proof__story {
  margin: 0;
  color: #577286;
  font: 400 18px/1.65 var(--v33-sans);
}
.v33-proof__outcome {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(8, 61, 90, 0.16);
}
.v33-proof__outcome span {
  display: block;
  margin-bottom: 8px;
  color: #0c84b6;
  font: 800 12px/1 var(--v33-sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.v33-proof__outcome strong {
  display: block;
  color: #123d56;
  font: 700 20px/1.35 var(--v33-sans);
}
.v33-common {
  position: relative;
  margin-top: 58px;
  min-height: 380px;
  overflow: hidden;
  border-radius: 32px;
  background: #073c59;
  color: white;
  box-shadow: 0 24px 68px rgba(7, 47, 72, 0.16);
}
.v33-common img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  opacity: 0.34;
  filter: saturate(0.9) contrast(1.05);
}
.v33-common:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(4, 42, 64, 0.96) 0,
    rgba(4, 42, 64, 0.78) 50%,
    rgba(4, 42, 64, 0.26) 100%
  );
}
.v33-common__copy {
  position: relative;
  z-index: 2;
  max-width: 700px;
  padding: 62px;
}
.v33-common__copy span {
  display: block;
  margin-bottom: 16px;
  color: #76d9f6;
  font: 800 13px/1.2 var(--v33-sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.v33-common__copy p {
  margin: 0;
  font: 400 clamp(36px, 4.2vw, 60px) / 1.08 var(--v33-serif);
  letter-spacing: -0.025em;
}

@media (max-width: 760px) {
  .v33-method__inner,
  .v33-outcomes__inner {
    padding: 88px 18px;
  }
  .v33-method__head,
  .v33-outcomes__head {
    margin-bottom: 34px;
  }
  .v33-method h2,
  .v33-outcomes h2 {
    font-size: 48px;
    line-height: 1;
  }
  .v33-lede {
    font-size: 17px;
    line-height: 1.58;
    margin-top: 18px;
  }
  .v33-method__chapters {
    display: block;
  }
  .v33-chapter {
    min-height: 500px;
    border-radius: 24px;
    margin-bottom: 18px;
  }
  .v33-chapter img {
    object-position: center;
  }
  .v33-chapter__copy {
    left: 24px;
    right: 24px;
    bottom: 24px;
  }
  .v33-chapter h3 {
    font-size: 38px;
  }
  .v33-chapter p {
    font-size: 16px;
    line-height: 1.48;
  }
  .v33-chapter ul {
    display: block;
  }
  .v33-chapter li {
    margin-top: 7px;
  }
  .v33-stages {
    display: block;
    margin-top: 18px;
    border-bottom: 0;
  }
  .v33-stage {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 12px;
    align-items: center;
    padding: 17px 2px;
    border-right: 0;
    border-bottom: 1px solid rgba(8, 61, 90, 0.12);
  }
  .v33-stage b {
    margin: 0;
    font-size: 11px;
  }
  .v33-stage span {
    font-size: 15px;
  }
  .v33-proof-list {
    gap: 24px;
  }
  .v33-proof,
  .v33-proof:nth-child(even) {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 24px;
  }
  .v33-proof:nth-child(even) .v33-proof__media {
    order: 0;
  }
  .v33-proof__media {
    min-height: 330px;
  }
  .v33-proof__badge {
    top: 18px;
    left: 18px;
  }
  .v33-proof__copy {
    padding: 30px 25px 28px;
  }
  .v33-proof__category {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .v33-proof__shift {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .v33-proof h3 {
    font-size: 40px;
    line-height: 1.04;
    margin-bottom: 18px;
  }
  .v33-proof__story {
    font-size: 16px;
    line-height: 1.58;
  }
  .v33-proof__outcome {
    margin-top: 22px;
    padding-top: 18px;
  }
  .v33-proof__outcome strong {
    font-size: 18px;
  }
  .v33-common {
    min-height: 430px;
    border-radius: 24px;
    margin-top: 28px;
  }
  .v33-common img {
    object-position: 60% center;
    opacity: 0.42;
  }
  .v33-common:after {
    background: linear-gradient(
      180deg,
      rgba(4, 42, 64, 0.33) 0,
      rgba(4, 42, 64, 0.91) 68%,
      rgba(4, 42, 64, 0.98) 100%
    );
  }
  .v33-common__copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 32px 26px;
  }
  .v33-common__copy p {
    font-size: 39px;
    line-height: 1.08;
  }
}

/* v34: keep v33 editorial system, but make the two proof stories more specific and image-led. */
.v33-proof__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v33-proof:nth-child(2) .v33-proof__media img {
  object-position: center 48%;
  filter: saturate(0.96) contrast(1.02) brightness(1.01);
}
.v33-proof:nth-child(3) .v33-proof__media img {
  object-position: center 52%;
  filter: saturate(1.08) contrast(1.025) brightness(0.99);
}
.v33-proof:nth-child(2) .v33-proof__media:after {
  background: linear-gradient(
    180deg,
    rgba(3, 30, 48, 0.01),
    rgba(3, 30, 48, 0.1)
  );
}
.v33-proof:nth-child(3) .v33-proof__media:after {
  background: linear-gradient(
    180deg,
    rgba(3, 30, 48, 0.02),
    rgba(3, 30, 48, 0.16)
  );
}
@media (max-width: 760px) {
  .v33-proof:nth-child(2) .v33-proof__media img {
    object-position: 56% center;
  }
  .v33-proof:nth-child(3) .v33-proof__media img {
    object-position: center 54%;
  }
}

/* v35 mobile polish: clearer imagery, method hierarchy, stage continuity and unified CTAs */
:root {
  --v35-shelby: #004363;
  --v35-shelby-deep: #052f48;
  --v35-miami: #1fc3ef;
  --v35-miami-mid: #0184b0;
  --v35-nardo: #e1f3f5;
  --v35-action: #f2ea00;
}

/* One unmistakable call-to-action system throughout the page. */
.cta,
.paths-cta,
.diagnosis-bridge a {
  color: #fff !important;
  background: linear-gradient(
    135deg,
    var(--v35-shelby) 0%,
    var(--v35-miami-mid) 58%,
    var(--v35-miami) 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow:
    0 14px 34px rgba(0, 67, 99, 0.28),
    0 0 0 1px rgba(31, 195, 239, 0.08) !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease !important;
}
.cta:hover,
.paths-cta:hover,
.diagnosis-bridge a:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) !important;
  box-shadow:
    0 18px 42px rgba(0, 67, 99, 0.36),
    0 0 0 1px rgba(31, 195, 239, 0.15) !important;
}
.cta svg,
.paths-cta svg,
.diagnosis-bridge a svg {
  width: 25px !important;
  height: 25px !important;
  padding: 5px !important;
  flex: none !important;
  border-radius: 50% !important;
  color: var(--v35-shelby-deep) !important;
  background: var(--v35-action) !important;
  stroke-width: 2.2 !important;
  box-shadow: 0 3px 10px rgba(1, 2, 2, 0.16) !important;
}
.header-cta {
  box-shadow: 0 10px 26px rgba(0, 67, 99, 0.24) !important;
}

/* v36 Method: two editorial chapters, five moments, decision through delivery. */
.v36-method-flow {
  display: grid;
  gap: 0;
  margin-top: 10px;
}
.v36-method-chapter {
  display: grid;
  min-height: 555px;
  padding: 42px 0;
  border-top: 1px solid rgba(0, 67, 99, 0.14);
  border-bottom: 1px solid rgba(0, 67, 99, 0.14);
}
.v36-method-chapter--discover {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  grid-template-rows: auto 1fr;
}
.v36-method-chapter--acquire {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  grid-template-rows: auto 1fr;
}
.v36-method-chapter__heading {
  align-self: end;
}
.v36-method-chapter--discover .v36-method-chapter__heading,
.v36-method-chapter--discover .v36-method-chapter__detail {
  grid-column: 2;
  padding-left: 58px;
}
.v36-method-chapter--acquire .v36-method-chapter__heading,
.v36-method-chapter--acquire .v36-method-chapter__detail {
  grid-column: 1;
  padding-right: 58px;
}
.v36-method-chapter__phase {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 18px;
  color: var(--v35-miami-mid);
  font: 800 12px/1 var(--v33-sans);
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.v36-method-chapter__phase:before {
  content: "";
  width: 34px;
  height: 2px;
  background: var(--v35-miami);
}
.v36-method-chapter__phase span {
  font-size: 15px;
}
.v36-method-chapter__phase b {
  color: #6f8b9d;
  font-size: 11px;
  letter-spacing: 0.1em;
}
.v36-method-chapter h3 {
  max-width: 430px;
  margin: 0;
  color: #082f49;
  font: 400 clamp(40px, 4.1vw, 58px) / 1.01 var(--v33-serif);
  letter-spacing: -0.035em;
}
.v36-method-chapter__media {
  grid-row: 1/3;
  min-height: 470px;
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: #dfeaf0;
  box-shadow: 0 22px 58px rgba(9, 48, 73, 0.12);
}
.v36-method-chapter--discover .v36-method-chapter__media {
  grid-column: 1;
}
.v36-method-chapter--acquire .v36-method-chapter__media {
  grid-column: 2;
}
.v36-method-chapter__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.93) contrast(1.035) brightness(0.99);
}
.v36-method-chapter--discover .v36-method-chapter__media img {
  object-position: center 66%;
}
.v36-method-chapter--acquire .v36-method-chapter__media img {
  object-position: center 48%;
}
.v36-method-chapter__detail {
  align-self: start;
  padding-top: 24px;
}
.v36-method-chapter__support {
  margin: 0 0 25px;
  color: #58758a;
  font: 400 17px/1.62 var(--v33-sans);
}
.v36-method-moments {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(0, 67, 99, 0.13);
}
.v36-method-moments li {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 17px;
  align-items: start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 67, 99, 0.11);
}
.v36-method-moments li > b {
  color: #0b87b8;
  font: 400 28px/1 var(--v33-serif);
  letter-spacing: -0.03em;
}
.v36-method-moments li div {
  display: grid;
  gap: 6px;
}
.v36-method-moments li strong {
  color: #123d56;
  font: 750 16px/1.3 var(--v33-sans);
}
.v36-method-moments li span {
  color: #6b8495;
  font: 400 13px/1.48 var(--v33-sans);
}
.v36-method-handoff {
  display: grid;
  grid-template-columns: 0.3fr 0.9fr 1.15fr;
  gap: 30px 50px;
  align-items: center;
  margin: 24px 0;
  padding: 38px 44px;
  overflow: hidden;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(
      circle at 92% 18%,
      rgba(31, 195, 239, 0.22),
      transparent 34%
    ),
    linear-gradient(125deg, #052f48 0%, #004363 64%, #075d83 100%);
  box-shadow: 0 18px 48px rgba(0, 67, 99, 0.17);
}
.v36-method-handoff p {
  margin: 0;
  color: #74daf6;
  font: 800 11px/1.2 var(--v33-sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.v36-method-handoff h3 {
  margin: 0;
  font: 400 clamp(30px, 3.2vw, 44px) / 1.04 var(--v33-serif);
  letter-spacing: -0.025em;
}
.v36-method-handoff span {
  color: #cee1e9;
  font: 400 16px/1.6 var(--v33-sans);
}
.v36-method-resolution {
  display: grid;
  grid-template-columns: 1fr minmax(320px, 610px) 1fr;
  gap: 28px;
  align-items: center;
  padding: 46px 0 4px;
  text-align: center;
}
.v36-method-resolution span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 67, 99, 0.25));
}
.v36-method-resolution span:last-child {
  background: linear-gradient(90deg, rgba(0, 67, 99, 0.25), transparent);
}
.v36-method-resolution p {
  margin: 0;
  color: #123d56;
  font: 400 25px/1.35 var(--v33-serif);
  letter-spacing: -0.015em;
}

/* Noelle: prioritize the complete vehicle rather than an arbitrary fixed-height crop. */
.story-media-single .story-photo-primary {
  object-position: 50% 82% !important;
}

@media (max-width: 760px) {
  /* Show the person, including his face, with no artificial top fade. */
  .hero-grid {
    min-height: 875px !important;
  }
  .hero-copy {
    min-height: 875px !important;
    padding-bottom: 330px !important;
  }
  .hero-media {
    height: 310px !important;
    background-image: url("assets/hero-driver-background.webp") !important;
    background-position: 50% 18% !important;
    background-size: cover !important;
  }
  .hero-media:before {
    display: none !important;
  }
  .hero-media:after {
    inset: 0 !important;
    height: auto !important;
    background: linear-gradient(
      180deg,
      rgba(248, 250, 252, 0) 0 72%,
      rgba(5, 47, 72, 0.12) 100%
    ) !important;
  }

  .v36-method-flow {
    margin-top: 2px;
  }
  .v36-method-chapter,
  .v36-method-chapter--discover,
  .v36-method-chapter--acquire {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    min-height: 0;
    padding: 31px 0 38px;
  }
  .v36-method-chapter__heading,
  .v36-method-chapter--discover .v36-method-chapter__heading,
  .v36-method-chapter--acquire .v36-method-chapter__heading {
    grid-column: 1;
    grid-row: 1;
    padding: 0 0 24px;
  }
  .v36-method-chapter__phase {
    margin-bottom: 14px;
  }
  .v36-method-chapter h3 {
    max-width: 330px;
    font-size: 40px;
    line-height: 1.02;
  }
  .v36-method-chapter__media,
  .v36-method-chapter--discover .v36-method-chapter__media,
  .v36-method-chapter--acquire .v36-method-chapter__media {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    aspect-ratio: 1.4/1;
    border-radius: 20px;
  }
  .v36-method-chapter--discover .v36-method-chapter__media img {
    object-position: center 69%;
  }
  .v36-method-chapter--acquire .v36-method-chapter__media img {
    object-position: center 48%;
  }
  .v36-method-chapter__detail,
  .v36-method-chapter--discover .v36-method-chapter__detail,
  .v36-method-chapter--acquire .v36-method-chapter__detail {
    grid-column: 1;
    grid-row: 3;
    padding: 25px 0 0;
  }
  .v36-method-chapter__support {
    margin-bottom: 21px;
    font-size: 16px;
    line-height: 1.56;
  }
  .v36-method-moments li {
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 0;
  }
  .v36-method-moments li > b {
    font-size: 25px;
  }
  .v36-method-moments li strong {
    font-size: 15px;
  }
  .v36-method-moments li span {
    font-size: 13px;
    line-height: 1.45;
  }
  .v36-method-handoff {
    display: block;
    margin: 18px 0;
    padding: 30px 24px 31px;
    border-radius: 20px;
  }
  .v36-method-handoff p {
    margin-bottom: 15px;
  }
  .v36-method-handoff h3 {
    font-size: 36px;
    line-height: 1.03;
  }
  .v36-method-handoff span {
    display: block;
    margin-top: 17px;
    font-size: 15px;
    line-height: 1.54;
  }
  .v36-method-resolution {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 35px 12px 0;
  }
  .v36-method-resolution span {
    display: none;
  }
  .v36-method-resolution p {
    font-size: 23px;
    line-height: 1.36;
  }

  /* Preserve the full 3:4 delivery frame so the front wheel is not clipped. */
  .story-media-single .story-photo-primary {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* The signature CTA treatment remains legible in the compact header. */
  .site-header .header-cta {
    padding-inline: 12px !important;
    gap: 8px !important;
  }
  .site-header .header-cta svg {
    width: 21px !important;
    height: 21px !important;
    padding: 4px !important;
  }
  .cta svg,
  .paths-cta svg,
  .diagnosis-bridge a svg {
    width: 24px !important;
    height: 24px !important;
  }
}

@media (max-width: 390px) {
  .site-header .header-cta {
    font-size: 10px !important;
    padding-inline: 10px !important;
  }
  .site-header .header-cta svg {
    width: 20px !important;
    height: 20px !important;
  }
  .hero-grid,
  .hero-copy {
    min-height: 855px !important;
  }
  .hero-copy {
    padding-bottom: 315px !important;
  }
  .hero-media {
    height: 295px !important;
  }
}
@media (max-width: 760px) {
  .story-media-single {
    aspect-ratio: auto !important;
  }
}
@media (min-width: 561px) and (max-width: 760px) {
  .story-media-single .story-photo-primary {
    aspect-ratio: 4/3 !important;
    object-position: 50% 83% !important;
  }
}

/* v37: elevate buyer alignment, establish proof early, and strengthen founder context. */
.hero-alignment {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  max-width: 600px;
  margin-top: 32px;
  padding: 18px 0;
  border-top: 1px solid rgba(0, 67, 99, 0.18);
  border-bottom: 1px solid rgba(0, 67, 99, 0.18);
}
.hero-alignment > svg {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 50%;
  color: var(--v35-shelby);
  background: var(--v35-nardo);
  box-shadow: inset 0 0 0 1px rgba(0, 67, 99, 0.08);
}
.hero-alignment div {
  display: grid;
  gap: 5px;
}
.hero-alignment span {
  color: var(--v35-miami-mid);
  font: 800 11px/1.2 var(--v33-sans);
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.hero-alignment strong {
  color: #082f49;
  font: 500 25px/1.18 var(--v33-serif);
  letter-spacing: -0.018em;
}
.hero-alignment strong em {
  color: #0c7fb7;
  font-style: italic;
  font-weight: 500;
}
.hero-alignment + .hero-actions {
  margin-top: 27px;
}

.v37-credibility {
  position: relative;
  z-index: 4;
  padding: 48px 0;
  color: #082f49;
  background: linear-gradient(105deg, #f1f8fa 0%, #e9f4f7 55%, #eef8fa 100%);
  border-top: 1px solid rgba(0, 67, 99, 0.1);
  border-bottom: 1px solid rgba(0, 67, 99, 0.13);
}
.v37-credibility__inner {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 2.28fr);
  gap: 48px;
  align-items: center;
}
.v37-credibility header > p {
  margin: 0 0 10px;
  color: var(--v35-miami-mid);
  font: 800 11px/1.2 var(--v33-sans);
  letter-spacing: 0.18em;
}
.v37-credibility h2 {
  margin: 0;
  max-width: 300px;
  font: 400 34px/1.04 var(--v33-serif);
  letter-spacing: -0.025em;
}
.v37-credibility__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.v37-credibility__stats article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 112px;
  padding: 4px 30px;
  border-left: 1px solid rgba(0, 67, 99, 0.15);
}
.v37-credibility__stats strong {
  color: var(--v35-shelby);
  font: 400 clamp(40px, 4vw, 55px) / 0.92 var(--v33-serif);
  letter-spacing: -0.04em;
}
.v37-credibility__stats span {
  max-width: 190px;
  margin-top: 11px;
  color: #34576d;
  font: 750 13px/1.4 var(--v33-sans);
}
.v37-credibility__stats small {
  max-width: 205px;
  margin-top: 5px;
  color: #6a8393;
  font: 500 10px/1.35 var(--v33-sans);
}

@media (max-width: 800px) {
  .hero-alignment {
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 13px;
    margin-top: 27px;
    padding: 16px 0;
  }
  .hero-alignment > svg {
    width: 40px;
    height: 40px;
    padding: 9px;
  }
  .hero-alignment strong {
    font-size: 22px;
    line-height: 1.16;
  }
  .hero-alignment + .hero-actions {
    margin-top: 24px;
    width: 100%;
  }
  .hero-alignment + .hero-actions .cta {
    width: 100%;
  }
  .v37-credibility {
    padding: 42px 0;
  }
  .v37-credibility__inner {
    display: block;
  }
  .v37-credibility header {
    margin-bottom: 27px;
  }
  .v37-credibility h2 {
    max-width: none;
    font-size: 32px;
  }
  .v37-credibility__stats {
    display: block;
  }
  .v37-credibility__stats article {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 22px 0;
    border-left: 0;
    border-top: 1px solid rgba(0, 67, 99, 0.14);
  }
  .v37-credibility__stats strong {
    font-size: 46px;
  }
  .v37-credibility__stats span {
    max-width: none;
    margin: 9px 0 0;
    font-size: 13px;
  }
  .v37-credibility__stats small {
    max-width: none;
    margin: 4px 0 0;
  }
}

@media (max-width: 760px) {
  .hero-grid {
    min-height: 1045px !important;
  }
  .hero-copy {
    min-height: 1045px !important;
    padding-bottom: 390px !important;
  }
  .hero-media {
    top: 730px !important;
    height: 315px !important;
  }
}

/* v37.1: keep the fixed navigation from visually colliding with page content. */
html {
  scroll-padding-top: 112px;
}
.site-header.scrolled {
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: rgba(0, 67, 99, 0.14) !important;
  box-shadow: 0 12px 34px rgba(8, 31, 52, 0.14) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
}
#buyer-risks,
#method,
#client-proof,
#paths,
#faq,
#contact {
  scroll-margin-top: 112px !important;
}

@media (max-width: 800px) {
  html {
    scroll-padding-top: 86px;
  }
  #buyer-risks,
  #method,
  #client-proof,
  #paths,
  #faq,
  #contact {
    scroll-margin-top: 86px !important;
  }
  .site-header.scrolled {
    height: 68px !important;
  }
}

/* v37.2: the navigation belongs to the hero and scrolls away with it. */
html {
  scroll-padding-top: 0;
}
.site-header,
.site-header.scrolled {
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  height: 102px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#buyer-risks,
#method,
#client-proof,
#paths,
#faq,
#contact {
  scroll-margin-top: 24px !important;
}

@media (max-width: 800px) {
  .site-header,
  .site-header.scrolled {
    height: 78px !important;
  }
}

/* v37.3: desktop navigation participates in normal flow and can never overlay scrolled content. */
@media (min-width: 801px) {
  .site-header,
  .site-header.scrolled {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    height: 102px !important;
    margin-inline: auto !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .hero-grid {
    padding-top: 48px !important;
  }
}

/* v37.3: updated founder profile using the approved v39 composition and new portrait. */
.v37-3-founder {
  display: grid;
  grid-template-columns: 1.03fr 0.97fr;
  min-height: 820px;
  margin-top: 110px;
  color: #082f49;
  background: #fff;
}
.v37-3-founder__portrait {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #dfe8ec;
}
.v37-3-founder__portrait > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 48%;
}
.v37-3-founder__portrait:after {
  content: "";
  position: absolute;
  inset: 38% 0 0;
  background: linear-gradient(transparent, rgba(3, 31, 48, 0.94));
}
.v37-3-founder__portrait figcaption {
  position: absolute;
  z-index: 2;
  left: max(42px, calc((100vw - 1240px) / 2));
  right: 50px;
  bottom: 48px;
  color: #fff;
}
.v37-3-founder__portrait figcaption > span,
.v37-3-founder__label {
  color: #0784b0;
  font: 800 10px/1.2 var(--v33-sans);
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.v37-3-founder__portrait figcaption > span {
  color: #78ddf8;
}
.v37-3-founder__portrait blockquote {
  max-width: 650px;
  margin: 17px 0 0;
  font: 400 clamp(27px, 2.7vw, 39px) / 1.19 var(--v33-serif);
  letter-spacing: -0.025em;
}
.v37-3-founder__statement {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 92px max(54px, calc((100vw - 1240px) / 2)) 84px
    clamp(62px, 6vw, 105px);
}
.v37-3-founder__statement h2 {
  margin: 18px 0 26px;
  font: 400 clamp(45px, 4.7vw, 66px) / 1.01 var(--v33-serif);
  letter-spacing: -0.038em;
}
.v37-3-founder__statement > p:not(.v37-3-founder__label) {
  margin: 0 0 19px;
  color: #58758a;
  font: 400 16px/1.66 var(--v33-sans);
}
.v37-3-founder__statement footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 17px;
  padding-top: 25px;
  border-top: 1px solid rgba(0, 67, 99, 0.16);
}
.v37-3-founder__statement footer span {
  padding: 0 16px;
  color: #34596e;
  font: 750 10px/1.45 var(--v33-sans);
  letter-spacing: 0.06em;
}
.v37-3-founder__statement footer span:first-child {
  padding-left: 0;
}
.v37-3-founder__statement footer span + span {
  border-left: 1px solid rgba(0, 67, 99, 0.17);
}

@media (max-width: 1000px) {
  .v37-3-founder {
    grid-template-columns: 1fr 1fr;
  }
  .v37-3-founder__statement {
    padding-inline: 52px;
  }
}

@media (max-width: 760px) {
  .v37-3-founder {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 70px;
  }
  .v37-3-founder__portrait {
    height: 680px;
  }
  .v37-3-founder__portrait > img {
    object-position: 50% 48%;
  }
  .v37-3-founder__portrait figcaption {
    left: 20px;
    right: 20px;
    bottom: 28px;
  }
  .v37-3-founder__portrait blockquote {
    font-size: 29px;
  }
  .v37-3-founder__statement {
    padding: 68px 20px 72px;
  }
  .v37-3-founder__statement h2 {
    font-size: 45px;
  }
  .v37-3-founder__statement footer {
    display: grid;
  }
  .v37-3-founder__statement footer span,
  .v37-3-founder__statement footer span:first-child {
    padding: 11px 0;
    border-left: 0;
    border-top: 1px solid rgba(0, 67, 99, 0.12);
  }
}

/* v37.4: the approved founder quote becomes the headline-level idea. */
.v37-4-founder {
  min-height: 980px;
}
.v37-4-founder__portrait:after {
  inset: 66% 0 0;
  background: linear-gradient(transparent, rgba(3, 31, 48, 0.72));
}
.v37-4-founder__portrait figcaption {
  bottom: 30px;
}
.v37-4-founder__statement {
  padding-top: 76px;
  padding-bottom: 72px;
}
.v37-4-founder__thesis {
  margin: 18px 0 29px;
  color: #082f49;
  font: 400 clamp(31px, 3.25vw, 47px) / 1.14 var(--v33-serif);
  letter-spacing: -0.03em;
}
.v37-4-founder__statement > p:not(.v37-3-founder__label) {
  font-size: 14.5px;
  line-height: 1.61;
}
.v37-4-founder__statement footer {
  margin-top: 13px;
}

@media (max-width: 760px) {
  .v37-4-founder__portrait {
    height: 560px;
  }
  .v37-4-founder__portrait:after {
    inset: 70% 0 0;
  }
  .v37-4-founder__statement {
    padding-top: 62px;
  }
  .v37-4-founder__thesis {
    font-size: 35px;
    line-height: 1.13;
  }
  .v37-4-founder__statement > p:not(.v37-3-founder__label) {
    font-size: 15.5px;
    line-height: 1.62;
  }
}

/* =========================================================
   v37.7 — cinematic, process-specific Motosaic Method
   ========================================================= */
.v40-method {
  --v40-navy: #03283f;
  --v40-deep: #001c2e;
  --v40-cyan: #20c4ee;
  --v40-paper: #f5f9fb;
  color: #072f49;
  background:
    radial-gradient(circle at 18% 7%, rgba(31, 195, 239, 0.1), transparent 25%),
    linear-gradient(180deg, #f9fcfd 0%, #f3f8fa 61%, #edf5f8 100%);
  padding: 142px 0 0;
}
.v40-method__intro {
  width: min(1360px, calc(100% - 80px));
  margin: 0 auto 112px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.72fr);
  gap: clamp(60px, 8vw, 132px);
  align-items: end;
}
.v40-kicker {
  margin: 0 0 26px;
  color: #0285b2;
  font: 800 11px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.21em;
}
.v40-method__intro h2 {
  max-width: 820px;
  margin: 0;
  font: 400 clamp(60px, 6.15vw, 92px) / 0.96 var(--v33-serif, var(--serif));
  letter-spacing: -0.047em;
}
.v40-method__intro h2 em {
  color: #0389b8;
  font-weight: 400;
}
.v40-method__intro-detail {
  padding-bottom: 7px;
}
.v40-method__intro-detail > p {
  margin: 0;
  color: #506e82;
  font: 400 18px/1.72 var(--v33-sans, var(--sans));
}
.v40-method__intro-detail aside {
  margin-top: 34px;
  padding: 24px 0 0 25px;
  border-top: 1px solid rgba(0, 67, 99, 0.18);
  border-left: 2px solid var(--v40-cyan);
  display: grid;
  gap: 7px;
}
.v40-method__intro-detail aside span {
  color: #0584ae;
  font: 800 10px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.v40-method__intro-detail aside strong {
  color: #173e55;
  font: 650 14px/1.55 var(--v33-sans, var(--sans));
}
.v40-method__sequence {
  width: min(1480px, calc(100% - 64px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(540px, 1.08fr) minmax(480px, 0.92fr);
  gap: clamp(50px, 5.2vw, 90px);
  align-items: stretch;
}
.v40-method__stage-column {
  position: relative;
  min-width: 0;
}
.v40-method__stage {
  position: sticky;
  top: 28px;
  height: min(760px, calc(100vh - 56px));
  min-height: 610px;
  overflow: hidden;
  background: var(--v40-deep);
  border: 1px solid rgba(0, 67, 99, 0.16);
  border-radius: 30px;
  box-shadow: 0 32px 85px rgba(0, 42, 66, 0.18);
}
.v40-scene {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  transition:
    opacity 0.72s ease,
    visibility 0.72s ease,
    transform 1.1s ease;
}
.v40-scene.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.v40-scene > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v40-scene--motomatch > img {
  object-position: 48% 50%;
}
.v40-scene--motomatch:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(1, 24, 39, 0.05) 34%,
    rgba(247, 251, 252, 0.16) 59%,
    rgba(247, 251, 252, 0.93) 100%
  );
}
.v40-scene__caption {
  position: absolute;
  z-index: 2;
}
.v40-scene__caption--motomatch {
  top: 50%;
  right: 38px;
  width: 42%;
  transform: translateY(-50%);
  padding-left: 22px;
  border-left: 2px solid #08aede;
  display: grid;
  gap: 13px;
}
.v40-scene__caption--motomatch span,
.v40-scene__prep > span {
  color: #0285b2;
  font: 850 10px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.19em;
}
.v40-scene__caption--motomatch strong {
  color: #062f49;
  font: 400 clamp(31px, 2.65vw, 43px) / 1.04 var(--v33-serif, var(--serif));
  letter-spacing: -0.035em;
}
.v40-scene__caption--motomatch small {
  color: #4d6a7d;
  font: 700 10px/1.55 var(--v33-sans, var(--sans));
  letter-spacing: 0.06em;
}
.v40-scene--drive:after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(0, 18, 30, 0.93) 0%,
      rgba(0, 22, 36, 0.69) 27%,
      transparent 62%
    ),
    linear-gradient(0deg, rgba(0, 20, 33, 0.54), transparent 46%);
}
.v40-scene--drive > img {
  object-position: 57% 50%;
}
.v40-scene__prep {
  position: absolute;
  z-index: 2;
  left: 38px;
  bottom: 42px;
  width: min(315px, 42%);
  margin: 0;
  color: #fff;
}
.v40-scene__prep > span {
  display: block;
  color: #69dcf8;
  margin-bottom: 20px;
}
.v40-scene__prep ul {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.v40-scene__prep li {
  position: relative;
  padding: 0 0 13px 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  font: 650 14px/1.3 var(--v33-sans, var(--sans));
}
.v40-scene__prep li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border: 2px solid #28c9ef;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(40, 201, 239, 0.12);
}
.v40-scene--deal {
  background:
    radial-gradient(
      circle at 72% 30%,
      rgba(31, 195, 239, 0.25),
      transparent 30%
    ),
    radial-gradient(
      circle at 16% 82%,
      rgba(0, 132, 176, 0.19),
      transparent 27%
    ),
    linear-gradient(145deg, #032c45, #001725 67%);
}
.v40-scene--deal:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(116, 211, 237, 0.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 211, 237, 0.13) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(
    135deg,
    transparent,
    #000 35%,
    transparent 86%
  );
  mask-image: linear-gradient(135deg, transparent, #000 35%, transparent 86%);
}
.v40-deal-visual {
  position: absolute;
  inset: 0;
  padding: 52px;
  color: #fff;
}
.v40-deal-visual > p {
  margin: 0;
  color: #69dcf8;
  font: 850 10px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.2em;
}
.v40-deal-visual__price {
  position: absolute;
  top: 96px;
  left: 52px;
  display: grid;
  gap: 8px;
}
.v40-deal-visual__price span,
.v40-deal-visual__result span {
  color: #84aabd;
  font: 800 9px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.16em;
}
.v40-deal-visual__price strong {
  font: 400 42px/1 var(--v33-serif, var(--serif));
  letter-spacing: -0.035em;
}
.v40-deal-visual__price small {
  color: #a9c0cd;
  font: 500 11px/1.4 var(--v33-sans, var(--sans));
  letter-spacing: 0.03em;
}
.v40-deal-visual__inputs {
  position: absolute;
  top: 247px;
  left: 52px;
  right: 52px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.v40-deal-visual__inputs span {
  min-height: 66px;
  border: 1px solid rgba(114, 214, 241, 0.28);
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #d8f2f9;
  background: rgba(0, 28, 46, 0.46);
  font: 800 9px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.13em;
}
.v40-deal-visual__line {
  position: absolute;
  left: 50%;
  top: 410px;
  width: 1px;
  height: 76px;
  background: linear-gradient(#23c8ed, rgba(35, 200, 237, 0.12));
}
.v40-deal-visual__line:before,
.v40-deal-visual__line:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.v40-deal-visual__line:before {
  top: -4px;
  width: 8px;
  height: 8px;
  background: #25c8ed;
  box-shadow: 0 0 18px #25c8ed;
}
.v40-deal-visual__line:after {
  bottom: -6px;
  width: 11px;
  height: 11px;
  border: 1px solid #25c8ed;
  background: #03283f;
}
.v40-deal-visual__result {
  position: absolute;
  left: 52px;
  right: 52px;
  bottom: 58px;
  text-align: center;
  display: grid;
  gap: 12px;
}
.v40-deal-visual__result span {
  color: #67d9f5;
}
.v40-deal-visual__result strong {
  font: 400 clamp(38px, 3.3vw, 52px) / 1.02 var(--v33-serif, var(--serif));
  letter-spacing: -0.038em;
}
.v40-method__steps {
  min-width: 0;
  padding-bottom: 90px;
}
.v40-phase {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(0, 67, 99, 0.2);
  color: #0585af;
  font: 850 10px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.19em;
}
.v40-phase:first-child {
  border-top: 0;
}
.v40-phase b {
  color: #7893a3;
  font-size: 9px;
}
.v40-step {
  min-height: 365px;
  padding: 68px 0 62px;
  border-top: 1px solid rgba(0, 67, 99, 0.14);
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 25px;
  align-content: center;
}
.v40-step__number {
  color: #0489b7;
  font: 400 28px/1 var(--v33-serif, var(--serif));
  transition:
    color 0.35s,
    transform 0.35s;
}
.v40-step.is-current .v40-step__number {
  color: #20bce6;
  transform: translateX(5px);
}
.v40-step__label {
  margin: 2px 0 17px;
  color: #0784ad;
  font: 850 9px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.18em;
}
.v40-step h3 {
  max-width: 565px;
  margin: 0;
  color: #092f47;
  font: 400 clamp(34px, 3vw, 47px) / 1.04 var(--v33-serif, var(--serif));
  letter-spacing: -0.035em;
}
.v40-step div > p:last-child {
  max-width: 590px;
  margin: 24px 0 0;
  color: #58758a;
  font: 400 15px/1.72 var(--v33-sans, var(--sans));
}
.v40-mobile-scene,
.v40-mobile-deal {
  display: none;
}
.v40-method__close {
  position: relative;
  width: 100%;
  height: min(760px, 72vw);
  min-height: 620px;
  margin: 0;
  overflow: hidden;
  background: #021d2f;
}
.v40-method__close > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 55% 52%;
}
.v40-method__close-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(0, 20, 33, 0.98) 0%,
      rgba(0, 25, 40, 0.9) 31%,
      rgba(0, 27, 44, 0.42) 59%,
      rgba(0, 20, 33, 0.08) 100%
    ),
    linear-gradient(0deg, rgba(0, 18, 29, 0.45), transparent 40%);
}
.v40-method__close-copy {
  position: absolute;
  z-index: 2;
  left: max(40px, calc((100vw - 1360px) / 2));
  top: 50%;
  width: min(720px, 48vw);
  color: #fff;
  transform: translateY(-50%);
}
.v40-method__close-copy > span {
  color: #6de0fa;
  font: 850 10px/1.2 var(--v33-sans, var(--sans));
  letter-spacing: 0.2em;
}
.v40-method__close-copy p {
  margin: 22px 0 28px;
  font: 400 clamp(48px, 4.7vw, 72px) / 1.01 var(--v33-serif, var(--serif));
  letter-spacing: -0.042em;
}
.v40-method__close-copy p em {
  color: #64dbf7;
  font-weight: 400;
}
.v40-method__close-copy small {
  color: #c2d3dc;
  font: 600 14px/1.5 var(--v33-sans, var(--sans));
  letter-spacing: 0.02em;
}

@media (max-width: 1180px) {
  .v40-method__sequence {
    grid-template-columns: minmax(470px, 1fr) minmax(420px, 0.9fr);
    gap: 46px;
  }
  .v40-method__stage {
    height: min(680px, calc(100vh - 48px));
    min-height: 560px;
  }
  .v40-scene__caption--motomatch {
    right: 25px;
    width: 44%;
  }
  .v40-deal-visual {
    padding: 40px;
  }
  .v40-deal-visual__price {
    top: 83px;
    left: 40px;
  }
  .v40-deal-visual__inputs {
    top: 220px;
    left: 40px;
    right: 40px;
  }
  .v40-deal-visual__line {
    top: 374px;
    height: 60px;
  }
  .v40-deal-visual__result {
    left: 40px;
    right: 40px;
    bottom: 44px;
  }
}

@media (max-width: 900px) {
  .v40-method {
    padding-top: 94px;
  }
  .v40-method__intro {
    width: min(100% - 40px, 760px);
    grid-template-columns: 1fr;
    gap: 42px;
    margin-bottom: 70px;
  }
  .v40-method__intro h2 {
    font-size: clamp(54px, 11.6vw, 78px);
  }
  .v40-method__intro-detail {
    max-width: 660px;
  }
  .v40-method__sequence {
    width: min(100% - 40px, 760px);
    display: block;
  }
  .v40-method__stage-column {
    display: none;
  }
  .v40-method__steps {
    padding-bottom: 72px;
  }
  .v40-phase {
    height: 72px;
    margin-top: 24px;
  }
  .v40-phase:first-child {
    margin-top: 0;
  }
  .v40-mobile-scene {
    position: relative;
    display: block;
    aspect-ratio: 1.28/1;
    margin: 0 0 10px;
    overflow: hidden;
    border-radius: 22px;
    background: #04263b;
    box-shadow: 0 22px 55px rgba(0, 47, 73, 0.18);
  }
  .v40-mobile-scene > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .v40-mobile-scene:after {
    content: "";
    position: absolute;
    inset: 0;
  }
  .v40-mobile-scene > div {
    position: absolute;
    z-index: 2;
    left: 23px;
    right: 23px;
    bottom: 24px;
    display: grid;
    gap: 8px;
    color: #fff;
  }
  .v40-mobile-scene > div span {
    color: #63d9f6;
    font: 850 9px/1.2 var(--v33-sans, var(--sans));
    letter-spacing: 0.18em;
  }
  .v40-mobile-scene > div strong {
    font: 400 30px/1.06 var(--v33-serif, var(--serif));
    letter-spacing: -0.03em;
  }
  .v40-mobile-scene--motomatch > img {
    object-position: 25% 50%;
  }
  .v40-mobile-scene--motomatch:after {
    background: linear-gradient(
      0deg,
      rgba(0, 24, 39, 0.94),
      rgba(0, 24, 39, 0.02) 68%
    );
  }
  .v40-mobile-scene--drive > img {
    object-position: 61% 50%;
  }
  .v40-mobile-scene--drive:after {
    background: linear-gradient(0deg, rgba(0, 22, 36, 0.95), transparent 68%);
  }
  .v40-mobile-scene--drive > div strong {
    font: 700 13px/1.5 var(--v33-sans, var(--sans));
    letter-spacing: 0.02em;
  }
  .v40-mobile-deal {
    min-height: 305px;
    margin-bottom: 10px;
    padding: 30px 22px;
    border-radius: 22px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    background:
      radial-gradient(
        circle at 80% 20%,
        rgba(31, 195, 239, 0.23),
        transparent 28%
      ),
      linear-gradient(145deg, #032c45, #001725 70%);
    box-shadow: 0 22px 55px rgba(0, 47, 73, 0.18);
  }
  .v40-mobile-deal span {
    display: grid;
    place-items: center;
    border: 1px solid rgba(104, 215, 243, 0.26);
    border-radius: 5px;
    color: #d5f2fa;
    font: 800 8px/1.2 var(--v33-sans, var(--sans));
    letter-spacing: 0.1em;
  }
  .v40-mobile-deal strong {
    grid-column: 1/-1;
    align-self: end;
    padding-top: 22px;
    color: #fff;
    text-align: center;
    font: 400 30px/1 var(--v33-serif, var(--serif));
    letter-spacing: -0.03em;
  }
  .v40-step {
    min-height: 0;
    grid-template-columns: 54px 1fr;
    gap: 16px;
    padding: 48px 0 54px;
  }
  .v40-step h3 {
    font-size: clamp(35px, 8.7vw, 46px);
  }
  .v40-step div > p:last-child {
    font-size: 15px;
  }
  .v40-method__close {
    height: 720px;
    min-height: 0;
  }
  .v40-method__close > img {
    object-position: 67% 50%;
  }
  .v40-method__close-shade {
    background: linear-gradient(
      0deg,
      rgba(0, 20, 33, 0.99) 0%,
      rgba(0, 23, 38, 0.88) 49%,
      rgba(0, 24, 39, 0.15) 100%
    );
  }
  .v40-method__close-copy {
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 68px;
    width: auto;
    transform: none;
  }
  .v40-method__close-copy p {
    font-size: clamp(43px, 10.7vw, 62px);
  }
}

@media (max-width: 520px) {
  .v40-method {
    padding-top: 78px;
  }
  .v40-method__intro,
  .v40-method__sequence {
    width: calc(100% - 32px);
  }
  .v40-method__intro {
    margin-bottom: 55px;
  }
  .v40-method__intro h2 {
    font-size: 50px;
    line-height: 0.98;
  }
  .v40-method__intro-detail > p {
    font-size: 16px;
  }
  .v40-method__intro-detail aside {
    padding-left: 17px;
  }
  .v40-mobile-scene {
    aspect-ratio: 1/1.08;
    border-radius: 18px;
  }
  .v40-mobile-scene > div strong {
    font-size: 27px;
  }
  .v40-step {
    grid-template-columns: 44px 1fr;
    padding: 42px 0 48px;
  }
  .v40-step__number {
    font-size: 24px;
  }
  .v40-step h3 {
    font-size: 36px;
    line-height: 1.04;
  }
  .v40-step div > p:last-child {
    margin-top: 20px;
    font-size: 14.5px;
    line-height: 1.68;
  }
  .v40-mobile-deal {
    min-height: 280px;
    border-radius: 18px;
  }
  .v40-method__close {
    height: 680px;
  }
  .v40-method__close > img {
    object-position: 70% 44%;
  }
  .v40-method__close-copy {
    bottom: 54px;
  }
  .v40-method__close-copy p {
    font-size: 43px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v40-scene,
  .v40-step__number {
    transition: none;
  }
}

@media (min-width: 901px) {
  html,
  body {
    overflow-x: clip !important;
  }
}

/* =========================================================
   v37.8 — mobile editorial polish for the cinematic Method
   Desktop remains identical to v37.7.
   ========================================================= */
@media (max-width: 900px) {
  .v40-method {
    padding-top: 76px;
  }
  .v40-method__intro {
    width: min(100% - 40px, 760px);
    gap: 27px;
    margin-bottom: 45px;
    align-items: start;
  }
  .v40-kicker {
    margin-bottom: 18px;
    font-size: 9px;
    letter-spacing: 0.19em;
  }
  .v40-method__intro h2 {
    max-width: 640px;
    font-size: clamp(44px, 10.8vw, 64px);
    line-height: 0.99;
    letter-spacing: -0.043em;
  }
  .v40-method__intro-detail > p {
    max-width: 610px;
    font-size: 15.5px;
    line-height: 1.64;
  }
  .v40-method__intro-detail aside {
    grid-template-columns: minmax(106px, 128px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 22px;
    padding: 17px 0 0;
    border-left: 0;
  }
  .v40-method__intro-detail aside span {
    padding-top: 2px;
    font-size: 8px;
    line-height: 1.45;
  }
  .v40-method__intro-detail aside strong {
    font-size: 12.5px;
    line-height: 1.48;
  }

  .v40-method__sequence {
    width: min(100% - 40px, 760px);
  }
  .v40-method__steps {
    position: relative;
    padding-bottom: 48px;
  }
  .v40-phase {
    display: none;
  }

  .v40-mobile-scene,
  .v40-mobile-deal {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: 0 18px 42px rgba(0, 47, 73, 0.16);
  }
  .v40-mobile-scene {
    aspect-ratio: 16/11;
    min-height: 0;
  }
  .v40-mobile-scene:before,
  .v40-mobile-deal:before {
    position: absolute;
    z-index: 4;
    top: 17px;
    left: 20px;
    padding: 7px 10px 6px;
    border: 1px solid rgba(130, 224, 247, 0.38);
    color: #c8f3fd;
    background: rgba(0, 28, 45, 0.64);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font: 850 8px/1 var(--v33-sans, var(--sans));
    letter-spacing: 0.17em;
  }
  .v40-mobile-scene--motomatch:before {
    content: "DEFINE  ·  01–02";
  }
  .v40-mobile-scene--drive:before {
    content: "VALIDATE  ·  03–04";
  }
  .v40-mobile-scene > div {
    left: 20px;
    right: 20px;
    bottom: 20px;
    gap: 6px;
  }
  .v40-mobile-scene > div span {
    font-size: 8px;
  }
  .v40-mobile-scene > div strong {
    max-width: 315px;
    font-size: 27px;
    line-height: 1.02;
  }
  .v40-mobile-scene--motomatch > img {
    object-position: 31% 50%;
  }
  .v40-mobile-scene--drive > img {
    object-position: 58% 50%;
  }
  .v40-mobile-scene--drive > div strong {
    max-width: 340px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.015em;
  }

  .v40-mobile-deal {
    position: relative;
    min-height: 258px;
    padding: 58px 20px 24px;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    overflow: hidden;
  }
  .v40-mobile-deal:before {
    content: "ACQUIRE  ·  05–06";
  }
  .v40-mobile-deal:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 121px;
    bottom: 78px;
    width: 1px;
    background: linear-gradient(
      rgba(36, 200, 238, 0.06),
      rgba(36, 200, 238, 0.72),
      rgba(36, 200, 238, 0.06)
    );
  }
  .v40-mobile-deal span {
    position: relative;
    z-index: 1;
    min-height: 38px;
    background: rgba(0, 27, 44, 0.64);
  }
  .v40-mobile-deal strong {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    font-size: 27px;
  }

  .v40-step {
    position: relative;
    min-height: 0;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    padding: 0;
    border-top: 0;
    align-content: start;
  }
  .v40-step:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 16.5px;
    width: 1px;
    background: linear-gradient(
      rgba(21, 164, 207, 0.12),
      rgba(21, 164, 207, 0.48),
      rgba(21, 164, 207, 0.12)
    );
  }
  .v40-step:last-child:before {
    bottom: auto;
    height: 48px;
  }
  .v40-step__number {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    margin-top: 27px;
    border: 1px solid rgba(5, 137, 183, 0.45);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #0489b7;
    background: #f4f9fb;
    font: 700 12px/1 var(--v33-sans, var(--sans));
  }
  .v40-step.is-current .v40-step__number {
    transform: none;
    color: #0489b7;
  }
  .v40-step > div {
    min-width: 0;
    padding: 28px 0 34px;
    border-top: 1px solid rgba(0, 67, 99, 0.13);
  }
  .v40-step__label {
    margin: 2px 0 9px;
    font-size: 8px;
    letter-spacing: 0.17em;
  }
  .v40-step h3 {
    max-width: 550px;
    font-size: clamp(29px, 7.5vw, 38px);
    line-height: 1.02;
  }
  .v40-step div > p:last-child {
    max-width: 570px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.62;
  }

  .v40-method__close {
    height: 620px;
  }
  .v40-method__close-copy {
    bottom: 48px;
  }
  .v40-method__close-copy p {
    margin: 17px 0 21px;
    font-size: clamp(39px, 10vw, 54px);
    line-height: 0.99;
  }
  .v40-method__close-copy small {
    font-size: 12px;
  }
}

@media (max-width: 520px) {
  .v40-method {
    padding-top: 66px;
  }
  .v40-method__intro,
  .v40-method__sequence {
    width: calc(100% - 32px);
  }
  .v40-method__intro {
    gap: 24px;
    margin-bottom: 39px;
  }
  .v40-method__intro h2 {
    font-size: 43px;
    line-height: 0.99;
  }
  .v40-method__intro-detail > p {
    font-size: 15px;
  }
  .v40-method__intro-detail aside {
    grid-template-columns: 103px minmax(0, 1fr);
    gap: 14px;
    padding-left: 0;
  }
  .v40-mobile-scene,
  .v40-mobile-deal {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .v40-mobile-scene {
    aspect-ratio: 16/11;
  }
  .v40-mobile-scene > div strong {
    font-size: 26px;
  }
  .v40-mobile-scene--drive > div strong {
    font-size: 13.5px;
  }
  .v40-mobile-deal {
    min-height: 248px;
    border-radius: 0;
  }
  .v40-step {
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 11px;
    padding: 0;
  }
  .v40-step__number {
    font-size: 11px;
  }
  .v40-step > div {
    padding: 27px 0 33px;
  }
  .v40-step h3 {
    font-size: 30px;
    line-height: 1.02;
  }
  .v40-step div > p:last-child {
    margin-top: 14px;
    font-size: 13.5px;
    line-height: 1.62;
  }
  .v40-method__close {
    height: 590px;
  }
  .v40-method__close-copy {
    bottom: 42px;
  }
  .v40-method__close-copy p {
    font-size: 39px;
  }
}

@media (max-width: 365px) {
  .v40-method__intro h2 {
    font-size: 39px;
  }
  .v40-method__intro-detail aside {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .v40-mobile-scene > div strong {
    font-size: 23px;
  }
  .v40-mobile-scene--drive > div strong {
    font-size: 13.5px;
    line-height: 1.35;
  }
  .v40-step h3 {
    font-size: 27px;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: no-preference) {
  html.v40-mobile-motion-ready .v40-mobile-scene,
  html.v40-mobile-motion-ready .v40-mobile-deal,
  html.v40-mobile-motion-ready .v40-step {
    opacity: 0;
    transform: translateY(16px);
    transition:
      opacity 0.62s ease,
      transform 0.72s cubic-bezier(0.22, 0.8, 0.25, 1);
  }
  html.v40-mobile-motion-ready .v40-mobile-scene > img {
    transform: scale(1.035);
    transition: transform 1.15s ease;
  }
  html.v40-mobile-motion-ready .v40-mobile-scene.is-revealed,
  html.v40-mobile-motion-ready .v40-mobile-deal.is-revealed,
  html.v40-mobile-motion-ready .v40-step.is-revealed {
    opacity: 1;
    transform: translateY(0);
  }
  html.v40-mobile-motion-ready .v40-mobile-scene.is-revealed > img {
    transform: scale(1);
  }
}

/* =========================================================
   v37.9 — mobile outcomes carousel + one persistent CTA
   ========================================================= */
.v37-9-outcomes-controls {
  display: none;
}

@media (max-width: 800px) {
  .v33-outcomes__inner {
    padding-top: 78px;
    padding-bottom: 76px;
  }
  .v33-outcomes__head {
    margin-bottom: 27px;
  }
  .v33-proof-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    gap: 14px !important;
    margin: 0 -18px;
    padding: 6px 26px 24px 18px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 18px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .v33-proof-list::-webkit-scrollbar {
    display: none;
  }
  .v33-proof,
  .v33-proof:nth-child(even) {
    flex: 0 0 min(calc(100vw - 48px), 390px);
    min-width: 0;
    min-height: 0;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    border-radius: 20px;
    box-shadow: 0 15px 38px rgba(7, 47, 72, 0.11);
  }
  .v33-proof:nth-child(even) .v33-proof__media {
    order: 0;
  }
  .v33-proof__media {
    flex: 0 0 235px;
    min-height: 0;
  }
  .v33-proof__badge {
    top: 14px;
    left: 14px;
    gap: 8px;
    padding: 8px 10px;
    font-size: 9px;
    letter-spacing: 0.11em;
  }
  .v33-proof__badge i {
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 4px rgba(89, 215, 246, 0.14);
  }
  .v33-proof__copy {
    flex: 1;
    padding: 23px 21px 24px;
  }
  .v33-proof__category {
    margin-bottom: 7px;
    font-size: 11px;
    letter-spacing: 0.16em;
  }
  .v33-proof__shift {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.25;
  }
  .v33-proof h3 {
    margin-bottom: 14px;
    font-size: 31px;
    line-height: 1.01;
  }
  .v33-proof__story {
    font-size: 14px;
    line-height: 1.54;
  }
  .v33-proof__outcome {
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid rgba(8, 61, 90, 0.13);
  }
  .v33-proof__outcome span {
    margin-bottom: 6px;
    font-size: 9px;
  }
  .v33-proof__outcome strong {
    font-size: 15px;
    line-height: 1.35;
  }

  .v37-9-outcomes-controls {
    display: grid;
    grid-template-columns: 44px auto 1fr 44px;
    gap: 13px;
    align-items: center;
    margin: 2px 0 30px;
  }
  .v37-9-outcomes-controls > button {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(0, 67, 99, 0.24);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #075d83;
    background: #fff;
    box-shadow: 0 8px 22px rgba(6, 47, 72, 0.08);
  }
  .v37-9-outcomes-controls > button:disabled {
    opacity: 0.32;
    box-shadow: none;
  }
  .v37-9-outcomes-count {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6c8797;
    font: 800 9px/1 var(--v33-sans);
    letter-spacing: 0.12em;
  }
  .v37-9-outcomes-count strong {
    color: #0585b1;
    font-size: 12px;
  }
  .v37-9-outcomes-count span {
    width: 23px;
    height: 1px;
    background: rgba(0, 67, 99, 0.24);
  }
  .v37-9-outcomes-count b {
    font: inherit;
  }
  .v37-9-outcomes-dots {
    justify-self: end;
    display: flex;
    gap: 7px;
    align-items: center;
  }
  .v37-9-outcomes-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: #bad1dc;
    transition:
      width 0.2s ease,
      background 0.2s ease;
  }
  .v37-9-outcomes-dots button[aria-pressed="true"] {
    width: 24px;
    background: #0790bd;
  }

  .v33-common {
    min-height: 340px;
    margin-top: 0;
    border-radius: 20px;
  }
  .v33-common__copy {
    padding: 27px 22px;
  }
  .v33-common__copy span {
    font-size: 9px;
    margin-bottom: 12px;
  }
  .v33-common__copy p {
    font-size: 31px;
    line-height: 1.04;
  }

  .site-header.is-mobile-sticky,
  .site-header.scrolled.is-mobile-sticky {
    position: fixed !important;
    z-index: 80 !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 66px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 67, 99, 0.13) !important;
    border-radius: 0 0 14px 14px !important;
    grid-template-columns: 1fr auto !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 11px 30px rgba(5, 40, 61, 0.14) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
    animation: v37-9-header-in 0.24s ease both;
  }
  .site-header.is-mobile-sticky .brand-logo {
    width: 145px !important;
  }
  .site-header.is-mobile-sticky .header-cta {
    min-height: 42px !important;
  }
  html {
    scroll-padding-top: 78px;
  }
  #buyer-risks,
  #method,
  #client-proof,
  #paths,
  #faq,
  #contact {
    scroll-margin-top: 78px !important;
  }
}

@media (max-width: 380px) {
  .v33-outcomes h2 {
    font-size: 42px;
    line-height: 1;
  }
  .v33-proof__media {
    flex-basis: 218px;
  }
  .v33-proof h3 {
    font-size: 28px;
  }
  .v33-proof__story {
    font-size: 13.5px;
  }
  .v37-9-outcomes-controls {
    grid-template-columns: 42px auto 1fr 42px;
    gap: 10px;
  }
  .v37-9-outcomes-controls > button {
    width: 42px;
    height: 42px;
  }
  .site-header.is-mobile-sticky .brand-logo {
    width: 132px !important;
  }
}

@keyframes v37-9-header-in {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header.is-mobile-sticky,
  .site-header.scrolled.is-mobile-sticky {
    animation: none;
  }
  .v37-9-outcomes-dots button {
    transition: none;
  }
}

/* =========================================================
   v37.10 — mobile Acquire transition
   Replaces the six-tile dashboard with a compact editorial handoff.
   Desktop cinematic Method remains unchanged.
   ========================================================= */
@media (max-width: 900px) {
  .v40-mobile-deal {
    display: block;
    min-height: 0;
    padding: 57px 20px 25px;
    background:
      radial-gradient(
        circle at 88% 14%,
        rgba(31, 195, 239, 0.2),
        transparent 31%
      ),
      linear-gradient(145deg, #032c45, #001725 76%);
    box-shadow: 0 18px 42px rgba(0, 47, 73, 0.13);
  }
  .v40-mobile-deal:before {
    top: 15px;
    padding: 6px 9px 5px;
    border-color: rgba(130, 224, 247, 0.28);
    background: rgba(0, 28, 45, 0.42);
  }
  .v40-mobile-deal:after {
    display: none;
  }
  .v40-mobile-deal__copy {
    display: grid;
    gap: 8px;
  }
  .v40-mobile-deal__copy > span {
    display: block;
    min-height: 0;
    border: 0;
    border-radius: 0;
    color: #75dff8;
    background: none;
    font: 850 8px/1.2 var(--v33-sans, var(--sans));
    letter-spacing: 0.18em;
  }
  .v40-mobile-deal__copy > strong {
    display: block;
    padding: 0;
    color: #fff;
    text-align: left;
    font: 400 clamp(31px, 7.8vw, 39px) / 1.01 var(--v33-serif, var(--serif));
    letter-spacing: -0.035em;
  }
  .v40-mobile-deal__copy > strong em {
    color: #58d7f5;
    font-style: italic;
  }
  .v40-mobile-deal__variables {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin-top: 19px;
    padding: 12px 0 11px;
    border-top: 1px solid rgba(126, 205, 226, 0.22);
    border-bottom: 1px solid rgba(126, 205, 226, 0.22);
  }
  .v40-mobile-deal__variables > span {
    display: inline-flex;
    min-height: 0;
    border: 0;
    border-radius: 0;
    color: #d4edf4;
    background: none;
    font: 800 8px/1.25 var(--v33-sans, var(--sans));
    letter-spacing: 0.13em;
  }
  .v40-mobile-deal__variables > span + span:before {
    content: "·";
    margin: 0 8px;
    color: #43cbed;
  }
  .v40-mobile-deal > small {
    display: block;
    max-width: 440px;
    margin-top: 14px;
    color: #a9c6d2;
    font: 500 11.5px/1.5 var(--v33-sans, var(--sans));
    letter-spacing: 0.005em;
  }
}

@media (max-width: 520px) {
  .v40-mobile-deal {
    min-height: 0;
    padding: 55px 16px 23px;
  }
  .v40-mobile-deal__copy > strong {
    font-size: 31px;
  }
  .v40-mobile-deal__variables > span + span:before {
    margin: 0 6px;
  }
  .v40-mobile-deal > small {
    font-size: 11px;
    line-height: 1.48;
  }
}

/* =========================================================
   v37.11 — desktop Acquire editorial redesign
   Brings the desktop story in line with the mobile treatment.
   ========================================================= */
@media (min-width: 901px) {
  .v40-scene--deal {
    background:
      radial-gradient(
        circle at 86% 18%,
        rgba(31, 195, 239, 0.19),
        transparent 31%
      ),
      radial-gradient(
        circle at 12% 84%,
        rgba(0, 132, 176, 0.14),
        transparent 29%
      ),
      linear-gradient(145deg, #032c45, #001725 72%);
  }
  .v40-scene--deal:before {
    opacity: 0.16;
    background-size: 54px 54px;
    -webkit-mask-image: linear-gradient(
      135deg,
      transparent 2%,
      #000 38%,
      transparent 92%
    );
    mask-image: linear-gradient(
      135deg,
      transparent 2%,
      #000 38%,
      transparent 92%
    );
  }
  .v40-deal-visual {
    position: absolute;
    inset: 0;
    padding: clamp(42px, 3.6vw, 62px);
    color: #fff;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
  }
  .v40-deal-visual > p {
    position: relative;
    z-index: 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: #69dcf8;
    font: 850 10px/1.2 var(--v33-sans, var(--sans));
    letter-spacing: 0.2em;
  }
  .v40-deal-visual > p b {
    color: #7799aa;
    font: 800 8px/1.2 var(--v33-sans, var(--sans));
    letter-spacing: 0.16em;
  }
  .v40-deal-visual__editorial {
    position: relative;
    z-index: 1;
    align-self: center;
    padding: 30px 0 34px;
  }
  .v40-deal-visual__editorial h4 {
    margin: 0;
    color: #fff;
    font: 400 clamp(49px, 4.2vw, 68px) / 0.98 var(--v33-serif, var(--serif));
    letter-spacing: -0.044em;
  }
  .v40-deal-visual__editorial h4 em {
    color: #5bd8f5;
    font-weight: 400;
  }
  .v40-deal-visual__variables {
    max-width: 660px;
    margin-top: 34px;
    padding: 17px 0 16px;
    border-top: 1px solid rgba(126, 205, 226, 0.24);
    border-bottom: 1px solid rgba(126, 205, 226, 0.24);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
  }
  .v40-deal-visual__variables span {
    display: inline-flex;
    align-items: center;
    color: #d8f0f6;
    font: 800 9px/1.25 var(--v33-sans, var(--sans));
    letter-spacing: 0.14em;
  }
  .v40-deal-visual__variables span + span:before {
    content: "·";
    margin: 0 12px;
    color: #43cbed;
  }
  .v40-deal-visual__editorial > small {
    display: block;
    max-width: 535px;
    margin-top: 20px;
    color: #acc8d4;
    font: 500 13px/1.62 var(--v33-sans, var(--sans));
    letter-spacing: 0.005em;
  }
  .v40-deal-visual__outcome {
    position: relative;
    z-index: 1;
    padding-top: 24px;
    border-top: 1px solid rgba(126, 205, 226, 0.2);
    display: grid;
    grid-template-columns: minmax(110px, 0.33fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
  }
  .v40-deal-visual__outcome span {
    padding-top: 7px;
    color: #69dcf8;
    font: 800 8px/1.2 var(--v33-sans, var(--sans));
    letter-spacing: 0.17em;
  }
  .v40-deal-visual__outcome strong {
    color: #fff;
    font: 400 clamp(30px, 2.7vw, 42px) / 1.02 var(--v33-serif, var(--serif));
    letter-spacing: -0.035em;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .v40-deal-visual {
    padding: 40px;
  }
  .v40-deal-visual__editorial h4 {
    font-size: 48px;
  }
  .v40-deal-visual__variables {
    margin-top: 28px;
  }
  .v40-deal-visual__variables span + span:before {
    margin: 0 8px;
  }
  .v40-deal-visual__editorial > small {
    font-size: 12px;
  }
  .v40-deal-visual__outcome {
    grid-template-columns: 100px 1fr;
    gap: 18px;
  }
  .v40-deal-visual__outcome strong {
    font-size: 31px;
  }
}

/* =========================================================
   v37.14 — direct-open hero refinement
   ========================================================= */
@media (min-width: 801px) {
  .hero-grid {
    padding-top: 20px !important;
  }
  .hero-copy {
    padding-top: 40px;
  }
  .hero-media {
    background-position: 58% 18%;
  }
}

/* =========================================================
   v37.15 — stable method states, mobile hero flow, and an
   editorial outcomes-to-founder handoff
   ========================================================= */
@media (min-width: 901px) {
  .v40-method__stage {
    contain: paint;
    isolation: isolate;
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  .v40-scene {
    z-index: 1;
    visibility: hidden;
    pointer-events: none;
    transform: none;
    backface-visibility: hidden;
    will-change: auto;
    transition: none;
  }
  .v40-scene.is-active {
    z-index: 2;
    visibility: visible;
    transform: none;
  }
}

@media (max-width: 760px) {
  .hero {
    padding-bottom: 0 !important;
  }
  .hero-grid {
    min-height: 0 !important;
  }
  .hero-copy {
    min-height: 0 !important;
    padding-bottom: 26px !important;
  }
  .hero-media {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    width: calc(100% + 32px) !important;
    height: 365px !important;
    margin: 0 -16px !important;
    background-position: 50% 15% !important;
  }
}

.v37-15-outcomes-close {
  margin-top: 88px;
  padding: 70px 0 74px;
  border-top: 1px solid rgba(0, 67, 99, 0.18);
  border-bottom: 1px solid rgba(0, 67, 99, 0.18);
  display: grid;
  grid-template-columns: minmax(170px, 0.34fr) minmax(0, 1fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: start;
}
.v37-15-outcomes-close > p {
  margin: 9px 0 0;
  color: #0784b0;
  font: 800 11px/1.2 var(--v33-sans);
  letter-spacing: 0.2em;
}
.v37-15-outcomes-close h3 {
  max-width: 850px;
  margin: 0;
  color: #082f49;
  font: 400 clamp(42px, 4.4vw, 62px) / 1.03 var(--v33-serif);
  letter-spacing: -0.035em;
}
.v37-15-outcomes-close div > p {
  max-width: 720px;
  margin: 26px 0 0;
  color: #58758a;
  font: 400 18px/1.68 var(--v33-sans);
}
.v37-15-outcomes-close span {
  display: block;
  max-width: 720px;
  margin-top: 27px;
  padding: 17px 0 0 20px;
  border-top: 1px solid rgba(0, 67, 99, 0.13);
  border-left: 2px solid #1fc3ef;
  color: #0b6f98;
  font: 750 13px/1.5 var(--v33-sans);
  letter-spacing: 0.025em;
}
.v33-outcomes__inner {
  padding-bottom: 72px;
}
.v37-4-founder {
  margin-top: 0;
}

@media (max-width: 800px) {
  .v33-outcomes__inner {
    display: flex;
    flex-direction: column;
    padding-bottom: 54px;
  }
  .v33-outcomes__head {
    order: 1;
  }
  .v37-9-outcomes-controls {
    order: 2;
    margin: 0 0 18px;
    row-gap: 11px;
  }
  .v37-9-outcomes-controls:before {
    content: "SWIPE TO EXPLORE · THREE REAL CLIENT STORIES";
    grid-column: 1 / -1;
    color: #0784b0;
    font: 800 9px/1.25 var(--v33-sans);
    letter-spacing: 0.16em;
  }
  .v33-proof-list {
    order: 3;
  }
  .v33-proof-list.is-hinting {
    scroll-snap-type: none;
  }
  .v37-15-outcomes-close {
    order: 4;
    margin-top: 43px;
    padding: 44px 0 47px;
    display: block;
  }
  .v37-15-outcomes-close > p {
    margin: 0 0 19px;
    font-size: 9px;
  }
  .v37-15-outcomes-close h3 {
    font-size: 38px;
    line-height: 1.02;
  }
  .v37-15-outcomes-close div > p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.6;
  }
  .v37-15-outcomes-close span {
    margin-top: 23px;
    padding-top: 15px;
    padding-left: 16px;
    font-size: 12.5px;
  }
  .v37-4-founder {
    margin-top: 0;
  }
}

@media (max-width: 380px) {
  .v37-15-outcomes-close h3 {
    font-size: 34px;
  }
}

/* =========================================================
   v37.16 — founder credentials + buyer-aligned FAQ transition
   ========================================================= */
.v37-16-founder__credentials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 20px 0 0;
  padding: 26px 0 0;
  border-top: 1px solid rgba(0, 67, 99, 0.16);
}
.v37-16-founder__credentials > div {
  min-width: 0;
  padding: 0 20px;
  border-left: 1px solid rgba(0, 67, 99, 0.14);
}
.v37-16-founder__credentials > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.v37-16-founder__credentials > div:last-child {
  padding-right: 0;
}
.v37-16-founder__credentials dt {
  margin: 0 0 9px;
  color: #0784b0;
  font: 800 9px/1.2 var(--v33-sans);
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.v37-16-founder__credentials dd {
  margin: 0;
}
.v37-16-founder__credentials strong,
.v37-16-founder__credentials span {
  display: block;
}
.v37-16-founder__credentials strong {
  color: #163f58;
  font: 700 14px/1.35 var(--v33-sans);
}
.v37-16-founder__credentials span {
  margin-top: 5px;
  color: #688397;
  font: 500 11.5px/1.45 var(--v33-sans);
}
.faq-copy > p:not(.eyebrow) {
  max-width: 430px;
}

@media (max-width: 1120px) {
  .v37-16-founder__credentials {
    grid-template-columns: 1fr;
    padding-top: 0;
  }
  .v37-16-founder__credentials > div,
  .v37-16-founder__credentials > div:first-child,
  .v37-16-founder__credentials > div:last-child {
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    align-items: start;
    padding: 16px 0;
    border-top: 1px solid rgba(0, 67, 99, 0.11);
    border-left: 0;
  }
  .v37-16-founder__credentials > div:first-child {
    border-top: 0;
  }
  .v37-16-founder__credentials dt {
    margin: 3px 0 0;
  }
}

@media (max-width: 760px) {
  .v37-4-founder {
    min-height: 0;
  }
  .v37-4-founder__statement {
    padding-bottom: 36px;
  }
  .v37-16-founder__credentials {
    margin-top: 23px;
  }
  .v37-16-founder__credentials > div,
  .v37-16-founder__credentials > div:first-child,
  .v37-16-founder__credentials > div:last-child {
    grid-template-columns: 90px minmax(0, 1fr);
    padding: 17px 0;
  }
  .v37-16-founder__credentials strong {
    font-size: 14px;
  }
  .v37-16-founder__credentials span {
    font-size: 12px;
  }
  .faq-section {
    padding-top: 42px !important;
  }
}