/*
  Data Traffic Center — global stylesheet
  Bereinigt gegen die aktuellen Seiten: Index, Leistungen, Methode,
  Einblicke, Über DTC und Kontakt.
  Veraltete System-Check-, frühere Seiten- und nicht mehr verwendete
  Mockup-Regeln wurden entfernt. Responsive Regeln bleiben in ihrem
  ursprünglichen Media-Kontext erhalten.
*/

/* Shared navigation states: one gold accent on every page */
.site-header .nav-links a[aria-current="page"]::after {
  right: 0;
}
.site-header .mobile-menu a:not(.btn) {
  border-radius: 10px;
  padding: 11px 12px;
  transition: color .2s var(--ease), background .2s var(--ease);
}
.site-header .mobile-menu a:not(.btn):hover,
.site-header .mobile-menu a[aria-current="page"]:not(.btn) {
  color: #9a6a19;
  background: rgba(234,193,106,.12);
}
:is(.services-anchor-row,.iv2-outline nav,.iv2-mobile-outline nav) a:hover,
:is(.services-anchor-row,.iv2-outline nav,.iv2-mobile-outline nav) a[aria-current="location"] {
  color: var(--navy-950);
}


:root {
  --navy-980: #020b16;
  --navy-950: #071526;
  --navy-900: #0b1c32;
  --navy-820: #0f2a47;
  --navy-700: #153f68;
  --cream: #fbf7ef;
  --paper: #fffdf8;
  --soft: #f4f7fa;
  --line: #e3e9f0;
  --ink: #0d1b2f;
  --muted: #64748b;
  --teal: #09b6b5;
  --teal-2: #69e2d7;
  --gold: #eac16a;
  --gold-2: #ffd988;
  --blue: #2d83ff;
  --red: #d75348;
  --green: #5da65c;
  --violet: #8368e8;
  --shadow: 0 24px 70px rgba(8,25,47,.14);
  --shadow-strong: 0 32px 90px rgba(0,0,0,.26);
  --radius: 26px;
  --radius-sm: 15px;
  --max: 1220px;
  --pad: clamp(22px,4vw,54px);
  --ease: cubic-bezier(.22,1,.36,1);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color: var(--ink);
  background: linear-gradient(180deg,#fff,#f7fafc);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

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

button, input, textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

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

.wrap {
  width: min(var(--max),calc(100% - var(--pad)));
  margin-inline: auto;
}

.scroll-progress {
  position: fixed;
  inset: 0 auto auto 0;
  width: var(--scroll,0%);
  height: 3px;
  background: linear-gradient(90deg,var(--gold),var(--teal));
  z-index: 1000;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(4,14,27,.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: .25s var(--ease);
}

.site-header.is-scrolled {
  background: rgba(4,14,27,.97);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

.header-row {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #fff;
}

.brand-mark {
  font-weight: 950;
  font-size: 32px;
  letter-spacing: -2px;
  line-height: 1;
}

.brand-text {
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
  line-height: 1.1;
  border-left: 1px solid rgba(255,255,255,.35);
  padding-left: 12px;
}

.brand-slogan {
  display: block;
  margin-top: 4px;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .06em;
  line-height: 1.15;
  text-transform: none;
  opacity: .76;
  white-space: nowrap;
}

.nav-links {
  display: flex;
  gap: 34px;
  align-items: center;
  color: rgba(255,255,255,.88);
  font-size: 14px;
  font-weight: 750;
}

.nav-links a {
  position: relative;
  padding: 28px 0;
}

.nav-links a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 19px;
  height: 2px;
  background: var(--gold);
  transition: .22s var(--ease);
}

.nav-links a:hover:after {
  right: 0;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 9px;
  border: 1px solid transparent;
  min-height: 48px;
  padding: 0 22px;
  font-weight: 850;
  font-size: 14px;
  transition: transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease);
}

.btn:after {
  content: "→";
  font-weight: 950;
}

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

.btn-gold {
  background: linear-gradient(135deg,var(--gold),var(--gold-2));
  color: #0a1627;
  box-shadow: 0 15px 34px rgba(234,193,106,.22);
}

.btn-gold:hover {
  box-shadow: 0 20px 42px rgba(234,193,106,.34);
}

.btn-outline {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.35);
  color: #fff;
}

.btn-outline:hover {
  border-color: rgba(255,255,255,.7);
  background: rgba(255,255,255,.08);
}

.btn-light {
  background: #fff;
  color: var(--ink);
  border-color: var(--line);
}

.btn-large {
  min-height: 58px;
  padding-inline: 30px;
}

.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  border-radius: 12px;
  position: relative;
}

.menu-toggle span {
  position: absolute;
  left: 12px;
  right: 12px;
  height: 2px;
  background: #fff;
  border-radius: 99px;
  transition: .22s var(--ease);
}

.menu-toggle span:nth-child(1) {
  top: 15px;
}

.menu-toggle span:nth-child(2) {
  top: 22px;
}

.menu-toggle span:nth-child(3) {
  top: 29px;
}

.menu-toggle[aria-expanded=true] span:nth-child(1) {
  top: 22px;
  transform: rotate(45deg);
}

.menu-toggle[aria-expanded=true] span:nth-child(2) {
  opacity: 0;
}

.menu-toggle[aria-expanded=true] span:nth-child(3) {
  top: 22px;
  transform: rotate(-45deg);
}

.mobile-menu {
  display: none;
  background: rgba(4,14,27,.98);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 10px 22px 24px;
}

.mobile-menu a, .mobile-menu button {
  display: flex;
  width: 100%;
  margin-top: 8px;
  color: #fff;
  justify-content: space-between;
}

.eyebrow {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 950;
  color: var(--teal);
  margin-bottom: 16px;
}

.eyebrow.gold {
  color: var(--gold);
}

h1 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(46px,5.2vw,78px);
  line-height: 1.02;
  letter-spacing: -2.3px;
  font-weight: 700;
  max-width: 650px;
}

.hero-lead {
  max-width: 620px;
  color: rgba(255,255,255,.84);
  font-size: 18px;
  line-height: 1.75;
  margin-top: 24px;
}

.hero-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
}

.strip-title {
  white-space: nowrap;
  color: var(--gold);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 950;
}

.cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.site-footer {
  background: #071526;
  color: #fff;
  padding: 48px 0 18px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 36px;
}

.footer-grid p, .footer-grid a, .footer-grid span {
  display: block;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  margin: 9px 0;
}

.footer-grid h3 {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--gold);
  letter-spacing: .12em;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 30px;
  padding-top: 18px;
  color: rgba(255,255,255,.55);
  font-size: 12px;
}

.reveal {
  opacity: 1;
  transform: none;
  transition: opacity .75s var(--ease),transform .75s var(--ease);
  transition-delay: calc(var(--delay,0)*90ms);
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width:1050px) {
  .nav-links, .header-cta {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

  .mobile-menu.is-open {
    display: block;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:620px) {
  h1 {
    font-size: 42px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .hero-actions .btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  *, *:before, *:after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (min-width: 1051px) and (max-width: 1380px) {
  h1 {
    font-size: clamp(46px, 4.7vw, 70px);
  }
}

.site-footer .footer-bottom a {
  color: inherit;
  display: inline;
  margin: 0;
}

.domain-check-copy {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  box-shadow: var(--shadow-strong);
  backdrop-filter: blur(14px);
  padding: 32px;
}

.domain-check-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(32px,3.6vw,48px);
  line-height: 1.12;
  letter-spacing: -.9px;
  max-width: 720px;
}

.domain-check-copy p {
  color: rgba(255,255,255,.78);
  line-height: 1.75;
  margin-top: 16px;
}

.domain-check-form {
  margin-top: 24px;
}

.domain-check-form label {
  display: block;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--gold);
  margin-bottom: 10px;
}

.domain-check-form small {
  display: block;
  color: rgba(255,255,255,.58);
  font-size: 12px;
  line-height: 1.6;
  margin-top: 10px;
}

.domain-check-form code {
  font-size: 11px;
  color: var(--gold-2);
}

@media (max-width:680px) {
  .domain-check-copy {
    padding: 22px;
  }
}

.managed-check-embed {
  width: 100%;
  max-width: 100%;
}

.managed-check-embed noscript {
  display: block;
  margin-top: 12px;
  color: rgba(255,255,255,.75);
  font-size: 14px;
}

body.commerce-home-page {
  background: #fffdf8;
  color: #102033;
}

body.commerce-home-page .site-header {
  background: rgba(255,253,248,.92);
  border-bottom: 1px solid rgba(15,42,71,.10);
  box-shadow: 0 10px 28px rgba(8,25,47,.06);
}

body.commerce-home-page .site-header.is-scrolled {
  background: rgba(255,253,248,.98);
  box-shadow: 0 16px 36px rgba(8,25,47,.10);
}

body.commerce-home-page .brand {
  color: #0d1b2f;
}

body.commerce-home-page .brand-text {
  border-left-color: rgba(13,27,47,.24);
}

body.commerce-home-page .nav-links {
  color: #233449;
}

body.commerce-home-page .btn-outline {
  background: #0d1b2f;
  color: #fff;
  border-color: #0d1b2f;
}

body.commerce-home-page .btn-light {
  background: #fff;
  color: #0d1b2f;
  border-color: #e3e9f0;
  box-shadow: 0 14px 30px rgba(13,27,47,.08);
}

body.commerce-home-page .mobile-menu {
  background: #fffdf8;
  border-top: 1px solid rgba(13,27,47,.1);
}

body.commerce-home-page .mobile-menu a {
  color: #0d1b2f;
}

body.commerce-home-page .menu-toggle {
  border-color: rgba(13,27,47,.16);
  background: rgba(13,27,47,.04);
}

body.commerce-home-page .menu-toggle span {
  background: #0d1b2f;
}

.commerce-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 86px;
  color: #102033;
  background: radial-gradient(circle at 84% 18%,rgba(234,193,106,.28),transparent 34%),
    radial-gradient(circle at 10% 5%,rgba(9,182,181,.13),transparent 34%),
    linear-gradient(180deg,#fffdf8 0%,#f8f1e6 100%);
}

.commerce-hero:after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: rgba(15,42,71,.08);
}

.commerce-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 54px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.commerce-hero h1 {
  color: #111827;
  max-width: 720px;
  font-size: clamp(44px,5vw,74px);
  line-height: 1.04;
  letter-spacing: -2.2px;
}

.commerce-hero .hero-lead {
  color: #334155;
  font-size: 19px;
  line-height: 1.75;
  max-width: 720px;
}

.commerce-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.commerce-keywords span {
  display: inline-flex;
  align-items: center;
  border: 1px solid #eadfcd;
  background: #fff;
  border-radius: 999px;
  padding: 9px 13px;
  font-weight: 900;
  color: #13253b;
  box-shadow: 0 10px 24px rgba(13,27,47,.05);
}

.hero-subnote {
  margin-top: 18px;
  color: #64748b;
  font-weight: 800;
  font-size: 14px;
}

.commerce-proof-card {
  background: #fff;
  border: 1px solid #eadfcd;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 28px 70px rgba(13,27,47,.12);
  position: relative;
  overflow: hidden;
}

.commerce-proof-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg,#eac16a,#09b6b5);
}

.proof-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.proof-card-head span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #b0761c;
  font-weight: 950;
}

.proof-card-head b {
  font-size: 18px;
  color: #0d1b2f;
}

.commerce-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 13px;
}

.commerce-checklist li {
  padding-left: 28px;
  position: relative;
  color: #334155;
  font-weight: 700;
  line-height: 1.5;
}

.commerce-checklist li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #0b8f7f;
  font-weight: 950;
}

.inline-link {
  display: inline-flex;
  margin-top: 22px;
  font-weight: 950;
  color: #0f4a70;
  border-bottom: 2px solid #eac16a;
}

.commerce-platform-strip {
  background: #fff;
  border-block: 1px solid #eadfcd;
  padding: 17px 0;
}

.platform-row {
  display: flex;
  align-items: center;
  gap: 22px;
  overflow: auto;
  white-space: nowrap;
  color: #25364a;
}

.platform-row .strip-title {
  color: #b0761c;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 950;
  flex: 0 0 auto;
}

.platform-row b {
  font-size: 14px;
  background: #fffaf2;
  border: 1px solid #f0dfbd;
  border-radius: 999px;
  padding: 8px 12px;
  flex: 0 0 auto;
}

.commerce-section {
  padding: 78px 0;
  background: #fffdf8;
}

.commerce-split-section {
  background: #fff;
}

.commerce-split-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: start;
}

.commerce-section-copy h2, .front-section-head h2, .commerce-final-panel h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(32px,3.4vw,50px);
  line-height: 1.12;
  letter-spacing: -1.2px;
  color: #111827;
}

.commerce-section-copy p, .section-lead {
  color: #536274;
  font-size: 17px;
  line-height: 1.75;
  margin-top: 16px;
  max-width: 760px;
}

.commerce-problem-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 16px;
}

.commerce-problem-grid article {
  background: #fff;
  border: 1px solid #e8edf2;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 18px 42px rgba(13,27,47,.06);
}

.commerce-problem-grid h3 {
  font-size: 20px;
  letter-spacing: -.2px;
  color: #102033;
  margin-bottom: 9px;
}

.commerce-problem-grid p {
  color: #64748b;
  line-height: 1.65;
}

.commerce-check-section {
  padding: 76px 0;
  background: #f5efe4;
}

.commerce-check-panel {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 34px;
  align-items: center;
  background: #fff;
  border: 1px solid #eadfcd;
  border-radius: 26px;
  padding: 32px;
  box-shadow: 0 24px 70px rgba(13,27,47,.10);
}

.commerce-check-panel .domain-check-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(30px,3vw,44px);
  line-height: 1.14;
  color: #111827;
}

.commerce-check-panel .domain-check-copy p {
  color: #536274;
  line-height: 1.7;
  margin-top: 14px;
}

.check-benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: grid;
  gap: 10px;
}

.check-benefits li {
  position: relative;
  padding-left: 24px;
  color: #334155;
  font-weight: 800;
}

.check-benefits li:before {
  content: "•";
  position: absolute;
  left: 4px;
  color: #d59a3b;
  font-weight: 950;
}

.commerce-check-panel .managed-check-embed {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3e9f0;
  padding: 10px;
}

.commerce-final-cta {
  padding: 76px 0 42px;
  background: #fffdf8;
}

.commerce-final-panel {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: center;
  background: #0d1b2f;
  color: #fff;
  border-radius: 26px;
  padding: 40px;
  box-shadow: 0 30px 80px rgba(13,27,47,.22);
}

.commerce-final-panel h2 {
  color: #fff;
  max-width: 760px;
}

.commerce-final-panel p {
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.7;
  margin-top: 12px;
}

.commerce-final-panel .cta-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.commerce-final-panel .btn-outline {
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.06);
  color: #fff;
}

body.commerce-home-page .site-footer {
  background: #071526;
  color: #fff;
}

body.commerce-home-page .site-footer p, body.commerce-home-page .site-footer a, body.commerce-home-page .site-footer span {
  color: rgba(255,255,255,.78);
}

body.commerce-home-page .site-footer h3 {
  color: #fff;
}

@media (max-width:980px) {
  .commerce-hero-grid, .commerce-split-grid, .commerce-check-panel, .commerce-final-panel {
    grid-template-columns: 1fr;
  }

  .commerce-final-panel .cta-actions {
    justify-content: flex-start;
  }
}

@media (max-width:720px) {
  .commerce-hero {
    padding: 62px 0 60px;
  }

  .commerce-problem-grid {
    grid-template-columns: 1fr;
  }

  .commerce-check-panel, .commerce-proof-card, .commerce-final-panel {
    padding: 24px;
  }

  .commerce-hero h1 {
    font-size: 42px;
  }
}

:is(body.content-page, body.contact-page, body.system-check-page) :is(.content-hero,.contact-hero) .btn-outline {
  background: #0d1b2f;
  color: #fff;
  border-color: #0d1b2f;
}

:is(body.content-page, body.contact-page, body.system-check-page) :is(.content-hero,.contact-hero) .btn-outline:hover {
  background: #15314d;
  border-color: #15314d;
}

:is(body.content-page, body.system-check-page) :is(.trust-panel,.subpage-panel) .btn-outline {
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.06);
  color: #fff;
}

.work-proof-list {
  list-style: none;
  padding: 0;
  margin: 24px 0 28px;
  display: grid;
  gap: 12px;
}

.work-proof-list li {
  position: relative;
  padding-left: 28px;
  color: rgba(255,255,255,.82);
}

.work-proof-list li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--teal-2);
  font-weight: 950;
}

.index-v2-page .v2-service-section {
  padding: 96px 0;
  background: linear-gradient(180deg,#fffdf8,#f7f2e8);
  border-top: 1px solid rgba(13,27,47,.06);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.index-v2-page .v2-service-section .front-section-head {
  max-width: 860px;
}

.index-v2-page .v2-service-rail {
  margin-top: 42px;
  border-top: 1px solid rgba(13,27,47,.12);
}

.index-v2-page .v2-service-row {
  display: grid;
  grid-template-columns: 76px minmax(0,1.45fr) minmax(260px,.55fr);
  gap: 28px;
  align-items: center;
  padding: 34px 0;
  border-bottom: 1px solid rgba(13,27,47,.12);
}

.index-v2-page .v2-service-number {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 38px;
  color: #c89945;
  line-height: 1;
}

.index-v2-page .v2-service-kicker {
  color: #0b8f99;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.index-v2-page .v2-service-main h3 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(27px,3vw,38px);
  line-height: 1.08;
  letter-spacing: -.025em;
  color: var(--ink);
}

.index-v2-page .v2-service-main>p:last-child {
  margin-top: 12px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
  max-width: 760px;
}

.index-v2-page .v2-service-output {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.index-v2-page .v2-service-output span {
  padding: 9px 12px;
  border: 1px solid rgba(13,27,47,.12);
  border-radius: 999px;
  background: #fff;
  color: #415166;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.index-v2-page .v2-legal-note {
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(13,27,47,.1);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.index-v2-page .v2-legal-note b {
  color: var(--ink);
}

.index-v2-page .v2-founder-section {
  padding: 78px 0;
  background: #fff;
}

.index-v2-page .v2-founder-panel {
  display: grid;
  grid-template-columns: 420px minmax(0,1fr);
  gap: 44px;
  align-items: center;
  padding: 38px;
  border: 1px solid rgba(13,27,47,.1);
  border-radius: 28px;
  background: linear-gradient(135deg,#fff,#fff9ee);
  box-shadow: 0 24px 64px rgba(8,25,47,.09);
}

.index-v2-page .v2-founder-visual {
  min-height: 320px;
  padding: 28px;
  border-radius: 22px;
  background: radial-gradient(circle at 70% 20%,rgba(9,182,181,.19),transparent 32%),linear-gradient(145deg,#071526,#123653);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.index-v2-page .v2-founder-visual:before, .index-v2-page .v2-founder-visual:after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
}

.index-v2-page .v2-founder-visual:before {
  width: 210px;
  height: 210px;
  right: -80px;
  top: -70px;
}

.index-v2-page .v2-founder-visual:after {
  width: 150px;
  height: 150px;
  left: -55px;
  bottom: -55px;
}

.index-v2-page .v2-founder-monogram {
  width: 116px;
  height: 116px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -.06em;
  position: relative;
  z-index: 1;
}

.index-v2-page .v2-founder-visual span {
  max-width: 220px;
  color: rgba(255,255,255,.65);
  font-size: 12px;
  line-height: 1.55;
  position: relative;
  z-index: 1;
}

.index-v2-page .v2-founder-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(35px,4vw,53px);
  line-height: 1.05;
  letter-spacing: -.035em;
  color: var(--ink);
}

.index-v2-page .v2-founder-copy>p:not(.eyebrow) {
  margin-top: 19px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
  max-width: 760px;
}

.index-v2-page .v2-founder-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 25px 0;
}

.index-v2-page .v2-founder-meta span {
  padding: 16px 18px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--line);
}

.index-v2-page .v2-founder-meta b, .index-v2-page .v2-founder-meta small {
  display: block;
}

.index-v2-page .v2-founder-meta b {
  font-size: 14px;
}

.index-v2-page .v2-founder-meta small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.45;
}

.index-v2-page .v2-handover-section {
  padding: 94px 0;
  background: linear-gradient(180deg,#f7f9fb,#fff);
}

.index-v2-page .v2-handover-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 68px;
  align-items: center;
}

.index-v2-page .v2-handover-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(38px,4.4vw,58px);
  line-height: 1.03;
  letter-spacing: -.04em;
  color: var(--ink);
}

.index-v2-page .v2-handover-copy>p:not(.eyebrow) {
  margin: 20px 0 26px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}

.index-v2-page .v2-handover-board {
  border: 1px solid rgba(13,27,47,.12);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(8,25,47,.12);
  overflow: hidden;
}

.index-v2-page .v2-board-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 23px 26px;
  background: #071526;
  color: #fff;
}

