:root {
  color-scheme: dark;
  --bg: #040817;
  --bg-deep: #02050f;
  --surface: #0d1630;
  --surface-soft: rgba(13, 22, 48, .68);
  --surface-light: rgba(22, 33, 65, .72);
  --line: rgba(153, 174, 247, .15);
  --line-bright: rgba(153, 174, 247, .29);
  --text: #f7f9ff;
  --muted: #aeb9d3;
  --muted-2: #7f8ba9;
  --blue: #6d8cff;
  --blue-bright: #8ca4ff;
  --blue-deep: #355cff;
  --violet: #6654c8;
  --success: #85a7ff;
  --shadow: 0 34px 90px rgba(0, 0, 0, .34);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 17px;
  --shell: 1320px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
  background: var(--bg);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 75% 18%, rgba(61, 86, 190, .09), transparent 29%),
    radial-gradient(circle at 18% 58%, rgba(87, 68, 170, .06), transparent 32%),
    var(--bg);
  color: var(--text);
  font-family: Inter, Manrope, "Segoe UI", Arial, sans-serif;
  line-height: 1.56;
  text-rendering: optimizeLegibility;
}

body.menu-open { overflow: hidden; }

a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
img, video, svg { display: block; max-width: 100%; }

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

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: white;
  color: #050914;
  transform: translateY(-150%);
}

.skip-link:focus { transform: translateY(0); }

.shell {
  width: min(var(--shell), calc(100% - 96px));
  margin-inline: auto;
}

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid transparent;
  transition: background .35s ease, border-color .35s ease, backdrop-filter .35s ease;
}

.site-header.is-scrolled {
  background: rgba(4, 8, 23, .78);
  border-color: rgba(255, 255, 255, .08);
  backdrop-filter: blur(20px) saturate(140%);
}

.header-inner {
  min-height: 92px;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 28px;
}

.brand {
  display: inline-flex;
  flex-direction: column;
  width: fit-content;
  color: var(--text);
  text-decoration: none;
  line-height: 1.12;
}

.brand-name {
  font-size: 18px;
  font-weight: 760;
  letter-spacing: -.025em;
}

.brand-caption {
  margin-top: 5px;
  color: var(--muted-2);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.site-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(20px, 2.2vw, 36px);
}

.site-menu a,
.footer-column a,
.footer-bottom a {
  color: var(--muted);
  text-decoration: none;
  transition: color .2s ease;
}

.site-menu a { font-size: 14px; }
.site-menu a:hover,
.footer-column a:hover,
.footer-bottom a:hover { color: var(--text); }

.menu-toggle { display: none; }

.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 24px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  background: linear-gradient(135deg, #5e7df5 0%, #6654c8 100%);
  box-shadow: 0 16px 48px rgba(58, 77, 184, .32), inset 0 1px rgba(255,255,255,.23);
  color: white;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.button::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 12px;
  background: linear-gradient(120deg, rgba(255,255,255,.14), transparent 44%);
  pointer-events: none;
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 58px rgba(58, 77, 184, .42), inset 0 1px rgba(255,255,255,.28);
}

.button-small {
  min-height: 44px;
  padding-inline: 18px;
  border-radius: 12px;
  font-size: 13px;
}

.button-outline {
  background: rgba(14, 23, 49, .62);
  border-color: var(--line-bright);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

.text-link,
.card-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #dce4f8;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}

.text-link::after,
.card-link::after {
  content: "→";
  color: var(--blue-bright);
  transition: transform .2s ease;
}

.text-link:hover::after,
.card-link:hover::after { transform: translateX(4px); }

.hero {
  position: relative;
  min-height: 100svh;
  isolation: isolate;
  overflow: hidden;
  background: var(--bg-deep);
}

.hero-media,
.hero-poster,
.hero-video,
.hero-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-media { z-index: -2; overflow: hidden; }

.hero-poster,
.hero-video {
  object-fit: cover;
  object-position: right center;
}

.hero-poster {
  animation: hero-breathe 15s ease-in-out infinite alternate;
  filter: saturate(.87) brightness(.94);
}

.hero-video {
  opacity: 0;
  transition: opacity 1.1s ease;
}

.hero-video.is-ready { opacity: 1; }

.hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 7, 20, .99) 0%, rgba(3, 7, 20, .92) 28%, rgba(3, 7, 20, .46) 53%, rgba(3, 7, 20, .11) 100%),
    linear-gradient(180deg, rgba(3, 7, 20, .33) 0%, rgba(3, 7, 20, .08) 68%, rgba(3, 7, 20, .94) 100%);
}

.hero-layout {
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(0, 650px) 1fr;
  align-items: center;
  padding: 154px 0 152px;
}

.hero-copy { max-width: 650px; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 23px;
  color: #c8d3ee;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, var(--blue), var(--violet));
  box-shadow: 0 0 12px rgba(109, 140, 255, .65);
}

h1, h2, h3, p { text-wrap: pretty; }

h1 {
  max-width: 650px;
  margin: 0;
  font-size: clamp(52px, 5vw, 82px);
  font-weight: 650;
  line-height: .98;
  letter-spacing: -.058em;
}

h1 span {
  color: #b6c3ff;
  text-shadow: 0 0 38px rgba(96, 123, 255, .13);
}

h2 {
  margin: 0;
  font-size: clamp(38px, 4vw, 64px);
  font-weight: 620;
  line-height: 1.04;
  letter-spacing: -.045em;
}

h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.025em;
}

.hero-lead {
  max-width: 630px;
  margin: 28px 0 0;
  color: #c2cbe0;
  font-size: 18px;
  line-height: 1.62;
}

.hero-purpose {
  max-width: 620px;
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 33px;
}

.hero-note {
  max-width: 600px;
  margin: 24px 0 0;
  padding-left: 16px;
  border-left: 1px solid rgba(141, 164, 255, .42);
  color: #8996b3;
  font-size: 12px;
  line-height: 1.6;
}

.hero-points {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(4,8,23,.33), rgba(4,8,23,.88));
  backdrop-filter: blur(16px);
}