.index-v2-page .v2-board-head div {
  display: grid;
  gap: 4px;
}

.index-v2-page .v2-board-head span {
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .14em;
  color: var(--gold);
}

.index-v2-page .v2-board-head b {
  font-size: 18px;
}

.index-v2-page .v2-board-head em {
  font-style: normal;
  font-size: 11px;
  color: rgba(255,255,255,.6);
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
}

.index-v2-page .v2-board-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid var(--line);
}

.index-v2-page .v2-board-summary div {
  padding: 20px 26px;
}

.index-v2-page .v2-board-summary div+div {
  border-left: 1px solid var(--line);
}

.index-v2-page .v2-board-summary small, .index-v2-page .v2-board-summary strong {
  display: block;
}

.index-v2-page .v2-board-summary small {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 900;
}

.index-v2-page .v2-board-summary strong {
  margin-top: 7px;
  color: var(--ink);
  font-size: 14px;
}

.index-v2-page .v2-board-list {
  padding: 12px 26px 24px;
}

.index-v2-page .v2-board-list>div {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}

.index-v2-page .v2-board-list>div:last-child {
  border-bottom: 0;
}

.index-v2-page .v2-board-list i {
  font-style: normal;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff5d8;
  color: #8a682a;
  font-size: 11px;
  font-weight: 950;
}

.index-v2-page .v2-board-list b, .index-v2-page .v2-board-list small {
  display: block;
}

.index-v2-page .v2-board-list b {
  font-size: 15px;
}

.index-v2-page .v2-board-list small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.5;
}

.index-v2-page .v2-process-section {
  padding: 88px 0;
  background: #fffdf8;
}

.index-v2-page .v2-process-section .front-section-head {
  max-width: 820px;
}

.index-v2-page .v2-process-line {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 22px;
  align-items: center;
  margin-top: 40px;
}

.index-v2-page .v2-process-line>span {
  font-size: 30px;
  color: #c99a45;
}

.index-v2-page .v2-process-line article {
  min-height: 250px;
  padding: 28px;
  border-radius: 22px;
  border: 1px solid rgba(13,27,47,.1);
  background: #fff;
  box-shadow: 0 18px 46px rgba(8,25,47,.07);
}

.index-v2-page .v2-process-line article>b {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 34px;
  color: #d0a44f;
}

.index-v2-page .v2-process-line h3 {
  margin-top: 30px;
  font-size: 21px;
  line-height: 1.2;
}

.index-v2-page .v2-process-line p {
  margin-top: 12px;
  color: var(--muted);
  line-height: 1.65;
}

.index-v2-page .v2-process-link {
  text-align: center;
  margin-top: 28px;
}

.index-v2-page .v2-proof-section {
  padding: 92px 0;
  background: radial-gradient(circle at 80% 20%,rgba(9,182,181,.14),transparent 30%),linear-gradient(135deg,#071526,#0c2948);
  color: #fff;
}

.index-v2-page .v2-proof-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 66px;
  align-items: center;
}

.index-v2-page .v2-proof-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(38px,4.5vw,58px);
  line-height: 1.03;
  letter-spacing: -.04em;
  color: #fff;
}

.index-v2-page .v2-proof-copy>p:not(.eyebrow) {
  margin-top: 20px;
  color: rgba(255,255,255,.72);
  font-size: 17px;
  line-height: 1.75;
}

.index-v2-page .v2-proof-preview {
  padding: 28px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.07);
  box-shadow: 0 30px 80px rgba(0,0,0,.25);
}

.index-v2-page .v2-preview-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.index-v2-page .v2-preview-head span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .13em;
}

.index-v2-page .v2-preview-head b {
  font-size: 13px;
  color: rgba(255,255,255,.75);
}

.index-v2-page .v2-preview-canvas {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 10px;
  align-items: center;
  padding: 28px 0;
}

.index-v2-page .v2-preview-node {
  min-height: 88px;
  border-radius: 16px;
  background: rgba(255,255,255,.09);
  display: grid;
  place-items: center;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.08);
}

.index-v2-page .v2-preview-canvas i {
  font-style: normal;
  color: var(--gold);
  font-size: 22px;
}

.index-v2-page .v2-preview-tabs {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;
}

.index-v2-page .v2-preview-tabs span {
  padding: 11px;
  border-radius: 11px;
  background: rgba(2,11,22,.35);
  text-align: center;
  font-size: 12px;
  color: rgba(255,255,255,.75);
}

.index-v2-page .v2-proof-preview>p {
  margin-top: 18px;
  color: rgba(255,255,255,.55);
  font-size: 12px;
  line-height: 1.6;
}

.index-v2-page .v2-footer-transparency {
  margin-top: 18px !important;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.11);
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.55) !important;
}

@media (max-width:1050px) {
  .index-v2-page .v2-service-row {
    grid-template-columns: 60px 1fr;
  }

  .index-v2-page .v2-service-output {
    grid-column: 2;
    justify-content: flex-start;
  }

  .index-v2-page .v2-founder-panel, .index-v2-page .v2-handover-grid, .index-v2-page .v2-proof-grid {
    grid-template-columns: 1fr;
  }

  .index-v2-page .v2-founder-visual {
    max-width: 620px;
    width: 100%;
  }

  .index-v2-page .v2-process-line {
    grid-template-columns: 1fr;
  }

  .index-v2-page .v2-process-line>span {
    transform: rotate(90deg);
    justify-self: center;
  }
}

@media (max-width:680px) {
  .index-v2-page .v2-service-section, .index-v2-page .v2-handover-section, .index-v2-page .v2-process-section, .index-v2-page .v2-proof-section {
    padding: 62px 0;
  }

  .index-v2-page .v2-service-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .index-v2-page .v2-service-output {
    grid-column: auto;
    justify-content: flex-start;
  }

  .index-v2-page .v2-service-number {
    font-size: 28px;
  }

  .index-v2-page .v2-founder-section {
    padding: 58px 0;
  }

  .index-v2-page .v2-founder-panel {
    padding: 20px;
    gap: 28px;
  }

  .index-v2-page .v2-founder-visual {
    min-height: 260px;
  }

  .index-v2-page .v2-founder-meta {
    grid-template-columns: 1fr;
  }

  .index-v2-page .v2-board-summary {
    grid-template-columns: 1fr;
  }

  .index-v2-page .v2-board-summary div+div {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .index-v2-page .v2-board-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .index-v2-page .v2-preview-canvas {
    grid-template-columns: 1fr;
  }

  .index-v2-page .v2-preview-canvas i {
    transform: rotate(90deg);
    justify-self: center;
  }

  .index-v2-page .v2-preview-tabs {
    grid-template-columns: 1fr;
  }
}

.index-v3-page .hero-subnote {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 20px;
}

.index-v3-page .hero-subnote span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #415166;
  font-weight: 900;
}

.index-v3-page .hero-subnote span:before {
  content: "✓";
  color: #0b8f7f;
  font-weight: 950;
}

.index-v3-page .commerce-section-copy>p:last-child {
  max-width: 620px;
}

.index-v3-page .v2-service-main>p:last-child {
  max-width: 680px;
}

.index-v3-page .v2-founder-copy>p:not(.eyebrow), .index-v3-page .v2-handover-copy>p:not(.eyebrow), .index-v3-page .v2-proof-copy>p:not(.eyebrow) {
  max-width: 650px;
}

@media (max-width:620px) {
  .index-v3-page .hero-subnote {
    display: grid;
    gap: 8px;
  }

  .index-v3-page .hero-subnote span {
    font-size: 13px;
  }
}

.services-mockup-page {
  background: #fffdf8;
  color: var(--ink);
}

.services-mockup-page h1, .services-mockup-page h2, .services-mockup-page h3 {
  font-family: Georgia,"Times New Roman",serif;
}

.services-mockup-page .site-header a[aria-current="page"] {
  color: #0d1b2f;
}

.services-mockup-page .site-header a[aria-current="page"]:after {
  right: 0;
}

.services-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0 92px;
  background: radial-gradient(circle at 86% 12%,rgba(234,193,106,.2),transparent 33%),radial-gradient(circle at 12% 85%,rgba(9,182,181,.09),transparent 32%),linear-gradient(180deg,#fffdf8,#f8f2e7);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.services-hero:after {
  content: "";
  position: absolute;
  inset: auto -140px -250px auto;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(13,27,47,.06);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(13,27,47,.018),0 0 0 140px rgba(13,27,47,.012);
}

.services-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(370px,.72fr);
  gap: 72px;
  align-items: center;
}

.services-hero-copy h1 {
  font-size: clamp(52px,5.7vw,82px);
  line-height: .98;
  letter-spacing: -.045em;
  max-width: 820px;
  color: #0d1b2f;
}

.services-hero-copy .hero-lead {
  color: #536176;
  max-width: 760px;
  font-size: 19px;
  line-height: 1.72;
}

.services-hero-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 22px;
  color: #35465b;
  font-size: 13px;
  font-weight: 900;
}

.services-hero-signals span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.services-hero-signals span:before {
  content: "✓";
  color: #0b8f7f;
}

.services-route-card {
  padding: 28px;
  border: 1px solid rgba(13,27,47,.12);
  border-radius: 26px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 30px 80px rgba(8,25,47,.12);
  backdrop-filter: blur(16px);
}

.services-route-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.services-route-head span {
  color: #0b8f99;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.services-route-head b {
  font-size: 14px;
  color: #1b2a3e;
}

.services-route-card>a {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid rgba(13,27,47,.1);
  transition: .2s var(--ease);
}

.services-route-card>a:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.services-route-card>a:hover {
  transform: translateX(5px);
}

.services-route-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #071526;
  color: #ffd988;
  font-style: normal;
  font-weight: 950;
  font-size: 12px;
}

.services-route-card b {
  display: block;
  font-size: 15px;
  color: #0d1b2f;
  line-height: 1.35;
}

.services-route-card small {
  display: block;
  margin-top: 4px;
  color: #68778b;
  font-size: 12px;
  font-weight: 750;
}

.services-anchor-strip {
  position: sticky;
  top: 74px;
  z-index: 55;
  background: rgba(255,253,248,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(13,27,47,.09);
}

.services-anchor-row {
  display: flex;
  gap: 26px;
  overflow-x: auto;
  scrollbar-width: none;
}

.services-anchor-row::-webkit-scrollbar {
  display: none;
}

.services-anchor-row a {
  padding: 17px 0;
  white-space: nowrap;
  color: #546377;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
}

.services-orientation {
  padding: 90px 0;
  background: #fff;
}

.services-section-head {
  max-width: 850px;
}

.services-section-head h2 {
  font-size: clamp(39px,4vw,58px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.services-section-head>p:last-child {
  margin-top: 18px;
  color: #637286;
  font-size: 17px;
  line-height: 1.72;
  max-width: 760px;
}

.services-orientation-grid {
  margin-top: 44px;
  border-top: 1px solid rgba(13,27,47,.12);
}

.orientation-item {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 28px;
  padding: 31px 0;
  border-bottom: 1px solid rgba(13,27,47,.12);
  align-items: start;
}

.orientation-index {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 34px;
  color: #c89945;
}

.orientation-item h3 {
  font-size: clamp(25px,2.6vw,34px);
  line-height: 1.12;
  color: #0d1b2f;
}

.orientation-item p {
  margin-top: 10px;
  color: #657487;
  line-height: 1.65;
  max-width: 780px;
}

.orientation-item a {
  display: inline-flex;
  margin-top: 12px;
  color: #0b8f99;
  font-size: 13px;
  font-weight: 950;
}

.orientation-item a:after {
  content: "→";
  margin-left: 8px;
}

.service-detail {
  padding: 106px 0;
  scroll-margin-top: 120px;
}

.service-detail-grid {
  display: grid;
  grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr);
  gap: 74px;
  align-items: start;
}

.service-detail-intro {
  position: sticky;
  top: 150px;
}

.service-stage-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}

.service-stage-label span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #071526;
  color: #ffd988;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 20px;
}

.service-stage-label b {
  letter-spacing: .18em;
  font-size: 12px;
  color: #415166;
}

.service-detail-intro h2 {
  font-size: clamp(42px,4.6vw,64px);
  line-height: 1.02;
  letter-spacing: -.04em;
}

.service-detail-intro>p:not(.eyebrow) {
  margin-top: 20px;
  color: #637286;
  font-size: 17px;
  line-height: 1.72;
}

.service-detail-cta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.service-detail-setup {
  background: linear-gradient(180deg,#f8f2e7,#fffdf8);
  border-top: 1px solid rgba(13,27,47,.07);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.service-detail-content {
  display: grid;
  gap: 20px;
}

.service-info-block, .service-output-block {
  padding: 30px;
  border: 1px solid rgba(13,27,47,.12);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(8,25,47,.07);
}

.service-info-block h3 {
  font-size: 27px;
}

.service-info-block ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 13px;
}

.service-info-block li {
  position: relative;
  padding-left: 24px;
  color: #536176;
  line-height: 1.58;
}

.service-info-block li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #0b8f7f;
  font-weight: 950;
}

.service-info-accent {
  background: #0d1b2f;
  color: #fff;
}

.service-info-accent h3 {
  color: #fff;
}

.service-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.service-chip-list span {
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 850;
}

.service-output-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.service-output-head span {
  color: #0b8f99;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.service-output-head b {
  font-size: 14px;
}

.service-output-list {
  display: grid;
  gap: 0;
}

.service-output-list>div {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding: 19px 0;
  border-bottom: 1px solid rgba(13,27,47,.09);
}

.service-output-list>div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.service-output-list i {
  font-style: normal;
  color: #c89945;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 18px;
}

.service-output-list b {
  display: block;
}

.service-output-list small {
  display: block;
  margin-top: 4px;
  color: #6b788a;
  line-height: 1.5;
}

.service-detail-growth {
  background: #071526;
  color: #fff;
}

.service-detail-growth .service-stage-label span {
  background: #ffd988;
  color: #071526;
}

.service-detail-growth .service-stage-label b, .service-detail-growth .service-detail-intro>p:not(.eyebrow) {
  color: rgba(255,255,255,.68);
}

.service-detail-growth h2 {
  color: #fff;
}

.service-detail-grid-reverse {
  grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr);
}

.service-detail-grid-reverse .service-detail-intro {
  grid-column: 2;
}

.service-detail-grid-reverse .growth-workspace {
  grid-column: 1;
  grid-row: 1;
}

.growth-workspace {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 25px;
  background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  box-shadow: 0 30px 90px rgba(0,0,0,.25);
  overflow: hidden;
}

.growth-workspace-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 25px 26px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.growth-workspace-head span {
  display: block;
  color: #69e2d7;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
}

.growth-workspace-head b {
  display: block;
  margin-top: 5px;
  color: #fff;
}

.growth-workspace-head em {
  font-style: normal;
  color: rgba(255,255,255,.5);
  font-size: 11px;
}

.growth-flow-row {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 21px 26px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.growth-priority {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border-radius: 12px;
  background: rgba(105,226,215,.13);
  color: #69e2d7;
  font-size: 11px;
  font-weight: 950;
}

.growth-flow-row b {
  display: block;
  color: #fff;
}

.growth-flow-row small {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.58);
  line-height: 1.45;
}

.growth-flow-row>i {
  font-style: normal;
  color: #ffd988;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.growth-workspace-note {
  padding: 18px 26px;
  color: rgba(255,255,255,.56);
  font-size: 12px;
  line-height: 1.6;
}

.growth-details {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 26px;
  margin-top: 54px;
}

.growth-detail-column {
  padding-top: 23px;
  border-top: 1px solid rgba(255,255,255,.15);
}

.growth-detail-column h3 {
  color: #fff;
  font-size: 24px;
}

.growth-detail-column ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.growth-detail-column li {
  position: relative;
  padding-left: 20px;
  color: rgba(255,255,255,.68);
  line-height: 1.55;
}

.growth-detail-column li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #69e2d7;
}

.service-detail-care {
  background: linear-gradient(180deg,#fffdf8,#f5f8fa);
}

.care-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 70px;
  align-items: center;
}

.care-copy h2 {
  font-size: clamp(42px,4.6vw,64px);
  line-height: 1.02;
  letter-spacing: -.04em;
}

.care-copy>p:not(.eyebrow) {
  margin: 20px 0 28px;
  color: #637286;
  font-size: 17px;
  line-height: 1.72;
}

.care-board {
  padding: 30px;
  border: 1px solid rgba(13,27,47,.12);
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(8,25,47,.1);
}

.care-board-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.care-board-head span {
  color: #0b8f99;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
}

.care-board-row {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 15px;
  padding: 21px 0;
  border-bottom: 1px solid rgba(13,27,47,.09);
}

.care-board-row i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f8f2e7;
  color: #b47d27;
  font-style: normal;
  font-weight: 950;
}

.care-board-row b {
  display: block;
}

.care-board-row small {
  display: block;
  margin-top: 4px;
  color: #6b788a;
  line-height: 1.5;
}

.care-scope-note {
  margin-top: 20px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #f6f8fa;
  color: #536176;
  font-size: 13px;
  line-height: 1.55;
}

.care-task-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 46px;
}

.care-task-strip span {
  padding: 11px 14px;
  border: 1px solid rgba(13,27,47,.11);
  border-radius: 999px;
  background: #fff;
  color: #47576b;
  font-size: 12px;
  font-weight: 850;
}

.services-deliverables {
  padding: 92px 0;
  background: #fff;
  border-top: 1px solid rgba(13,27,47,.07);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.services-deliverables-grid {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
  gap: 70px;
  align-items: center;
}

.services-deliverables-copy h2 {
  font-size: clamp(39px,4.2vw,58px);
  line-height: 1.04;
  letter-spacing: -.035em;
}

.services-deliverables-copy>p:not(.eyebrow) {
  margin-top: 18px;
  color: #637286;
  font-size: 17px;
  line-height: 1.7;
}

.services-handover-board {
  padding: 30px;
  border-radius: 25px;
  background: #0d1b2f;
  color: #fff;
  box-shadow: 0 30px 85px rgba(8,25,47,.2);
}

.services-handover-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.services-handover-head span {
  color: #69e2d7;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
}

.services-handover-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin-top: 24px;
  background: rgba(255,255,255,.1);
}

.services-handover-grid>div {
  padding: 23px;
  background: #0d1b2f;
}

.services-handover-grid i {
  display: block;
  color: #ffd988;
  font-style: normal;
  font-size: 20px;
}

.services-handover-grid b {
  display: block;
  margin-top: 12px;
}

.services-handover-grid small {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.6);
  line-height: 1.5;
}

.services-scope {
  padding: 96px 0;
  background: linear-gradient(180deg,#f8f2e7,#fffdf8);
}

.services-scope-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 42px;
}

.scope-panel {
  padding: 31px;
  border-radius: 24px;
}

.scope-included {
  background: #fff;
  border: 1px solid rgba(13,27,47,.12);
  box-shadow: 0 18px 50px rgba(8,25,47,.07);
}

.scope-excluded {
  background: #0d1b2f;
  color: #fff;
}

.scope-panel-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.scope-excluded .scope-panel-head {
  border-color: rgba(255,255,255,.12);
}

.scope-panel-head span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #eaf8f5;
  color: #0b8f7f;
  font-weight: 950;
}

.scope-excluded .scope-panel-head span {
  background: rgba(255,255,255,.08);
  color: #ffd988;
}

.scope-panel h3 {
  font-size: 27px;
}

.scope-excluded h3 {
  color: #fff;
}

.scope-panel ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 13px;
}

.scope-panel li {
  position: relative;
  padding-left: 23px;
  color: #536176;
  line-height: 1.55;
}

.scope-panel li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #0b8f7f;
}

.scope-excluded li {
  color: rgba(255,255,255,.7);
}

.scope-excluded li:before {
  content: "–";
  color: #ffd988;
}

.services-fit {
  padding: 96px 0;
  background: #fff;
}

.services-fit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(8,25,47,.13);
}

.fit-panel {
  padding: 48px;
}

.fit-positive {
  background: #071526;
  color: #fff;
}

.fit-negative {
  background: #fffdf8;
}

.fit-panel h2 {
  font-size: clamp(34px,3.6vw,50px);
  line-height: 1.05;
}

.fit-positive h2 {
  color: #fff;
}

.fit-panel ul {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 15px;
}

.fit-panel li {
  position: relative;
  padding-left: 26px;
  line-height: 1.55;
}

.fit-positive li {
  color: rgba(255,255,255,.72);
}

.fit-negative li {
  color: #536176;
}

.fit-positive li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #69e2d7;
  font-weight: 950;
}

.fit-negative li:before {
  content: "–";
  position: absolute;
  left: 0;
  color: #b47d27;
  font-weight: 950;
}

.services-faq {
  padding: 102px 0;
  background: #fffdf8;
}

.services-faq-grid {
  display: grid;
  grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
  gap: 72px;
  align-items: start;
}

.services-faq-intro {
  position: sticky;
  top: 150px;
}

.services-faq-intro h2 {
  font-size: clamp(38px,4vw,56px);
  line-height: 1.04;
}

.services-faq-intro>p:not(.eyebrow) {
  margin: 18px 0 26px;
  color: #637286;
  line-height: 1.7;
}

.services-faq-list {
  border-top: 1px solid rgba(13,27,47,.13);
}

.services-faq-list details {
  border-bottom: 1px solid rgba(13,27,47,.13);
}

.services-faq-list summary {
  position: relative;
  list-style: none;
  padding: 25px 48px 25px 0;
  color: #0d1b2f;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
}

.services-faq-list summary::-webkit-details-marker {
  display: none;
}

.services-faq-list summary:after {
  content: "+";
  position: absolute;
  right: 3px;
  top: 20px;
  font-family: Inter,sans-serif;
  font-size: 27px;
  color: #0b8f99;
}

.services-faq-list details[open] summary:after {
  content: "–";
}

.services-faq-list details p {
  padding: 0 50px 25px 0;
  color: #637286;
  line-height: 1.7;
}

.services-secondary-entry {
  padding: 0 0 92px;
  background: #fffdf8;
}

.services-secondary-panel {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
  padding: 32px 36px;
  border: 1px solid rgba(13,27,47,.11);
  border-radius: 22px;
  background: #fff;
}

.services-secondary-panel h2 {
  font-size: 30px;
  line-height: 1.1;
}

.services-secondary-panel p:not(.eyebrow) {
  margin-top: 8px;
  color: #68778b;
}

.services-final-cta {
  padding-top: 0;
}

.services-final-cta .commerce-final-panel {
  margin-top: 0;
}

@media (max-width:1050px) {
  .services-hero-grid, .service-detail-grid, .service-detail-grid-reverse, .care-layout, .services-deliverables-grid, .services-faq-grid {
    grid-template-columns: 1fr;
  }

  .service-detail-intro, .services-faq-intro {
    position: static;
  }

  .service-detail-grid-reverse .service-detail-intro, .service-detail-grid-reverse .growth-workspace {
    grid-column: auto;
    grid-row: auto;
  }

  .service-detail-grid-reverse .service-detail-intro {
    order: 1;
  }

  .service-detail-grid-reverse .growth-workspace {
    order: 2;
  }

  .growth-details {
    grid-template-columns: 1fr 1fr;
  }

  .services-scope-grid, .services-fit-grid {
    grid-template-columns: 1fr;
  }

  .services-route-card {
    max-width: 700px;
  }

  .services-anchor-strip {
    top: 74px;
  }
}

@media (max-width:760px) {
  .services-hero {
    padding: 62px 0 66px;
  }

  .services-hero-copy h1 {
    font-size: clamp(43px,12vw,62px);
  }

  .services-hero-grid {
    gap: 42px;
  }

  .services-anchor-strip {
    top: 70px;
  }

  .services-anchor-row {
    gap: 21px;
  }

  .services-orientation, .service-detail, .services-deliverables, .services-scope, .services-fit, .services-faq {
    padding: 68px 0;
  }

  .orientation-item {
    grid-template-columns: 56px 1fr;
    gap: 15px;
  }

  .orientation-index {
    font-size: 27px;
  }

  .growth-details {
    grid-template-columns: 1fr;
  }

  .growth-flow-row {
    grid-template-columns: 42px 1fr;
  }

  .growth-flow-row>i {
    grid-column: 2;
  }

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

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

  .fit-panel {
    padding: 34px 26px;
  }

  .services-secondary-panel {
    align-items: flex-start;
    flex-direction: column;
    padding: 27px;
  }

  .services-secondary-panel .btn {
    width: 100%;
  }

  .services-route-card {
    padding: 22px;
  }

  .service-info-block, .service-output-block, .care-board, .services-handover-board {
    padding: 24px;
  }
}

@media (max-width:520px) {
  .services-hero-signals {
    display: grid;
    gap: 8px;
  }

  .services-route-card>a {
    grid-template-columns: 36px 1fr;
  }

  .services-route-card i {
    width: 34px;
    height: 34px;
  }

  .orientation-item {
    grid-template-columns: 1fr;
  }

  .orientation-index {
    font-size: 22px;
  }

  .service-detail-cta {
    align-items: stretch;
    flex-direction: column;
  }

  .service-detail-cta .btn {
    width: 100%;
  }

  .growth-workspace-head, .service-output-head, .care-board-head, .services-handover-head {
    flex-direction: column;
  }

  .growth-flow-row {
    padding: 18px;
  }

  .scope-panel {
    padding: 25px;
  }

  .services-faq-list summary {
    font-size: 19px;
  }

  .services-faq-list details p {
    padding-right: 0;
  }
}

.method-v2-page {
  background: var(--cream);
  color: var(--ink);
}

.method-v2-page .site-header {
  background: rgba(251,247,239,.93);
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.method-v2-page .site-header.is-scrolled {
  background: rgba(251,247,239,.98);
  box-shadow: 0 12px 34px rgba(8,25,47,.1);
}

.method-v2-page .brand, .method-v2-page .nav-links {
  color: var(--ink);
}

.method-v2-page .brand-text {
  border-left-color: rgba(13,27,47,.18);
}

.method-v2-page .menu-toggle {
  border-color: rgba(13,27,47,.15);
  background: #fff;
}

.method-v2-page .menu-toggle span {
  background: var(--ink);
}

.method-v2-page .mobile-menu {
  background: var(--paper);
  border-top-color: rgba(13,27,47,.1);
}

.method-v2-page .mobile-menu a {
  color: var(--ink);
}

.method-v2-page .site-footer .brand {
  color: #fff;
}

.method-v2-page .site-footer .brand-text {
  border-left-color: rgba(255,255,255,.35);
}

.method-v2-hero {
  position: relative;
  overflow: hidden;
  padding: 98px 0 92px;
  background: linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.12)),
  radial-gradient(circle at 85% 22%,rgba(9,182,181,.12),transparent 30%),
  radial-gradient(circle at 20% 80%,rgba(234,193,106,.15),transparent 28%),var(--cream);
}

.method-v2-hero:after {
  content: "";
  position: absolute;
  inset: auto -10% -290px 32%;
  height: 470px;
  border-radius: 50% 50% 0 0;
  border-top: 1px solid rgba(13,27,47,.08);
  transform: rotate(-5deg);
}

.method-v2-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1.13fr) minmax(320px,.87fr);
  gap: 90px;
  align-items: center;
}

.method-v2-hero-copy h1 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(54px,6.2vw,92px);
  line-height: .96;
  letter-spacing: -3.4px;
  color: var(--navy-950);
  max-width: 820px;
}

.method-v2-hero-copy .hero-lead {
  max-width: 730px;
  color: #495a6e;
  font-size: 19px;
  line-height: 1.72;
}

.method-v2-route {
  padding-left: 48px;
  border-left: 1px solid rgba(13,27,47,.13);
}

.method-v2-route-label {
  margin: 0 0 24px;
  color: #7a8797;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.method-v2-route ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0;
}

.method-v2-route li {
  position: relative;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: center;
  min-height: 54px;
  color: #4e6073;
}

.method-v2-route li:not(:last-child):after {
  content: "";
  position: absolute;
  left: 20px;
  top: 39px;
  bottom: -15px;
  width: 1px;
  background: linear-gradient(var(--teal),rgba(9,182,181,.12));
}

.method-v2-route li span {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid rgba(13,27,47,.1);
  color: var(--teal);
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 8px 20px rgba(8,25,47,.06);
}

.method-v2-route li b {
  font-size: 16px;
  color: var(--navy-950);
}

.method-v2-principles {
  background: var(--navy-950);
  color: #fff;
}

.method-v2-principles-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}

.method-v2-principles-row p {
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 16px;
  align-items: start;
  padding: 28px 32px;
  margin: 0;
  border-right: 1px solid rgba(255,255,255,.1);
}

.method-v2-principles-row p:last-child {
  border-right: 0;
}

.method-v2-principles-row span {
  grid-row: 1/3;
  color: var(--gold);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
}

.method-v2-principles-row b {
  font-size: 15px;
  margin-bottom: 4px;
}

.method-v2-principles-row small {
  color: rgba(255,255,255,.62);
  line-height: 1.45;
}

.method-v2-opening {
  padding: 112px 0;
  background: #fff;
}

.method-v2-opening-grid {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(520px,1.18fr);
  gap: 90px;
  align-items: start;
}

.method-v2-opening-copy h2, .method-v2-journey-intro h2, .method-v2-decision-head h2, .method-v2-gates-head h2, .method-v2-responsibility-intro h2, .method-v2-example-head h2, .method-v2-faq-intro h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(40px,4.4vw,64px);
  line-height: 1.03;
  letter-spacing: -2px;
  color: var(--navy-950);
}

.method-v2-opening-copy>p:last-child, .method-v2-journey-intro>p, .method-v2-decision-head>p, .method-v2-gates-head>p, .method-v2-responsibility-intro>p, .method-v2-example-head>p, .method-v2-faq-intro>p {
  margin-top: 22px;
  color: #5b6b7e;
  font-size: 17px;
  line-height: 1.75;
}

.method-v2-briefing-sheet {
  border-top: 3px solid var(--gold);
  background: linear-gradient(180deg,#fff,var(--paper));
  box-shadow: 0 28px 80px rgba(8,25,47,.1);
}

.briefing-sheet-head {
  padding: 24px 30px;
  border-bottom: 1px solid rgba(13,27,47,.1);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.briefing-sheet-head span {
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--teal);
  font-weight: 950;
}

.briefing-sheet-head b {
  font-size: 14px;
  color: var(--navy-950);
}

.method-v2-briefing-sheet dl {
  margin: 0;
  padding: 0 30px 12px;
}

.method-v2-briefing-sheet dl>div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.method-v2-briefing-sheet dl>div:last-child {
  border-bottom: 0;
}

.method-v2-briefing-sheet dt {
  font-weight: 950;
  color: var(--navy-950);
}

.method-v2-briefing-sheet dd {
  margin: 0;
  color: #5d6d80;
  line-height: 1.6;
}

.method-v2-journey {
  padding: 118px 0;
  background: linear-gradient(180deg,var(--cream),#fff);
}

.method-v2-journey-layout {
  display: grid;
  grid-template-columns: minmax(300px,.66fr) minmax(0,1.34fr);
  gap: 90px;
  align-items: start;
}

.method-v2-journey-intro {
  position: sticky;
  top: 120px;
}

.method-v2-journey-intro .inline-link {
  display: inline-flex;
  margin-top: 26px;
  color: var(--teal);
  font-weight: 900;
}

.method-v2-journey-track {
  position: relative;
  padding-left: 48px;
}

.method-v2-journey-track:before {
  content: "";
  position: absolute;
  left: 18px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: linear-gradient(var(--teal),rgba(9,182,181,.12) 88%,transparent);
}

.method-v2-chapter {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(230px,.52fr);
  gap: 40px;
  padding: 0 0 58px 26px;
}

.method-v2-chapter:last-child {
  padding-bottom: 0;
}

.chapter-marker {
  position: absolute;
  left: -48px;
  top: 0;
}

.chapter-marker span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--cream);
  border: 2px solid var(--teal);
  color: var(--teal);
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 0 0 8px rgba(251,247,239,.92);
}

.chapter-kicker {
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--teal);
  font-weight: 950;
  margin-bottom: 8px;
}

.chapter-content h3 {
  font-size: 28px;
  line-height: 1.15;
  color: var(--navy-950);
  margin-bottom: 12px;
}

.chapter-content>p:last-child {
  color: #5c6c7e;
  line-height: 1.68;
}

.chapter-output {
  align-self: start;
  padding: 18px 0 18px 24px;
  border-left: 2px solid rgba(234,193,106,.85);
}

.chapter-output span {
  display: block;
  color: #8a95a2;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
}

.chapter-output b {
  display: block;
  margin-top: 5px;
  color: var(--navy-950);
}

.chapter-output small {
  display: block;
  margin-top: 5px;
  color: #697789;
  line-height: 1.45;
}

.method-v2-decision {
  padding: 112px 0;
  background: linear-gradient(145deg,var(--navy-980),var(--navy-820));
  color: #fff;
  overflow: hidden;
  position: relative;
}

.method-v2-decision:before {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  right: -260px;
  top: -400px;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 0 0 90px rgba(255,255,255,.025);
}

.method-v2-decision-head {
  position: relative;
  max-width: 850px;
}

.method-v2-decision-head h2 {
  color: #fff;
}

.method-v2-decision-head>p {
  color: rgba(255,255,255,.7);
}

.method-v2-decision-flow {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 38px 1fr 38px 1fr 38px 1fr;
  align-items: stretch;
  margin-top: 52px;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.method-v2-decision-flow>div {
  padding: 28px 18px;
}

.method-v2-decision-flow>div span {
  display: block;
  color: var(--gold);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  margin-bottom: 12px;
}

.method-v2-decision-flow b {
  display: block;
  font-size: 19px;
  margin-bottom: 8px;
}

.method-v2-decision-flow small {
  color: rgba(255,255,255,.6);
  line-height: 1.5;
}

.method-v2-decision-flow>i {
  display: grid;
  place-items: center;
  color: var(--teal);
  font-style: normal;
  font-size: 22px;
}

.method-v2-gates {
  padding: 112px 0;
  background: #fff;
}

.method-v2-gates-head {
  max-width: 850px;
  margin-bottom: 52px;
}

.method-v2-gate-list {
  width: min(var(--max),calc(100% - var(--pad)));
  margin-inline: auto;
  border-top: 1px solid rgba(13,27,47,.12);
}

.method-v2-gate {
  display: grid;
  grid-template-columns: 120px minmax(280px,.72fr) minmax(0,1fr);
  gap: 42px;
  align-items: center;
  padding: 34px 0;
  border-bottom: 1px solid rgba(13,27,47,.12);
}

.gate-number {
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--teal);
  font-weight: 950;
}

.gate-phase {
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #8b97a5;
  font-weight: 950;
  margin-bottom: 8px;
}

.method-v2-gate h3 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 30px;
  line-height: 1.12;
  color: var(--navy-950);
}

.method-v2-gate ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.method-v2-gate li {
  position: relative;
  padding-left: 18px;
  color: #5d6d80;
  line-height: 1.5;
}

.method-v2-gate li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
}

.method-v2-responsibility {
  padding: 112px 0;
  background: var(--cream);
}

.method-v2-responsibility-grid {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(560px,1.22fr);
  gap: 90px;
  align-items: center;
}

.method-v2-responsibility-matrix {
  display: grid;
  grid-template-columns: 1fr 64px 1fr;
  background: #fff;
  border: 1px solid rgba(13,27,47,.09);
  box-shadow: 0 24px 64px rgba(8,25,47,.08);
}

.matrix-col {
  padding: 34px;
}

.matrix-col>p {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--teal);
  font-weight: 950;
  margin-bottom: 22px;
}

.matrix-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}

.matrix-col li {
  position: relative;
  padding-left: 18px;
  color: #5a6b7d;
  line-height: 1.55;
}

.matrix-col li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--teal);
  font-weight: 950;
}

.matrix-axis {
  display: grid;
  place-items: center;
  background: var(--navy-950);
  color: #fff;
}

.matrix-axis span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 950;
  color: var(--gold);
}

.method-v2-example {
  padding: 112px 0;
  background: #fff;
}

.method-v2-example-head {
  max-width: 930px;
}

.method-v2-example-head>p {
  max-width: 760px;
}

.method-v2-example-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 0;
  margin-top: 56px;
  padding-top: 30px;
  border-top: 1px solid rgba(13,27,47,.13);
}