.hero-points-grid {
  min-height: 104px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.hero-point {
  position: relative;
  display: grid;
  grid-template-columns: 42px 1fr;
  align-content: center;
  padding: 22px 34px;
  border-left: 1px solid rgba(255,255,255,.08);
}

.hero-point:first-child { border-left: 0; padding-left: 0; }
.hero-point span { grid-row: 1 / 3; color: #64739a; font-size: 12px; }
.hero-point strong { color: #eef2ff; font-size: 14px; line-height: 1.3; }
.hero-point small { margin-top: 4px; color: #7f8ba8; font-size: 11px; }

.section {
  position: relative;
  padding: 148px 0;
}

.section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(var(--shell), calc(100% - 96px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(141, 164, 255, .12), transparent);
}

.section-heading { max-width: 850px; margin-bottom: 62px; }
.section-heading-wide { max-width: 980px; }
.section-heading > p:last-child,
.audit-description,
.faq-title > p:last-child,
.knowledge-banner > div > p:last-child {
  max-width: 720px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 17px;
}

.section-start {
  background:
    radial-gradient(circle at 80% 20%, rgba(63, 90, 202, .08), transparent 30%),
    linear-gradient(180deg, #050a1b, #060b1d);
}

.path-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.path-card,
.application-card,
.principle-card,
.price-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(155deg, rgba(18, 29, 60, .78), rgba(8, 14, 32, .9));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.path-card {
  min-height: 620px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: var(--radius-lg);
  transition: border-color .25s ease, transform .25s ease, background .25s ease;
}

.path-card:hover {
  transform: translateY(-6px);
  border-color: rgba(132, 157, 255, .34);
  background: linear-gradient(155deg, rgba(23, 37, 76, .84), rgba(9, 15, 35, .94));
}

.path-card-featured::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--blue), transparent);
  box-shadow: 0 0 22px rgba(109,140,255,.5);
}

.card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8794b4;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.card-topline b { color: #596584; font-weight: 650; }

.card-symbol {
  position: relative;
  width: 100%;
  height: 152px;
  margin: 28px 0 30px;
  border: 1px solid rgba(145,168,255,.12);
  border-radius: 18px;
  background:
    linear-gradient(rgba(108, 137, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(108, 137, 255, .04) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(84, 112, 240, .13), transparent 54%);
  background-size: 24px 24px, 24px 24px, auto;
  overflow: hidden;
}

.card-symbol i { position: absolute; display: block; }

.symbol-product i:first-child {
  width: 62px; height: 62px; left: calc(50% - 31px); top: 44px;
  border: 1px solid rgba(147,169,255,.5); border-radius: 18px; transform: rotate(45deg);
  box-shadow: 0 0 32px rgba(78, 105, 227, .28), inset 0 0 22px rgba(88, 116, 245, .16);
}
.symbol-product i:nth-child(2) { width: 9px; height: 9px; border-radius: 50%; left: 20%; top: 70px; background: var(--blue); box-shadow: 0 0 15px var(--blue); }
.symbol-product i:nth-child(3) { width: 9px; height: 9px; border-radius: 50%; right: 20%; top: 70px; background: var(--violet); box-shadow: 0 0 15px var(--violet); }
.symbol-product::after { content:""; position:absolute; left:20%; right:20%; top:74px; height:1px; background:linear-gradient(90deg,var(--blue),rgba(109,140,255,.1),var(--violet)); }

.symbol-audit i { left: 22%; right: 22%; height: 1px; background: linear-gradient(90deg, transparent, rgba(138,160,245,.65), transparent); }
.symbol-audit i:first-child { top: 44px; }
.symbol-audit i:nth-child(2) { top: 74px; }
.symbol-audit i:nth-child(3) { top: 104px; }
.symbol-audit::after { content:""; position:absolute; width:13px; height:13px; border-radius:50%; left:42%; top:68px; background:var(--blue); box-shadow:0 0 20px var(--blue); }

.symbol-custom i { width: 58px; height: 42px; border: 1px solid rgba(145,168,255,.32); border-radius: 11px; top: 54px; background:rgba(16,27,57,.8); }
.symbol-custom i:first-child { left: 11%; }
.symbol-custom i:nth-child(2) { left: calc(50% - 29px); border-color:rgba(125,146,255,.58); box-shadow:0 0 22px rgba(87,110,227,.22); }
.symbol-custom i:nth-child(3) { right: 11%; }
.symbol-custom::after { content:""; position:absolute; left:22%; right:22%; top:75px; height:1px; background:linear-gradient(90deg,rgba(112,140,255,.5),rgba(112,140,255,.15),rgba(112,140,255,.5)); }

.path-card h3 { min-height: 56px; }
.path-card p { color: var(--muted); font-size: 14px; }
.result-line { padding-top: 18px; border-top: 1px solid rgba(255,255,255,.07); }
.result-line strong { color: #e7ecfb; }
.path-card .card-link { margin-top: auto; padding-top: 24px; }

.section-agent {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 980px;
  background: #030713;
}

.agent-layout {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  min-height: 700px;
}

.agent-copy { width: min(47%, 610px); }

.agent-copy > p:not(.eyebrow):not(.list-title) { color: var(--muted); }
.agent-copy .lead-copy { color: #e7ebf8 !important; font-size: 19px; }
.agent-copy h2 { margin-bottom: 30px; }
.list-title { margin: 30px 0 14px; color: #e9edfa; font-weight: 650; }

.capability-list,
.economics-list {
  display: grid;
  gap: 11px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.capability-list li,
.economics-list li {
  position: relative;
  padding-left: 24px;
  color: #b7c1d8;
  font-size: 14px;
}

.capability-list li::before,
.economics-list li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: .7em;
  width: 8px;
  height: 1px;
  background: var(--blue);
  box-shadow: 0 0 8px rgba(109,140,255,.65);
}

.agent-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background: #02050e;
}

.agent-video-poster,
.agent-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  filter: saturate(.88) brightness(.82) contrast(1.06);
}

.agent-video-poster {
  animation: agent-poster-drift 12s ease-in-out infinite alternate;
}

.agent-video {
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease;
}

.agent-video.is-ready { opacity: 1; }

.agent-video-vignette {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3,7,19,.58) 0%, rgba(3,7,19,.28) 38%, rgba(3,7,19,.04) 56%, rgba(3,7,19,.1) 100%),
    linear-gradient(180deg, rgba(3,7,19,.5) 0%, transparent 24%, transparent 70%, rgba(3,7,19,.92) 100%);
}

.agent-video-labels {
  position: absolute;
  z-index: 3;
  left: 53%;
  right: max(28px, calc((100vw - var(--shell)) / 2));
  bottom: 36px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  color: rgba(222,230,247,.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agent-video-labels i {
  height: 1px;
  background: linear-gradient(90deg, rgba(235,190,104,.18), rgba(235,190,104,.8), rgba(235,190,104,.18));
  box-shadow: 0 0 14px rgba(235,190,104,.25);
}

.section-applications {
  background:
    radial-gradient(circle at 18% 22%, rgba(82,64,168,.09), transparent 30%),
    #050a1b;
}

.application-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}

.application-card {
  grid-column: span 4;
  min-height: 300px;
  padding: 30px;
  border-radius: var(--radius-lg);
}

.application-card-large { grid-column: span 8; }
.application-card-analytics { grid-column: span 8; min-height: 390px; }
.application-index { margin-bottom: 65px; color: #617094; font-size: 11px; letter-spacing: .1em; }
.application-card h3 { margin-bottom: 16px; }
.application-card p { max-width: 660px; color: var(--muted); font-size: 14px; }

.mini-flow {
  position: absolute;
  right: 32px;
  top: 52px;
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.mini-flow span {
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(10,18,40,.8);
  color: #9faccc;
  font-size: 10px;
}

.mini-flow i { width: 34px; height: 1px; background: linear-gradient(90deg, rgba(109,140,255,.18), var(--blue)); position: relative; }
.mini-flow i::after { content:""; position:absolute; right:0; top:-2px; width:5px; height:5px; border-radius:50%; background:var(--blue); box-shadow:0 0 9px var(--blue); animation:flow-dot 2s ease-in-out infinite; }

.application-card-analytics {
  background:
    radial-gradient(circle at 80% 28%, rgba(76,105,225,.15), transparent 30%),
    linear-gradient(155deg, rgba(18,29,60,.78), rgba(8,14,32,.9));
}

.application-card-analytics .application-index { margin-bottom: 34px; }
.analytics-bars { position:absolute; right:40px; bottom:38px; width:36%; height:130px; display:flex; align-items:flex-end; gap:10px; }
.analytics-bars i { flex:1; border-radius:5px 5px 0 0; background:linear-gradient(180deg,rgba(118,145,255,.85),rgba(75,91,182,.16)); box-shadow:0 0 18px rgba(76,104,224,.12); animation:bars 5s ease-in-out infinite alternate; transform-origin:bottom; }
.analytics-bars i:nth-child(1) { height:28%; animation-delay:-.3s; }.analytics-bars i:nth-child(2) { height:48%; animation-delay:-1.2s; }.analytics-bars i:nth-child(3) { height:37%; animation-delay:-2.1s; }.analytics-bars i:nth-child(4) { height:72%; animation-delay:-.7s; }.analytics-bars i:nth-child(5) { height:59%; animation-delay:-1.8s; }.analytics-bars i:nth-child(6) { height:91%; animation-delay:-2.7s; }

.section-note {
  max-width: 850px;
  margin: 32px 0 0;
  padding-left: 18px;
  border-left: 1px solid rgba(132,156,255,.38);
  color: #8996b4;
  font-size: 13px;
}

.section-audit {
  background:
    radial-gradient(circle at 80% 22%, rgba(57,82,189,.12), transparent 30%),
    #030713;
}

.audit-intro {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: end;
  gap: 80px;
  margin-bottom: 72px;
}

.audit-description { padding-bottom: 6px; }
.audit-we { margin:0 0 16px; color:#e9edfa; font-weight:650; }

.audit-process {
  position: relative;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(rgba(108,137,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(108,137,255,.022) 1px,transparent 1px),
    rgba(8,14,32,.82);
  background-size: 28px 28px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.audit-process ol {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.audit-process li {
  min-height: 190px;
  padding: 20px;
  border: 1px solid rgba(144,165,244,.12);
  border-radius: 16px;
  background: rgba(12,21,46,.74);
}

.audit-process li span { color: #7886a7; font-size: 11px; }
.audit-process li p { margin: 54px 0 0; color: #c0c9dc; font-size: 13px; }

.audit-rail { position:absolute; left:7%; right:7%; top:61px; height:1px; background:linear-gradient(90deg,transparent,rgba(107,135,255,.42),transparent); }
.audit-rail i { position:absolute; left:0; top:-2px; width:5px; height:5px; border-radius:50%; background:var(--blue); box-shadow:0 0 12px var(--blue); animation:audit-run 7s ease-in-out infinite; }

.audit-result {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 16px;
  max-width: 980px;
  margin: 36px 0 70px;
  padding: 24px;
  border-left: 1px solid rgba(134,157,255,.36);
  background: linear-gradient(90deg, rgba(25,38,79,.25), transparent);
}

.audit-result p { margin:0; color:#b3bdd3; }
.status-dot { width:8px; height:8px; margin-top:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 16px var(--blue); }

.pricing-showcase {
  position: relative;
  min-height: 430px;
  padding: 46px 28px 62px;
  perspective: 1400px;
  isolation: isolate;
}

.pricing-showcase::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 5% 7% 0;
  border-radius: 48%;
  background:
    radial-gradient(ellipse at 50% 72%, rgba(71,100,221,.22), transparent 58%),
    linear-gradient(180deg, rgba(14,24,53,.18), rgba(5,10,25,.62));
  filter: blur(4px);
}

.pricing-showcase::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 10%;
  right: 10%;
  bottom: 32px;
  height: 70px;
  border-radius: 50%;
  background: rgba(28,43,93,.28);
  filter: blur(34px);
}

.pricing-orbit {
  position: absolute;
  z-index: -1;
  left: 4%;
  right: 4%;
  top: 48%;
  height: 220px;
  transform: translateY(-50%) rotateX(66deg) rotateZ(-3deg);
  transform-style: preserve-3d;
  border: 1px solid rgba(123,148,246,.17);
  border-radius: 50%;
  box-shadow: inset 0 0 36px rgba(68,96,213,.06), 0 0 28px rgba(67,94,209,.05);
}

.pricing-orbit i {
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 6px;
  margin: -3px;
  offset-path: ellipse(49% 46% at 50% 50%);
  offset-distance: 0%;
  offset-rotate: 0deg;
  border-radius: 50%;
  background: #8fa8ff;
  box-shadow: 0 0 18px 5px rgba(101,134,255,.66);
  animation: pricing-orbit-light 12s linear infinite;
}

.pricing-orbit i:nth-child(2) { animation-delay: -4s; opacity: .7; }
.pricing-orbit i:nth-child(3) { animation-delay: -8s; opacity: .45; }

.pricing-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 22px;
  transform-style: preserve-3d;
}

.price-card {
  min-width: 0;
  min-height: 330px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: var(--radius-lg);
  background: transparent;
  box-shadow: none;
  transform-style: preserve-3d;
  will-change: transform;
}

.price-card-left { animation: pricing-float-left 8.4s ease-in-out infinite; }
.price-card-primary { z-index: 3; animation: pricing-float-center 7.6s ease-in-out infinite -1.5s; }
.price-card-right { animation: pricing-float-right 9s ease-in-out infinite -3s; }

.price-card-surface {
  --pointer-rx: 0deg;
  --pointer-ry: 0deg;
  --pointer-x: 50%;
  --pointer-y: 20%;
  position: relative;
  height: 100%;
  min-height: 330px;
  padding: 30px;
  overflow: hidden;
  transform: rotateX(var(--pointer-rx)) rotateY(var(--pointer-ry));
  transform-style: preserve-3d;
  border: 1px solid rgba(140,161,243,.18);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(116,145,255,.16), transparent 32%),
    linear-gradient(150deg, rgba(24,38,76,.84), rgba(7,13,31,.94) 72%);
  box-shadow: 0 28px 80px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.075);
  backdrop-filter: blur(18px);
  transition: transform .18s ease, border-color .28s ease, box-shadow .28s ease;
}

.price-card-surface::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -45%;
  bottom: -45%;
  left: -50%;
  width: 34%;
  pointer-events: none;
  transform: rotate(17deg);
  background: linear-gradient(90deg, transparent, rgba(235,242,255,.22), rgba(153,177,255,.1), transparent);
  filter: blur(5px);
  animation: pricing-reflection 8s cubic-bezier(.25,.7,.3,1) infinite;
}

.price-card-primary .price-card-surface {
  border-color: rgba(137,161,255,.42);
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(135,158,255,.23), transparent 34%),
    linear-gradient(150deg, rgba(31,49,96,.92), rgba(9,16,38,.96) 72%);
  box-shadow: 0 38px 100px rgba(31,50,126,.32), 0 18px 58px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.11);
}

.price-card:nth-child(2) .price-card-surface::before { animation-delay: -2.6s; }
.price-card:nth-child(3) .price-card-surface::before { animation-delay: -5.2s; }
.price-card-surface:hover { border-color: rgba(143,168,255,.46); box-shadow: 0 36px 96px rgba(25,42,104,.34), inset 0 1px rgba(255,255,255,.1); }
.price-heading { margin:0; }
.price-label { margin:0; color:#98a4c0; font-size:13px; }
.price-dash { display:none; }
.price { display:block; margin:34px 0 24px; color:white; font-size:36px; font-weight:660; letter-spacing:-.04em; }
.price-card-surface > p:last-of-type { margin-top:0; color:var(--muted); font-size:14px; }
.price-badge { position:absolute; right:22px; top:20px; padding:6px 9px; border-radius:999px; background:rgba(93,120,235,.15); color:#aebdff; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

.audit-footer {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:60px;
  margin-top:44px;
  padding-top:38px;
  border-top:1px solid rgba(255,255,255,.08);
}
.audit-footer > p { max-width:780px; margin:0; color:var(--muted); }
.audit-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }

.section-economics {
  background:
    radial-gradient(circle at 75% 44%, rgba(58,84,198,.13), transparent 32%),
    #050a1b;
}

.economics-layout { display:grid; grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr); align-items:center; gap:90px; }
.economics-copy h2 { margin-bottom:30px; }
.economics-copy > p { color:var(--muted); }
.economics-list { margin:24px 0 32px; }
.economics-copy .button { margin-top:15px; }

.economics-panel {
  position:relative;
  min-height:590px;
  padding:30px;
  border:1px solid rgba(144,166,255,.18);
  border-radius:var(--radius-xl);
  background:
    linear-gradient(rgba(108,137,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(108,137,255,.026) 1px,transparent 1px),
    linear-gradient(145deg,rgba(18,29,61,.88),rgba(7,13,31,.94));
  background-size:26px 26px,26px 26px,auto;
  box-shadow:var(--shadow);
  overflow:hidden;
}

.panel-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.08); }
.panel-head span { color:#e6ebf9; font-weight:650; }.panel-head small { color:#707d9d; }
.metric { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:23px; }
.metric span { color:#9da8c2; font-size:12px; }.metric strong { color:#dce3f5; font-size:12px; font-weight:600; }
.metric i { grid-column:1/3; height:4px; border-radius:999px; background:rgba(102,126,226,.1); overflow:hidden; }
.metric i::after { content:""; display:block; width:var(--w); height:100%; border-radius:inherit; background:linear-gradient(90deg,#4f6ddc,#8a78e8); box-shadow:0 0 14px rgba(91,117,232,.5); transform-origin:left; animation:metric-fill 1.4s ease both; }
.panel-chart { position:relative; height:145px; margin-top:28px; border-top:1px solid rgba(255,255,255,.06); overflow:hidden; }
.panel-chart svg { position:absolute; inset:12px 0 0; width:100%; height:100%; }
.panel-chart path { fill:none; stroke:#8299ff; stroke-width:3; filter:drop-shadow(0 0 6px rgba(105,137,255,.55)); stroke-dasharray:800; animation:chart-draw 5s ease-in-out infinite; }
.panel-chart::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(104,132,255,.04) 1px,transparent 1px); background-size:100% 32px; }
.panel-caption { margin:12px 0 0; color:#657290; font-size:10px; line-height:1.45; }

.section-work { background:#030713; }
.work-grid { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.work-grid::before { content:""; position:absolute; left:4%; right:4%; top:38px; height:1px; background:linear-gradient(90deg,transparent,rgba(110,139,255,.42),transparent); }
.work-step { position:relative; min-height:340px; padding:28px 22px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(160deg,rgba(17,28,58,.72),rgba(8,14,31,.88)); }
.work-step span { position:relative; z-index:2; display:flex; width:22px; height:22px; align-items:center; justify-content:center; margin-bottom:92px; border-radius:50%; background:#111d42; color:#93a4d2; font-size:9px; box-shadow:0 0 0 8px rgba(70,95,208,.05); }
.work-step h3 { min-height:54px; font-size:18px; }
.work-step p { color:var(--muted); font-size:13px; }
.section-action { margin-top:34px; }

.section-principles {
  background:
    radial-gradient(circle at 75% 70%, rgba(70,55,158,.09),transparent 31%),
    #050a1b;
}

.principles-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.principle-card { grid-column:span 3; min-height:330px; padding:28px; border-radius:var(--radius-lg); }
.principle-card-wide { grid-column:span 6; }
.principle-card span { display:block; margin-bottom:88px; color:#627094; font-size:11px; }
.principle-card h3 { margin-bottom:16px; }
.principle-card p { color:var(--muted); font-size:13px; }
.brand-statement { margin:90px 0 0; color:#dce4fa; font-size:clamp(34px,4vw,58px); font-weight:620; line-height:1.08; letter-spacing:-.045em; }
.brand-statement span { color:#859cff; }

.section-knowledge { padding:90px 0; background:#040817; }
.knowledge-banner { display:grid; grid-template-columns:1fr auto; align-items:center; gap:80px; padding:48px; border:1px solid var(--line); border-radius:var(--radius-xl); background:linear-gradient(120deg,rgba(19,31,65,.82),rgba(9,16,36,.88)); box-shadow:var(--shadow); }
.knowledge-banner h2 { max-width:900px; font-size:clamp(34px,3.6vw,56px); }

.section-faq { background:#030713; }
.faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:110px; align-items:start; }
.faq-title { position:sticky; top:130px; }
.faq-title h2 { max-width:400px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { position:relative; display:flex; justify-content:space-between; gap:24px; padding:26px 54px 26px 0; color:#e6ebf8; font-size:17px; font-weight:600; cursor:pointer; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { position:absolute; right:4px; top:31px; width:18px; height:18px; }
.faq-list summary span::before,.faq-list summary span::after { content:""; position:absolute; left:2px; top:8px; width:14px; height:1px; background:#8496c5; transition:transform .2s ease; }
.faq-list summary span::after { transform:rotate(90deg); }
.faq-list details[open] summary span::after { transform:rotate(0deg); }
.faq-list details p { margin:0; padding:0 60px 28px 0; color:var(--muted); }

.final-cta { padding:160px 0; overflow:hidden; background:#040817; text-align:center; }
.final-cta::before { display:none; }
.final-glow { position:absolute; left:50%; top:50%; width:760px; height:760px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(66,91,205,.19),rgba(53,72,160,.05) 42%,transparent 68%); animation:final-pulse 7s ease-in-out infinite; }
.final-cta-inner { position:relative; z-index:2; max-width:940px; }
.final-cta-inner .eyebrow { justify-content:center; }
.final-cta-inner h2 { font-size:clamp(46px,6vw,84px); }
.final-cta-inner > p:not(.eyebrow) { max-width:760px; margin:28px auto 36px; color:var(--muted); font-size:18px; }

.site-footer { padding:72px 0 28px; border-top:1px solid rgba(255,255,255,.08); background:#02050f; }
.footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:60px; }
.footer-brand p { max-width:300px; margin-top:24px; color:#7986a4; font-size:13px; }
.footer-column { display:flex; flex-direction:column; gap:11px; }
.footer-column strong { margin-bottom:8px; color:#dce3f4; font-size:13px; }
.footer-column a,.footer-column span { color:#7f8ca9; font-size:12px; }
.footer-bottom { display:flex; justify-content:space-between; gap:40px; margin-top:64px; padding-top:24px; border-top:1px solid rgba(255,255,255,.07); }
.footer-bottom p,.footer-bottom a { color:#596580; font-size:10px; }
.footer-bottom p { margin:0; }.footer-bottom div { display:flex; gap:20px; }

[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.25,1);
}

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

@keyframes hero-breathe { to { transform:scale(1.035); } }
@keyframes agent-poster-drift { from{transform:scale(1.01) translateX(-.35%)} to{transform:scale(1.035) translateX(.35%)} }
@keyframes pricing-orbit-light { to{offset-distance:100%} }
@keyframes pricing-float-left {
  0%,100%{transform:translate3d(0,18px,-70px) rotateY(8deg) rotateZ(-1.1deg)}
  50%{transform:translate3d(0,7px,-58px) rotateY(6.5deg) rotateZ(-.5deg)}
}
@keyframes pricing-float-center {
  0%,100%{transform:translate3d(0,-7px,82px) scale(1.035) rotateX(.4deg)}
  50%{transform:translate3d(0,-17px,94px) scale(1.045) rotateX(-.5deg)}
}
@keyframes pricing-float-right {
  0%,100%{transform:translate3d(0,20px,-76px) rotateY(-8deg) rotateZ(1.1deg)}
  50%{transform:translate3d(0,8px,-62px) rotateY(-6.5deg) rotateZ(.5deg)}
}
@keyframes pricing-reflection {
  0%,12%{left:-52%;opacity:0}
  20%{opacity:.08}
  46%{opacity:.95}
  68%{left:128%;opacity:.1}
  100%{left:128%;opacity:0}
}
@keyframes flow-dot { 0%,100%{transform:translateX(-30px);opacity:0} 15%{opacity:1} 80%{opacity:1} 100%{transform:translateX(0);opacity:0} }
@keyframes bars { to { transform:scaleY(.76); filter:brightness(1.2); } }
@keyframes audit-run { 0%{left:0;opacity:0} 9%{opacity:1} 90%{opacity:1} 100%{left:100%;opacity:0} }
@keyframes metric-fill { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes chart-draw { 0%{stroke-dashoffset:800;opacity:.2} 28%,75%{stroke-dashoffset:0;opacity:1} 100%{stroke-dashoffset:-800;opacity:.25} }
@keyframes final-pulse { 0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.68} 50%{transform:translate(-50%,-50%) scale(1.08);opacity:1} }

@media (max-width: 1180px) {
  .shell { width:min(var(--shell),calc(100% - 48px)); }
  .header-inner { grid-template-columns:180px 1fr auto; }
  .site-menu { gap:18px; }
  .hero-layout { grid-template-columns:minmax(0,600px) 1fr; }
  .path-grid { grid-template-columns:1fr; }
  .path-card { min-height:0; }
  .path-card h3 { min-height:0; }
  .card-symbol { height:130px; }
  .agent-copy { width:min(50%, 560px); }
  .economics-layout { gap:48px; }
  .audit-process ol { grid-template-columns:repeat(3,1fr); }
  .audit-rail { display:none; }
  .work-grid { grid-template-columns:repeat(3,1fr); }
  .work-grid::before { display:none; }
  .principle-card { grid-column:span 4; }
  .principle-card-wide { grid-column:span 8; }
}

@media (max-width: 920px) {
  .shell { width:min(100% - 36px,760px); }
  .site-header { background:rgba(4,8,23,.76); backdrop-filter:blur(18px); border-bottom-color:rgba(255,255,255,.07); }
  .header-inner { min-height:74px; grid-template-columns:1fr auto; }
  .header-cta { display:none; }
  .menu-toggle { position:relative; z-index:102; display:block; width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:12px; background:rgba(12,21,46,.72); }
  .menu-toggle span:not(.sr-only) { position:absolute; left:13px; width:18px; height:1px; background:#dce3f5; transition:transform .25s ease,top .25s ease; }
  .menu-toggle span:first-child { top:17px; }.menu-toggle span:nth-child(2){top:25px;}
  .menu-toggle[aria-expanded="true"] span:first-child { top:21px; transform:rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2){top:21px;transform:rotate(-45deg);}
  .site-menu { position:fixed; inset:0; z-index:101; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:24px; padding:90px 36px 50px; background:rgba(3,7,19,.97); opacity:0; pointer-events:none; transform:translateY(-12px); transition:opacity .25s ease,transform .25s ease; }
  .site-menu.is-open { opacity:1; pointer-events:auto; transform:none; }
  .site-menu a { font-size:30px; font-weight:620; letter-spacing:-.03em; }
  .hero-layout { min-height:100svh; grid-template-columns:1fr; align-items:flex-end; padding:150px 0 180px; }
  .hero-media { height:66%; }
  .hero-poster,.hero-video { object-position:right center; }
  .hero-shade { background:linear-gradient(180deg,rgba(3,7,20,.42),rgba(3,7,20,.54) 30%,rgba(3,7,20,.97) 76%),linear-gradient(90deg,rgba(3,7,20,.63),rgba(3,7,20,.12)); }
  .hero-copy { max-width:700px; }
  h1 { font-size:clamp(48px,10vw,70px); }
  .hero-points-grid { grid-template-columns:1fr; min-height:92px; }
  .hero-point { display:none; }.hero-point:first-child { display:grid; padding-left:0; border:0; }
  .section { padding:110px 0; }
  .section-agent { min-height:0; padding-bottom:0; }
  .agent-layout { min-height:0; display:block; }
  .agent-copy { width:100%; max-width:700px; }
  .agent-media { position:relative; height:560px; margin-top:52px; }
  .agent-video-poster { object-position:right center; }
  .agent-video { object-position:right center; }
  .agent-video-vignette { background:linear-gradient(180deg,rgba(3,7,19,.96),rgba(3,7,19,.08) 28%,rgba(3,7,19,.12) 70%,rgba(3,7,19,.9)); }
  .agent-video-labels { left:24px; right:24px; bottom:22px; }
  .economics-layout,.audit-intro,.faq-layout { grid-template-columns:1fr; }
  .application-card,.application-card-large,.application-card-analytics { grid-column:span 12; }
  .audit-intro { gap:22px; }
  .audit-description > p { margin-top:0; }
  .audit-footer { grid-template-columns:1fr; gap:30px; }
  .pricing-showcase { min-height:0; padding:20px 0 0; perspective:none; }
  .pricing-showcase::before,.pricing-showcase::after,.pricing-orbit { display:none; }
  .pricing-grid { grid-template-columns:1fr; gap:18px; }
  .price-card,.price-card-left,.price-card-primary,.price-card-right { min-height:245px; transform:none; animation:none; }
  .price-card-surface { min-height:245px; transform:none !important; }
  .economics-panel { min-height:560px; }
  .work-grid { grid-template-columns:1fr 1fr; }
  .principle-card,.principle-card-wide { grid-column:span 6; }
  .knowledge-banner { grid-template-columns:1fr; gap:32px; padding:36px; }
  .faq-layout { gap:48px; }
  .faq-title { position:static; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
  .shell { width:calc(100% - 28px); }
  .brand-caption { display:none; }
  .hero-layout { padding:132px 0 160px; }
  .hero-layout,
  .hero-copy,
  .hero-copy > * { min-width:0; max-width:100%; }
  .hero-media { height:56%; }
  .hero-poster,.hero-video { object-position:right center; }
  .eyebrow { font-size:10px; margin-bottom:17px; }
  .eyebrow::before { width:24px; }
  .hero-copy h1 {
    font-size:clamp(36px,10.5vw,42px);
    line-height:1.02;
    letter-spacing:-.048em;
    overflow-wrap:normal;
    text-wrap:wrap;
  }
  h2 { font-size:38px; }
  .hero-lead { margin-top:22px; font-size:16px; }
  .hero-purpose { font-size:14px; }
  .hero-actions { flex-direction:column; align-items:stretch; gap:16px; }
  .hero-actions .button { width:100%; white-space:normal; text-align:center; }
  .hero-actions .text-link { justify-content:center; }
  .hero-note { font-size:11px; }
  .hero-point { grid-template-columns:34px 1fr; padding:18px 0; }
  .section { padding:86px 0; }
  .section-heading { margin-bottom:42px; }
  .section-heading > p:last-child,.audit-description,.faq-title > p:last-child,.knowledge-banner > div > p:last-child { font-size:15px; }
  .path-card { padding:22px; border-radius:20px; }
  .card-symbol { margin:22px 0 26px; }
  .agent-media { height:430px; margin-top:38px; }
  .agent-video-labels { left:16px; right:16px; bottom:15px; gap:9px; font-size:8px; letter-spacing:.08em; }
  .application-card { min-height:270px; padding:24px; }
  .application-card-large { padding-top:24px; }
  .mini-flow { position:relative; top:auto; right:auto; width:100%; margin-top:34px; justify-content:flex-start; }
  .application-card-analytics { min-height:570px; }
  .analytics-bars { left:24px; right:24px; width:auto; bottom:28px; }
  .audit-process { padding:18px; border-radius:22px; }
  .audit-process ol { grid-template-columns:1fr; }
  .audit-process li { min-height:auto; padding:18px; }
  .audit-process li p { margin:22px 0 0; }
  .audit-result { margin-bottom:50px; padding:20px 12px; }
  .price-card-surface { padding:24px; }
  .audit-actions .button { width:100%; }
  .economics-panel { min-height:540px; padding:22px; border-radius:22px; }
  .panel-head { align-items:flex-start; flex-direction:column; gap:4px; }
  .work-grid { grid-template-columns:1fr; }
  .work-step { min-height:auto; }
  .work-step span { margin-bottom:44px; }
  .principle-card,.principle-card-wide { grid-column:span 12; min-height:auto; }
  .principle-card span { margin-bottom:50px; }
  .brand-statement { margin-top:60px; }
  .knowledge-banner { padding:26px; border-radius:22px; }
  .knowledge-banner .button { width:100%; }
  .faq-list summary { padding:22px 42px 22px 0; font-size:15px; }
  .faq-list summary span { top:25px; }
  .faq-list details p { padding-right:0; font-size:14px; }
  .final-cta { padding:110px 0; }
  .final-cta-inner h2 { font-size:45px; }
  .final-cta-inner > p:not(.eyebrow) { font-size:16px; }
  .final-cta-inner .button { width:100%; }
  .footer-grid { grid-template-columns:1fr; gap:38px; }
  .footer-bottom { flex-direction:column; }
  .footer-bottom div { flex-direction:column; gap:10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  [data-reveal] { opacity:1; transform:none; }
  .hero-video { display:none; }
  .agent-video { display:none; }
}

/* --------------------------------------------------------------------------
   Concept 02: "Managed spectrum"
   A restrained system of semantic colour, distinct materials and motion.
   -------------------------------------------------------------------------- */

:root {
  --teal: #45d5c5;
  --teal-rgb: 69, 213, 197;
  --gold: #e3b86e;
  --gold-rgb: 227, 184, 110;
  --violet-bright: #a779ff;
  --violet-rgb: 167, 121, 255;
  --blue-rgb: 109, 140, 255;
}

.experience-rail {
  --page-progress: 0;
  position: fixed;
  z-index: 80;
  left: clamp(10px, 1.35vw, 24px);
  top: 18vh;
  width: 1px;
  height: 64vh;
  pointer-events: none;
  background: rgba(150, 167, 209, .12);
}

.experience-rail::before,
.experience-rail::after {
  content: "";
  position: absolute;
  left: -2px;
  width: 5px;
  height: 5px;
  border: 1px solid rgba(164, 184, 233, .25);
  border-radius: 50%;
}

.experience-rail::before { top: -7px; }
.experience-rail::after { bottom: -7px; }
.experience-rail i {
  position: absolute;
  inset: 0 0 auto;
  height: calc(var(--page-progress) * 100%);
  background: linear-gradient(180deg, var(--blue), var(--teal), var(--gold), var(--violet-bright));
  box-shadow: 0 0 16px rgba(109, 140, 255, .42);
}
.experience-rail b {
  position: absolute;
  left: -3px;
  top: calc(var(--page-progress) * 100% - 3px);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #dbe4ff;
  box-shadow: 0 0 14px rgba(132, 161, 255, .9);
}

.section {
  --section-accent: var(--blue);
  --section-accent-rgb: var(--blue-rgb);
  isolation: isolate;
}

.section > .shell { position: relative; z-index: 2; }
.section::before {
  background: linear-gradient(90deg, transparent, rgba(var(--section-accent-rgb), .27), transparent);
}

.section-start { --section-accent: var(--violet-bright); --section-accent-rgb: var(--violet-rgb); }
.section-agent { --section-accent: var(--teal); --section-accent-rgb: var(--teal-rgb); }
.section-applications { --section-accent: var(--gold); --section-accent-rgb: var(--gold-rgb); }
.section-audit { --section-accent: var(--blue); --section-accent-rgb: var(--blue-rgb); }
.section-economics { --section-accent: #a96b25; --section-accent-rgb: 169, 107, 37; }
.section-work { --section-accent: var(--teal); --section-accent-rgb: var(--teal-rgb); }
.section-principles { --section-accent: var(--violet-bright); --section-accent-rgb: var(--violet-rgb); }
.section-knowledge { --section-accent: var(--gold); --section-accent-rgb: var(--gold-rgb); }

.section:not(.final-cta) .eyebrow::before { background: var(--section-accent); box-shadow: 0 0 12px rgba(var(--section-accent-rgb), .42); }

/* Hero: chromatic response without competing with the dispatcher video. */
.hero::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 73% 45%, rgba(69, 213, 197, .075), transparent 22%),
    radial-gradient(circle at 84% 30%, rgba(167, 121, 255, .085), transparent 29%);
  mix-blend-mode: screen;
  animation: hero-spectrum 12s ease-in-out infinite alternate;
}
.hero-copy h1 span {
  color: transparent;
  background: linear-gradient(105deg, #f5f7ff 4%, #92abff 43%, #7ce1d2 78%, #e3b86e 118%);
  -webkit-background-clip: text;
  background-clip: text;
}
.hero-point { transition: background .35s ease, border-color .35s ease; }
.hero-point:nth-child(1) span { color: var(--gold); }
.hero-point:nth-child(2) span { color: var(--teal); }
.hero-point:nth-child(3) span { color: var(--violet-bright); }
.hero-point:hover { background: linear-gradient(180deg, rgba(255,255,255,.025), transparent); }

/* Entry points: three genuinely different product materials. */
.path-grid { grid-template-columns: 1.12fr 1fr .94fr; align-items: stretch; }
.path-card { transform-style: preserve-3d; }
.path-card::after {
  content: "";
  position: absolute;
  inset: auto -25% -35% 20%;
  height: 58%;
  border-radius: 50%;
  opacity: .32;
  filter: blur(45px);
  pointer-events: none;
  transition: opacity .4s ease, transform .6s ease;
}
.path-card:hover::after { opacity: .55; transform: translate3d(-6%, -8%, 0) scale(1.08); }
.path-card > * { position: relative; z-index: 2; }
.path-card-product {
  border-color: rgba(124, 155, 255, .27);
  background:
    radial-gradient(circle at 22% 18%, rgba(109,140,255,.18), transparent 31%),
    linear-gradient(148deg, rgba(20,36,78,.92), rgba(7,14,34,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 30px 80px rgba(14,29,80,.24);
}
.path-card-product::after { background: rgba(109,140,255,.42); }
.path-card-audit {
  border-color: rgba(69,213,197,.2);
  background:
    repeating-linear-gradient(180deg, transparent 0 37px, rgba(69,213,197,.035) 38px),
    linear-gradient(152deg, rgba(14,42,49,.83), rgba(7,18,30,.96));
}
.path-card-audit::after { background: rgba(69,213,197,.34); }
.path-card-audit .card-symbol { transform: rotate(-1.1deg); box-shadow: 10px 12px 0 rgba(69,213,197,.025), 20px 24px 0 rgba(69,213,197,.015); }
.path-card-custom {
  border-color: rgba(167,121,255,.22);
  background:
    linear-gradient(rgba(167,121,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167,121,255,.045) 1px, transparent 1px),
    linear-gradient(145deg, rgba(32,22,64,.9), rgba(11,10,32,.97));
  background-size: 26px 26px, 26px 26px, auto;
}
.path-card-custom::after { background: rgba(167,121,255,.38); }
.path-card-audit .card-topline span { color: #8bded3; }
.path-card-custom .card-topline span { color: #b999ff; }
.path-card-product .card-link { color: #b7c5ff; }
.path-card-audit .card-link { color: #8bded3; }
.path-card-custom .card-link { color: #c5adff; }

.card-visual {
  position: relative;
  width: 100%;
  height: 190px;
  margin: 28px 0 32px;
  overflow: hidden;
  border: 1px solid rgba(154,174,243,.14);
  border-radius: 19px;
  background: #050a17;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 18px 48px rgba(0,0,0,.18);
}
.card-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255,255,255,.055), transparent 34%, rgba(3,7,18,.18));
}
.card-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.015);
  filter: saturate(.86) contrast(1.04) brightness(.9);
  transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}
.path-card:hover .card-visual img { transform: scale(1.055); filter: saturate(.98) contrast(1.06) brightness(.98); }
.card-visual-product { border-color: rgba(109,140,255,.27); }
.card-visual-audit { border-color: rgba(69,213,197,.24); }
.card-visual-custom { border-color: rgba(167,121,255,.27); }

/* Agent section: make the transformation legible through interaction. */
.section-agent .capability-list li {
  border-left: 1px solid transparent;
  transition: color .25s ease, border-color .25s ease, transform .25s ease;
}
.section-agent .capability-list li:hover {
  color: #d8f5f0;
  border-left-color: rgba(69,213,197,.58);
  transform: translateX(6px);
}
.agent-video-labels span:last-child { color: #83e4d8; }
.agent-video-labels i { background: linear-gradient(90deg, rgba(167,121,255,.25), var(--teal)); }

/* Applications: a bento field with a colour assigned to each business role. */
.section-applications {
  background:
    radial-gradient(circle at 12% 22%, rgba(227,184,110,.075), transparent 26%),
    radial-gradient(circle at 87% 68%, rgba(69,213,197,.06), transparent 29%),
    #050a1b;
}
.application-card {
  --card-accent: var(--blue);
  --card-accent-rgb: var(--blue-rgb);
  background:
    radial-gradient(circle at 92% 6%, rgba(var(--card-accent-rgb), .13), transparent 34%),
    linear-gradient(155deg, rgba(17,28,56,.82), rgba(7,13,29,.94));
  border-color: rgba(var(--card-accent-rgb), .2);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease, box-shadow .35s ease;
}
.application-card::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  width: 64px;
  height: 1px;
  background: var(--card-accent);
  box-shadow: 0 0 18px rgba(var(--card-accent-rgb), .55);
}
.application-card:hover { transform: translateY(-5px); border-color: rgba(var(--card-accent-rgb), .42); box-shadow: 0 28px 80px rgba(0,0,0,.2); }
.application-card:nth-child(1) { --card-accent: var(--gold); --card-accent-rgb: var(--gold-rgb); }
.application-card:nth-child(2) { --card-accent: var(--teal); --card-accent-rgb: var(--teal-rgb); }
.application-card:nth-child(3) { --card-accent: var(--violet-bright); --card-accent-rgb: var(--violet-rgb); }
.application-card:nth-child(4) { --card-accent: #73bfff; --card-accent-rgb: 115,191,255; }
.application-card:nth-child(5) { --card-accent: var(--blue); --card-accent-rgb: var(--blue-rgb); }
.application-grid .application-card:nth-child(3),
.application-grid .application-card:nth-child(4) { grid-column: span 6; }
.application-card-analytics { grid-column: span 12; }
.application-card .application-index { color: rgba(var(--card-accent-rgb), .72); }
.application-card-large { border-radius: 48px 22px 22px 22px; }
.application-grid .application-card:nth-child(2) { border-radius: 22px 48px 22px 22px; }
.application-grid .application-card:nth-child(3) { border-radius: 22px 22px 48px 22px; }
.application-grid .application-card:nth-child(4) { border-radius: 22px; }
.application-card-analytics { border-radius: 22px 22px 48px 22px; }
.mini-flow span { border-color: rgba(var(--gold-rgb), .24); background: rgba(30,24,17,.72); color: #dac79f; }
.mini-flow i { background: linear-gradient(90deg, rgba(var(--gold-rgb), .16), var(--gold)); }
.mini-flow i::after { background: var(--gold); box-shadow: 0 0 11px var(--gold); }
.analytics-bars i { background: linear-gradient(180deg, rgba(109,140,255,.94), rgba(69,213,197,.17)); }

/* Audit: operational blue, but with three recognisably different materials. */
.audit-process { border-color: rgba(109,140,255,.2); }
.audit-process li { transition: transform .3s ease, background .3s ease, border-color .3s ease; }
.audit-process li:hover { transform: translateY(-4px); background: rgba(18,31,66,.9); border-color: rgba(109,140,255,.34); }
.price-card-left .price-card-surface {
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(69,213,197,.14), transparent 34%),
    linear-gradient(148deg, rgba(20,43,52,.78), rgba(7,16,29,.95));
  border-color: rgba(69,213,197,.24);
}
.price-card-primary .price-card-surface {
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(109,140,255,.25), transparent 34%),
    linear-gradient(148deg, rgba(34,52,105,.94), rgba(8,15,38,.97) 72%);
}
.price-card-right .price-card-surface {
  background:
    linear-gradient(115deg, transparent 0 46%, rgba(227,184,110,.045) 47% 48%, transparent 49%),
    linear-gradient(148deg, rgba(34,30,29,.94), rgba(10,13,23,.98));
  border-color: rgba(227,184,110,.3);
  box-shadow: 0 28px 80px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.05), inset 4px 0 rgba(227,184,110,.08);
}
.price-card-left .price { color: #a4eee5; }
.price-card-primary .price { color: #fff; }
.price-card-right .price { color: #efd29e; }

/* Economics: deliberate light intermission. */
.section-economics {
  color-scheme: light;
  color: #111a28;
  background:
    radial-gradient(circle at 82% 30%, rgba(109,140,255,.18), transparent 27%),
    radial-gradient(circle at 12% 82%, rgba(227,184,110,.2), transparent 30%),
    linear-gradient(145deg, #f1f3f1, #dfe5e5);
}
.section-economics::before { background: linear-gradient(90deg, transparent, rgba(105,78,42,.18), transparent); }
.section-economics .eyebrow { color: #765528; }
.section-economics h2 { color: #101827; }
.section-economics .economics-copy > p { color: #52606d; }
.section-economics .economics-list li { color: #384654; }
.section-economics .economics-list li::before { background: #aa7c3a; box-shadow: 0 0 0 4px rgba(170,124,58,.11); }
.section-economics .button { background: #111a28; color: #f7f4ed; box-shadow: 0 16px 40px rgba(17,26,40,.18); }
.economics-panel {
  color-scheme: dark;
  transform: rotate(.75deg);
  border-color: rgba(22,31,48,.16);
  background:
    linear-gradient(rgba(227,184,110,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(227,184,110,.035) 1px,transparent 1px),
    linear-gradient(145deg,#172133,#080e1a);
  background-size: 26px 26px, 26px 26px, auto;
  box-shadow: 0 44px 110px rgba(31,40,50,.23);
}
.economics-panel::before {
  content: "";
  position: absolute;
  left: -25%;
  top: -20%;
  width: 65%;
  height: 60%;
  border-radius: 50%;
  background: rgba(227,184,110,.12);
  filter: blur(50px);
  pointer-events: none;
}
.metric-main i::after { background: linear-gradient(90deg, #bd8641, #efc980); }

/* Implementation: one connected project rail instead of five isolated cards. */
.section-work {
  background:
    radial-gradient(circle at 18% 50%, rgba(69,213,197,.07), transparent 30%),
    #030713;
}
.work-grid { gap: 0; padding: 32px 0 0; }
.work-grid::before { left: 2%; right: 2%; top: 70px; background: linear-gradient(90deg, var(--teal), var(--blue), var(--violet-bright), var(--gold)); opacity: .4; }
.work-step {
  min-height: 390px;
  padding: 30px 24px;
  border: 0;
  border-left: 1px solid rgba(141,164,255,.14);
  border-radius: 0;
  background: transparent;
  transition: background .35s ease, transform .35s ease;
}
.work-step:last-child { border-right: 1px solid rgba(141,164,255,.14); }
.work-step:hover { transform: translateY(-7px); background: linear-gradient(180deg, rgba(24,38,76,.32), transparent 80%); }
.work-step span { margin-bottom: 110px; border: 1px solid rgba(69,213,197,.34); background: #091a25; color: #9ce9df; box-shadow: 0 0 0 9px rgba(69,213,197,.04), 0 0 22px rgba(69,213,197,.1); }
.work-step:nth-child(2) span { border-color: rgba(109,140,255,.38); color: #b8c6ff; background:#101a3a; }
.work-step:nth-child(3) span { border-color: rgba(167,121,255,.4); color:#ceb9ff; background:#1d143c; }
.work-step:nth-child(4) span { border-color: rgba(227,184,110,.4); color:#efd19b; background:#261d16; }
.work-step:nth-child(5) span { border-color: rgba(69,213,197,.38); color:#9ce9df; }

/* Principles: editorial statements rather than a repeated card component. */
.section-principles {
  background:
    radial-gradient(circle at 75% 20%, rgba(167,121,255,.09), transparent 30%),
    linear-gradient(180deg,#080a18,#090817);
}
.principles-grid { gap: 1px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); }
.principle-card {
  min-height: 360px;
  padding: 34px;
  border: 0;
  border-radius: 0;
  background: #080d1d;
  box-shadow: none;
  transition: background .4s ease;
}
.principle-card::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -50px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 50%;
  transition: transform .5s ease, border-color .5s ease;
}
.principle-card:hover::after { transform: scale(1.35); border-color: rgba(255,255,255,.13); }
.principle-card:nth-child(1) { background: #0b1730; }
.principle-card:nth-child(2) { background: #0a211f; }
.principle-card:nth-child(3) { background: #18112e; }
.principle-card:nth-child(4) { background: #241c13; }
.principle-card:nth-child(5) { background: linear-gradient(100deg,#121b36,#151026); }
.principle-card-wide { grid-column: span 12; }
.principle-card span { color: rgba(255,255,255,.4); }
.brand-statement span { color: var(--teal); }

/* Knowledge: premium editorial cover with navigation implied by the composition. */
.section-knowledge { padding: 105px 0; background: #e8e5dd; color-scheme: light; }
.section-knowledge::before { background: linear-gradient(90deg,transparent,rgba(72,60,46,.2),transparent); }
.knowledge-banner {
  position: relative;
  min-height: 500px;
  padding: 70px;
  border: 1px solid rgba(40,48,61,.18);
  border-radius: 2px;
  background:
    linear-gradient(90deg, rgba(242,239,231,.96) 0 58%, rgba(13,22,40,.96) 58%),
    #e8e5dd;
  box-shadow: 20px 28px 0 rgba(21,30,45,.07);
  overflow: hidden;
}
.knowledge-banner::before {
  content: "AI";
  position: absolute;
  right: 4%;
  bottom: -12%;
  color: rgba(137,161,255,.12);
  font-size: clamp(210px, 25vw, 390px);
  font-weight: 850;
  line-height: .8;
  letter-spacing: -.1em;
  pointer-events: none;
}
.knowledge-banner > * { position: relative; z-index: 2; }
.knowledge-banner > div { max-width: 62%; }
.knowledge-banner .eyebrow { color: #7c5d2f; }
.knowledge-banner h2 { color: #121b29; }
.knowledge-banner > div > p:last-child { color: #58636e; }
.knowledge-banner .button-outline { align-self: end; border-color: rgba(255,255,255,.3); color: #fff; background: rgba(255,255,255,.06); }

/* Calm FAQ, then a warmer closing scene. */
.section-faq { background: #060914; }
.faq-list details { transition: background .25s ease; }
.faq-list details[open] { background: linear-gradient(90deg, rgba(109,140,255,.055), transparent); }
.faq-list summary:hover { color: #fff; }
.final-cta {
  background:
    radial-gradient(circle at 30% 70%, rgba(227,184,110,.14), transparent 26%),
    radial-gradient(circle at 72% 35%, rgba(167,121,255,.19), transparent 30%),
    linear-gradient(135deg,#090a17,#120d21 55%,#0b101f);
}
.final-glow { background: radial-gradient(circle,rgba(227,184,110,.14),rgba(167,121,255,.08) 42%,transparent 68%); }
.final-cta-inner h2 { color: transparent; background: linear-gradient(105deg,#fff 15%,#ebcf9f 52%,#c4a9ff 88%); -webkit-background-clip:text; background-clip:text; }
.final-cta .button { background: linear-gradient(115deg,#e2b66c,#a77aff); color:#0b0a13; box-shadow: 0 18px 60px rgba(167,121,255,.22); }

[data-reveal="scale"] { transform: translateY(24px) scale(.965); }
[data-reveal="scale"].is-visible { transform: none; }

@keyframes hero-spectrum {
  0% { opacity: .58; filter: hue-rotate(-7deg); }
  100% { opacity: 1; filter: hue-rotate(8deg); }
}

@media (max-width: 1180px) {
  .path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .path-card-product { grid-column: 1 / -1; }
  .path-card { min-height: 0; }
  .work-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .work-step { grid-column: span 2; }
  .work-step:nth-child(4),
  .work-step:nth-child(5) { grid-column: span 3; }
  .principle-card { grid-column: span 6; }
  .principle-card-wide { grid-column: span 12; }
  .knowledge-banner > div { max-width: 70%; }
}

@media (max-width: 920px) {
  .experience-rail { display: none; }
  .site-menu { overflow-y: auto; overscroll-behavior: contain; }
  .mini-flow { position: relative; top: auto; right: auto; width: 100%; margin-top: 34px; justify-content: flex-start; }
  .application-card-large,
  .application-grid .application-card:nth-child(2),
  .application-grid .application-card:nth-child(3),
  .application-grid .application-card:nth-child(4),
  .application-card-analytics { grid-column: span 12; border-radius: 26px; }
  .audit-process ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .price-card-primary { grid-column: 1 / -1; order: -1; }
  .economics-panel { transform: none; }
  .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding-top: 0; background: rgba(255,255,255,.07); }
  .work-step,
  .work-step:last-child { grid-column: span 1; min-height: 330px; border: 0; background: #070d1e; }
  .work-step:last-child { grid-column: 1 / -1; }
  .work-step span { margin-bottom: 72px; }
  .principle-card { grid-column: span 6; }
  .principle-card-wide { grid-column: span 12; }
  .knowledge-banner { min-height: 470px; padding: 46px; grid-template-columns: 1fr; background: linear-gradient(155deg,#f2efe7 0 68%,#111b31 68%); }
  .knowledge-banner > div { max-width: 86%; }
  .knowledge-banner .button-outline { justify-self: start; }
}

@media (max-height: 520px) and (max-width: 920px) {
  .site-menu { justify-content: flex-start; padding-top: 88px; }
  .site-menu a { font-size: 23px; }
}

@media (max-width: 760px) {
  .path-grid { grid-template-columns: 1fr; }
  .path-card-product { grid-column: auto; }
}

@media (max-width: 620px) {
  .path-card-audit .card-symbol { box-shadow: 7px 8px 0 rgba(69,213,197,.025), 14px 16px 0 rgba(69,213,197,.014); }
  .application-card::before { left: 24px; }
  .path-grid { grid-template-columns: 1fr; }
  .path-card-product { grid-column: auto; }
  .card-visual { height: 170px; margin: 22px 0 27px; }
  .audit-process ol { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card-primary { grid-column: auto; order: 0; }
  .work-grid { grid-template-columns: 1fr; }
  .work-step,
  .work-step:last-child { grid-column: auto; min-height: auto; }
  .principle-card,
  .principle-card-wide { grid-column: span 12; min-height: auto; padding: 28px; }
  .knowledge-banner { min-height: 540px; padding: 28px; box-shadow: 10px 14px 0 rgba(21,30,45,.07); }
  .knowledge-banner > div { max-width: 100%; }
  .knowledge-banner::before { right: -8%; bottom: 2%; font-size: 190px; }
  .knowledge-banner .button-outline { align-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .experience-rail { display: none; }
  .hero::after { animation: none; }
  [data-reveal="scale"] { transform: none; }
}

/* Readability pass: essential copy never relies on micro typography. */
.brand-caption { font-size: 12px; }
.site-menu a { font-size: 15px; }
.button-small { font-size: 14px; }
.text-link,
.card-link { font-size: 15px; }
.eyebrow { font-size: 13px; }
.hero-purpose { font-size: 17px; }
.hero-note { font-size: 14px; }
.hero-point span { font-size: 14px; font-weight: 700; }
.hero-point strong { font-size: 16px; }
.hero-point small { font-size: 13px; }
.card-topline { font-size: 12px; }
.card-topline b { font-size: 13px; color: #8795bc; }
.path-card { min-height: 680px; }
.path-card p { font-size: 16px; }
.agent-copy > p:not(.eyebrow):not(.list-title) { font-size: 16px; }
.agent-copy .lead-copy { font-size: 20px; }
.capability-list li,
.economics-list li { font-size: 16px; }
.agent-video-labels { font-size: 12px; }
.application-index { font-size: 14px; font-weight: 750; }
.application-card p { font-size: 16px; }
.mini-flow span { font-size: 12px; }
.application-card-analytics { min-height: 470px; }
.section-note { font-size: 15px; }
.audit-we { font-size: 17px; }
.audit-process li { min-height: 215px; }
.audit-process li span { font-size: 14px; font-weight: 750; }
.audit-process li p { font-size: 15px; }
.price-label { font-size: 15px; }
.price-card-surface > p:last-of-type { font-size: 16px; }
.price-badge { font-size: 12px; }
.metric span,
.metric strong { font-size: 14px; }
.panel-caption { font-size: 12px; }
.work-step span { width: 28px; height: 28px; font-size: 13px; }
.work-step h3 { font-size: 20px; }
.work-step p { font-size: 15px; }
.principle-card span { font-size: 14px; font-weight: 700; }
.principle-card p { font-size: 15px; }
.footer-brand p { font-size: 15px; }
.footer-column strong { font-size: 15px; }
.footer-column a,
.footer-column span { font-size: 14px; }
.footer-bottom p,
.footer-bottom a { font-size: 12px; }

@media (max-width: 1180px) {
  .path-card { min-height: 0; }
}

@media (max-width: 920px) {
  .audit-process li { min-height: 195px; }
  .work-step,
  .work-step:last-child { min-height: 360px; }
}

@media (max-width: 620px) {
  .eyebrow { font-size: 13px; }
  .hero-purpose { font-size: 16px; }
  .hero-note { font-size: 13px; }
  .hero-point span { font-size: 13px; }
  .hero-point strong { font-size: 15px; }
  .hero-point small { font-size: 13px; }
  .section-heading > p:last-child,
  .audit-description,
  .faq-title > p:last-child,
  .knowledge-banner > div > p:last-child { font-size: 16px; }
  .agent-video-labels { font-size: 12px; }
  .application-card-analytics { min-height: 620px; }
  .audit-process li { min-height: auto; }
  .work-step,
  .work-step:last-child { min-height: auto; }
  .work-step:nth-child(4),
  .work-step:nth-child(5) { grid-column: auto; }
  .faq-list summary { font-size: 17px; }
  .faq-list details p { font-size: 16px; }
  .footer-bottom p,
  .footer-bottom a { font-size: 12px; line-height: 1.55; }
}

/* Final readability floor for captions that carry meaning. */
.brand-caption,
.card-topline,
.agent-video-labels,
.mini-flow span,
.price-badge,
.panel-caption,
.footer-bottom p,
.footer-bottom a { font-size: 13px; }