.method-v2-example-line:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -2px;
  height: 3px;
  background: linear-gradient(90deg,var(--teal),var(--gold));
}

.method-v2-example-line>div {
  position: relative;
  padding: 20px 26px 0 0;
}

.method-v2-example-line>div:before {
  content: "";
  position: absolute;
  top: -37px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--teal);
  box-shadow: 0 0 0 5px #fff;
}

.method-v2-example-line span {
  display: block;
  color: var(--teal);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
  margin-bottom: 9px;
}

.method-v2-example-line b {
  display: block;
  color: var(--navy-950);
  font-size: 16px;
  line-height: 1.35;
}

.method-v2-example-line small {
  display: block;
  margin-top: 7px;
  color: #6a7889;
  line-height: 1.45;
}

.method-v2-faq {
  padding: 112px 0;
  background: linear-gradient(180deg,var(--cream),#fff);
}

.method-v2-faq-grid {
  display: grid;
  grid-template-columns: minmax(300px,.68fr) minmax(0,1.32fr);
  gap: 90px;
  align-items: start;
}

.method-v2-faq-intro {
  position: sticky;
  top: 120px;
}

.method-v2-faq-list {
  display: grid;
}

.method-v2-faq-list details {
  border-top: 1px solid rgba(13,27,47,.12);
  padding: 0;
}

.method-v2-faq-list details:last-child {
  border-bottom: 1px solid rgba(13,27,47,.12);
}

.method-v2-faq-list summary {
  list-style: none;
  cursor: pointer;
  padding: 24px 40px 24px 0;
  color: var(--navy-950);
  font-weight: 900;
  position: relative;
}

.method-v2-faq-list summary::-webkit-details-marker {
  display: none;
}

.method-v2-faq-list summary:after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 20px;
  color: var(--teal);
  font-size: 22px;
}

.method-v2-faq-list details[open] summary:after {
  content: "−";
}

.method-v2-faq-list details p {
  padding: 0 44px 24px 0;
  color: #5b6c7e;
  line-height: 1.65;
}

.method-v2-final {
  padding: 86px 0;
  background: linear-gradient(145deg,var(--navy-980),var(--navy-820));
  color: #fff;
}

.method-v2-final-inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 60px;
  align-items: center;
}

.method-v2-final h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(38px,4.2vw,60px);
  line-height: 1.04;
  letter-spacing: -1.8px;
  max-width: 820px;
}

.method-v2-final p:last-child {
  margin-top: 18px;
  color: rgba(255,255,255,.68);
  font-size: 17px;
  line-height: 1.65;
  max-width: 760px;
}

.method-v2-final-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width:1050px) {
  .method-v2-hero-grid, .method-v2-opening-grid, .method-v2-journey-layout, .method-v2-responsibility-grid, .method-v2-faq-grid {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .method-v2-route {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid rgba(13,27,47,.12);
    padding-top: 34px;
  }

  .method-v2-route ol {
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
  }

  .method-v2-route li:not(:last-child):after {
    display: none;
  }

  .method-v2-journey-intro, .method-v2-faq-intro {
    position: static;
    max-width: 800px;
  }

  .method-v2-journey-track {
    padding-left: 54px;
  }

  .method-v2-responsibility-matrix {
    max-width: 820px;
  }

  .method-v2-decision-flow {
    grid-template-columns: 1fr;
  }

  .method-v2-decision-flow>i {
    height: 30px;
    transform: rotate(90deg);
  }

  .method-v2-gate {
    grid-template-columns: 100px 1fr;
  }

  .method-v2-gate ul {
    grid-column: 2;
    grid-template-columns: repeat(3,1fr);
  }

  .method-v2-example-line {
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 0;
    padding-top: 0;
    margin-left: 16px;
  }

  .method-v2-example-line:before {
    left: -1px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 3px;
    height: auto;
  }

  .method-v2-example-line>div {
    padding: 0 0 34px 34px;
  }

  .method-v2-example-line>div:before {
    top: 3px;
    left: -8px;
  }

  .method-v2-final-inner {
    grid-template-columns: 1fr;
  }

  .method-v2-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width:760px) {
  .method-v2-hero {
    padding: 62px 0 68px;
  }

  .method-v2-hero-copy h1 {
    font-size: clamp(45px,13vw,62px);
    letter-spacing: -2.3px;
  }

  .method-v2-hero-copy .hero-lead {
    font-size: 17px;
  }

  .method-v2-principles-row {
    grid-template-columns: 1fr;
  }

  .method-v2-principles-row p {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 22px 0;
  }

  .method-v2-principles-row p:last-child {
    border-bottom: 0;
  }

  .method-v2-opening, .method-v2-journey, .method-v2-decision, .method-v2-gates, .method-v2-responsibility, .method-v2-example, .method-v2-faq {
    padding: 76px 0;
  }

  .method-v2-opening-copy h2, .method-v2-journey-intro h2, .method-v2-decision-head h2, .method-v2-gates-head h2, .method-v2-responsibility-intro h2, .method-v2-example-head h2, .method-v2-faq-intro h2 {
    font-size: clamp(36px,10vw,48px);
  }

  .method-v2-route ol {
    grid-template-columns: 1fr;
  }

  .method-v2-route li {
    min-height: 48px;
  }

  .briefing-sheet-head {
    display: block;
  }

  .briefing-sheet-head b {
    display: block;
    margin-top: 8px;
  }

  .method-v2-briefing-sheet dl>div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .method-v2-journey-track {
    padding-left: 38px;
  }

  .method-v2-journey-track:before {
    left: 11px;
  }

  .method-v2-chapter {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-left: 16px;
  }

  .chapter-marker {
    left: -38px;
  }

  .chapter-marker span {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 0 6px rgba(251,247,239,.92);
  }

  .chapter-output {
    padding-left: 18px;
  }

  .method-v2-gate {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 28px 0;
  }

  .method-v2-gate ul {
    grid-column: auto;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .method-v2-gate h3 {
    font-size: 27px;
  }

  .method-v2-responsibility-matrix {
    grid-template-columns: 1fr;
  }

  .matrix-axis {
    min-height: 48px;
  }

  .matrix-axis span {
    writing-mode: horizontal-tb;
    transform: none;
  }

  .matrix-col {
    padding: 28px;
  }

  .method-v2-faq-list summary {
    padding-right: 34px;
  }

  .method-v2-final {
    padding: 72px 0;
  }

  .method-v2-final h2 {
    font-size: clamp(36px,10vw,48px);
  }
}

.insights-v2-page {
  background: #fffdf8;
  color: var(--ink);
}

.insights-v2-page .site-header {
  background: rgba(255,253,248,.94);
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.insights-v2-page .site-header.is-scrolled {
  background: rgba(255,253,248,.98);
  box-shadow: 0 12px 32px rgba(8,25,47,.08);
}

.insights-v2-page .brand, .insights-v2-page .nav-links {
  color: var(--navy-950);
}

.insights-v2-page .brand-text {
  border-left-color: rgba(13,27,47,.2);
}

.insights-v2-page .menu-toggle {
  border-color: rgba(13,27,47,.14);
  background: #fff;
}

.insights-v2-page .menu-toggle span {
  background: var(--navy-950);
}

.insights-v2-page .mobile-menu {
  background: #fffdf8;
  border-top-color: rgba(13,27,47,.1);
}

.insights-v2-page .mobile-menu a {
  color: var(--navy-950);
}

.iv2-hero {
  padding: 96px 0 86px;
  background: linear-gradient(180deg,#fffdf8,#f8f3e9);
  border-bottom: 1px solid rgba(13,27,47,.09);
}

.iv2-hero-inner {
  max-width: 1030px;
}

.iv2-hero h1 {
  max-width: 960px;
  color: var(--navy-950);
  font-size: clamp(54px,6.2vw,86px);
  line-height: .98;
  letter-spacing: -3.2px;
}

.iv2-lead {
  max-width: 850px;
  margin-top: 28px;
  color: #526477;
  font-size: clamp(18px,2vw,21px);
  line-height: 1.72;
}

.iv2-hero-links {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
  margin-top: 38px;
  padding-top: 24px;
  border-top: 1px solid rgba(13,27,47,.12);
}

.iv2-hero-links a {
  font-size: 13px;
  font-weight: 900;
  color: var(--navy-950);
}

.iv2-hero-links a:after {
  content: " ↓";
  color: var(--teal);
}

.iv2-mobile-outline {
  display: none;
}

.iv2-layout {
  display: grid;
  grid-template-columns: 210px minmax(0,820px);
  justify-content: center;
  gap: 70px;
  padding: 92px 0 118px;
}

.iv2-outline {
  position: sticky;
  top: 112px;
  align-self: start;
}

.iv2-outline>p {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #8290a0;
  font-weight: 950;
  margin-bottom: 18px;
}

.iv2-outline nav {
  display: grid;
  border-top: 1px solid rgba(13,27,47,.12);
}

.iv2-outline a {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(13,27,47,.12);
  font-size: 13px;
  font-weight: 850;
  color: #536476;
}

.iv2-outline a span {
  color: var(--gold);
  font-size: 11px;
}

.iv2-outline small {
  display: block;
  margin-top: 22px;
  color: #7b8896;
  line-height: 1.55;
}

.iv2-content {
  min-width: 0;
}

.iv2-article {
  max-width: 760px;
}

.iv2-article-head {
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(13,27,47,.13);
}

.iv2-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  color: #84909d;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 900;
}

.iv2-meta span:first-child {
  color: var(--teal);
}

.iv2-article h2, .iv2-section h2 {
  font-family: Georgia,"Times New Roman",serif;
  color: var(--navy-950);
  font-size: clamp(42px,4.7vw,66px);
  line-height: 1.04;
  letter-spacing: -2.2px;
}

.iv2-article-head h2 {
  margin-top: 24px;
}

.iv2-standfirst {
  margin-top: 24px;
  color: #516274;
  font-size: 20px;
  line-height: 1.68;
}

.iv2-keypoint {
  margin: 42px 0;
  padding: 26px 28px;
  border-left: 4px solid var(--gold);
  background: #fff8e8;
}

.iv2-keypoint b {
  display: block;
  color: #806124;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.iv2-keypoint p {
  margin-top: 10px;
  color: #394b5d;
  font-size: 17px;
  line-height: 1.7;
}

.iv2-article section {
  margin-top: 50px;
}

.iv2-article h3 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 31px;
  line-height: 1.14;
  color: var(--navy-950);
  letter-spacing: -.6px;
}

.iv2-article section>p {
  margin-top: 17px;
  color: #4f6173;
  font-size: 17px;
  line-height: 1.78;
}

.iv2-definition-list {
  margin: 24px 0 0;
  border-top: 1px solid rgba(13,27,47,.13);
}

.iv2-definition-list>div {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 24px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(13,27,47,.13);
}

.iv2-definition-list dt {
  font-weight: 950;
  color: var(--navy-950);
}

.iv2-definition-list dd {
  margin: 0;
  color: #526476;
  line-height: 1.65;
}

.iv2-checklist {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  border-top: 1px solid rgba(13,27,47,.12);
}

.iv2-checklist li {
  position: relative;
  padding: 17px 0 17px 30px;
  border-bottom: 1px solid rgba(13,27,47,.12);
  color: #536476;
  line-height: 1.6;
}

.iv2-checklist li:before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--teal);
  font-weight: 950;
}

.iv2-article blockquote {
  margin: 28px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid rgba(13,27,47,.13);
  font-family: Georgia,"Times New Roman",serif;
  font-size: 24px;
  line-height: 1.5;
  color: #23364a;
}

.iv2-deep-dive {
  margin-top: 38px;
  border-top: 1px solid rgba(13,27,47,.15);
  border-bottom: 1px solid rgba(13,27,47,.15);
}

.iv2-deep-dive summary {
  cursor: pointer;
  list-style: none;
  padding: 18px 0;
  font-weight: 900;
  color: var(--navy-950);
}

.iv2-deep-dive summary::-webkit-details-marker {
  display: none;
}

.iv2-deep-dive summary:after {
  content: "+";
  float: right;
  color: var(--teal);
  font-size: 20px;
}

.iv2-deep-dive[open] summary:after {
  content: "–";
}

.iv2-deep-dive>div {
  padding: 4px 0 26px;
}

.iv2-deep-dive h4 {
  font-size: 18px;
  color: var(--navy-950);
}

.iv2-deep-dive p {
  margin-top: 12px;
  color: #536476;
  line-height: 1.72;
}

.iv2-section {
  margin-top: 116px;
  padding-top: 12px;
}

.iv2-section-head {
  max-width: 760px;
}

.iv2-section-head>p:last-child {
  margin-top: 20px;
  color: #56687a;
  font-size: 17px;
  line-height: 1.72;
}

.iv2-document-list {
  margin-top: 42px;
  border-top: 1px solid rgba(13,27,47,.14);
}

.iv2-document-list>details {
  border-bottom: 1px solid rgba(13,27,47,.14);
}

.iv2-document-list summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 22px 0;
}

.iv2-document-list summary::-webkit-details-marker {
  display: none;
}

.iv2-document-list summary>span {
  color: var(--gold);
  font-size: 12px;
  font-weight: 950;
}

.iv2-document-list summary b, .iv2-document-list summary small {
  display: block;
}

.iv2-document-list summary b {
  font-size: 18px;
  color: var(--navy-950);
}

.iv2-document-list summary small {
  margin-top: 4px;
  color: #6e7b89;
}

.iv2-document-list summary em {
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #72808d;
}

.iv2-document-list summary:after {
  content: "+";
  grid-column: 4;
  color: var(--teal);
  font-size: 20px;
}

.iv2-document-list details[open] summary:after {
  content: "–";
}

.iv2-document-body {
  padding: 0 0 30px 60px;
  color: #526476;
  line-height: 1.7;
}

.iv2-document-body p+p {
  margin-top: 14px;
}

.iv2-document-body ul {
  padding-left: 20px;
}

.iv2-document-body table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 18px;
  font-size: 13px;
}

.iv2-document-body th, .iv2-document-body td {
  text-align: left;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(13,27,47,.12);
  vertical-align: top;
}

.iv2-document-body th {
  color: var(--navy-950);
  background: #f8f3e9;
}

.iv2-demo {
  padding: 58px 0 0;
}

.iv2-status-table {
  margin-top: 36px;
  border-top: 1px solid rgba(13,27,47,.14);
}

.iv2-status-row {
  display: grid;
  grid-template-columns: 1.15fr 100px 1fr;
  gap: 24px;
  align-items: start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(13,27,47,.14);
}

.iv2-status-row span {
  font-weight: 900;
  color: var(--navy-950);
}

.iv2-status-row b {
  color: #8c6c22;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  white-space: nowrap;
}

.iv2-status-row p {
  color: #6b7886;
  line-height: 1.55;
}

.iv2-reading-list {
  margin-top: 38px;
  border-top: 1px solid rgba(13,27,47,.14);
}

.iv2-reading-list article {
  padding: 28px 0;
  border-bottom: 1px solid rgba(13,27,47,.14);
}

.iv2-reading-list span {
  display: block;
  color: var(--teal);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
}

.iv2-reading-list h3 {
  margin-top: 11px;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 29px;
  line-height: 1.16;
  color: var(--navy-950);
}

.iv2-reading-list p {
  margin-top: 11px;
  color: #56687a;
  line-height: 1.68;
}

.iv2-proof ol {
  list-style: none;
  padding: 0;
  margin: 36px 0 0;
  border-top: 1px solid rgba(13,27,47,.14);
}

.iv2-proof li {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 28px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(13,27,47,.14);
}

.iv2-proof li>b {
  color: var(--teal);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .11em;
}

.iv2-proof h3 {
  font-size: 20px;
  color: var(--navy-950);
}

.iv2-proof p {
  margin-top: 7px;
  color: #667585;
  line-height: 1.6;
}

.iv2-final {
  padding: 88px 0;
  background: linear-gradient(145deg,var(--navy-980),var(--navy-820));
  color: #fff;
}

.iv2-final-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
}

.iv2-final h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(38px,4.4vw,62px);
  line-height: 1.04;
  max-width: 850px;
}

.iv2-final p:last-child {
  margin-top: 18px;
  color: rgba(255,255,255,.68);
  font-size: 17px;
  line-height: 1.65;
  max-width: 760px;
}

@media (max-width:980px) {
  .iv2-layout {
    grid-template-columns: 1fr;
    max-width: 820px;
  }

  .iv2-outline {
    display: none;
  }

  .iv2-mobile-outline {
    display: block;
    margin: 0;
    padding: 0 22px;
    background: #fff;
    border-bottom: 1px solid rgba(13,27,47,.1);
  }

  .iv2-mobile-outline summary {
    list-style: none;
    padding: 17px 0;
    font-weight: 900;
    color: var(--navy-950);
  }

  .iv2-mobile-outline summary::-webkit-details-marker {
    display: none;
  }

  .iv2-mobile-outline summary:after {
    content: "+";
    float: right;
    color: var(--teal);
  }

  .iv2-mobile-outline[open] summary:after {
    content: "–";
  }

  .iv2-mobile-outline nav {
    display: grid;
    padding: 0 0 16px;
  }

  .iv2-mobile-outline a {
    padding: 9px 0;
    color: #536476;
    font-weight: 800;
  }

  .iv2-final-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width:680px) {
  .iv2-hero {
    padding: 64px 0 58px;
  }

  .iv2-hero h1 {
    font-size: clamp(44px,13vw,62px);
    letter-spacing: -2.2px;
  }

  .iv2-lead {
    font-size: 17px;
  }

  .iv2-layout {
    padding: 62px 0 86px;
    gap: 0;
  }

  .iv2-article h2, .iv2-section h2 {
    font-size: clamp(38px,10.5vw,52px);
    letter-spacing: -1.5px;
  }

  .iv2-standfirst {
    font-size: 18px;
  }

  .iv2-article h3 {
    font-size: 27px;
  }

  .iv2-definition-list>div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .iv2-section {
    margin-top: 88px;
  }

  .iv2-document-list summary {
    grid-template-columns: 32px 1fr;
    gap: 12px;
  }

  .iv2-document-list summary em {
    grid-column: 2;
  }

  .iv2-document-list summary:after {
    grid-column: 3;
    grid-row: 1/3;
  }

  .iv2-document-body {
    padding-left: 44px;
    overflow-x: auto;
  }

  .iv2-status-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .iv2-proof li {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .iv2-final {
    padding: 68px 0;
  }
}

.about-v1-page {
  background: #fffdf8;
  color: var(--ink);
}

.about-v1-page .site-header {
  background: rgba(255,253,248,.94);
  border-bottom: 1px solid rgba(13,27,47,.1);
}

.about-v1-page .site-header.is-scrolled {
  background: rgba(255,253,248,.98);
  box-shadow: 0 12px 32px rgba(8,25,47,.08);
}

.about-v1-page .brand, .about-v1-page .nav-links {
  color: var(--navy-950);
}

.about-v1-page .brand-text {
  border-left-color: rgba(13,27,47,.2);
}

.about-v1-page .menu-toggle {
  border-color: rgba(13,27,47,.14);
  background: #fff;
}

.about-v1-page .menu-toggle span {
  background: var(--navy-950);
}

.about-v1-page .mobile-menu {
  background: #fffdf8;
  border-top-color: rgba(13,27,47,.1);
}

.about-v1-page .mobile-menu a {
  color: var(--navy-950);
}

.av1-hero {
  padding: 88px 0 96px;
  background: linear-gradient(180deg,#fffdf8,#f7f0e4);
  border-bottom: 1px solid rgba(13,27,47,.09);
  overflow: hidden;
}

.av1-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(320px,.58fr);
  gap: 84px;
  align-items: center;
}

.av1-hero-copy h1 {
  max-width: 820px;
  color: var(--navy-950);
  font-size: clamp(54px,6vw,84px);
  line-height: .98;
  letter-spacing: -3px;
}

.av1-lead {
  max-width: 760px;
  margin-top: 28px;
  color: #516375;
  font-size: 20px;
  line-height: 1.72;
}

.av1-hero-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(13,27,47,.12);
}

.av1-hero-notes span {
  position: relative;
  padding-left: 18px;
  color: #435568;
  font-size: 13px;
  font-weight: 900;
}

.av1-hero-notes span:before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--teal);
}

.av1-portrait {
  margin: 0;
  position: relative;
}

.av1-portrait-frame {
  aspect-ratio: 4/5.1;
  display: grid;
  place-items: end center;
  padding: 36px;
  border-radius: 8px 8px 70px 8px;
  background: radial-gradient(circle at 70% 20%,rgba(234,193,106,.28),transparent 32%),linear-gradient(145deg,#0a2036,#071526);
  box-shadow: 0 30px 80px rgba(7,21,38,.2);
  overflow: hidden;
  position: relative;
}

.av1-portrait-frame:before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  right: -110px;
  top: -90px;
}

.av1-portrait-frame:after {
  content: "";
  position: absolute;
  inset: auto 18px 18px auto;
  width: 75%;
  height: 48%;
  border-left: 1px solid rgba(255,255,255,.08);
  border-top: 1px solid rgba(255,255,255,.08);
}

.av1-portrait-frame span {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 950;
  text-align: center;
  line-height: 1.55;
}

.av1-portrait figcaption {
  display: grid;
  gap: 4px;
  margin-top: 18px;
  padding-left: 4px;
}

.av1-portrait figcaption strong {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 25px;
  color: var(--navy-950);
}

.av1-portrait figcaption span {
  color: #6b7887;
  font-size: 13px;
}

.av1-statement {
  padding: 28px 0;
  background: #0d1b2f;
  color: #fff;
}

.av1-statement-inner {
  max-width: 1050px;
}

.av1-statement p {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(24px,2.6vw,36px);
  line-height: 1.45;
  color: rgba(255,255,255,.78);
}

.av1-statement strong {
  color: #fff;
}

.av1-founder-letter {
  padding: 112px 0;
  background: #fff;
}

.av1-letter-layout {
  display: grid;
  grid-template-columns: 220px minmax(0,780px);
  gap: 86px;
  justify-content: center;
  align-items: start;
}

.av1-letter-facts {
  position: sticky;
  top: 118px;
}

.av1-letter-facts>p {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #8793a0;
  font-weight: 950;
  margin-bottom: 18px;
}

.av1-letter-facts dl {
  margin: 0;
  border-top: 1px solid rgba(13,27,47,.13);
}

.av1-letter-facts dl>div {
  padding: 16px 0;
  border-bottom: 1px solid rgba(13,27,47,.13);
}

.av1-letter-facts dt {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #9a7a37;
  font-weight: 950;
}

.av1-letter-facts dd {
  margin: 7px 0 0;
  color: #3e5063;
  font-size: 14px;
  line-height: 1.5;
}

.av1-letter h2, .av1-section-intro h2, .av1-focus-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  color: var(--navy-950);
  font-size: clamp(42px,4.6vw,64px);
  line-height: 1.04;
  letter-spacing: -2px;
}

.av1-letter>p:not(.eyebrow) {
  margin-top: 24px;
  color: #506274;
  font-size: 18px;
  line-height: 1.82;
}

.av1-letter blockquote {
  margin: 42px 0;
  padding: 30px 0;
  border-top: 1px solid rgba(13,27,47,.14);
  border-bottom: 1px solid rgba(13,27,47,.14);
  font-family: Georgia,"Times New Roman",serif;
  font-size: 28px;
  line-height: 1.48;
  color: #23384b;
}

.av1-signature {
  display: grid;
  gap: 5px;
  margin-top: 38px;
}

.av1-signature span {
  font-family: Georgia,"Times New Roman",serif;
  font-style: italic;
  font-size: 26px;
  color: var(--navy-950);
}

.av1-signature small {
  color: #7a8794;
}

.av1-company-model {
  padding: 104px 0;
  background: #f8f3e9;
  border-top: 1px solid rgba(13,27,47,.08);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.av1-company-grid {
  display: grid;
  grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr);
  gap: 84px;
  align-items: start;
}

.av1-section-intro {
  max-width: 610px;
}

.av1-section-intro>p:last-child {
  margin-top: 20px;
  color: #56687a;
  font-size: 17px;
  line-height: 1.72;
}

.av1-principles {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(13,27,47,.14);
}

.av1-principles li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 22px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(13,27,47,.14);
}

.av1-principles li>span {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 25px;
  color: #c89b49;
}

.av1-principles h3 {
  font-size: 22px;
  color: var(--navy-950);
}

.av1-principles p {
  margin-top: 8px;
  color: #5b6c7d;
  line-height: 1.68;
}

.av1-focus {
  padding: 106px 0;
  background: #fffdf8;
}

.av1-focus-layout {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(320px,.7fr);
  gap: 76px;
  align-items: start;
}

.av1-focus-copy>p:not(.eyebrow) {
  max-width: 700px;
  margin-top: 22px;
  color: #536577;
  font-size: 17px;
  line-height: 1.75;
}

.av1-crosslinks {
  margin-top: 38px;
  border-top: 1px solid rgba(13,27,47,.14);
}

.av1-crosslinks a {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 28px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(13,27,47,.14);
  color: var(--navy-950);
}

.av1-crosslinks b {
  font-size: 15px;
}

.av1-crosslinks span {
  color: #647384;
  line-height: 1.5;
}

.av1-crosslinks a:after {
  content: "→";
  justify-self: end;
  color: var(--teal);
  font-weight: 950;
  grid-column: 3;
}

.av1-boundary {
  padding: 34px;
  border-radius: 22px;
  background: #0d1b2f;
  color: #fff;
  box-shadow: 0 28px 80px rgba(8,25,47,.18);
}

.av1-boundary>p {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .13em;
  color: var(--gold);
  font-weight: 950;
}

.av1-boundary ul {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}

.av1-boundary li {
  position: relative;
  padding: 15px 0 15px 25px;
  border-bottom: 1px solid rgba(255,255,255,.11);
  color: rgba(255,255,255,.72);
  line-height: 1.55;
}

.av1-boundary li:before {
  content: "–";
  position: absolute;
  left: 0;
  color: var(--teal-2);
  font-weight: 950;
}

.av1-facts {
  padding: 108px 0;
  background: #f4f7fa;
}

.av1-facts-layout {
  display: grid;
  grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr);
  gap: 84px;
  align-items: start;
}

.av1-facts-table {
  border-top: 1px solid rgba(13,27,47,.15);
}

.av1-facts-table>div {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 28px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(13,27,47,.15);
}

.av1-facts-table span {
  color: #7b8997;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.av1-facts-table strong {
  color: var(--navy-950);
  font-weight: 850;
}

.av1-facts-table a {
  border-bottom: 1px solid var(--gold);
}

.av1-transparency {
  padding: 108px 0;
  background: #fff;
}

.av1-transparency-layout {
  display: grid;
  grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr);
  gap: 84px;
  align-items: start;
}

.av1-faq {
  border-top: 1px solid rgba(13,27,47,.14);
}

.av1-faq details {
  border-bottom: 1px solid rgba(13,27,47,.14);
}

.av1-faq summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 25px 48px 25px 0;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 23px;
  line-height: 1.25;
  color: var(--navy-950);
}

.av1-faq summary::-webkit-details-marker {
  display: none;
}

.av1-faq summary:after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 20px;
  color: var(--teal);
  font-family: Inter,sans-serif;
  font-size: 28px;
}

.av1-faq details[open] summary:after {
  content: "–";
}

.av1-faq p {
  padding: 0 50px 26px 0;
  color: #596b7d;
  line-height: 1.72;
}

.av1-final {
  padding: 90px 0;
  background: linear-gradient(145deg,var(--navy-980),var(--navy-820));
  color: #fff;
}

.av1-final-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 66px;
  align-items: center;
}

.av1-final h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(40px,4.6vw,64px);
  line-height: 1.04;
  max-width: 850px;
}

.av1-final p:last-child {
  max-width: 760px;
  margin-top: 18px;
  color: rgba(255,255,255,.7);
  font-size: 17px;
  line-height: 1.68;
}

@media (max-width:1020px) {
  .av1-hero-grid, .av1-company-grid, .av1-focus-layout, .av1-facts-layout, .av1-transparency-layout {
    grid-template-columns: 1fr;
  }

  .av1-portrait {
    max-width: 500px;
  }

  .av1-letter-layout {
    grid-template-columns: 1fr;
    max-width: 800px;
  }

  .av1-letter-facts {
    position: static;
    display: none;
  }

  .av1-final-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width:680px) {
  .av1-hero {
    padding: 62px 0 70px;
  }

  .av1-hero-copy h1 {
    font-size: clamp(44px,12.5vw,62px);
    letter-spacing: -2px;
  }

  .av1-lead {
    font-size: 17px;
  }

  .av1-portrait {
    max-width: 100%;
  }

  .av1-statement {
    padding: 24px 0;
  }

  .av1-founder-letter, .av1-company-model, .av1-focus, .av1-facts, .av1-transparency {
    padding: 72px 0;
  }

  .av1-letter h2, .av1-section-intro h2, .av1-focus-copy h2 {
    font-size: clamp(38px,10.5vw,52px);
    letter-spacing: -1.4px;
  }

  .av1-letter>p:not(.eyebrow) {
    font-size: 17px;
  }

  .av1-letter blockquote {
    font-size: 24px;
  }

  .av1-principles li {
    grid-template-columns: 42px 1fr;
    gap: 14px;
  }

  .av1-crosslinks a {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 18px 0;
  }

  .av1-crosslinks a:after {
    grid-column: 1;
    justify-self: start;
    margin-top: 5px;
  }

  .av1-facts-table>div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .av1-faq summary {
    font-size: 20px;
  }

  .av1-faq p {
    padding-right: 0;
  }

  .av1-final {
    padding: 70px 0;
  }
}

.contact-request-page {
  background: #fffdf8;
  color: var(--ink);
}

.contact-request-page .site-header {
  background: rgba(255,253,248,.94);
  border-bottom: 1px solid rgba(13,27,47,.10);
}

.contact-request-page .site-header.is-scrolled {
  background: rgba(255,253,248,.985);
  box-shadow: 0 14px 34px rgba(8,25,47,.09);
}

.contact-request-page .site-header .brand {
  color: var(--ink);
}

.contact-request-page .site-header .brand-text {
  border-left-color: rgba(13,27,47,.22);
}

.contact-request-page .site-header .nav-links {
  color: #24354a;
}

.contact-request-page .site-header .nav-links a[aria-current="page"] {
  color: var(--ink);
}

.contact-request-page .menu-toggle {
  border-color: rgba(13,27,47,.15);
  background: #fff;
}

.contact-request-page .menu-toggle span {
  background: var(--ink);
}

.contact-request-page .mobile-menu {
  background: #fffdf8;
  border-top-color: rgba(13,27,47,.1);
}

.contact-request-page .mobile-menu a {
  color: var(--ink);
}

.request-hero {
  padding: 76px 0 68px;
  background: linear-gradient(180deg,#fbf7ef 0%,#fffdf8 100%);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.request-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr);
  gap: 84px;
  align-items: center;
}

.request-hero h1 {
  max-width: 820px;
  color: var(--ink);
  font-size: clamp(48px,6vw,78px);
  line-height: 1.01;
}

.request-hero .hero-lead {
  max-width: 720px;
  color: #526277;
  font-size: 19px;
  line-height: 1.72;
  margin-top: 24px;
}

.request-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
  margin-top: 30px;
  color: #3e5168;
  font-size: 14px;
  font-weight: 800;
}

.request-signals span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.request-signals span:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--teal);
}

.request-main {
  padding: 82px 0 88px;
  background: #fff;
}

.request-layout {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 74px;
  align-items: start;
}

.request-guide {
  position: sticky;
  top: 112px;
  padding-right: 28px;
  border-right: 1px solid rgba(13,27,47,.12);
}

.request-guide h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 31px;
  line-height: 1.15;
}

.request-guide>p {
  color: #65758a;
  line-height: 1.7;
  margin-top: 16px;
}

.request-guide-list {
  margin-top: 28px;
  display: grid;
  gap: 0;
}

.request-guide-list span {
  padding: 15px 0;
  border-top: 1px solid rgba(13,27,47,.1);
  font-weight: 800;
  color: #33465c;
}

.request-guide-list span:before {
  content: "✓";
  color: var(--teal);
  font-weight: 950;
  margin-right: 10px;
}

.request-direct {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(13,27,47,.1);
}

.request-direct small {
  display: block;
  color: #7b899b;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
  font-size: 11px;
}

.request-direct a {
  display: inline-block;
  margin-top: 9px;
  font-weight: 900;
  color: var(--ink);
}

.request-form-wrap {
  max-width: 860px;
}

.request-form-head {
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(13,27,47,.12);
}

.request-form-head h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(34px,4vw,50px);
  line-height: 1.08;
}

.request-form-head p {
  max-width: 720px;
  color: #607086;
  line-height: 1.7;
  margin-top: 15px;
}

.request-form {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px 22px;
  margin-top: 34px;
}

.request-field {
  display: grid;
  gap: 9px;
  color: #25374c;
  font-weight: 850;
  font-size: 14px;
}

.request-field.full {
  grid-column: 1/-1;
}

.request-field .optional {
  font-weight: 600;
  color: #8995a4;
  font-size: 12px;
  margin-left: 5px;
}

.request-field input, .request-field select, .request-field textarea {
  width: 100%;
  border: 1px solid #d8e0e8;
  background: #fff;
  border-radius: 10px;
  padding: 14px 15px;
  color: var(--ink);
  outline: none;
  transition: border-color .2s,box-shadow .2s;
}

.request-field textarea {
  min-height: 170px;
  resize: vertical;
  line-height: 1.55;
}

.request-field input:focus, .request-field select:focus, .request-field textarea:focus {
  border-color: var(--teal);
  box-shadow: 0 0 0 4px rgba(9,182,181,.10);
}

.request-fieldset {
  grid-column: 1/-1;
  border: 0;
  padding: 0;
  margin: 0;
}

.request-fieldset legend {
  font-weight: 900;
  color: #25374c;
  font-size: 14px;
  margin-bottom: 12px;
}

.request-radio-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}

.request-radio-row label {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #d8e0e8;
  border-radius: 10px;
  padding: 13px 14px;
  font-weight: 750;
  color: #43566d;
  background: #fff;
}

.request-radio-row input {
  accent-color: var(--teal);
}

.request-consent {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.55;
}

.request-consent input {
  margin-top: 4px;
  accent-color: var(--teal);
}

.request-consent a {
  color: #0c6c72;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.request-submit-row {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  padding-top: 4px;
}

.request-submit-row small {
  display: block;
  width: 100%;
  color: #78879a;
}

.request-after {
  padding: 68px 0;
  background: #fbf7ef;
  border-top: 1px solid rgba(13,27,47,.08);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.request-after-head {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 60px;
  align-items: end;
}

.request-after-head h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(34px,4vw,48px);
  line-height: 1.1;
}

.request-after-head p {
  color: #627286;
  line-height: 1.7;
}

.request-after-list {
  margin-top: 34px;
  border-top: 1px solid rgba(13,27,47,.14);
}

.request-after-step {
  display: grid;
  grid-template-columns: 62px 230px 1fr;
  gap: 25px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(13,27,47,.12);
  align-items: start;
}

.request-after-step b {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 26px;
  color: #c89531;
}

.request-after-step h3 {
  font-size: 18px;
}

.request-after-step p {
  color: #66768a;
  line-height: 1.65;
}

.request-faq {
  padding: 78px 0;
  background: #fff;
}

.request-faq-grid {
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 74px;
  align-items: start;
}

.request-faq-copy h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 40px;
  line-height: 1.12;
}

.request-faq-copy p {
  color: #66768a;
  line-height: 1.7;
  margin-top: 16px;
}

.request-faq-list {
  border-top: 1px solid rgba(13,27,47,.13);
}

.request-faq-list details {
  border-bottom: 1px solid rgba(13,27,47,.13);
  padding: 0;
}

.request-faq-list summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 44px 22px 0;
  font-size: 18px;
  font-weight: 900;
  position: relative;
}

.request-faq-list summary::-webkit-details-marker {
  display: none;
}

.request-faq-list summary:after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 19px;
  color: var(--teal);
  font-size: 25px;
  font-weight: 500;
}

.request-faq-list details[open] summary:after {
  content: "−";
}

.request-faq-list details p {
  padding: 0 44px 22px 0;
  color: #607086;
  line-height: 1.7;
}

.request-company {
  padding: 62px 0;
  background: #f7fafc;
  border-top: 1px solid rgba(13,27,47,.08);
}

.request-company-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
}

.request-company h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: 32px;
}

.request-company p {
  color: #64748b;
  line-height: 1.75;
  margin-top: 14px;
}

.request-company-lines {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(13,27,47,.12);
}

.request-company-lines span, .request-company-lines a {
  padding: 14px 0;
  border-bottom: 1px solid rgba(13,27,47,.1);
  color: #40536a;
}

@media (max-width:980px) {
  .request-hero-grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .request-layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .request-guide {
    position: static;
    border-right: 0;
    border-bottom: 1px solid rgba(13,27,47,.12);
    padding: 0 0 32px;
  }

  .request-guide-list {
    grid-template-columns: repeat(2,1fr);
    column-gap: 24px;
  }

  .request-after-head, .request-faq-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .request-company-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width:680px) {
  .request-hero {
    padding: 52px 0 48px;
  }

  .request-hero h1 {
    font-size: clamp(42px,13vw,59px);
    letter-spacing: -1.5px;
  }

  .request-main {
    padding: 56px 0 64px;
  }

  .request-form {
    grid-template-columns: 1fr;
  }

  .request-field.full, .request-fieldset, .request-consent, .request-submit-row {
    grid-column: 1;
  }

  .request-radio-row {
    grid-template-columns: 1fr;
  }

  .request-guide-list {
    grid-template-columns: 1fr;
  }

  .request-after {
    padding: 54px 0;
  }

  .request-after-step {
    grid-template-columns: 44px 1fr;
    gap: 12px 16px;
  }

  .request-after-step p {
    grid-column: 2;
  }

  .request-faq {
    padding: 58px 0;
  }

  .request-company {
    padding: 50px 0;
  }
}

.contact-request-page .request-hero-grid.request-hero-clean {
  grid-template-columns: minmax(0,900px);
  justify-content: start;
}

.contact-request-page .request-hero-clean>div {
  max-width: 900px;
}

.services-method-link {
  padding: 72px 0;
  background: linear-gradient(180deg,#fffdf8,#f8f1e6);
}

.services-method-panel {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 48px;
  align-items: center;
  padding: 34px 38px;
  background: #fff;
  border: 1px solid rgba(13,27,47,.10);
  box-shadow: 0 18px 48px rgba(8,25,47,.06);
}

.services-method-panel h2 {
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(32px,3.2vw,46px);
  line-height: 1.08;
  color: var(--navy-950);
}

.services-method-panel p:last-child {
  margin-top: 14px;
  max-width: 760px;
  color: #637284;
  line-height: 1.65;
}

:is(.services-anchor-row,.iv2-outline nav,.iv2-mobile-outline nav) a[aria-current="location"] {
  font-weight: 950;
}

.services-anchor-row a[aria-current="location"] {
  background: #fff;
  border-color: rgba(234,193,106,.58);
  box-shadow: 0 8px 22px rgba(8,25,47,.06);
}

.iv2-outline a[aria-current="location"] {
  border-bottom-color: var(--gold);
}

@media (max-width:760px) {
  .services-method-panel {
    grid-template-columns: 1fr;
    padding: 28px 24px;
  }

  .contact-request-page .request-hero-grid.request-hero-clean {
    grid-template-columns: 1fr;
  }
}

.iv2-reading-list article[data-content-status="planned"] {
  display: block;
}

.iv2-topic-outline {
  margin-top: 18px;
  border-left: 2px solid rgba(234,193,106,.7);
  padding-left: 18px;
}

.iv2-topic-outline summary {
  cursor: pointer;
  list-style: none;
  color: var(--navy-950);
  font-size: 13px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.iv2-topic-outline summary::-webkit-details-marker {
  display: none;
}

.iv2-topic-outline summary:before {
  content: "+";
  color: var(--teal);
  font-size: 18px;
  line-height: 1;
}

.iv2-topic-outline[open] summary:before {
  content: "–";
}

.iv2-topic-outline ol {
  margin: 14px 0 0;
  padding-left: 20px;
  color: #607080;
  line-height: 1.65;
}

.iv2-topic-outline li+li {
  margin-top: 6px;
}



@media (max-width:760px) {
  .iv2-topic-outline {
    padding-left: 14px;
  }

  .iv2-reading-list h3 {
    font-size: 26px;
  }
}

/* Index: echtes Bild für den Bereich „Klare Projektverantwortung“ */
.index-v2-page .v2-founder-visual.v2-founder-visual--image {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 380px;
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #071526;
}

.index-v2-page .v2-founder-visual.v2-founder-visual--image::before,
.index-v2-page .v2-founder-visual.v2-founder-visual--image::after {
  content: none;
  display: none;
}

.index-v2-page .v2-founder-visual.v2-founder-visual--image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: cover;
  object-position: center center;
}

@media (max-width: 680px) {
  .index-v2-page .v2-founder-visual.v2-founder-visual--image {
    min-height: 260px;
    aspect-ratio: 4 / 3;
  }
}

/* Über DTC: echtes Portrait von René Klotz */
.about-v1-page .av1-portrait-frame.av1-portrait-photo {
  background-image:
    linear-gradient(180deg, rgba(7,21,38,.02), rgba(7,21,38,.16)),
    url("assets/images/rene-klotz-portrait-gesellschafter.webp");
  background-size: cover;
  background-position: center 22%;
  background-repeat: no-repeat;
}

.about-v1-page .av1-portrait-frame.av1-portrait-photo::before,
.about-v1-page .av1-portrait-frame.av1-portrait-photo::after {
  display: none;
}

/* ======================================================================
   LEGAL PAGES — IMPRESSUM & DATENSCHUTZ
   Final scoped styles. Only affects body.legal-page.
   ====================================================================== */
body.legal-page {
  background: #fffdf8;
  color: #0d1b2f;
}

body.legal-page .site-header {
  background: rgba(255,253,248,.96);
  border-bottom: 1px solid rgba(13,27,47,.10);
  box-shadow: 0 10px 30px rgba(8,25,47,.06);
}

body.legal-page .site-header.is-scrolled {
  background: rgba(255,253,248,.99);
  box-shadow: 0 16px 38px rgba(8,25,47,.10);
}

body.legal-page .brand,
body.legal-page .nav-links,
body.legal-page .mobile-menu a {
  color: #0d1b2f;
}

body.legal-page .brand-text {
  border-left-color: rgba(13,27,47,.24);
}

body.legal-page .menu-toggle {
  border-color: rgba(13,27,47,.16);
  background: rgba(13,27,47,.04);
}

body.legal-page .menu-toggle span {
  background: #0d1b2f;
}

body.legal-page .mobile-menu {
  background: #fffdf8;
  border-top-color: rgba(13,27,47,.10);
}

.legal-page .legal-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 70px;
  background:
    radial-gradient(circle at 84% 12%, rgba(234,193,106,.22), transparent 34%),
    radial-gradient(circle at 8% 80%, rgba(9,182,181,.09), transparent 30%),
    linear-gradient(180deg,#fffdf8 0%,#f8f2e8 100%);
  border-bottom: 1px solid rgba(13,27,47,.08);
}

.legal-page .legal-hero::after {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -220px;
  bottom: -300px;
  border-radius: 50%;
  border: 1px solid rgba(13,27,47,.06);
  box-shadow:
    0 0 0 70px rgba(13,27,47,.018),
    0 0 0 140px rgba(13,27,47,.012);
  pointer-events: none;
}

.legal-page .legal-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 900px;
}

.legal-page .legal-hero h1 {
  max-width: 900px;
  color: #0d1b2f;
  font-size: clamp(50px,6vw,82px);
  line-height: .98;
  letter-spacing: -.045em;
}

.legal-page .legal-hero-inner > p:last-child {
  max-width: 760px;
  margin-top: 24px;
  color: #536176;
  font-size: 18px;
  line-height: 1.75;
}

.legal-page .legal-layout {
  display: grid;
  grid-template-columns: minmax(220px,280px) minmax(0,1fr);
  gap: clamp(38px,5vw,78px);
  align-items: start;
  padding-top: 74px;
  padding-bottom: 94px;
}

.legal-page .legal-outline {
  position: sticky;
  top: 104px;
  padding: 24px;
  border: 1px solid rgba(13,27,47,.10);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 54px rgba(8,25,47,.08);
}

.legal-page .legal-outline > p {
  margin: 0 0 15px;
  color: #0b8f99;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.legal-page .legal-outline nav {
  display: grid;
}

.legal-page .legal-outline a {
  display: grid;
  grid-template-columns: 26px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 13px 0;
  border-bottom: 1px solid #e5eaf0;
  color: #3f5065;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  transition: color .2s var(--ease), transform .2s var(--ease);
}

.legal-page .legal-outline a:last-child {
  border-bottom: 0;
}

.legal-page .legal-outline a::before {
  content: counter(legal-nav, decimal-leading-zero);
  counter-increment: legal-nav;
  color: #c58b2e;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
}

.legal-page .legal-outline nav {
  counter-reset: legal-nav;
}

.legal-page .legal-outline a:hover,
.legal-page .legal-outline a:focus-visible {
  color: #0d1b2f;
  transform: translateX(3px);
}

.legal-page .legal-draft-note {
  margin-top: 22px;
  padding: 16px 17px;
  border-radius: 14px;
  border: 1px solid #ead6aa;
  background: #fff8e8;
  color: #6f5527;
  font-size: 12px;
  line-height: 1.65;
}

.legal-page .legal-draft-note strong {
  display: block;
  margin-bottom: 5px;
  color: #4e3a18;
}

.legal-page .legal-content {
  min-width: 0;
  max-width: 880px;
}

.legal-page .legal-content section {
  padding: 0 0 44px;
  margin: 0 0 44px;
  border-bottom: 1px solid #dfe5eb;
  scroll-margin-top: 110px;
}

.legal-page .legal-content section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.legal-page .legal-content h2 {
  margin: 0;
  color: #0d1b2f;
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(29px,3.2vw,43px);
  line-height: 1.1;
  letter-spacing: -.03em;
}

.legal-page .legal-content h3 {
  margin: 28px 0 10px;
  color: #12253b;
  font-size: 19px;
  line-height: 1.3;
}

.legal-page .legal-content p,
.legal-page .legal-content li,
.legal-page .legal-content dd,
.legal-page .legal-content address {
  color: #536176;
  font-size: 16px;
  line-height: 1.78;
}

.legal-page .legal-content section > p:not(.eyebrow):not(.legal-updated),
.legal-page .legal-content section > address,
.legal-page .legal-content section > dl,
.legal-page .legal-content section > ul,
.legal-page .legal-content section > .legal-action-box {
  margin-top: 20px;
}

.legal-page .legal-content a {
  color: #0f4a70;
  text-decoration: underline;
  text-decoration-color: #eac16a;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.legal-page .legal-content code {
  padding: 3px 7px;
  border-radius: 7px;
  background: #eef3f7;
  color: #183653;
  font-size: .88em;
  overflow-wrap: anywhere;
}

.legal-page .legal-address {
  padding: 22px 24px;
  border: 1px solid #e0e6ec;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(8,25,47,.05);
  font-style: normal;
}

.legal-page .legal-address strong {
  display: inline-block;
  margin-bottom: 6px;
  color: #0d1b2f;
}

.legal-page .legal-data-list {
  margin: 22px 0 0;
  border: 1px solid #e0e6ec;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 34px rgba(8,25,47,.05);
}

.legal-page .legal-data-list > div {
  display: grid;
  grid-template-columns: minmax(170px,.38fr) minmax(0,.62fr);
  border-bottom: 1px solid #e7ebef;
}

.legal-page .legal-data-list > div:last-child {
  border-bottom: 0;
}

.legal-page .legal-data-list dt,
.legal-page .legal-data-list dd {
  margin: 0;
  padding: 16px 20px;
}

.legal-page .legal-data-list dt {
  background: #f7f9fb;
  color: #26384e;
  font-size: 13px;
  font-weight: 900;
}

.legal-page .legal-data-list dd {
  color: #526176;
  overflow-wrap: anywhere;
}

.legal-page .legal-placeholder {
  display: inline;
  padding: 2px 6px;
  border: 1px solid #edc76f;
  border-radius: 6px;
  background: #fff2c8;
  color: #6b4b00;
  font-weight: 800;
}

.legal-page .legal-action-box {
  padding: 20px 22px;
  border: 1px solid #efc4bd;
  border-left: 5px solid #d75348;
  border-radius: 14px;
  background: #fff4f1;
}

.legal-page .legal-action-box strong {
  display: block;
  color: #7c2f28;
}

.legal-page .legal-action-box p {
  margin-top: 7px;
  color: #75504d;
  font-size: 14px;
  line-height: 1.65;
}

.legal-page .legal-note,
.legal-page .legal-b2b-note {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #eef8f8;
  border: 1px solid #c9e8e5;
  color: #315b5b;
}

.legal-page .legal-b2b-note {
  background: #fff8e9;
  border-color: #ecd7a9;
  color: #6a5225;
}

.legal-page .legal-list {
  padding-left: 22px;
}

.legal-page .legal-list li + li {
  margin-top: 9px;
}

.legal-page .legal-list li::marker {
  color: #c58b2e;
}

.legal-page .legal-updated {
  margin-top: 34px;
  color: #7a8798;
  font-size: 12px;
}

body.legal-page .site-footer {
  margin-top: 0;
}

@media (max-width: 980px) {
  .legal-page .legal-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .legal-page .legal-outline {
    position: static;
  }

  .legal-page .legal-outline nav {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0 22px;
  }
}

@media (max-width: 680px) {
  .legal-page .legal-hero {
    padding: 58px 0 52px;
  }

  .legal-page .legal-hero h1 {
    font-size: 43px;
  }

  .legal-page .legal-hero-inner > p:last-child {
    font-size: 16px;
  }

  .legal-page .legal-layout {
    padding-top: 46px;
    padding-bottom: 66px;
  }

  .legal-page .legal-outline {
    padding: 19px;
    border-radius: 17px;
  }

  .legal-page .legal-outline nav {
    grid-template-columns: 1fr;
  }

  .legal-page .legal-content section {
    margin-bottom: 34px;
    padding-bottom: 34px;
  }

  .legal-page .legal-data-list > div {
    grid-template-columns: 1fr;
  }

  .legal-page .legal-data-list dt {
    padding-bottom: 8px;
    border-bottom: 0;
  }

  .legal-page .legal-data-list dd {
    padding-top: 0;
  }
}

/* =========================================
   INDEX HERO – SIGNAL HUB V1
   ========================================= */
.index-v2-page .commerce-hero-signal-v1 {
  position: relative;
  overflow: clip;
  padding: 72px 0 82px;
  background:
    radial-gradient(circle at 9% 4%, rgba(31,189,183,.12), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(234,193,106,.28), transparent 35%),
    linear-gradient(90deg, #f4fbfa 0%, #fffdf8 52%, #fff7df 100%);
}

.index-v2-page .commerce-hero-signal-v1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 48%, rgba(255,255,255,.6), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 36%);
}

.index-v2-page .commerce-hero-signal-grid {
  width: min(1480px, calc(100% - 64px));
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(460px, .83fr) minmax(720px, 1.17fr);
  gap: 42px;
  align-items: center;
}

.index-v2-page .commerce-hero-signal-copy {
  max-width: 650px;
  padding-top: 6px;
}

.index-v2-page .commerce-hero-signal-copy .eyebrow {
  margin-bottom: 20px;
}

.index-v2-page .commerce-hero-signal-copy h1 {
  max-width: 650px;
  font-size: clamp(58px, 5.5vw, 91px);
  line-height: .94;
  letter-spacing: -.05em;
  color: #0d1b2f;
}

.index-v2-page .hero-signal-accent {
  width: min(360px, 65%);
  height: 7px;
  margin: 26px 0 26px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e0ad3f 0%, #9cc570 45%, #1cc8c3 100%);
  box-shadow: 0 8px 24px rgba(28,200,195,.15);
}

.index-v2-page .commerce-hero-signal-copy .hero-lead {
  max-width: 630px;
  margin-top: 0;
  color: #334155;
  font-size: 18px;
  line-height: 1.75;
}

.index-v2-page .hero-platform-pills {
  gap: 13px;
  margin-top: 25px;
}

.index-v2-page .hero-platform-pills span {
  min-height: 50px;
  padding: 0 18px;
  border-color: #eadfcd;
  box-shadow: 0 12px 28px rgba(13,27,47,.055);
}

.index-v2-page .hero-signal-stage {
  position: relative;
  min-height: 710px;
  transform: rotate(3deg);
  transform-origin: 60% 42%;
}

.index-v2-page .hero-signal-board {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 540px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 34px;
  background:
    radial-gradient(circle at 64% 46%, rgba(255,238,176,.34), transparent 27%),
    linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,252,243,.58));
  box-shadow: 0 34px 90px rgba(15,33,58,.10), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
  transform: perspective(1400px) rotateY(-1.1deg) rotateX(.5deg);
  transform-origin: 50% 40%;
}

.index-v2-page .hero-signal-board-title {
  position: absolute;
  top: 27px;
  left: 30px;
  right: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  z-index: 4;
}

.index-v2-page .hero-signal-board-title strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 37px;
  line-height: 1;
  font-weight: 500;
  color: #13243d;
}

.index-v2-page .hero-signal-board-title span {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(226,216,190,.8);
  color: #7b6843;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.index-v2-page .hero-signal-side {
  position: absolute;
  top: 103px;
  left: 26px;
  width: 198px;
  z-index: 4;
}

.index-v2-page .hero-signal-hub-label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid rgba(226,219,201,.9);
  border-radius: 18px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 15px 34px rgba(15,33,58,.07);
}

.index-v2-page .hero-signal-hub-label > i {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #2ac9c3;
  box-shadow: 0 0 0 7px rgba(42,201,195,.13);
}

.index-v2-page .hero-signal-hub-label b,
.index-v2-page .hero-signal-hub-label small {
  display: block;
}

.index-v2-page .hero-signal-hub-label b {
  color: #13243d;
  font-size: 14px;
}

.index-v2-page .hero-signal-hub-label small {
  margin-top: 2px;
  color: #758194;
  font-size: 10px;
}

.index-v2-page .hero-signal-data-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.index-v2-page .hero-signal-data-list > div {
  position: relative;
  min-height: 65px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(229,222,205,.85);
  border-radius: 16px;
  background: rgba(255,255,255,.78);
}

.index-v2-page .hero-signal-data-list span,
.index-v2-page .hero-signal-data-list b {
  display: block;
}

.index-v2-page .hero-signal-data-list span {
  color: #526174;
  font-size: 11px;
}

.index-v2-page .hero-signal-data-list b {
  margin-top: 2px;
  color: #172a43;
  font-size: 13px;
}

.index-v2-page .hero-signal-data-list i {
  position: absolute;
  right: 12px;
  bottom: 13px;
  width: 55px;
  height: 16px;
  background: linear-gradient(135deg, transparent 0 10%, #81cfca 10% 14%, transparent 14% 26%, #81cfca 26% 30%, transparent 30% 44%, #43bdb9 44% 48%, transparent 48% 62%, #43bdb9 62% 67%, transparent 67% 80%, #26aaa9 80% 85%, transparent 85%);
  opacity: .7;
}

.index-v2-page .hero-signal-lines {
  position: absolute;
  inset: 67px 10px auto 160px;
  width: calc(100% - 170px);
  height: 410px;
  z-index: 1;
  overflow: visible;
}

.index-v2-page .hero-signal-lines path {
  stroke-dasharray: 9 8;
  animation: dtcSignalTravel 13s linear infinite;
}

@keyframes dtcSignalTravel {
  to { stroke-dashoffset: -310; }
}

.index-v2-page .hero-signal-sources {
  position: absolute;
  top: 78px;
  left: 247px;
  width: 177px;
  display: grid;
  gap: 13px;
  z-index: 5;
}

.index-v2-page .hero-system-card {
  display: grid;
  grid-template-columns: 37px 1fr auto;
  align-items: center;
  gap: 9px;
  min-height: 67px;
  padding: 10px 11px;
  border: 1px solid rgba(228,220,200,.9);
  border-radius: 17px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 16px 32px rgba(15,33,58,.07);
  animation: dtcFloatCard 6s ease-in-out infinite;
}

.index-v2-page .hero-system-card:nth-child(2) { animation-delay: -.8s; }
.index-v2-page .hero-system-card:nth-child(3) { animation-delay: -1.6s; }
.index-v2-page .hero-system-card:nth-child(4) { animation-delay: -2.4s; }
.index-v2-page .hero-system-card:nth-child(5) { animation-delay: -3.2s; }

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

.index-v2-page .hero-system-card em {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.index-v2-page .hero-system-card.shopify em { background: #83bf4d; }
.index-v2-page .hero-system-card.shopware em { background: #308ce7; }
.index-v2-page .hero-system-card.woo em { background: #7956ce; font-size: 8px; }
.index-v2-page .hero-system-card.magento em { background: #f18437; }
.index-v2-page .hero-system-card.bigcommerce em { background: #152941; }

.index-v2-page .hero-system-card span,
.index-v2-page .hero-system-card b,
.index-v2-page .hero-system-card small {
  display: block;
}

.index-v2-page .hero-system-card b {
  color: #13243d;
  font-size: 12px;
}

.index-v2-page .hero-system-card small {
  margin-top: 2px;
  color: #28a879;
  font-size: 9px;
}

.index-v2-page .hero-system-card > i {
  color: #22a879;
  font-style: normal;
  font-weight: 900;
}

.index-v2-page .hero-signal-router {
  position: absolute;
  top: 198px;
  left: 453px;
  width: 145px;
  height: 145px;
  display: grid;
  place-items: center;
  z-index: 6;
}

.index-v2-page .hero-signal-router::before,
.index-v2-page .hero-signal-router::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.index-v2-page .hero-signal-router::before {
  inset: -32px;
  background: radial-gradient(circle, rgba(246,211,102,.34), rgba(246,211,102,.11) 42%, transparent 72%);
  animation: dtcRouterPulse 3.8s ease-in-out infinite;
}

.index-v2-page .hero-signal-router::after {
  inset: -9px;
  border: 1px solid rgba(242,201,80,.36);
}

@keyframes dtcRouterPulse {
  0%,100% { transform: scale(.93); opacity: .75; }
  50% { transform: scale(1.06); opacity: 1; }
}

.index-v2-page .hero-signal-router > div {
  position: relative;
  z-index: 1;
  width: 116px;
  height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 8px solid rgba(244,208,101,.62);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 20px 42px rgba(15,33,58,.13), 0 0 32px rgba(242,201,80,.19);
  text-align: center;
}

.index-v2-page .hero-signal-router strong,
.index-v2-page .hero-signal-router span,
.index-v2-page .hero-signal-router small {
  display: block;
}

.index-v2-page .hero-signal-router strong {
  color: #13243d;
  font-size: 27px;
  line-height: 1;
}

.index-v2-page .hero-signal-router span {
  margin-top: 4px;
  color: #526174;
  font-size: 10px;
  font-weight: 700;
}

.index-v2-page .hero-signal-router small {
  margin-top: 5px;
  color: #28a879;
  font-size: 9px;
  font-weight: 800;
}

.index-v2-page .hero-signal-flows {
  position: absolute;
  top: 90px;
  right: 22px;
  width: 190px;
  display: grid;
  gap: 16px;
  z-index: 5;
}

.index-v2-page .hero-signal-flows > div {
  min-height: 82px;
  padding: 15px 16px;
  border: 1px solid rgba(228,220,200,.9);
  border-radius: 17px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 16px 32px rgba(15,33,58,.07);
}

.index-v2-page .hero-signal-flows span,
.index-v2-page .hero-signal-flows b {
  display: block;
}

.index-v2-page .hero-signal-flows span {
  color: #13243d;
  font-size: 12px;
  font-weight: 800;
}

.index-v2-page .hero-signal-flows b {
  margin-top: 8px;
  color: #28a879;
  font-size: 9px;
}

.index-v2-page .hero-signal-guide-card {
  position: absolute;
  left: 0;
  bottom: 22px;
  z-index: 8;
  width: 535px;
  display: grid;
  grid-template-columns: 225px 1fr;
  gap: 20px;
  padding: 20px;
  border: 1px solid rgba(225,216,196,.94);
  border-radius: 26px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 28px 65px rgba(15,33,58,.13);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

.index-v2-page .hero-signal-guide-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 34px 74px rgba(15,33,58,.17);
}

.index-v2-page .hero-signal-preview {
  position: relative;
  min-height: 183px;
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(150deg, #d2e2ef, #eef3f7 66%, #ccd9e7);
}

.index-v2-page .hero-signal-preview-ui {
  position: absolute;
  inset: 17px;
  border-radius: 13px;
  background:
    linear-gradient(90deg, rgba(57,83,111,.15) 0 27%, transparent 27% 100%),
    repeating-linear-gradient(180deg, rgba(60,111,140,.10) 0 25px, transparent 25px 37px),
    rgba(255,255,255,.62);
  transform: perspective(450px) rotateY(-5deg);
}

.index-v2-page .hero-signal-preview-ui i {
  position: absolute;
  left: 74px;
  right: 15px;
  height: 2px;
  background: linear-gradient(90deg, #8dcccb, #29b9b7);
  opacity: .65;
}

.index-v2-page .hero-signal-preview-ui i:nth-child(1) { top: 40px; }
.index-v2-page .hero-signal-preview-ui i:nth-child(2) { top: 79px; }
.index-v2-page .hero-signal-preview-ui i:nth-child(3) { top: 118px; }

.index-v2-page .hero-signal-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  box-shadow: 0 17px 32px rgba(15,33,58,.17);
  color: #435a79;
  font-size: 30px;
  transform: translate(-50%,-50%);
}

.index-v2-page .hero-signal-guide-card h2 {
  margin: 3px 0 13px;
  color: #13243d;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.index-v2-page .hero-signal-guide-card ul {
  list-style: none;
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0 0 13px;
}

.index-v2-page .hero-signal-guide-card li {
  position: relative;
  padding-left: 18px;
  color: #415166;
  font-size: 12px;
  font-weight: 650;
}

.index-v2-page .hero-signal-guide-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #20ae84;
  font-weight: 900;
}

.index-v2-page .hero-signal-guide-card > div > strong {
  color: #0f4a70;
  border-bottom: 2px solid #e4b243;
  font-size: 12px;
}

.index-v2-page .hero-signal-stats {
  position: absolute;
  right: 20px;
  bottom: 85px;
  z-index: 9;
  display: grid;
  grid-template-columns: 153px 153px;
  gap: 14px;
}

.index-v2-page .hero-signal-stats > div {
  min-height: 126px;
  padding: 16px;
  border: 1px solid rgba(226,217,197,.92);
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 42px rgba(15,33,58,.09);
}

.index-v2-page .hero-signal-stats span,
.index-v2-page .hero-signal-stats b,
.index-v2-page .hero-signal-stats small {
  display: block;
}

.index-v2-page .hero-signal-stats span {
  color: #66758a;
  font-size: 10px;
}

.index-v2-page .hero-signal-stats b {
  margin-top: 7px;
  color: #123b58;
  font-size: 22px;
  line-height: 1.1;
}

.index-v2-page .hero-signal-stats small {
  margin-top: 5px;
  color: #627185;
  font-size: 9px;
}

.index-v2-page .hero-signal-stats i {
  display: block;
  height: 6px;
  margin-top: 13px;
  border-radius: 999px;
  background: linear-gradient(90deg,#23c5b8 0 74%,#e9e6dc 74% 100%);
}

.index-v2-page .hero-signal-trust {
  position: absolute;
  right: 18px;
  bottom: 17px;
  z-index: 9;
  padding: 13px 18px;
  border: 1px solid rgba(226,217,197,.9);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 15px 38px rgba(15,33,58,.07);
}

.index-v2-page .hero-signal-trust span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #4b5d70;
  font-size: 11px;
  font-weight: 700;
}

.index-v2-page .hero-signal-trust span::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(31,183,140,.13);
  color: #1eb187;
  font-weight: 900;
}

@media (max-width: 1450px) {
  .index-v2-page .commerce-hero-signal-grid {
    width: min(1320px, calc(100% - 52px));
    grid-template-columns: minmax(430px,.8fr) minmax(650px,1.2fr);
  }
  .index-v2-page .hero-signal-stage {
    transform: scale(.91) rotate(3deg);
    transform-origin: 72% 42%;
    margin-left: -32px;
  }
}

@media (max-width: 1180px) {
  .index-v2-page .commerce-hero-signal-grid {
    width: min(920px, calc(100% - 44px));
    grid-template-columns: 1fr;
  }
  .index-v2-page .commerce-hero-signal-copy {
    max-width: 760px;
  }
  .index-v2-page .commerce-hero-signal-copy h1 {
    max-width: 760px;
  }
  .index-v2-page .hero-signal-stage {
    transform: none;
    margin: 10px 0 0;
  }
}

@media (max-width: 820px) {
  .index-v2-page .commerce-hero-signal-v1 {
    padding: 52px 0 60px;
  }
  .index-v2-page .commerce-hero-signal-grid {
    width: min(100% - 32px, 720px);
  }
  .index-v2-page .commerce-hero-signal-copy h1 {
    font-size: clamp(47px, 13vw, 69px);
  }
  .index-v2-page .hero-signal-stage {
    min-height: auto;
    display: grid;
    gap: 16px;
  }
  .index-v2-page .hero-signal-board,
  .index-v2-page .hero-signal-guide-card,
  .index-v2-page .hero-signal-stats,
  .index-v2-page .hero-signal-trust {
    position: relative;
    inset: auto;
    width: 100%;
  }
  .index-v2-page .hero-signal-board {
    min-height: 680px;
    transform: none;
  }
  .index-v2-page .hero-signal-guide-card {
    grid-template-columns: 210px 1fr;
  }
  .index-v2-page .hero-signal-stats {
    grid-template-columns: 1fr 1fr;
  }
  .index-v2-page .hero-signal-trust {
    display: flex;
  }
}

@media (max-width: 620px) {
  .index-v2-page .commerce-hero-signal-copy h1 {
    font-size: 47px;
  }
  .index-v2-page .hero-platform-pills span {
    min-height: 44px;
    padding: 0 14px;
    font-size: 13px;
  }
  .index-v2-page .hero-signal-board {
    min-height: auto;
    padding: 23px 16px 16px;
  }
  .index-v2-page .hero-signal-board-title,
  .index-v2-page .hero-signal-side,
  .index-v2-page .hero-signal-sources,
  .index-v2-page .hero-signal-router,
  .index-v2-page .hero-signal-flows {
    position: relative;
    inset: auto;
    width: 100%;
  }
  .index-v2-page .hero-signal-board-title {
    align-items: center;
    margin-bottom: 18px;
  }
  .index-v2-page .hero-signal-board-title strong {
    font-size: 29px;
  }
  .index-v2-page .hero-signal-board-title span {
    font-size: 8px;
  }
  .index-v2-page .hero-signal-side {
    margin-bottom: 16px;
  }
  .index-v2-page .hero-signal-lines {
    display: none;
  }
  .index-v2-page .hero-signal-sources,
  .index-v2-page .hero-signal-flows {
    gap: 10px;
  }
  .index-v2-page .hero-signal-router {
    height: 155px;
    margin: 10px 0;
  }
  .index-v2-page .hero-signal-flows {
    margin-top: 12px;
  }
  .index-v2-page .hero-signal-guide-card {
    grid-template-columns: 1fr;
    padding: 17px;
  }
  .index-v2-page .hero-signal-preview {
    min-height: 168px;
  }
  .index-v2-page .hero-signal-stats {
    grid-template-columns: 1fr;
  }
  .index-v2-page .hero-signal-trust span {
    align-items: flex-start;
  }
}



/* =========================================
   INDEX HERO – DYNAMIC EXACT V7
   ========================================= */
.index-v2-page .hero-signal-stage--dynamic {
  min-height: 712px;
  transform: rotate(2.55deg);
  transform-origin: 62% 41%;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-board {
  min-height: 550px;
  transform: none;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines {
  inset: 0;
  width: 100%;
  height: 550px;
  z-index: 3;
  pointer-events: none;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines path {
  opacity: .88;
  stroke-dasharray: 10 9;
  animation: dtcSignalTravel 12s linear infinite;
  transition: opacity .22s ease, stroke-width .22s ease, filter .22s ease;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines circle {
  filter: drop-shadow(0 0 6px currentColor);
  opacity: .96;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-side {
  top: 94px;
  left: 25px;
  width: 190px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-sources {
  top: 76px;
  left: 31%;
  width: 22.5%;
  gap: 13px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-system-card {
  min-height: 67px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-router {
  top: 205px;
  left: 56.2%;
  width: 132px;
  height: 132px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-router > div {
  width: 112px;
  height: 112px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows {
  top: 88px;
  right: 20px;
  width: 20.5%;
  gap: 16px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows > div {
  min-height: 82px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.index-v2-page .hero-signal-stage--dynamic .hero-system-card,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows > div {
  position: relative;
  z-index: 6;
  cursor: default;
}

.index-v2-page .hero-signal-stage--dynamic .hero-system-card:hover,
.index-v2-page .hero-signal-stage--dynamic .hero-system-card:focus-visible,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows > div:hover,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows > div:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(49, 196, 188, .46);
  box-shadow: 0 22px 44px rgba(15,33,58,.13);
  outline: none;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card {
  left: -5px;
  bottom: 18px;
  width: 535px;
  transform: rotate(-.35deg);
  transform-origin: 42% 50%;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card:hover,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card:focus-visible {
  transform: rotate(-.35deg) translateY(-6px);
  box-shadow: 0 38px 82px rgba(15,33,58,.18);
  outline: none;
}

.index-v2-page .hero-signal-guide-kicker {
  margin: 0 0 5px;
  color: #b1842f;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-stats {
  right: 17px;
  bottom: 86px;
  transform: rotate(.15deg);
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-trust {
  right: 16px;
  bottom: 17px;
  transform: rotate(.25deg);
}

/* The hovered card and its actual connecting route are highlighted together. */
.index-v2-page .hero-signal-board:has(.hero-system-card.shopify:hover) .route-shopify path,
.index-v2-page .hero-signal-board:has(.hero-system-card.shopify:focus-visible) .route-shopify path,
.index-v2-page .hero-signal-board:has(.hero-system-card.shopware:hover) .route-shopware path,
.index-v2-page .hero-signal-board:has(.hero-system-card.shopware:focus-visible) .route-shopware path,
.index-v2-page .hero-signal-board:has(.hero-system-card.woo:hover) .route-woo path,
.index-v2-page .hero-signal-board:has(.hero-system-card.woo:focus-visible) .route-woo path,
.index-v2-page .hero-signal-board:has(.hero-system-card.magento:hover) .route-magento path,
.index-v2-page .hero-signal-board:has(.hero-system-card.magento:focus-visible) .route-magento path,
.index-v2-page .hero-signal-board:has(.hero-system-card.bigcommerce:hover) .route-bigcommerce path,
.index-v2-page .hero-signal-board:has(.hero-system-card.bigcommerce:focus-visible) .route-bigcommerce path,
.index-v2-page .hero-signal-board:has(.flow-welcome:hover) .route-welcome path,
.index-v2-page .hero-signal-board:has(.flow-welcome:focus-visible) .route-welcome path,
.index-v2-page .hero-signal-board:has(.flow-cart:hover) .route-cart path,
.index-v2-page .hero-signal-board:has(.flow-cart:focus-visible) .route-cart path,
.index-v2-page .hero-signal-board:has(.flow-repeat:hover) .route-repeat path,
.index-v2-page .hero-signal-board:has(.flow-repeat:focus-visible) .route-repeat path,
.index-v2-page .hero-signal-board:has(.flow-product:hover) .route-product path,
.index-v2-page .hero-signal-board:has(.flow-product:focus-visible) .route-product path {
  opacity: 1;
  stroke-width: 6;
  filter: drop-shadow(0 0 5px rgba(45,196,188,.46));
}

@media (max-width: 1450px) {
  .index-v2-page .hero-signal-stage--dynamic {
    transform: scale(.91) rotate(2.55deg);
    transform-origin: 72% 42%;
    margin-left: -28px;
  }
}

@media (max-width: 1180px) {
  .index-v2-page .hero-signal-stage--dynamic {
    transform: none;
    margin: 12px 0 0;
  }
}

@media (max-width: 820px) {
  .index-v2-page .hero-signal-stage--dynamic {
    min-height: auto;
  }

  .index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card,
  .index-v2-page .hero-signal-stage--dynamic .hero-signal-stats,
  .index-v2-page .hero-signal-stage--dynamic .hero-signal-trust {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .index-v2-page .hero-signal-stage--dynamic .hero-signal-lines path,
  .index-v2-page .hero-system-card,
  .index-v2-page .hero-signal-router::before {
    animation: none !important;
  }

  .index-v2-page .hero-signal-stage--dynamic .hero-signal-lines circle {
    display: none;
  }
}


/* =========================================
   INDEX HERO – HORIZONTAL DASHBOARD V8
   Straight board, non-overlapping lower cards,
   route geometry calculated from real elements.
   ========================================= */
.index-v2-page .hero-signal-stage--dynamic {
  min-height: 825px;
  transform: none !important;
  transform-origin: center !important;
  margin-left: 0 !important;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-board {
  top: 0;
  right: 0;
  width: 100%;
  min-height: 550px;
  transform: none !important;
  transform-origin: center !important;
}

.index-v2-page .hero-signal-stage--dynamic .hero-system-card {
  animation: none !important;
  transform: none;
}

.index-v2-page .hero-signal-stage--dynamic .hero-system-card:hover,
.index-v2-page .hero-signal-stage--dynamic .hero-system-card:focus-visible,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows > div:hover,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows > div:focus-visible {
  transform: translateY(-2px);
}

/* The line layer exactly covers the white board. */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines {
  inset: 0;
  width: 100%;
  height: 550px;
  z-index: 4;
  overflow: visible;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines path {
  stroke-dasharray: 9 9;
  stroke-dashoffset: 0;
  animation: dtcSignalTravel 12s linear infinite;
}

/* Keep all nodes over the route layer. */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-side,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-sources,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-router,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-board-title {
  z-index: 6;
}

/* Balanced horizontal geometry inside the board. */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-sources {
  top: 76px;
  left: 30.5%;
  width: 22.5%;
  gap: 13px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-router {
  top: 204px;
  left: 56.3%;
  width: 132px;
  height: 132px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-flows {
  top: 88px;
  right: 20px;
  width: 21%;
  gap: 16px;
}

/* Lower row starts completely below the dashboard. */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card {
  top: 578px;
  bottom: auto;
  left: 0;
  width: 61%;
  min-height: 224px;
  grid-template-columns: minmax(155px, .85fr) minmax(0, 1.15fr);
  gap: 17px;
  padding: 18px;
  transform: none !important;
  transform-origin: center !important;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card:hover,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card:focus-visible {
  transform: translateY(-4px) !important;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-preview {
  min-height: 185px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-stats {
  top: 590px;
  right: 0;
  bottom: auto;
  width: 35%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  transform: none !important;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-stats > div {
  min-width: 0;
  min-height: 126px;
  padding: 15px;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-trust {
  top: 736px;
  right: 0;
  bottom: auto;
  width: 35%;
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 12px 15px;
  transform: none !important;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-trust span {
  line-height: 1.35;
}

@media (max-width: 1450px) {
  .index-v2-page .hero-signal-stage--dynamic {
    transform: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 1180px) {
  .index-v2-page .hero-signal-stage--dynamic {
    min-height: auto;
    margin-top: 12px !important;
  }
}

@media (max-width: 820px) {
  .index-v2-page .hero-signal-stage--dynamic .hero-signal-guide-card,
  .index-v2-page .hero-signal-stage--dynamic .hero-signal-stats,
  .index-v2-page .hero-signal-stage--dynamic .hero-signal-trust {
    top: auto;
    width: 100%;
  }
}


/* =========================================
   INDEX HERO – ROUTE CONNECTION FIX V9
   ========================================= */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines {
  preserve-aspect-ratio: none;
}

/* Solid routes guarantee a visibly continuous connection.
   Motion is carried by the travelling SVG signal dots. */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines path {
  stroke-dasharray: none !important;
  stroke-dashoffset: 0 !important;
  animation: none !important;
  opacity: .78;
}

.index-v2-page .hero-signal-stage--dynamic .route-shopify path,
.index-v2-page .hero-signal-stage--dynamic .route-shopware path,
.index-v2-page .hero-signal-stage--dynamic .route-woo path,
.index-v2-page .hero-signal-stage--dynamic .route-magento path,
.index-v2-page .hero-signal-stage--dynamic .route-bigcommerce path {
  filter: drop-shadow(0 0 4px rgba(46,193,190,.13));
}

.index-v2-page .hero-signal-stage--dynamic .route-welcome path,
.index-v2-page .hero-signal-stage--dynamic .route-cart path,
.index-v2-page .hero-signal-stage--dynamic .route-repeat path,
.index-v2-page .hero-signal-stage--dynamic .route-product path {
  opacity: .86;
  filter: drop-shadow(0 0 4px rgba(232,184,63,.14));
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines circle {
  opacity: 1;
  filter: drop-shadow(0 0 5px rgba(255,255,255,.75)) drop-shadow(0 0 6px currentColor);
}

/* No transform/perspective can offset the SVG from its nodes. */
.index-v2-page .hero-signal-stage--dynamic,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-board,
.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines {
  transform: none !important;
}

/* HERO V10 – illustrative Kennzahlen */
.index-v2-page .hero-signal-data-list small {
  display: block;
  margin-top: 2px;
  max-width: 112px;
  color: #6f7d8f;
  font-size: 9px;
  line-height: 1.25;
}

.index-v2-page .hero-signal-data-list > div {
  min-height: 72px;
}

.index-v2-page .hero-signal-flows > div {
  min-height: 88px;
}

.index-v2-page .hero-signal-flows small {
  display: block;
  margin-top: 4px;
  color: #67758a;
  font-size: 8px;
  line-height: 1.3;
}

.index-v2-page .hero-signal-flows b {
  margin-top: 7px;
}

.index-v2-page .hero-signal-board-title span {
  white-space: nowrap;
}

@media (max-width: 620px) {
  .index-v2-page .hero-signal-board-title span {
    white-space: normal;
    text-align: right;
  }
}


/* =========================================
   EINBLICKE – FACHARTIKEL / IA V1
   ========================================= */
.insight-article-page {
  background: #fffdf8;
  color: var(--ink);
}

.insight-article-page .ia-hero {
  position: relative;
  overflow: hidden;
  padding: 76px 0 70px;
  border-bottom: 1px solid rgba(13,27,47,.10);
  background:
    radial-gradient(circle at 9% 6%, rgba(31,189,183,.11), transparent 30%),
    radial-gradient(circle at 90% 4%, rgba(234,193,106,.20), transparent 31%),
    linear-gradient(180deg,#fffdf8 0%,#faf6ee 100%);
}

.insight-article-page .ia-hero::after {
  content: "";
  position: absolute;
  inset: auto -10% -58% auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(31,189,183,.08),transparent 68%);
  pointer-events: none;
}

.insight-article-page .ia-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1120px;
}

.insight-article-page .ia-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 34px;
  color: #7a8795;
  font-size: 12px;
  font-weight: 750;
}

.insight-article-page .ia-breadcrumb a {
  color: #526477;
  text-decoration: none;
}

.insight-article-page .ia-breadcrumb a:hover {
  color: var(--teal);
}

.insight-article-page .ia-breadcrumb span[aria-current="page"] {
  color: #8a6a27;
}

.insight-article-page .ia-hero .eyebrow {
  margin-bottom: 18px;
}

.insight-article-page .ia-hero h1 {
  max-width: 1060px;
  margin: 0;
  font-family: Georgia,"Times New Roman",serif;
  color: var(--navy-950);
  font-size: clamp(50px,5.6vw,82px);
  line-height: .99;
  letter-spacing: -3.1px;
}

.insight-article-page .ia-standfirst {
  max-width: 900px;
  margin-top: 28px;
  color: #4f6173;
  font-size: clamp(18px,1.8vw,21px);
  line-height: 1.72;
}

.insight-article-page .ia-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(13,27,47,.12);
  color: #778593;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.insight-article-page .ia-meta span:first-child {
  color: var(--teal);
}

.insight-article-page .ia-meta > * + *::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 14px 3px 0;
  border-radius: 50%;
  background: rgba(13,27,47,.28);
}

.insight-article-page .ia-mobile-outline {
  display: none;
}

.insight-article-page .ia-layout {
  display: grid;
  grid-template-columns: 230px minmax(0,790px);
  justify-content: center;
  gap: 74px;
  padding: 82px 0 116px;
}

.insight-article-page .ia-outline {
  position: sticky;
  top: 112px;
  align-self: start;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  padding-right: 5px;
}

.insight-article-page .ia-back {
  display: inline-flex;
  margin-bottom: 28px;
  color: #31516b;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  border-bottom: 1px solid rgba(49,81,107,.35);
  padding-bottom: 3px;
}

.insight-article-page .ia-outline > p {
  margin: 0 0 15px;
  color: #8894a0;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.insight-article-page .ia-outline nav {
  display: grid;
  border-top: 1px solid rgba(13,27,47,.13);
}

.insight-article-page .ia-outline nav a {
  display: grid;
  grid-template-columns: 27px 1fr;
  gap: 9px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(13,27,47,.11);
  color: #56687a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
}

.insight-article-page .ia-outline nav a:hover {
  color: var(--navy-950);
}

.insight-article-page .ia-outline nav a span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 950;
}

.insight-article-page .ia-outline > small {
  display: block;
  margin-top: 20px;
  color: #7a8794;
  font-size: 11px;
  line-height: 1.58;
}

.insight-article-page .ia-content {
  min-width: 0;
  max-width: 790px;
}

.insight-article-page .ia-keypoint {
  position: relative;
  margin: 0 0 54px;
  padding: 28px 30px 28px 34px;
  border: 1px solid rgba(224,203,157,.72);
  border-radius: 20px;
  background:
    linear-gradient(90deg,rgba(242,198,85,.09),rgba(255,255,255,.82)),
    #fffaf0;
  box-shadow: 0 18px 42px rgba(15,33,58,.055);
}

.insight-article-page .ia-keypoint::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg,var(--gold),var(--teal));
}

.insight-article-page .ia-keypoint > span {
  display: block;
  color: #8a6928;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.insight-article-page .ia-keypoint p {
  margin: 10px 0 0;
  color: #35495d;
  font-size: 18px;
  line-height: 1.72;
}

.insight-article-page .ia-content > section {
  scroll-margin-top: 112px;
  margin-top: 0;
  padding: 50px 0 56px;
  border-top: 1px solid rgba(13,27,47,.13);
}

.insight-article-page .ia-content > section:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.insight-article-page .ia-section-number {
  margin: 0 0 13px;
  color: var(--gold);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
}

.insight-article-page .ia-content h2 {
  margin: 0;
  max-width: 760px;
  font-family: Georgia,"Times New Roman",serif;
  color: var(--navy-950);
  font-size: clamp(34px,3.8vw,49px);
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.insight-article-page .ia-content section > p:not(.ia-section-number) {
  margin: 19px 0 0;
  color: #4f6173;
  font-size: 17px;
  line-height: 1.78;
}

.insight-article-page .ia-content a {
  color: #174d70;
  text-underline-offset: 3px;
}

.insight-article-page .ia-note {
  margin: 26px 0 0;
  padding: 20px 22px;
  border: 1px solid rgba(42,190,183,.24);
  border-radius: 15px;
  background: rgba(230,249,247,.52);
  color: #486072;
  font-size: 14px;
  line-height: 1.7;
}

.insight-article-page .ia-note b {
  color: #1a5b67;
}

.insight-article-page .ia-test-table {
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid rgba(13,27,47,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
}

.insight-article-page .ia-test-row {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1.25fr;
}

.insight-article-page .ia-test-row > * {
  padding: 16px 17px;
  border-right: 1px solid rgba(13,27,47,.09);
  border-bottom: 1px solid rgba(13,27,47,.10);
  color: #526477;
  font-size: 13px;
  line-height: 1.55;
}

.insight-article-page .ia-test-row > *:last-child {
  border-right: 0;
}

.insight-article-page .ia-test-row:last-child > * {
  border-bottom: 0;
}

.insight-article-page .ia-test-head > * {
  background: #f6f1e7;
  color: #172a43;
  font-size: 12px;
  font-weight: 900;
}

.insight-article-page .ia-signal-chain {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  border-top: 1px solid rgba(13,27,47,.12);
}

.insight-article-page .ia-signal-chain li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(13,27,47,.12);
}

.insight-article-page .ia-signal-chain li > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff5d9;
  color: #946f1c;
  font-size: 12px;
  font-weight: 950;
}

.insight-article-page .ia-signal-chain b {
  color: var(--navy-950);
  font-size: 16px;
}

.insight-article-page .ia-signal-chain p {
  margin: 6px 0 0;
  color: #627284;
  font-size: 14px;
  line-height: 1.65;
}

.insight-article-page blockquote {
  position: relative;
  margin: 32px 0 0;
  padding: 26px 30px 27px 35px;
  border: 0;
  border-radius: 18px;
  background: #10243c;
  color: #fff;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 22px;
  line-height: 1.5;
}

.insight-article-page blockquote::before {
  content: "“";
  position: absolute;
  top: 3px;
  left: 12px;
  color: rgba(242,198,85,.65);
  font-size: 44px;
}

.insight-article-page .ia-author-box {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 24px;
  margin-top: 58px;
  padding: 30px;
  border: 1px solid rgba(13,27,47,.12);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 20px 46px rgba(15,33,58,.06);
}

.insight-article-page .ia-author-mark {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: linear-gradient(145deg,#132a45,#315d76);
  color: #fff;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: .04em;
}

.insight-article-page .ia-author-box > div:last-child > span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.insight-article-page .ia-author-box h2 {
  margin-top: 5px;
  font-family: inherit;
  font-size: 24px;
  letter-spacing: -.02em;
}

.insight-article-page .ia-author-box p {
  margin-top: 9px;
  color: #5c6d7e;
  font-size: 14px;
  line-height: 1.65;
}

.insight-article-page .ia-author-box a {
  display: inline-flex;
  margin-top: 12px;
  color: #174d70;
  font-size: 13px;
  font-weight: 900;
}

.insight-article-page .ia-author-b2b {
  padding-top: 12px;
  border-top: 1px solid rgba(13,27,47,.10);
}

.insight-article-page .ia-related {
  padding: 82px 0 90px;
  border-top: 1px solid rgba(13,27,47,.10);
  background: #f7f2e8;
}

.insight-article-page .ia-related header {
  max-width: 800px;
}

.insight-article-page .ia-related h2 {
  max-width: 760px;
  margin-top: 8px;
  font-family: Georgia,"Times New Roman",serif;
  color: var(--navy-950);
  font-size: clamp(38px,4.2vw,58px);
  line-height: 1.06;
  letter-spacing: -2px;
}

.insight-article-page .ia-related-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 36px;
}

.insight-article-page .ia-related-grid > a {
  min-height: 215px;
  padding: 25px;
  border: 1px solid rgba(13,27,47,.11);
  border-radius: 20px;
  background: #fffdf9;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(15,33,58,.04);
  transition: transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);
}

.insight-article-page .ia-related-grid > a:hover {
  transform: translateY(-4px);
  border-color: rgba(31,189,183,.34);
  box-shadow: 0 20px 42px rgba(15,33,58,.08);
}

.insight-article-page .ia-related-grid span,
.insight-article-page .ia-related-grid b,
.insight-article-page .ia-related-grid small {
  display: block;
}

.insight-article-page .ia-related-grid span {
  color: var(--teal);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.insight-article-page .ia-related-grid b {
  margin-top: 12px;
  color: var(--navy-950);
  font-size: 19px;
  line-height: 1.3;
}

.insight-article-page .ia-related-grid small {
  margin-top: 12px;
  color: #687686;
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 1050px) {
  .insight-article-page .ia-layout {
    grid-template-columns: 1fr;
    max-width: 840px;
    gap: 0;
  }

  .insight-article-page .ia-outline {
    display: none;
  }

  .insight-article-page .ia-mobile-outline {
    display: block;
    margin: 0;
    padding: 0 24px;
    border-bottom: 1px solid rgba(13,27,47,.11);
    background: #fff;
  }

  .insight-article-page .ia-mobile-outline summary {
    list-style: none;
    padding: 17px 0;
    color: var(--navy-950);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
  }

  .insight-article-page .ia-mobile-outline summary::-webkit-details-marker {
    display: none;
  }

  .insight-article-page .ia-mobile-outline summary::after {
    content: "+";
    float: right;
    color: var(--teal);
    font-size: 18px;
  }

  .insight-article-page .ia-mobile-outline[open] summary::after {
    content: "–";
  }

  .insight-article-page .ia-mobile-outline nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
    padding: 0 0 16px;
  }

  .insight-article-page .ia-mobile-outline a {
    padding: 8px 0;
    color: #56687a;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
  }

  .insight-article-page .ia-content {
    max-width: 100%;
  }

  .insight-article-page .ia-related-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 680px) {
  .insight-article-page .ia-hero {
    padding: 52px 0 50px;
  }

  .insight-article-page .ia-breadcrumb {
    margin-bottom: 26px;
  }

  .insight-article-page .ia-hero h1 {
    font-size: clamp(42px,12vw,56px);
    letter-spacing: -2px;
  }

  .insight-article-page .ia-standfirst {
    font-size: 17px;
  }

  .insight-article-page .ia-meta {
    align-items: flex-start;
    gap: 8px 14px;
  }

  .insight-article-page .ia-meta > * + *::before {
    display: none;
  }

  .insight-article-page .ia-mobile-outline {
    padding: 0 20px;
  }

  .insight-article-page .ia-mobile-outline nav {
    grid-template-columns: 1fr;
  }

  .insight-article-page .ia-layout {
    width: min(100% - 38px,790px);
    padding: 58px 0 82px;
  }

  .insight-article-page .ia-keypoint {
    margin-bottom: 44px;
    padding: 23px 22px 23px 26px;
  }

  .insight-article-page .ia-keypoint p {
    font-size: 16px;
  }

  .insight-article-page .ia-content > section {
    padding: 42px 0 46px;
  }

  .insight-article-page .ia-content h2 {
    font-size: clamp(31px,9vw,40px);
    letter-spacing: -1.1px;
  }

  .insight-article-page .ia-content section > p:not(.ia-section-number) {
    font-size: 16px;
    line-height: 1.72;
  }

  .insight-article-page .ia-test-table {
    overflow-x: auto;
  }

  .insight-article-page .ia-test-row {
    min-width: 650px;
  }

  .insight-article-page blockquote {
    padding: 24px 24px 25px 31px;
    font-size: 19px;
  }

  .insight-article-page .ia-author-box {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .insight-article-page .ia-author-mark {
    width: 62px;
    height: 62px;
  }

  .insight-article-page .ia-related {
    padding: 64px 0 70px;
  }

  .insight-article-page .ia-related h2 {
    font-size: clamp(34px,10vw,46px);
    letter-spacing: -1.4px;
  }

  .insight-article-page .ia-related-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================
   INDEX HERO – EXACT DOM-ANCHORED ROUTES V12
   Every route uses real card/router coordinates.
   ========================================= */
.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 4;
  overflow: visible;
  pointer-events: none;
}

.index-v2-page .hero-signal-stage--dynamic .hero-signal-lines path {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .9;
  stroke-dasharray: none !important;
  animation: none !important;
}

.index-v2-page .hero-signal-stage--dynamic .route-shopify path,
.index-v2-page .hero-signal-stage--dynamic .route-shopware path,
.index-v2-page .hero-signal-stage--dynamic .route-woo path,
.index-v2-page .hero-signal-stage--dynamic .route-magento path,
.index-v2-page .hero-signal-stage--dynamic .route-bigcommerce path {
  stroke: #46c7c2;
  filter: drop-shadow(0 0 3px rgba(70,199,194,.18));
}

.index-v2-page .hero-signal-stage--dynamic .route-welcome path,
.index-v2-page .hero-signal-stage--dynamic .route-cart path,
.index-v2-page .hero-signal-stage--dynamic .route-repeat path,
.index-v2-page .hero-signal-stage--dynamic .route-product path {
  stroke: #efc24e;
  filter: drop-shadow(0 0 3px rgba(239,194,78,.18));
}

.index-v2-page .hero-signal-stage--dynamic .route-signal-dot {
  opacity: 1;
  pointer-events: none;
}

.index-v2-page .hero-signal-stage--dynamic .route-shopify .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-shopware .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-woo .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-magento .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-bigcommerce .route-signal-dot {
  filter: drop-shadow(0 0 5px rgba(52,200,194,.78));
}

.index-v2-page .hero-signal-stage--dynamic .route-welcome .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-cart .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-repeat .route-signal-dot,
.index-v2-page .hero-signal-stage--dynamic .route-product .route-signal-dot {
  filter: drop-shadow(0 0 5px rgba(239,194,78,.8));
}

@media (prefers-reduced-motion: reduce) {
  .index-v2-page .hero-signal-stage--dynamic .route-signal-dot {
    display: none;
  }
}


/* DTC 2026 brand image integration */
.site-header .brand {
  flex: 0 0 auto;
  gap: 0;
}

.site-header .brand-logo {
  display: block;
  width: min(336px, 28vw);
  height: auto;
  max-width: 100%;
}

.site-header .header-row {
  min-height: 86px;
}

/* The generated mark is designed for the site's light header. On the two dark utility headers,
   a restrained paper plate preserves contrast without altering the logo artwork. */
.system-check-page .site-header .brand,
.error-page .site-header .brand {
  padding: 5px 9px;
  border-radius: 12px;
  background: rgba(255,253,248,.96);
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

@media (max-width: 1050px) {
  .site-header .brand-logo {
    width: min(300px, 58vw);
  }
}

@media (max-width: 620px) {
  .site-header .header-row {
    min-height: 76px;
  }
  .site-header .brand-logo {
    width: min(250px, 68vw);
  }
  .system-check-page .site-header .brand,
  .error-page .site-header .brand {
    padding: 4px 7px;
  }
}

/* DTC 2026 footer brand refinement */
.site-footer .footer-brand {
  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: #fffdf8;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}

.site-footer .footer-brand-logo {
  display: block;
  width: min(310px, 100%);
  height: auto;
}

.site-footer .footer-focus {
  max-width: 390px;
  margin: 8px 0 0;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.55;
}

.site-footer .footer-note {
  max-width: 390px;
  margin: 9px 0 0;
  color: rgba(255,255,255,.54);
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 620px) {
  .site-footer .footer-brand-logo {
    width: min(280px, 100%);
  }
  .site-footer .footer-focus {
    font-size: 14px;
  }
}