@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&display=swap');

:root {
  --ink:#0b1720;
  --muted:#5b6b74;
  --line:#dbe5f2;
  --paper:#f8fbff;
  --white:#fff;
  --cyan:rgb(41 74 191);
  --teal:rgb(41 74 191);
  --navy:#071923;
  --lime:#d9fa8a;
  --radius:20px;
  --shell:min(1180px, calc(100% - 48px))
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:'Inter', "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}


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

button, input, select, textarea {
  font:inherit
}

.shell {
  width:var(--shell);
  margin-inline:auto
}

.skip-link {
  position:fixed;
  z-index:1000;
  left:12px;
  top:-60px;
  background:var(--ink);
  color:white;
  padding:10px 16px;
  border-radius:8px
}

.skip-link:focus {
  top:12px
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0)
}

.site-header {
  height:84px;
  border-bottom:1px solid rgba(11, 23, 32, .09);
  background:rgba(248, 251, 255, .9);
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 10px 28px rgba(7, 25, 35, .035)
}

.nav-wrap {
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.logo {
  display:inline-flex;
  align-items:center;
  gap:10px
}

.logo-mark {
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  background:var(--ink);
  color:var(--cyan);
  font-weight:800;
  letter-spacing:-2px;
  border-radius:12px
}

.logo-symbol {
  width:43px;
  height:43px;
  display:block
}

.logo-type {
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  line-height:1.2
}

.logo-type b {
  font-weight:800
}

.main-nav {
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
  font-weight: 500;
}

.main-nav>a:not(.nav-cta) {
  padding:30px 0;
  position:relative
}

.main-nav>a:not(.nav-cta)::after {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:19px;
  height:2px;
  background:var(--teal);
  transition:right 0.35s cubic-bezier(0.16, 1, 0.3, 1)
}

.main-nav>a:hover::after, .main-nav>a[aria-current=page]::after {
  right:0
}

.nav-cta { display: inline-flex; align-items: center; justify-content: center; 
  background:var(--ink);
  color:white;
  padding:12px 18px;
  border-radius:999px
}

.nav-cta span {
  color:var(--cyan);
  margin-left:7px
}

.menu-toggle {
  display:none;
  background:none;
  border:0;
  padding:8px
}

.menu-toggle span:not(.sr-only) {
  display:block;
  width:24px;
  height:2px;
  background:var(--ink);
  margin:5px
}

.hero {
  min-height:690px;
  display:grid;
  grid-template-columns:1.03fr .97fr;
  align-items:center;
  gap:36px;
  padding-block:75px 55px
}

.eyebrow {
  text-transform:uppercase;
  font-size:12px;
  font-weight:800;
  letter-spacing:.17em;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--teal);
  margin-bottom:22px
}

.eyebrow span {
  width:26px;
  height:2px;
  background:currentColor
}

.eyebrow.light {
  color:var(--cyan)
}

h1, h2, h3, p {
  margin-top:0
}

h1, h2 {
  font-weight:530;
  letter-spacing:-.055em;
  line-height:1.04
}

h1 {
  font-size:clamp(58px, 6.7vw, 91px);
  margin-bottom:28px
}

h1 em, h2 em {
  font-family:'Playfair Display', Georgia, serif;
  font-weight:400;
  font-style:italic;
  color:var(--teal)
}


h2 {
  font-size:clamp(40px, 4.5vw, 62px);
  margin-bottom:22px
}

h3 {
  line-height:1.2;
  letter-spacing:-.025em
}

.hero-lede, .page-hero>p, .ai-hero>div>p {
  font-size:19px;
  line-height:1.7;
  max-width:650px;
  color:var(--muted)
}

.button-row {
  display:flex;
  gap:12px;
  margin-top:36px
}

.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  border:0;
  cursor:pointer;
  padding:14px 22px;
  border-radius:999px;
  font-size:14px;
  font-weight:750;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s, box-shadow 0.4s
}

.button:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(7, 25, 35, 0.12)
}

.button-primary:hover {
  box-shadow:0 8px 20px rgba(7, 25, 35, 0.22), 0 0 0 3px rgba(41, 74, 191, 0.3)
}

.button-cyan:hover {
  box-shadow:0 8px 20px rgba(41, 74, 191, 0.3), 0 0 0 3px rgba(41, 74, 191, 0.4)
}

.button-primary {
  background: var(--white);
  color: var(--ink);
}

.button-primary span {
  color:var(--cyan)
}

.button-secondary {
  border:1px solid #cbd6d9;
  background:transparent
}

.button-light {
  background:white;
  color:var(--ink)
}

.button-cyan {
  background:var(--cyan);
  color:var(--ink)
}

.hero-proof {
  display:flex;
  margin-top:52px;
  border-top:1px solid var(--line);
  padding-top:24px
}

.hero-proof div {
  flex:1
}

.hero-proof strong, .hero-proof span {
  display:block
}

.hero-proof strong {
  font-size:17px
}

.hero-proof span {
  font-size:12px;
  color:var(--muted);
  margin-top:3px
}

.hero-visual {
  height:590px;
  position:relative;
  overflow:hidden
}

.neural-stage {
  isolation:isolate;
  background:radial-gradient(circle at 52% 49%, rgba(41, 74, 191, .19), rgba(41, 74, 191, .05) 33%, transparent 67%)
}

.neural-stage:before {
  content:"";
  position:absolute;
  inset:2% 0;
  background-image:radial-gradient(rgba(41, 74, 191, .18) .7px, transparent .7px);
  background-size:20px 20px;
  mask-image:radial-gradient(circle at center, black, transparent 72%);
  z-index:-1
}

.neural-halo {
  position:absolute;
  width:350px;
  height:350px;
  left:50%;
  top:50%;
  translate:-50% -50%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(41, 74, 191, .18), transparent 68%);
  filter:blur(4px);
  animation:halo-breathe 5s ease-in-out infinite
}

.neural-map {
  width:100%;
  height:100%;
  overflow:visible
}

.neural-links path {
  fill:none;
  stroke:rgba(41, 74, 191, .4);
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-dasharray:5 7;
  animation:flow-line 14s linear infinite
}

.neural-links .secondary {
  stroke:rgba(41, 74, 191, .16);
  stroke-width:1
}

.data-pulses circle {
  fill:var(--teal);
  filter:drop-shadow(0 0 5px var(--cyan))
}

.satellite-node {
  animation:node-float 5s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center
}

.node-tam {
  animation-delay:-1.2s
}

.node-systems {
  animation-delay:-2.3s
}

.node-ai {
  animation-delay:-3.2s
}

.node-security {
  animation-delay:-.7s
}

.satellite-node .node-ring {
  fill:rgba(247, 250, 249, .72);
  stroke:rgba(41, 74, 191, .35);
  stroke-width:1.2;
  filter:drop-shadow(0 9px 13px rgba(7, 25, 35, .1))
}

.satellite-node .node-dot {
  fill:var(--cyan);
  stroke:rgba(255, 255, 255, .9);
  stroke-width:5
}

.satellite-node text {
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  fill:var(--ink)
}

.satellite-node .node-sub {
  font-size:8px;
  font-weight:500;
  letter-spacing:.04em;
  fill:var(--muted)
}

.core-pulse {
  fill:none;
  stroke:rgba(41, 74, 191, .33);
  stroke-width:1;
  animation:core-pulse 3.2s ease-out infinite;
  transform-box:fill-box;
  transform-origin:center
}

.core-ring {
  fill:rgba(41, 74, 191, .13);
  stroke:rgba(41, 74, 191, .2);
  stroke-width:1
}

.core-fill {
  fill:var(--navy);
  filter:drop-shadow(0 18px 26px rgba(7, 25, 35, .25))
}

.core-node text {
  font-size:34px;
  font-weight:800;
  letter-spacing:-.08em;
  fill:var(--cyan)
}

.core-node .core-sub {
  font-size:7px;
  font-weight:700;
  letter-spacing:.16em;
  fill:white
}

.network-status {
  position:absolute;
  left:50%;
  bottom:17px;
  translate:-50% 0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  background:rgba(255, 255, 255, .72);
  border:1px solid rgba(255, 255, 255, .92);
  border-radius:999px;
  box-shadow:0 9px 25px rgba(7, 25, 35, .08);
  backdrop-filter:blur(10px);
  white-space:nowrap
}

.network-status i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(41, 74, 191, .22);
  animation:status-blink 2s ease-in-out infinite
}

.network-status span {
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--muted)
}

.network-status strong {
  font-size:10px
}

@keyframes flow-line {
  to {
    stroke-dashoffset:-120
  }
}

@keyframes node-float {
  50% {
    transform:translateY(-5px)
  }
}

@keyframes core-pulse {
  0% {
    opacity:.8;
    transform:scale(.8)
  }

  80%, 100% {
    opacity:0;
    transform:scale(1.25)
  }
}

@keyframes halo-breathe {
  50% {
    transform:scale(1.08);
    opacity:.65
  }
}

@keyframes status-blink {
  50% {
    opacity:.45
  }
}

.trust-strip {
  background:white;
  border-block:1px solid var(--line)
}

.trust-inner {
  height:90px;
  display:flex;
  align-items:center;
  gap:30px
}

.trust-inner span {
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  color:var(--muted)
}

.trust-inner div {
  height:1px;
  flex:1;
  background:var(--line)
}

.trust-inner p {
  margin:0;
  font-size:13px;
  font-weight:700
}

.section {
  padding-block:110px
}

.section-heading {
  display:grid;
  grid-template-columns:1.3fr .7fr;
  align-items:end;
  gap:90px;
  margin-bottom:55px
}

.section-heading h2 {
  max-width:780px;
  margin-bottom:0
}

.section-heading>p {
  color:var(--muted);
  margin-bottom:5px
}

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

.service-card {
  position:relative;
  padding:34px;
  background:white;
  border:1px solid var(--line);
  border-radius:var(--radius);
  min-height:325px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s
}

.service-card:hover {
  transform:translateY(-6px);
  border-color:#9eb9e5;
  box-shadow:0 20px 40px rgba(7, 25, 35, 0.05)
}

.service-card:hover .service-icon {
  transform:scale(1.08);
  background:#d2f6f1
}

.service-card .number, .principle>span, .engagement-card>span {
  position:absolute;
  right:28px;
  top:24px;
  font-size:26px;
  color:#84969e
}

.service-icon {
  width:48px;
  height:48px;
  border-radius:13px;
  background:#eaf3ff;
  color:var(--teal);
  display:grid;
  place-items:center;
  font-size:24px;
  margin-bottom:48px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s, color 0.4s
}

.service-card h3 {
  font-size:24px;
  margin-bottom:13px
}

.service-card p {
  color:var(--muted);
  max-width:490px
}

.text-link {
  display:inline-block;
  margin-top:13px;
  color:var(--teal);
  font-size:13px;
  font-weight:800
}

.accent-card {
  background:#05131b;
  color:white;
  border-color:#05131b
}

.accent-card:hover {
  background:#05131b;
  border-color:rgba(41, 74, 191, 0.2)
}

.accent-card:hover .service-icon {
  transform:scale(1.08);
  background:var(--cyan);
  color:var(--ink)
}

.accent-card p {
  color:#aabac0
}

.accent-card .service-icon {
  background:var(--cyan);
  color:var(--ink)
}

.accent-card .text-link {
  color:var(--cyan)
}

.split-section {
  background:#05131b;
  color:white
}

.split-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px
}

.split-grid h2 em {
  color:var(--cyan)
}

.large-copy {
  font-size:18px;
  line-height:1.65;
  color:var(--muted)
}

.split-grid .large-copy {
  color:#aebcc1;
  margin-bottom:34px
}

.advantage-list>div {
  display:grid;
  grid-template-columns:1fr;
  row-gap:8px;
  padding:22px 0;
  border-top:1px solid rgba(255, 255, 255, .14)
}

.advantage-list>div:last-child {
  border-bottom:1px solid rgba(255, 255, 255, .14)
}
	
.advantage-list span {
  grid-row:1/3;
  color:ffffff;
  font-size:18px;
  font-weight:700
}

.advantage-list h3 {
  margin:0 0 5px;
  font-size:20px
}

.advantage-list p {
  color:#9dafb6;
  margin:0;
  font-size:14px
}

.model-callout {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr 90px;
  gap:35px;
  align-items:center;
  background:white;
  border:1px solid var(--line);
  padding:50px;
  border-radius:24px
}

.model-callout h2 {
  font-size:42px;
  margin:0
}

.model-options {
  display:flex;
  flex-wrap:wrap;
  gap:9px
}

.model-options span {
  padding:9px 13px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:999px;
  font-size:12px;
  font-weight:700
}

.circle-link {
  width:68px;
  height:68px;
  border-radius:50%;
  background:var(--cyan);
  display:grid;
  place-items:center;
  font-size:25px
}

.final-cta {
  text-align:center;
  background:#05131b;
  color:white;
  border-radius:28px;
  margin-bottom:110px;
  padding-inline:30px
}

.final-cta .eyebrow {
  justify-content:center
}

.final-cta h2 {
  font-size:clamp(42px, 5vw, 68px);
  margin-bottom:16px
}

.final-cta p {
  color:#aabac0;
  font-size:18px;
  margin-bottom:30px
}

.page-hero {
  padding-top:110px;
  padding-bottom:85px;
  border-bottom:1px solid var(--line)
}

.page-hero h1 {
  max-width:1400px
}

.page-hero>p {
  max-width:740px
}

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

.principle {
  position:relative;
  background:white;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:34px;
  min-height:260px
}

.principle.feature {
  grid-column:1/-1;
  min-height:380px;
  background:#05131b;
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:50px;
  border-color:#05131b
}

.principle.feature h2 {
  max-width:740px
}

.principle.feature p {
  max-width:800px;
  color:#aabac0
}

.principle h3 {
  font-size:25px;
  margin-top:80px
}

.principle p {
  color:var(--muted)
}

.pale-section {
  background:#edf4f2
}

.comparison {
  display:grid;
  grid-template-columns:1fr 1fr;
  background:white;
  border-radius:20px;
  overflow:hidden
}

.comparison>div {
  padding:35px
}

.comparison span {
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
  margin-bottom:24px
}

.comparison p {
  border-top:1px solid var(--line);
  padding:14px 0;
  margin:0
}

.comparison .highlight {
  background:var(--navy);
  color:white
}

.comparison .highlight span {
  color:var(--cyan)
}

.comparison .highlight p {
  border-color:rgba(255, 255, 255, .15)
}

.inline-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}

.inline-cta h2 {
  font-size:42px;
  margin-bottom:10px
}

.inline-cta p {
  color:var(--muted);
  margin:0
}

.service-detail-list {
  padding-top:30px
}

.service-detail {
  scroll-margin-top:40px;
  display:grid;
  grid-template-columns:100px 1fr .8fr;
  gap:50px;
  padding:80px 0;
  border-bottom:1px solid var(--line)
}

.detail-index {
  font-size:11px;
  color:var(--muted)
}

.service-detail h2 {
  font-size:42px
}

.service-detail .service-icon {
  margin-bottom:25px
}

.service-detail ul {
  list-style:none;
  padding:0;
  margin:75px 0 0
}

.service-detail li {
  border-top:1px solid var(--line);
  padding:14px 5px;
  font-weight:650
}

.service-detail li:before {
  content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="%23294abf" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg>');
  color:var(--teal);
  margin-right:14px
}

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

.engagement-card {
  position:relative;
  background:white;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:35px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s
}

.engagement-card:hover {
  transform:translateY(-6px);
  border-color:#9eb9e5;
  box-shadow:0 20px 40px rgba(7, 25, 35, 0.05)
}

.engagement-card:hover .service-icon {
  transform:scale(1.08);
  background:#d2f6f1
}

.engagement-card h2 {
  font-size:36px
}

.engagement-card>p {
  color:var(--muted);
  min-height:80px
}

.engagement-card dl {
  margin:35px 0 0
}

.engagement-card dl>div {
  display:grid;
  grid-template-columns:100px 1fr;
  border-top:1px solid var(--line);
  padding:13px 0;
  font-size:13px
}

.engagement-card dt {
  font-weight:800
}

.engagement-card dd {
  margin:0;
  color:var(--muted)
}

.dark-panel {
  background:#05131b;
  color:white
}

.pricing-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px
}

.pricing-list>div {
  position:relative;
  padding:0 0 25px 40px;
  border-bottom:1px solid rgba(255, 255, 255, .15);
  margin-bottom:25px
}

.pricing-list span {
  position:absolute;
  left:0;
  color:var(--cyan);
  font-size:18px
}

.pricing-list h3 {
  font-size:21px;
  margin-bottom:6px
}

.pricing-list p {
  color:#9dafb6;
  margin:0
}

.ai-hero {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(430px, 560px);
  align-items:center;
  gap:70px
}

.ai-hero .button {
  margin-top:25px
}

.ai-hero-card {
  position:relative;
  width:min(560px, 100%);
  height:560px;
  display:grid;
  place-items:center;
  border:1px solid #d7e6e3;
  border-radius:36px;
  background:
    radial-gradient(circle at 50% 45%, rgba(41,74,191,.12), transparent 38%),
    radial-gradient(circle at 16% 18%, rgba(41,74,191,.08), transparent 34%),
    linear-gradient(145deg,#e7f3f1,#f9fbfa 74%);
  box-shadow:0 30px 70px rgba(7,25,35,.09), inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;
  isolation:isolate
}

.ai-hero-card:before {
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(41,74,191,.08);
  border-radius:28px;
  pointer-events:none
}

.ai-hero-card .ai-mark {
  width:100%;
  z-index:1
}

@media(max-width:900px) {
  .ai-hero-card {
    margin-inline:auto
  }
}

@media(max-width:620px) {
  .ai-hero-card {
    height:420px;
    border-radius:28px
  }

  .ai-hero-card:before {
    inset:18px;
    border-radius:21px
  }

  .ai-hero-card .ai-mark {
    transform:scale(.8)
  }
}

.ai-mark {
  height:420px;
  position:relative;
  display:grid;
  place-items:center
}

.ai-mark div {
  position:absolute;
  border:1px solid rgba(41, 74, 191, .25);
  border-radius:50%;
  animation:pulse 4s infinite
}

.ai-mark div:nth-child(1) {
  width:180px;
  height:180px
}

.ai-mark div:nth-child(2) {
  width:280px;
  height:280px;
  animation-delay:.5s
}

.ai-mark div:nth-child(3) {
  width:390px;
  height:390px;
  animation-delay:1s
}

.ai-mark-core {
  width:110px;
  height:110px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:31px;
  font-weight:900;
  letter-spacing:-.08em;
  background:var(--navy);
  color:var(--cyan);
  box-shadow:0 0 0 9px rgba(41,74,191,.055),0 20px 55px rgba(7, 25, 35, .2);
  z-index:3
}

.ai-orbit {
  --model-orbit-radius:90px;
  --model-orbit-speed:13s
}

.ai-orbit-middle {
  --model-orbit-radius:140px;
  --model-orbit-speed:19s
}

.ai-orbit-outer {
  --model-orbit-radius:195px;
  --model-orbit-speed:27s
}

.ai-orbit b {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:38px;
  height:38px;
  margin:-19px 0 0 -19px;
  display:grid;
  place-items:center;
  border:1px solid rgba(41,74,191,.28);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--teal);
  font-size:7px;
  font-weight:850;
  letter-spacing:.05em;
  box-shadow:0 8px 20px rgba(7,25,35,.09),0 0 0 5px rgba(41,74,191,.045);
  animation:model-orbit var(--model-orbit-speed) linear infinite
}

.ai-orbit b:nth-child(2) {
  animation-delay:-4.333s
}

.ai-orbit b:nth-child(3) {
  animation-delay:-8.666s
}

.ai-orbit-middle b:nth-child(2) {
  animation-delay:-6.333s
}

.ai-orbit-middle b:nth-child(3) {
  animation-delay:-12.666s
}

.ai-orbit-outer b:nth-child(2) {
  animation-delay:-9s
}

.ai-orbit-outer b:nth-child(3) {
  animation-delay:-18s
}

.ai-orbit-middle b {
  width:42px;
  height:42px;
  margin:-21px 0 0 -21px
}

.ai-orbit-outer b {
  width:46px;
  height:46px;
  margin:-23px 0 0 -23px;
  border-color:rgba(41,74,191,.22)
}

@keyframes model-orbit {
  from {transform:rotate(0deg) translateX(var(--model-orbit-radius)) rotate(0deg)}
  to {transform:rotate(360deg) translateX(var(--model-orbit-radius)) rotate(-360deg)}
}

@keyframes pulse {
  50% {
    transform:scale(1.035);
    border-color:rgba(41, 74, 191, .55)
  }
}

.ai-capabilities {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:11px;
  padding:11px;
  border:1px solid #cbdaf0;
  border-radius:22px;
  background:#eef5ff;
  box-shadow:0 26px 70px rgba(16,39,46,.075)
}

.ai-capabilities article {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:270px;
  padding:25px;
  border:1px solid rgba(41,74,191,.2);
  border-radius:15px;
  background:rgba(255,255,255,.9);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(41,74,191,.1);
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s
}

.ai-capabilities article:after {
  content:"";
  position:absolute;
  right:-52px;
  bottom:-69px;
  width:150px;
  height:150px;
  border:1px solid rgba(41,74,191,.22);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(41,74,191,.035)
}

.ai-capabilities article:hover {
  z-index:1;
  transform:translateY(-3px);
  border-color:rgba(41,74,191,.4);
  box-shadow:0 16px 30px rgba(14,52,57,.08),inset 0 1px 0 rgba(41,74,191,.14)
}

.ai-capabilities span {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(41,74,191,.24);
  border-radius:50%;
  color:var(--teal);
  font-size:18px;
  font-weight:700
}

.ai-capabilities h3 {
  max-width:230px;
  margin:auto 0 10px;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.025em
}

.ai-capabilities p {
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6
}

.ai-capabilities article:nth-child(4) {
  border-color:#17323a;
  background:#112b33;
  color:white;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)
}

.ai-capabilities article:nth-child(4):after {
  border-color:rgba(41,74,191,.2);
  box-shadow:0 0 0 28px rgba(41,74,191,.035)
}

.ai-capabilities article:nth-child(4) span {
  border-color:rgba(41,74,191,.28);
  color:var(--cyan)
}

.ai-capabilities article:nth-child(4) p {
  color:#aec0c5
}

.workflow {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:70px
}

.workflow h2 {
  font-size:43px
}

.workflow ol {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:12px
}

.workflow li {
  background:white;
  border-radius:14px;
  padding:22px
}

.workflow li span, .workflow li strong, .workflow li small {
  display:block
}

.workflow li span {
  font-size:11px;
  color:var(--teal);
  margin-bottom:35px
}

.workflow li strong {
  font-size:20px
}

.workflow li small {
  color:var(--muted)
}

.contact-section {
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:100px;
  padding-block:100px
}

.contact-copy h1 {
  font-size:clamp(54px, 6vw, 80px)
}

.contact-copy>p {
  font-size:18px;
  color:var(--muted);
  max-width:570px
}

.contact-direct {
  margin:40px 0;
  padding:24px 0;
  border-block:1px solid var(--line)
}

.contact-direct small, .contact-direct a {
  display:block
}

.contact-direct small {
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
  font-size:10px
}

.contact-direct a {
  font-size:20px;
  font-weight:750;
  margin-top:5px;
  color:var(--teal)
}

.contact-note {
  display:flex;
  gap:16px;
  margin-bottom:16px
}

.contact-note span {
  color:var(--teal);
  font-size:11px;
  padding-top:4px
}

.contact-note p {
  font-size:14px;
  color:var(--muted);
  margin:0
}

.contact-note strong {
  color:var(--ink)
}

.contact-form {
  background:white;
  border:1px solid var(--line);
  border-radius:22px;
  padding:34px;
  box-shadow:0 24px 70px rgba(7, 25, 35, .07)
}

.form-head {
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  padding-bottom:20px;
  margin-bottom:25px
}

.form-head span {
  font-weight:800
}

.form-head small {
  color:var(--muted)
}

.contact-form label {
  display:block;
  font-size:12px;
  font-weight:800;
  margin-bottom:18px
}

.contact-form input, .contact-form select, .contact-form textarea {
  display:block;
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper);
  padding:13px;
  margin-top:7px;
  color:var(--ink);
  outline:none;
  transition:border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease
}

.contact-form input:hover, .contact-form select:hover, .contact-form textarea:hover {
  border-color:#b8cacd
}

.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  border-color:var(--teal);
  background-color:var(--white);
  box-shadow:0 0 0 4px rgba(41, 74, 191, .15)
}

.contact-form textarea {
  resize:vertical
}

.contact-form .button {
  width:100%;
  margin-top:5px
}

.form-note {
  font-size:11px;
  color:var(--muted);
  text-align:center;
  margin:12px 0 0
}

.site-footer {
  background:#05131b;
  color:white;
  padding-block:70px 25px
}

.footer-grid {
  display:grid;
  grid-template-columns:1.5fr .6fr .9fr 1fr;
  gap:60px
}

.footer-grid .logo-mark {
  background:var(--cyan);
  color:var(--ink)
}

.footer-grid>div:first-child>p {
  color:#879aa3;
  max-width:330px;
  font-size:13px;
  margin-top:25px
}

.footer-grid h3 {
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:13px;
  color:#7f949d;
  margin-bottom:18px
}

.footer-grid>div>a:not(.logo) {
  display:block;
  font-size:13px;
  color:#c1cdd1;
  margin:9px 0
}

.footer-grid>div>a:hover {
  color:var(--cyan)
}

.footer-email {
  color:var(--cyan)!important;
  font-weight:700;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center;
}

.footer-email .icon-arrow {
  width: 22px;
  height: 22px;
  margin-left: 4px;
}

.footer-bottom {
  grid-column:1/-1;
  border-top:1px solid rgba(255, 255, 255, .13);
  padding-top:22px;
  margin-top:30px;
  display:flex;
  justify-content:space-between;
  color:#6f858e;
  font-size:11px
}

.reveal {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease, transform .65s ease
}

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

.service-grid .reveal:nth-child(2), .ai-capabilities .reveal:nth-child(2) {
  transition-delay:.08s
}

.service-grid .reveal:nth-child(3), .ai-capabilities .reveal:nth-child(3) {
  transition-delay:.16s
}

.service-grid .reveal:nth-child(4) {
  transition-delay:.24s
}

@media(max-width:900px) {
  :root {
    --shell:min(100% - 32px, 1180px)
  }

  .site-header, .nav-wrap {
    height:72px
  }

  .menu-toggle {
    display:block
  }

  .main-nav {
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    background:var(--paper);
    padding:20px 16px 28px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    border-bottom:1px solid var(--line);
    box-shadow:0 16px 30px rgba(7, 25, 35, .08)
  }

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

  .main-nav>a:not(.nav-cta) {
    padding:12px 8px
  }

  .main-nav>a:not(.nav-cta)::after {
    display:none
  }

  .nav-cta { display: inline-flex; align-items: center; justify-content: center; 
    text-align:center;
    margin-top:12px
  }

  .hero {
    grid-template-columns:1fr;
    padding-top:65px
  }

  .hero-visual {
    height:490px
  }

  .section {
    padding-block:78px
  }

  .section-heading, .split-grid, .pricing-grid, .workflow, .contact-section {
    grid-template-columns:1fr;
    gap:40px
  }

  .service-detail {
    grid-template-columns:55px 1fr
  }

  .service-detail ul {
    grid-column:2;
    margin-top:0
  }

  .ai-hero {
    grid-template-columns:1fr
  }

  .ai-mark {
    height:340px
  }

  .ai-mark div:nth-child(1) {
    width:150px;
    height:150px;
    --model-orbit-radius:75px
  }

  .ai-mark div:nth-child(2) {
    width:240px;
    height:240px;
    --model-orbit-radius:120px
  }

  .ai-mark div:nth-child(3) {
    width:330px;
    height:330px;
    --model-orbit-radius:165px
  }

  .ai-capabilities {
    grid-template-columns:repeat(2, 1fr)
  }

  .model-callout {
    grid-template-columns:1fr 70px
  }

  .model-options {
    grid-column:1
  }

  .circle-link {
    grid-column:2;
    grid-row:1/3
  }

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

  .footer-grid>div:nth-child(4) {
    grid-column:1/-1
  }
}

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

  .hero {
    padding-block:50px
  }

  .hero-proof {
    gap:15px
  }

  .hero-proof span {
    font-size:10px
  }

  .hero-visual {
    height:430px
  }

  .signal-card {
    min-width:180px;
    padding:11px
  }

  .card-support {
    left:3%;
    top:13%
  }

  .card-account {
    right:2%;
    top:42%
  }

  .card-ai {
    right:4%;
    bottom:7%
  }

  .section {
    padding-block:64px
  }

  .section-heading {
    margin-bottom:35px
  }

  .service-grid, .principle-grid, .engagement-grid, .ai-capabilities {
    grid-template-columns:1fr
  }

  .principle.feature {
    grid-column:auto;
    padding:32px;
    min-height:430px
  }

  .service-card {
    min-height:290px
  }

  .model-callout {
    padding:30px;
    display:block
  }

  .model-callout .circle-link {
    margin-top:25px
  }

  .comparison {
    grid-template-columns:1fr
  }

  .inline-cta {
    align-items:flex-start;
    flex-direction:column
  }

  .service-detail {
    display:block;
    padding:55px 0
  }

  .detail-index {
    margin-bottom:20px
  }

  .service-detail ul {
    margin-top:30px
  }

  .ai-mark {
    height:290px;
    transform:scale(.8)
  }

  .workflow ol {
    grid-template-columns:1fr
  }

  .contact-section {
    padding-block:65px
  }

  .contact-form {
    padding:22px
  }

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

  .footer-grid>div:first-child, .footer-grid>div:nth-child(4) {
    grid-column:1/-1
  }

  .footer-bottom {
    flex-direction:column;
    gap:6px
  }

  .trust-inner {
    overflow:auto
  }

  .trust-inner div {
    min-width:30px
  }

  .trust-inner p {
    white-space:nowrap
  }

  .button-row {
    flex-direction:column;
    align-items:stretch
  }

  .reveal {
    transform:translateY(10px)
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }

  .reveal {
    opacity:1;
    transform:none;
    transition:none
  }

  .ai-mark div {
    animation:none
  }

  .ai-mark b {
    animation-play-state:paused
  }
}

.expertise-preview {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:center
}

.expertise-intro>p {
  color:var(--muted);
  font-size:17px;
  max-width:560px;
  margin-bottom:30px
}

.expertise-intro h2 {
  font-size:clamp(38px, 4vw, 55px)
}

.expertise-matrix {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:11px;
  padding:11px;
  border:1px solid #cbdaf0;
  border-radius:22px;
  background:#eef5ff;
  box-shadow:0 26px 70px rgba(16, 39, 46, .08)
}

.expertise-matrix-header {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 9px 12px
}

.expertise-matrix-header span {
  color:var(--ink);
  font-size: 12px;
  font-weight: 700;
  text-transform:uppercase;
  letter-spacing:.12em
}

.expertise-matrix-header small {
  color:#63777d;
  font-size: 10px;
  text-transform:uppercase;
  letter-spacing:.1em
}

.expertise-tile {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:164px;
  padding:20px;
  border:1px solid rgba(41, 74, 191, .22);
  border-radius:14px;
  background:rgba(255, 255, 255, .88);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(41, 74, 191, .12);
  transition:transform .35s cubic-bezier(.16, 1, .3, 1), border-color .35s, box-shadow .35s
}

.expertise-icon {
  position:absolute;
  top:16px;
  right:17px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(41, 74, 191, .28);
  border-radius:50%;
  color:rgb(41, 74, 191);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em
}

.expertise-tile:hover {
  z-index:1;
  transform:translateY(-3px);
  border-color:#9bb9ea;
  box-shadow:0 15px 28px rgba(14, 52, 57, .08)
}

.expertise-tile span, .expertise-tile strong, .expertise-tile small {
  display:block
}

.expertise-tile span {
  color:var(--teal);
  font-size:18px;
  font-weight:700;
  letter-spacing:.08em
}

.expertise-tile strong {
  max-width:155px;
  margin-top:auto;
  font-size:16px;
  line-height:1.15;
  letter-spacing:-.025em
}

.expertise-tile small {
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
  margin-top:7px
}

.expertise-tile-dark {
  border-color:#17323a;
  background:#112b33;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06)
}

.expertise-tile:before {
  content:"";
  position:absolute;
  right:-34px;
  bottom:-54px;
  width:140px;
  height:140px;
  border:1px solid rgba(41, 74, 191, .13);
  border-radius:50%;
  box-shadow:0 0 0 27px rgba(41, 74, 191, .025)
}

.expertise-tile:not(.expertise-tile-dark):before {
  border-color:rgba(41, 74, 191, .34);
  box-shadow:0 0 0 27px rgba(41, 74, 191, .055)
}

.expertise-tile-dark:after {
  border-color:rgba(41, 74, 191, .25);
  color:rgb(41 74 191)
}

.expertise-tile-dark span {
  color:rgb(41 74 191)
}

.expertise-tile-dark strong {
  color:white
}

.expertise-tile-dark small {
  color:#adc1c5
}

.expertise-detail-grid {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px; padding-block: 50px !important;
}

.expertise-card {
  background:white;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:35px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s
}

.expertise-card:hover {
  transform:translateY(-6px);
  border-color:#9eb9e5;
  box-shadow:0 20px 40px rgba(7, 25, 35, 0.05)
}

.expertise-card:hover .service-icon {
  transform:scale(1.08);
  background:#d2f6f1
}

.expertise-card-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}

.expertise-card-head>span {
  font-size:26px;
  color:var(--teal)
}

.expertise-card-head .service-icon {
  margin:0
}

.expertise-card h2 {
  font-size:34px;
  margin:45px 0 16px
}

.expertise-card>p {
  color:var(--muted);
  min-height:78px
}

.expertise-card ul {
  list-style:none;
  padding:0;
  margin:30px 0 0
}

.expertise-card li {
  position:relative;
  padding:11px 0 11px 20px;
  border-top:1px solid var(--line);
  font-size:15px
}

.expertise-card li:before { content:""; position:absolute; left:8px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 3px rgba(41, 74, 191, .2); transition: opacity 0.2s ease; }

.proof-section {
  background:#05131b;
  color:white
}

.proof-grid {
  display:grid;
  grid-template-columns:1fr .45fr;
  align-items:center;
  gap:100px
}

.proof-grid h2 {
  max-width:700px
}

.proof-grid p {
  color:#9dafb6;
  font-size:17px;
  max-width:740px
}

.proof-metric {
  padding:40px;
  border-left:1px solid rgba(255, 255, 255, .15)
}

.proof-metric strong, .proof-metric span, .proof-metric small {
  display:block
}

.proof-metric strong {
  font-size:92px;
  line-height:1;
  color:var(--cyan);
  letter-spacing:-.07em
}

.proof-metric span {
  font-size:17px;
  font-weight:700;
  margin-top:10px
}

.proof-metric small {
  color:#7f949d;
  margin-top:5px
}

.outcome-row {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)
}

.outcome-row>div {
  padding:30px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

.outcome-row span {
  font-size:10px;
  color:var(--teal)
}

.outcome-row h3 {
  font-size:22px;
  margin:55px 0 10px
}

.outcome-row p {
  font-size:13px;
  color:var(--muted)
}

@media(max-width:900px) {
  .expertise-preview, .proof-grid {
    grid-template-columns:1fr;
    gap:50px
  }

  .expertise-detail-grid {
    grid-template-columns:1fr
  }

  .proof-metric {
    border-left:0;
    border-top:1px solid rgba(255, 255, 255, .15);
    padding-left:0
  }

  .main-nav {
    overflow:auto;
    max-height:calc(100vh - 72px)
  }
}

@media(max-width:620px) {
  .expertise-matrix, .outcome-row {
    grid-template-columns:1fr
  }

  .expertise-card {
    padding:28px
  }

  .expertise-card h2 {
    font-size:30px
  }

  .expertise-card>p {
    min-height:0
  }

  .proof-metric strong {
    font-size:72px
  }

  .neural-map {
    transform:scale(.96)
  }

  .neural-stage {
    height:440px
  }
}

@media(prefers-reduced-motion:reduce) {
  .neural-halo, .satellite-node, .core-pulse, .network-status i, .neural-links path {
    animation:none
  }

  .data-pulses {
    display:none
  }
}

.hero h1 {
  font-size:clamp(54px, 5.8vw, 82px)
}

@keyframes node-float {
  50% {
    opacity:.72
  }
}

@media(max-width:620px) {
  .hero h1 {
    font-size:47px
  }
}

.engagement-showcase-section {
  background:linear-gradient(to bottom, var(--paper) 50%, #eaf2f0 50%)
}

.engagement-showcase {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:70px;
  padding:72px;
  background:#05131b;
  color:white;
  border-radius:30px
}

.engagement-showcase:before {
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-230px;
  bottom:-310px;
  border:1px solid rgba(41, 74, 191, .15);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(41, 74, 191, .025), 0 0 0 140px rgba(41, 74, 191, .018)
}

.engagement-copy {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.engagement-copy h2 {
  font-size:clamp(43px, 4.3vw, 59px)
}

.engagement-copy h2 em {
  color:var(--cyan)
}

.engagement-copy>p {
  color:#a8b9bf;
  font-size:16px;
  max-width:420px;
  margin-bottom:38px
}

.engagement-link {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:auto;
  font-size:13px;
  font-weight:750
}

.engagement-link i {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--cyan);
  color:var(--ink);
  font-style:normal;
  font-size:20px;
  transition:.25s
}

.engagement-link:hover i {
  transform:translate(3px, -3px)
}

.model-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:12px
}

.model-grid:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:64px;
  height:64px;
  translate:-50% -50%;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 8px var(--navy);
  z-index:3
}

.model-grid:after {
  content:"CX";
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  z-index:4;
  color:var(--ink);
  font-size: 18px;
  font-weight: 700;
  letter-spacing:-.08em
}

.model-card {
  position:relative;
  min-height:250px;
  padding:27px;
  background:rgba(255, 255, 255, .04);
  border:1px solid rgba(255, 255, 255, .08);
  border-radius:18px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, background-color 0.4s, box-shadow 0.4s
}

.model-card:hover {
  transform:translateY(-6px);
  background:rgba(255, 255, 255, 0.07);
  border-color:rgba(41, 74, 191, 0.3);
  box-shadow:0 15px 30px rgba(7, 25, 35, 0.2)
}

.model-card:hover .model-symbol {
  transform:scale(1.08);
  background:rgba(41, 74, 191, 0.22)
}

.model-card.model-featured {
  background:rgba(41, 74, 191, 0.09);
  border-color:rgba(41, 74, 191, 0.28)
}

.model-number {
  position:absolute;
  right:23px;
  top:22px;
  font-size:18px;
  color:#7f949d
}

.model-symbol {
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(41, 74, 191, .12);
  color:var(--cyan);
  font-size:20px;
  margin-bottom:42px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s, color 0.4s
}

.model-card h3 {
  font-size:21px;
  margin-bottom:9px
}

.model-card p {
  color:#9eafb5;
  font-size:13px;
  line-height:1.55;
  margin-bottom:25px
}

.model-card small {
  position:absolute;
  left:27px;
  bottom:22px;
  color:var(--cyan);
  font-size: 10px;
  text-transform:uppercase;
  letter-spacing:.1em
}

.engagement-showcase .eyebrow {
  margin-bottom:24px
}

@media(max-width:900px) {
  .engagement-showcase {
    grid-template-columns:1fr;
    padding:50px;
    gap:55px
  }

  .engagement-link {
    margin-top:10px
  }

  .model-card {
    min-height:235px
  }
}

@media(max-width:620px) {
  .engagement-showcase-section {
    padding-block:40px;
    background:#eaf2f0
  }

  .engagement-showcase {
    width:calc(100% - 20px);
    padding:38px 22px;
    border-radius:24px;
    gap:42px
  }

  .engagement-copy h2 {
    font-size:42px
  }

  .model-grid {
    grid-template-columns:1fr
  }

  .model-grid:before, .model-grid:after {
    display:none
  }

  .model-card {
    min-height:225px
  }

  .model-symbol {
    margin-bottom:32px
  }
}

.neural-v2 {
  overflow:visible;
  background:radial-gradient(circle at 50% 50%, rgba(41, 74, 191, .17), rgba(41, 74, 191, .055) 33%, transparent 68%)
}

.neural-v2:before {
  display:none
}

.neural-ambient {
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(41, 74, 191, .2), rgba(41, 74, 191, .055) 45%, transparent 72%);
  filter:blur(18px);
  animation:ambient-breathe 5.5s ease-in-out infinite
}

.neural-grid {
  position:absolute;
  inset:3%;
  background-image:radial-gradient(rgba(41, 74, 191, .2) .75px, transparent .75px);
  background-size:19px 19px;
  mask-image:radial-gradient(circle at center, black 8%, transparent 73%);
  opacity:.7
}

.neural-orbit {
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  border:1px solid rgba(41, 74, 191, .14);
  border-radius:50%;
  pointer-events:none
}

.neural-orbit:before, .neural-orbit:after {
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 5px rgba(41, 74, 191, .12), 0 0 14px rgba(41, 74, 191, .5)
}

.orbit-a {
  width:300px;
  height:300px;
  animation:orbit-spin 26s linear infinite
}

.orbit-a:before {
  left: 50%;
  top: -4px;
  margin-left: -3.5px;
}

.orbit-a:after {
  left: -4px;
  top: 50%;
  margin-top: -3.5px;
}

.orbit-b {
  width:450px;
  height:450px;
  border-style:dashed;
  animation:orbit-spin 42s linear infinite reverse
}

.orbit-b:before {
  right: 50%;
  bottom: -4px;
  margin-right: -3.5px;
}

.orbit-b:after {
  right: -4px;
  bottom: 50%;
  margin-bottom: -3.5px;
}

.neural-connections {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible
}

.connection-paths path {
  fill:none;
  stroke:url(#connectionFade);
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-dasharray:6 7;
  animation:connection-flow 12s linear infinite;
  filter:drop-shadow(0 0 2px rgba(41, 74, 191, 0.4))
}

.connection-paths .mesh {
  stroke:rgba(41, 74, 191, .13);
  stroke-width:1;
  stroke-dasharray:3 10
}

.travel-points circle {
  fill:var(--teal);
  stroke:#d7fff9;
  stroke-width:2;
  filter:drop-shadow(0 0 7px rgba(41, 74, 191, .9))
}

.intelligence-core {
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  width:158px;
  height:158px;
  display:grid;
  place-items:center
}

.core-aura {
  position:absolute;
  inset:-22px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(41, 74, 191, .26), transparent 68%);
  animation:core-breathe 3.6s ease-in-out infinite
}

.core-spinner {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 10deg, transparent 0 18%, rgba(41, 74, 191, .9) 22%, transparent 27% 59%, rgba(41, 74, 191, .55) 64%, transparent 69%);
  animation:orbit-spin 8s linear infinite;
  mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0)
}

.core-spinner:after {
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(41, 74, 191, .24);
  border-radius:50%
}

.core-surface {
  width:116px;
  height:116px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(150deg, #112c39, var(--navy) 68%);
  border:1px solid rgba(255, 255, 255, .12);
  box-shadow:0 24px 48px rgba(7, 25, 35, .28), inset 0 1px 0 rgba(255, 255, 255, .12)
}

.core-surface:before {
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(41, 74, 191, .12)
}

.core-surface span {
  color:var(--cyan);
  font-size:36px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.09em
}

.core-surface small {
  margin-top:7px;
  color:#d7e3e6;
  font-size:7px;
  line-height:1.3;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.15em
}

.capability-node {
  position:absolute;
  z-index:4;
  width:176px;
  min-height:67px;
  display:flex;
  align-items:center;
  gap: 0;
  padding:12px 14px;
  background:rgba(255, 255, 255, .74);
  border:1px solid rgba(255, 255, 255, .95);
  border-radius:16px;
  box-shadow:0 16px 35px rgba(7, 25, 35, .1), inset 0 0 0 1px rgba(41, 74, 191, .04);
  backdrop-filter:blur(15px);
  animation:capability-float 5s ease-in-out infinite;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s
}

.capability-node:hover {
  transform:scale(1.06);
  border-color:var(--teal);
  box-shadow:0 20px 40px rgba(7, 25, 35, 0.15)
}

.capability-node>i {
  flex:0 0 35px;
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg, #d5faf5, #eefcf9);
  color:var(--teal);
  font-size:17px;
  font-style:normal;
  border:1px solid rgba(41, 74, 191, .1)
}

.capability-node strong, .capability-node small {
  display:block;
  white-space:nowrap
}

.capability-node strong {
  font-size:11px;
  letter-spacing:-.01em
}

.capability-node small {
  font-size:8px;
  color:var(--muted);
  margin-top:2px
}

.capability-node>b {
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  border:2px solid white;
  box-shadow:0 0 0 3px rgba(41, 74, 191, .2)
}

.capability-support {
  left:0;
  top:8%;
  animation-delay:-.6s
}

.capability-support>b {
  right:-5px;
  bottom:7px
}

.capability-account {
  right:0;
  top:10%;
  animation-delay:-1.8s
}

.capability-account>b {
  left:-5px;
  bottom:7px
}

.capability-systems {
  left:-1%;
  top:61%;
  animation-delay:-2.7s
}

.capability-systems>b {
  right:-5px;
  top:10px
}

.capability-ai {
  right:-1%;
  top:61%;
  animation-delay:-3.7s
}

.capability-ai>b {
  left:-5px;
  top:10px
}

.capability-security {
  left:50%;
  bottom:1%;
  translate:-50% 0;
  animation-delay:-1.2s
}

.capability-security>b {
  left:50%;
  top:-5px;
  translate:-50% 0
}

.network-legend {
  position:absolute;
  left:50%;
  bottom:-39px;
  translate:-50% 0;
  display:flex;
  align-items:center;
  gap:22px;
  padding:9px 14px;
  background:rgba(255, 255, 255, .65);
  border:1px solid white;
  border-radius:999px;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 25px rgba(7, 25, 35, .07);
  white-space:nowrap
}

.network-legend span {
  display:flex;
  align-items:center;
  gap: 12px;
  font-size: 10px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--muted)
}

.network-legend span i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(41, 74, 191, .2);
  animation:status-blink 2s ease-in-out infinite
}

.network-legend strong {
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--teal)
}

@keyframes orbit-spin {
  to {
    transform:rotate(360deg)
  }
}

@keyframes connection-flow {
  to {
    stroke-dashoffset:-130
  }
}

@keyframes ambient-breathe {
  50% {
    opacity:.65;
    transform:scale(1.08)
  }
}

@keyframes core-breathe {
  50% {
    transform:scale(1.12);
    opacity:.55
  }
}

@keyframes capability-float {
  50% {
    margin-top:-5px
  }
}

@media(max-width:900px) {
  .neural-v2 {
    width:min(620px, 100%);
    margin-inline:auto
  }
}

@media(max-width:620px) {
  .neural-v2 {
    height:500px;
    transform:scale(.96)
  }

  .capability-node {
    width:158px;
    padding:10px 11px
  }

  .capability-node>i {
    flex-basis:31px;
    width:31px;
    height:31px
  }

  .capability-node strong {
    font-size:10px
  }

  .capability-support {
    left:-2%;
    top:8%
  }

  .capability-account {
    right:-2%;
    top:10%
  }

  .capability-systems {
    left:-2%;
    top:62%
  }

  .capability-ai {
    right:-2%;
    top:62%
  }

  .capability-security {
    bottom:1%
  }

  .intelligence-core {
    width:142px;
    height:142px
  }

  .core-surface {
    width:104px;
    height:104px
  }

  .network-legend {
    bottom:-31px
  }
}

@media(prefers-reduced-motion:reduce) {
  .neural-ambient, .neural-orbit, .connection-paths path, .core-aura, .core-spinner, .capability-node, .network-legend span i {
    animation:none
  }

  .travel-points {
    display:none
  }
}

@media(max-width:620px) {
  .neural-v2 .orbit-a {
    width:230px;
    height:230px
  }

  .neural-v2 .orbit-b {
    width:340px;
    height:340px
  }
}

.neural-v2 .capability-node {
  width:120px;
  height:120px;
  min-height:0;
  padding:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-align:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .98), rgba(242, 250, 248, .8) 58%, rgba(223, 242, 238, .72));
  border:1px solid rgba(255, 255, 255, .98);
  box-shadow:0 18px 38px rgba(7, 25, 35, .11), inset 0 0 0 1px rgba(41, 74, 191, .08), inset 0 -9px 24px rgba(41, 74, 191, .035);
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s
}

.neural-v2 .capability-node:hover {
  transform:scale(1.1);
  border-color:var(--teal);
  box-shadow:0 24px 48px rgba(41, 74, 191, 0.22)
}

.neural-v2 .capability-node:before {
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(41, 74, 191, .1);
  pointer-events:none
}

.neural-v2 .capability-node>i {
  flex:0 0 31px;
  width:31px;
  height:31px;
  margin-bottom:5px;
  border-radius:50%;
  font-size:15px
}

.neural-v2 .capability-node strong, .neural-v2 .capability-node small {
  white-space:nowrap
}

.neural-v2 .capability-node strong {
  font-size:10px
}

.neural-v2 .capability-node small {
  font-size:7px
}

.neural-v2 .capability-support {
  left:9%;
  top:6%
}

.neural-v2 .capability-account {
  right:7%;
  top:8%
}

.neural-v2 .capability-systems {
  left:3%;
  top:57%
}

.neural-v2 .capability-ai {
  right:2%;
  top:57%
}

.neural-v2 .capability-security {
  bottom:0
}

.neural-v2 .capability-support>b {
  right:2px;
  bottom:15px
}

.neural-v2 .capability-account>b {
  left:2px;
  bottom:15px
}

.neural-v2 .capability-systems>b {
  right:0;
  top:20px
}

.neural-v2 .capability-ai>b {
  left:0;
  top:20px
}

@media(max-width:620px) {
  .neural-v2 .capability-node {
    width:102px;
    height:102px;
    padding:9px
  }

  .neural-v2 .capability-node:before {
    inset:6px
  }

  .neural-v2 .capability-node>i {
    flex-basis:27px;
    width:27px;
    height:27px;
    margin-bottom:3px;
    font-size:13px
  }

  .neural-v2 .capability-node strong {
    font-size:8px
  }

  .neural-v2 .capability-node small {
    font-size:6px
  }

  .neural-v2 .capability-support {
    left:2%;
    top:6%
  }

  .neural-v2 .capability-account {
    right:2%;
    top:8%
  }

  .neural-v2 .capability-systems {
    left:0;
    top:59%
  }

  .neural-v2 .capability-ai {
    right:0;
    top:59%
  }

  .neural-v2 .capability-security {
    bottom:1%
  }
}

.why-hero {
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:70px;
  align-items:center;
  min-height:720px;
  padding-block:80px
}

.why-hero-copy h1 {
  font-size:clamp(57px, 6.1vw, 82px);
  margin-bottom:28px
}

.why-hero-copy>p {
  font-size:18px;
  line-height:1.72;
  color:var(--muted);
  max-width:620px
}

.operating-model {
  position:relative;
  background:#05131b;
  color:white;
  border-radius:26px;
  padding:22px;
  box-shadow:0 28px 70px rgba(7, 25, 35, .16);
  overflow:hidden
}

.operating-model:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size:28px 28px, 28px 28px
}

.model-topline, .model-bottom {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center
}

.model-topline {
  justify-content:space-between;
  padding-bottom:17px;
  border-bottom:1px solid rgba(255, 255, 255, .12)
}

.model-topline>span {
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em
}

.model-topline small {
  display:flex;
  align-items:center;
  gap:7px;
  color:#8fa5ad;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.model-topline small i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 4px rgba(41, 74, 191, .12)
}

.operating-canvas {
  height:430px;
  position:relative
}

.operating-canvas>svg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  fill:none;
  stroke:rgba(41, 74, 191, .35);
  stroke-width:1.2;
  stroke-dasharray:5 7
}

.operating-canvas>svg path {
  animation: operating-line-flow 8s linear infinite;
}

.operating-canvas>svg path:nth-child(2) {
  animation-delay:-2.4s
}

.operating-canvas>svg path:nth-child(3) {
  animation-delay:-4.8s
}

.operating-ring {
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  border-radius:50%;
  border:1px solid rgba(41, 74, 191, .13)
}

.ring-outer {
  width:330px;
  height:330px;
  border-style:dashed;
  animation:orbit-spin 35s linear infinite
}

.ring-inner {
  width:215px;
  height:215px
}

.operating-core {
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  width:110px;
  height:110px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:var(--cyan);
  color:var(--ink);
  box-shadow:0 0 0 13px rgba(41, 74, 191, .08), 0 20px 40px rgba(0, 0, 0, .24)
}

.operating-core:after {
  content:"";
  position:absolute;
  inset:-14px;
  border:1px solid rgba(41, 74, 191, .16);
  border-radius:50%;
  animation: operating-pulse 2.8s ease-in-out infinite;
  pointer-events:none
}

.operating-core span {
  font-size:31px;
  font-weight:900;
  letter-spacing:-.1em;
  line-height:1
}

.operating-core small {
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-weight:800;
  margin-top:6px
}

.operating-node {
  position:absolute;
  width:102px;
  height:102px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:rgba(255, 255, 255, .07);
  border:1px solid rgba(255, 255, 255, .16);
  backdrop-filter:blur(9px);
  box-shadow:0 14px 30px rgba(0, 0, 0, .12);
  animation: operating-node-float 6s ease-in-out infinite
}

.node-product {
  animation-delay:-1.8s
}

.node-operations {
  animation-delay:-3.1s
}

.operating-node i {
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(41, 74, 191, .13);
  color:var(--cyan);
  font-style:normal;
  font-size:13px;
  margin-bottom:6px
}

.operating-node strong {
  font-size:10px
}

.operating-node small {
  font-size:7px;
  color:#8fa5ad
}

.node-customer {
  left:4%;
  top:7%
}

.node-product {
  right:4%;
  top:8%
}

.node-operations {
  left:50%;
  bottom:1%;
  translate:-50% 0
}

@keyframes operating-line-flow {
  to { stroke-dashoffset:-48 }
}

@keyframes operating-pulse {
  0%, 100% {
    opacity:.35;
    transform:scale(.96)
  }
  50% {
    opacity:.8;
    transform:scale(1.06)
  }
}

@keyframes operating-node-float {
  50% { margin-top:-6px }
}

@media(prefers-reduced-motion:reduce) {
  .operating-canvas>svg path,
  .operating-core:after,
  .operating-node {
    animation:none
  }
}

.model-bottom {
  justify-content:center;
  gap:10px;
  padding-top:16px;
  border-top:1px solid rgba(255, 255, 255, .12)
}

.model-bottom span {
  font-size:8px;
  color:#a9bbc1;
  text-transform:uppercase;
  letter-spacing:.1em
}

.model-bottom i {
  width:18px;
  height:1px;
  background:rgba(41, 74, 191, .35)
}

.why-proofbar {
  background:white;
  border-block:1px solid var(--line)
}

.why-proofbar>.shell {
  display:grid;
  grid-template-columns:repeat(4, 1fr)
}

.why-proofbar .shell>div {
  padding:25px 28px;
  border-right:1px solid var(--line)
}

.why-proofbar .shell>div:first-child {
  border-left:1px solid var(--line)
}

.why-proofbar strong, .why-proofbar span {
  display:block
}

.why-proofbar strong {
  font-size:18px
}

.why-proofbar span {
  font-size:10px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:2px
}

.why-difference>.section-heading {
  margin-bottom:50px
}

.difference-grid {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px
}

.difference-card {
  position:relative;
  min-height:280px;
  padding:32px;
  background:white;
  border:1px solid var(--line);
  border-radius:18px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s
}

.difference-card:hover {
  transform:translateY(-6px);
  border-color:#9eb9e5;
  box-shadow:0 20px 40px rgba(7, 25, 35, 0.05)
}

.difference-card:hover .difference-icon {
  transform:scale(1.08);
  background:#d2f6f1
}

.difference-card>span {
  position:absolute;
  right:26px;
  top:22px;
  color:#8ca0a7;
  font-size:26px
}

.difference-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eaf3ff;
  color:var(--teal);
  font-size:19px;
  margin-bottom:46px;
  transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s, color 0.4s
}

.difference-card h3 {
  font-size:24px;
  margin-bottom:12px
}

.difference-card p {
  font-size:14px;
  color:var(--muted);
}

.difference-card>small {
  display:block;
  position:absolute;
  left:32px;
  bottom: 18px;
  color:var(--teal);
  font-size: 10px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: 700;
}

.difference-card.featured {
  grid-row:span 2;
  min-height:574px;
  background:#05131b;
  color:white;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-color:#05131b
}

.difference-card.featured:hover {
  background:#05131b;
  border-color:rgba(41, 74, 191, 0.2)
}

.difference-card.featured:hover .difference-icon {
  transform:scale(1.08);
  background:var(--cyan);
  color:var(--ink)
}

.difference-card.featured .difference-icon {
  position:absolute;
  left:42px;
  top:42px;
  background:var(--cyan);
  color:var(--ink)
}

.difference-card.featured h3 {
  font-size:37px;
  max-width:470px
}

.difference-card.featured p {
  color:#a5b6bc;
  font-size:15px;
  max-width:510px
}

.difference-card.featured ul {
  list-style:none;
  padding:0;
  margin:25px 0 0
}

.difference-card.featured li {
  border-top:1px solid rgba(255, 255, 255, .14);
  padding:11px 0;
  font-size:14px;
  color:#d8e2e5;
  display:flex;
  align-items:center;
}

.difference-card.featured li:before {
  content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23294abf" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg>');
  color:var(--cyan);
  margin-right:12px
}

.why-method {
  background:#05131b;
  color:white
}

.method-heading {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:100px;
  align-items:end;
  margin-bottom:65px
}

.method-heading h2 {
  margin:0
}

.method-heading>p {
  color:#9caeb5;
  margin-bottom:7px
}

.method-steps {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  border-top:1px solid rgba(255, 255, 255, .15);
  border-left:1px solid rgba(255, 255, 255, .15)
}

.method-steps>div {
  position:relative;
  min-height:285px;
  padding:27px;
  border-right:1px solid rgba(255, 255, 255, .15);
  border-bottom:1px solid rgba(255, 255, 255, .15)
}

.method-steps span {
  font-size:9px;
  color:#728a94
}

.method-steps i {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(41, 74, 191, .1);
  color:var(--cyan);
  font-style:normal;
  margin-top:55px
}

.method-steps h3 {
  font-size:21px;
  margin:18px 0 9px
}

.method-steps p {
  color:#91a5ad;
  font-size:12px
}

.position-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:90px;
  align-items:center
}

.position-copy h2 {
  font-size:47px
}

.position-copy>p {
  color:var(--muted)
}

.position-table {
  background:white;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden
}

.position-table>div {
  display:grid;
  grid-template-columns:1fr 1fr
}

.position-table>div>span, .position-table>div>strong {
  padding:16px 22px;
  border-bottom:1px solid var(--line);
  font-size:13px
}

.position-table>div>strong {
  color:var(--teal);
  border-left:1px solid var(--line);
  background:#f6fbfa
}

.position-table .position-head span {
  font-size: 12px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
  background:#edf4f2;
  color:var(--muted)
}

.position-table .position-head span+span {
  color:var(--teal);
  border-left:1px solid var(--line)
}

.position-table>div:last-child>* {
  border-bottom:0
}

.why-final {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:end;
  gap:90px
}

.why-final h2 {
  font-size:52px;
  margin:0
}

.why-final>div:last-child {
  padding-bottom:7px
}

.why-final>div:last-child p {
  color:var(--muted);
  margin-bottom:24px
}

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

  .operating-model {
    max-width:620px;
    width:100%;
    margin-inline:auto
  }

  .why-proofbar>.shell {
    grid-template-columns:repeat(2, 1fr)
  }

  .difference-grid {
    grid-template-columns:1fr
  }

  .difference-card.featured {
    grid-row:auto;
    min-height:520px
  }

  .method-heading, .position-grid, .why-final {
    grid-template-columns:1fr;
    gap:40px
  }

  .method-steps {
    grid-template-columns:repeat(2, 1fr)
  }
}

@media(max-width:620px) {
  .why-hero {
    padding-block:55px
  }

  .why-hero-copy h1 {
    font-size:47px
  }

  .operating-model {
    padding:17px
  }

  .operating-canvas {
    height:360px
  }

  .ring-outer {
    width:290px;
    height:290px
  }

  .ring-inner {
    width:190px;
    height:190px
  }

  .operating-node {
    width:84px;
    height:84px
  }

  .operating-node i {
    margin-bottom:3px
  }

  .node-customer {
    left:0
  }

  .node-product {
    right:0
  }

  .operating-core {
    width:96px;
    height:96px
  }

  .model-bottom {
    gap:6px
  }

  .model-bottom i {
    width:7px
  }

  .why-proofbar>.shell {
    grid-template-columns:1fr 1fr
  }

  .why-proofbar .shell>div {
    padding:20px 16px
  }

  .why-proofbar .shell>div:nth-child(3) {
    border-left:1px solid var(--line)
  }

  .difference-card.featured {
    padding:30px;
    min-height:520px
  }

  .difference-card.featured .difference-icon {
    left:30px;
    top:30px
  }

  .difference-card.featured h3 {
    font-size:31px
  }

  .method-steps {
    grid-template-columns:1fr
  }

  .method-steps>div {
    min-height:240px
  }

  .position-table>div>span, .position-table>div>strong {
    padding:13px 11px;
    font-size:11px
  }

  .why-final h2 {
    font-size:41px
  }
}

@media(prefers-reduced-motion:reduce) {
  .ring-outer {
    animation:none
  }
}

/* Services page */
.services-hero{min-height:710px;display:grid;grid-template-columns:1fr .86fr;gap:85px;align-items:center;padding-block:75px}.services-hero-copy h1{font-size:clamp(58px,6vw,84px)}.services-hero-copy>p{font-size:18px;line-height:1.72;color:var(--muted);max-width:650px}.services-hero-panel{position:relative;padding:22px;background:linear-gradient(155deg,#102c38,#06151e);border-radius:26px;color:white;box-shadow:0 28px 70px rgba(7,25,35,.16);overflow:hidden}.services-hero-panel:before{content:"";position:absolute;width:420px;height:420px;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(41,74,191,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(41,74,191,.025),0 0 0 110px rgba(41,74,191,.018)}.portfolio-label{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.12);z-index:2}.portfolio-label span,.portfolio-label small{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.portfolio-label small{color:#8298a1}.portfolio-core{height:130px;position:relative;display:grid;place-items:center}.portfolio-core>div{width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cyan);color:var(--ink);box-shadow:0 0 0 10px rgba(41,74,191,.09)}.portfolio-core span{font-size:25px;font-weight:900;letter-spacing:-.1em}.portfolio-core small{font-size:6px;text-transform:uppercase;letter-spacing:.1em}.services-hero-panel>a{position:relative;display:grid;grid-template-columns:28px 38px 1fr;align-items:center;gap:10px;padding:14px 10px;border-top:1px solid rgba(255,255,255,.12);z-index:2;transition:background .2s,padding .2s}.services-hero-panel>a:hover{background:rgba(255,255,255,.05);padding-inline:15px}.services-hero-panel>a>span{font-size:9px;color:#69818a}.services-hero-panel>a>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(41,74,191,.1);color:var(--cyan);font-style:normal}.services-hero-panel>a strong,.services-hero-panel>a small{display:block}.services-hero-panel>a strong{font-size:12px}.services-hero-panel>a small{font-size:8px;color:#849aa2;margin-top:2px}.service-outcome-bar{background:white;border-block:1px solid var(--line)}.service-outcome-bar>.shell{height:82px;display:flex;align-items:center;justify-content:space-between}.service-outcome-bar span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.service-outcome-bar i{height:1px;flex:1;background:var(--line);margin-inline:25px}.services-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.services-intro h2{margin:0}.services-intro>p{color:var(--muted);margin-bottom:6px}.capability-sections{padding-bottom:110px}.capability-section{scroll-margin-top:30px;display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;padding:105px 0;border-top:1px solid var(--line);align-items:center}.capability-section.reverse .capability-visual{order:2}.capability-visual{height: 590px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(150deg,#eef6ff,#f8fbff);border:1px solid var(--line)}.capability-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(41,74,191,.2) .7px,transparent .7px);background-size:20px 20px;mask-image:radial-gradient(circle at center,black,transparent 72%)}.capability-no{position:absolute;left:25px;top: 16px;color:var(--teal);font-size:26px;z-index:2}.visual-symbol{position:absolute;right:24px;top: 5px;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:white;color:var(--teal);font-size:21px;box-shadow:0 10px 25px rgba(7,25,35,.08)}.visual-status{position:absolute;left:50%;bottom: 50px;translate:-50% 0;display:flex;align-items:center;gap: 12px;background:rgba(255,255,255,.8);border:1px solid white;border-radius:999px;padding:8px 13px;white-space:nowrap;font-size: 10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);box-shadow:0 10px 25px rgba(7,25,35,.07)}.visual-status i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(41,74,191,.2)}.case-flow{position:absolute;left:28px;right:28px;top:50%;translate:0 -50%;display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px}.case-flow>div{background:rgba(255,255,255,.78);border:1px solid white;border-radius:14px;padding:20px;box-shadow:0 15px 35px rgba(7,25,35,.07)}.case-flow small,.case-flow strong{display:block}.case-flow small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}.case-flow strong{font-size:12px;margin-top:5px}.case-flow>i{text-align:center;color:var(--teal);font-style:normal}.capability-copy h2{font-size:clamp(43px,4.4vw,59px)}.capability-lede{font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:35px}.deliverables{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.deliverables>div{position:relative;min-height:145px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.deliverables span{font-size: 14px;color:var(--teal)}.deliverables strong,.deliverables small{display:block}.deliverables strong{font-size: 16px;margin:19px 0 5px}.deliverables small{color:var(--muted);font-size: 13px;line-height:1.45}.service-result{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line);align-items:start}.service-result span{font-size: 10px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight: 700;padding-top: 2px;}.service-result p{margin:0;font-size: 12px;color:var(--muted)}.health-orbit{position:absolute;left:50%;top:48%;translate:-50% -50%;width:265px;height:265px;border-radius:50%;border:1px solid rgba(41,74,191,.24);display:grid;place-items:center;box-shadow:0 0 0 48px rgba(41,74,191,.035),0 0 0 96px rgba(41,74,191,.02)}.health-orbit>div{width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:white;box-shadow:0 20px 45px rgba(7,25,35,.22)}.health-orbit strong{font-size:19px;color:var(--cyan)}.health-orbit small{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.health-orbit>span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);border:4px solid white}.health-orbit>span:nth-of-type(1){left:17px;top:40px}.health-orbit>span:nth-of-type(2){right:5px;top:110px}.health-orbit>span:nth-of-type(3){left:73px;bottom:-5px}.systems-stack{position:absolute;left:50%;top:50%;translate:-50% -50%;width:78%;display:grid;gap:10px}.systems-stack>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:17px;background:rgba(255,255,255,.8);border:1px solid white;border-radius:13px;box-shadow:0 12px 28px rgba(7,25,35,.06)}.systems-stack i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(41,74,191,.17)}.systems-stack span{font-size:11px}.systems-stack strong{font-size:9px;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.quality-core{position:absolute;left:50%;top:48%;translate:-50% -50%;width:280px;height:280px;border-radius:50%;border:1px solid rgba(41,74,191,.22);display:grid;place-items:center;animation:orbit-spin 30s linear infinite}.quality-core>div{width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--navy);color:white;animation:orbit-spin 30s linear infinite reverse;box-shadow:0 20px 45px rgba(7,25,35,.2)}.quality-core span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#93a8af}.quality-core strong{font-size:20px;color:var(--cyan)}.quality-core>i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cyan);border:4px solid white}.quality-core>i:nth-of-type(1){top:-7px}.quality-core>i:nth-of-type(2){right:20px;bottom:35px}.quality-core>i:nth-of-type(3){left:15px;bottom:45px}.service-deep-link{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:16px 20px;background:var(--navy);color:white;border-radius:12px;font-size: 15px;font-weight: 700;}.service-deep-link span{color:var(--cyan)}.service-combine{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center;background:var(--navy);color:white;border-radius:28px;padding-inline:70px}.service-combine h2{font-size:50px}.service-combine p{color:#9eb0b7;max-width:610px;margin-bottom:30px}.combine-diagram{height:390px;position:relative}.combine-diagram>div,.combine-diagram>span{position:absolute;display:grid;place-items:center;border-radius:50%}.combine-diagram>div{width:120px;height:120px;left:50%;top:50%;translate:-50% -50%;background:var(--cyan);color:var(--ink);font-size:31px;font-weight:900;box-shadow:0 0 0 15px rgba(41,74,191,.08)}.combine-diagram>span{width:86px;height:86px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);font-size:9px}.combine-diagram>span:nth-of-type(1){left:4%;top:15%}.combine-diagram>span:nth-of-type(2){right:4%;top:15%}.combine-diagram>span:nth-of-type(3){left:4%;bottom:12%}.combine-diagram>span:nth-of-type(4){right:4%;bottom:12%}.services-final{padding-bottom:120px}
@media(max-width:900px){.services-hero{grid-template-columns:1fr;padding-block:70px}.services-hero-panel{max-width:620px;width:100%;margin-inline:auto}.services-intro,.capability-section,.service-combine{grid-template-columns:1fr;gap: 50px;}.capability-section.reverse .capability-visual{order:0}.capability-visual{height:470px}.service-combine{padding-inline:50px}.combine-diagram{max-width:500px;width:100%;margin-inline:auto}.service-outcome-bar>.shell{overflow:auto;justify-content:flex-start}.service-outcome-bar span{white-space:nowrap}.service-outcome-bar i{min-width:35px}}
@media(max-width:620px){.services-hero{padding-block:55px}.services-hero-copy h1{font-size:48px}.services-hero-panel{padding:17px}.services-hero-panel>a{grid-template-columns:24px 34px 1fr}.services-intro{gap:25px}.capability-section{padding:70px 0;}.capability-visual{height:400px}.capability-copy h2{font-size:41px}.deliverables{grid-template-columns:1fr}.deliverables>div{min-height:120px}.service-result{grid-template-columns:1fr;gap:6px}.case-flow{left:15px;right:15px}.case-flow>div{padding:15px}.health-orbit{width:230px;height:230px}.systems-stack{width:88%}.quality-core{width:240px;height:240px}.service-combine{padding-inline:24px}.service-combine h2{font-size:40px}.combine-diagram{height:330px}.combine-diagram>span{width:72px;height:72px;font-size:8px}.services-final{padding-bottom:80px}}

@media(prefers-reduced-motion:reduce){.quality-core,.quality-core>div{animation:none}}

/* Technical account operating brief */
.tam-brief-visual:before{mask-image:linear-gradient(to bottom,black,transparent 88%);opacity:.55}.tam-brief{position:absolute;z-index:2;inset:72px 27px 67px;padding:20px;border:1px solid rgba(255,255,255,.96);border-radius:17px;background:rgba(255,255,255,.84);box-shadow:0 20px 48px rgba(7,25,35,.09),inset 0 0 0 1px rgba(41,74,191,.035);backdrop-filter:blur(12px)}.tam-brief-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.tam-brief-head span,.tam-brief-head small{display:block}.tam-brief-head span{font-size: 12px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.tam-brief-head small{margin-top: 2px;color:var(--muted);font-size: 11px;x}.tam-brief-head>b{display:flex;align-items:center;gap: 12px;color:var(--teal);font-size: 10px;text-transform:uppercase;letter-spacing:.08em}.tam-brief-head>b i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(41,74,191,.1)}.tam-health-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:end;padding:19px 0 17px}.tam-health-summary small,.tam-health-summary strong{display:block}.tam-health-summary small{color:var(--muted);font-size: 11px;text-transform:uppercase;letter-spacing:.08em}.tam-health-summary strong{margin-top:2px;color:var(--teal);font-size: 30px;letter-spacing:-.045em}.tam-health-summary>span{padding-left:17px;border-left:1px solid var(--line);color:var(--muted);font-size: 12px;line-height:1.5}.tam-signal-list{border-top:1px solid var(--line)}.tam-signal-list>div{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.tam-signal-list>div>span{color:var(--teal);font-size: 13px;font-weight: 700;}.tam-signal-list p{margin:0}.tam-signal-list strong,.tam-signal-list small{display:block}.tam-signal-list strong{font-size: 13px;}.tam-signal-list small{margin-top:1px;color:var(--muted);font-size: 10px;}.tam-signal-list>div>b{color:var(--teal);font-size: 10px;text-transform:uppercase;letter-spacing:.08em}.tam-rhythm{padding-top:14px}.tam-rhythm>span{display:block;margin-bottom:9px;color:var(--muted);font-size: 10px;text-transform:uppercase;letter-spacing:.1em}.tam-rhythm>div{display:flex;align-items:center}.tam-rhythm i{font-style:normal;font-size: 14px;font-weight: 700;}.tam-rhythm b{height:1px;flex:1;margin-inline:9px;background:linear-gradient(90deg,rgba(41,74,191,.45),rgba(41,74,191,.12))}.tam-brief-visual .visual-status{bottom:22px}@media(max-width:620px){.tam-brief{inset:66px 16px 62px;padding:16px}.tam-health-summary{grid-template-columns:.8fr 1.2fr;gap:13px;padding-block:15px}.tam-health-summary strong{font-size:23px}.tam-health-summary>span{padding-left:12px;font-size:8px}.tam-signal-list>div{padding:9px 0}.tam-rhythm{padding-top:11px}}

/* Human-in-the-loop quality trace */
.ai-review-visual{border-color:#19333c;background:linear-gradient(145deg,#102c35,#071820);box-shadow:0 24px 55px rgba(7,25,35,.14)}.ai-review-visual:before{background-image:linear-gradient(rgba(41,74,191,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(41,74,191,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.ai-review-visual .capability-no{color:rgb(41 74 191)}.ai-review-visual .visual-symbol{border:1px solid rgba(41,74,191,.15);background:rgba(41,74,191,.08);color:var(--cyan);box-shadow:none}.ai-review-shell{position:absolute;z-index:2;inset: 71px 26px 68px;padding:19px;border:1px solid rgba(41,74,191,.13);border-radius:18px;background:rgba(4,18,25,.95);color:white;box-shadow:0 22px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(12px)}.ai-review-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.ai-review-head span,.ai-review-head small{display:block}.ai-review-head span{font-size: 14px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.ai-review-head small{margin-top:2px;color:#779097;font-size: 12px;}.ai-review-head>b{display:flex;align-items:center;gap: 9px;color:rgb(41 74 191);font-size: 12px;text-transform:uppercase;letter-spacing:.08em}.ai-review-head>b i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(41,74,191,.11)}.ai-output-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:17px;margin-top:15px;padding:14px;border:1px solid rgba(41,74,191,.11);border-radius:11px;background:rgba(255,255,255,.035)}.ai-output-card span,.ai-output-card b{display:block}.ai-output-card span{color:#7f999f;font-size: 12px;text-transform:uppercase;letter-spacing:.1em}.ai-output-card b{margin-top:3px;color:#d8eeee;font-size: 15px;}.ai-output-card p{margin:0;padding-left:15px;border-left:1px solid rgba(255,255,255,.1);color:#8fa5aa;font-size: 13px;line-height:1.5}.ai-decision-row{display:grid;grid-template-columns:auto 1fr 112px 1fr auto;align-items:center;gap:10px;padding:16px 6px}.ai-decision-row>span{color:#789198;font-size: 12px;text-transform:uppercase;letter-spacing:.09em}.ai-decision-row>i{height:1px;background:linear-gradient(90deg,rgba(41,74,191,.15),rgba(41,74,191,.65))}.ai-decision-row>i:nth-of-type(2){background:linear-gradient(90deg,rgba(41,74,191,.65),rgba(41,74,191,.15))}.ai-decision-row>div{height: 92px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(41,74,191,.27);border-radius:50%;background:rgba(41,74,191,.07);box-shadow:0 0 0 7px rgba(41,74,191,.025)}.ai-decision-row small{color: #789198;font-size: 9px;text-transform:uppercase;letter-spacing:.09em}.ai-decision-row strong{margin-top:2px;color:var(--cyan);font-size: 15px;}.ai-check-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.1)}.ai-check-grid>div{padding:11px 10px;border-right:1px solid rgba(255,255,255,.1)}.ai-check-grid>div:last-child{border-right:0}.ai-check-grid span,.ai-check-grid strong,.ai-check-grid small{display:block}.ai-check-grid span{color:rgb(255,255,255);font-size: 13px;}.ai-check-grid strong{margin-top:8px;font-size: 14px;}.ai-check-grid small{margin-top:2px;color:#789198;font-size: 12px;}.ai-review-foot{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-top:14px}.ai-review-foot>span,.ai-review-foot>strong{font-size: 12px;text-transform:uppercase;letter-spacing:.08em}.ai-review-foot>span{color:#718a91}.ai-review-foot>strong{color:rgb(41 74 191)}.ai-review-foot>div{display:flex;align-items:center;gap:4px}.ai-review-foot i{height:2px;flex:1;background:#214049}.ai-review-foot i:nth-child(-n+3){background:rgb(41 74 191)}.ai-review-visual .visual-status{border-color:rgba(41,74,191,.12);background:rgba(5,19,26,.82);color: #ffffff;box-shadow:0 10px 25px rgba(0,0,0,.16)}.ai-review-visual .visual-status i{background:var(--cyan)}@media(max-width:620px){.ai-review-visual{height:465px}.ai-review-shell{inset:65px 15px 60px;padding:15px}.ai-output-card{grid-template-columns:1fr;gap:9px}.ai-output-card p{padding:8px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}.ai-decision-row{grid-template-columns:auto 1fr 92px 1fr auto;gap:7px;padding-block:13px}.ai-decision-row>div{height:62px}.ai-check-grid>div{padding:9px 7px}.ai-review-foot{padding-top:11px;gap:8px}}

/* Light-theme graph panels */
.operating-model{background:linear-gradient(145deg,#e9f4f2,#f9fbfa 72%);color:var(--ink);border:1px solid #dbeafe;box-shadow:0 24px 60px rgba(7,25,35,.09)}.operating-model:before{background:radial-gradient(circle at 50% 48%,rgba(41,74,191,.22),transparent 45%),linear-gradient(rgba(41,74,191,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(41,74,191,.045) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.model-topline,.model-bottom{border-color:rgba(41,74,191,.15)}.model-topline small{color:var(--muted)}.operating-canvas>svg{stroke:rgba(41,74,191,.38)}.operating-ring{border-color:rgba(41,74,191,.2)}.operating-core{background:var(--navy);color:white;box-shadow:0 0 0 13px rgba(41,74,191,.07),0 20px 40px rgba(7,25,35,.18)}.operating-core span{color:var(--cyan)}.operating-node{background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 13px 28px rgba(7,25,35,.08),inset 0 0 0 1px rgba(41,74,191,.06)}.operating-node small{color:var(--muted)}.model-bottom span{color:var(--muted)}.model-bottom i{background:rgba(41,74,191,.25)}
.services-hero-panel{background:linear-gradient(145deg,#e7f3f1,#f9fbfa 74%);color:var(--ink);border:1px solid #d7e6e3;box-shadow:0 24px 60px rgba(7,25,35,.09)}.services-hero-panel:before{border-color:rgba(41,74,191,.16);box-shadow:0 0 0 55px rgba(41,74,191,.045),0 0 0 110px rgba(41,74,191,.025)}.portfolio-label{border-color:rgba(41,74,191,.15)}.portfolio-label small{color:var(--muted)}.portfolio-core>div{background:var(--navy);color:white;box-shadow:0 0 0 10px rgba(41,74,191,.07),0 14px 30px rgba(7,25,35,.15)}.portfolio-core span{color:var(--cyan)}.services-hero-panel>a{border-color:rgba(41,74,191,.14)}.services-hero-panel>a:hover{background:rgba(255,255,255,.62)}.services-hero-panel>a>span{color:#7a9198}.services-hero-panel>a>i{background:#eaf3ff;color:var(--teal);border:1px solid rgba(41,74,191,.08)}.services-hero-panel>a strong{color:var(--ink)}.services-hero-panel>a small{color:var(--muted)}

/* Clean circular portfolio card */
.portfolio-map-card{padding:22px 24px}.portfolio-map-card:before{width:360px;height:360px;box-shadow:0 0 0 55px rgba(41,74,191,.035),0 0 0 110px rgba(41,74,191,.018)}.portfolio-map-card .portfolio-label small{display:flex;align-items:center;gap:7px}.portfolio-map-card .portfolio-label small i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(41,74,191,.2)}.portfolio-map{height:430px;position:relative}.portfolio-map>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(41,74,191,.28);stroke-width:1.15;stroke-dasharray:5 7}.portfolio-rings{position:absolute;width:235px;height:235px;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(41,74,191,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(41,74,191,.035)}.portfolio-rings:after{content:"";position:absolute;inset:34px;border-radius:50%;border:1px dashed rgba(41,74,191,.17)}.portfolio-map .portfolio-core{position:absolute;left:50%;top:50%;translate:-50% -50%;height:auto;z-index:3}.portfolio-map .portfolio-core>div{width:104px;height:104px;box-shadow:0 0 0 12px rgba(41,74,191,.07),0 18px 38px rgba(7,25,35,.18)}.portfolio-map .portfolio-core span{font-size:31px}.portfolio-map .portfolio-core small{color:#d5e2e5;letter-spacing:.12em}.portfolio-node{position:absolute;z-index:4;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.84);border:1px solid white;box-shadow:0 14px 30px rgba(7,25,35,.09),inset 0 0 0 1px rgba(41,74,191,.07);transition:transform .22s,box-shadow .22s}.portfolio-node:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(41,74,191,.09)}.portfolio-node:hover{transform:translateY(-3px);box-shadow:0 19px 36px rgba(7,25,35,.13),inset 0 0 0 1px rgba(41,74,191,.11)}.portfolio-node>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--teal);font-style:normal;font-size:14px;margin-bottom:5px}.portfolio-node strong,.portfolio-node small{display:block;position:relative;z-index:1}.portfolio-node strong{font-size:9px}.portfolio-node small{font-size:7px;color:var(--muted)}.portfolio-node>b{position:absolute;right:8px;top:8px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:#82949b;font-size:7px;font-weight:700}.portfolio-tier2{left:5%;top:4%}.portfolio-tam{right:5%;top:4%}.portfolio-systems{left:5%;bottom:4%}.portfolio-ai{right:5%;bottom:4%}.portfolio-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:16px;border-top:1px solid rgba(41,74,191,.13)}.portfolio-footer span{font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.portfolio-footer i{width:14px;height:1px;background:rgba(41,74,191,.2)}
@media(max-width:620px){.portfolio-map-card{padding:17px}.portfolio-map{height:380px}.portfolio-node{width:92px;height:92px}.portfolio-node:before{inset:6px}.portfolio-node>i{width:24px;height:24px;margin-bottom:3px}.portfolio-node>b{right:5px;top:5px}.portfolio-map .portfolio-core>div{width:90px;height:90px}.portfolio-map .portfolio-core span{font-size:27px}.portfolio-rings{width:205px;height:205px}.portfolio-tier2,.portfolio-systems{left:1%}.portfolio-tam,.portfolio-ai{right:1%}.portfolio-footer{gap:7px}.portfolio-footer i{width:7px}}

/* Tier 2 resolution workspace */
.resolution-console{position:absolute;left:26px;right:26px;top:83px;bottom:70px;z-index:2;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.98);border-radius:17px;box-shadow:0 18px 45px rgba(7,25,35,.09),inset 0 0 0 1px rgba(41,74,191,.04);backdrop-filter:blur(12px);overflow:hidden}.console-head{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.console-head>div{display:flex;align-items:center;gap:8px}.console-head>div i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(41,74,191,.18)}.console-head span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.console-head>small{font-size:8px;color:var(--muted)}.issue-summary{display:grid;grid-template-columns:43px 1fr;gap:12px;padding:15px 16px;background:linear-gradient(90deg,rgba(41,74,191,.09),transparent);border-bottom:1px solid var(--line)}.issue-priority{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color: rgb(255 255 255);font-size:10px;font-weight:800}.issue-summary small,.issue-summary strong,.issue-summary span{display:block}.issue-summary small{font-size: 10px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}.issue-summary strong{font-size: 15px;margin:1px 0}.issue-summary span{font-size: 11px;color:var(--muted)}.investigation-track{padding:3px 16px}.track-step{position:relative;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.track-step:last-child{border-bottom:0}.track-step>i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eef3f2;color:#809198;font-style:normal;font-size: 12px;font-weight: 700;}.track-step.complete>i{background:#eaf3ff;color:var(--teal)}.track-step.active>i{background:var(--navy);color: rgb(255 255 255);box-shadow:0 0 0 4px rgba(41,74,191,.08)}.track-step strong,.track-step small{display:block}.track-step strong{font-size: 13px;}.track-step small{font-size: 10px;color:var(--muted);margin-top:1px}.track-step>span{font-size: 10px;text-transform:uppercase;letter-spacing:.07em;color:#85969d}.track-step.complete>span{color:var(--teal)}.track-step.active>span{color:var(--ink);font-weight:800}.console-foot{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#f5f9f8;border-top:1px solid var(--line)}.console-foot>span{display:flex;align-items:center;gap: 12px;font-size: 12px;color:var(--muted)}.console-foot>span i{width: 26px;height: 26px;display:grid;place-items:center;border-radius:50%;background:white;border:1px solid var(--line);font-style:normal;color:var(--teal);font-weight: 700;}.console-foot>strong{font-size: 10px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}
@media(max-width:620px){.resolution-console{left:14px;right:14px;top:72px;bottom: -45px;}.console-head{padding-inline:12px}.issue-summary{padding:12px}.investigation-track{padding-inline:12px}.track-step{grid-template-columns:26px 1fr;padding:10px 0}.track-step>span{display:none}.track-step small{font-size: 11px;}.console-foot{padding-inline:12px}.console-foot>strong{display:none}}

/* Connected-services orchestration map */
.orchestration-map{height:430px;position:relative;isolation:isolate}.orchestration-map>div{width:auto;height:auto;left:auto;right:auto;top:auto;bottom:auto;translate:none;background:none;color:inherit;font-size:inherit;font-weight:inherit;box-shadow:none}.orchestration-glow{position:absolute!important;width:330px!important;height:330px!important;left:50%!important;top:50%!important;translate:-50% -50%!important;border-radius:50%;background:radial-gradient(circle,rgba(41,74,191,.16),rgba(41,74,191,.035) 48%,transparent 72%)!important;filter:blur(6px)}.orchestration-ring{position:absolute!important;width:280px!important;height:280px!important;left:50%!important;top:50%!important;translate:-50% -50%!important;border:1px solid rgba(41,74,191,.14);border-radius:50%;box-shadow:0 0 0 54px rgba(41,74,191,.018)!important}.orchestration-ring:after{content:"";position:absolute;inset:33px;border:1px dashed rgba(41,74,191,.18);border-radius:50%;animation:orbit-spin 28s linear infinite}.orchestration-map>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(41,74,191,.3);stroke-width:1.2;stroke-dasharray:5 7}.orchestration-map>svg g circle{fill:var(--cyan);stroke:#15333d;stroke-width:2;filter:drop-shadow(0 0 6px rgba(41,74,191,.8))}.orchestration-core{position:absolute!important;left:50%!important;top:50%!important;translate:-50% -50%!important;width:126px!important;height:126px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,var(--cyan),#9df3ec)!important;/* color:var(--ink)!important; */box-shadow:0 0 0 14px rgba(41,74,191,.08),0 20px 45px rgba(0,0,0,.22)!important;z-index:3}.orchestration-core:before{content:"";position:absolute;inset:8px;border:1px solid rgba(7,25,35,.12);border-radius:50%}.orchestration-core span{font-size:34px;font-weight:900;letter-spacing:-.1em;line-height:1}.orchestration-core small{font-size:7px;text-align:center;text-transform:uppercase;letter-spacing:.13em;margin-top:6px;font-weight:800}.orchestration-node{position:absolute!important;width:104px!important;height:104px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);box-shadow:0 15px 30px rgba(0,0,0,.12),inset 0 0 0 1px rgba(41,74,191,.035)!important;z-index:2;animation:capability-float 5s ease-in-out infinite}.orchestration-node:before{content:"";position:absolute;inset:7px;border:1px solid rgba(41,74,191,.11);border-radius:50%}.orchestration-node i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(41,74,191,.12);color:var(--cyan);font-style:normal;font-size:14px;margin-bottom:5px}.orchestration-node strong,.orchestration-node small{position:relative;z-index:1}.orchestration-node strong{font-size:9px}.orchestration-node small{font-size:7px;color:#8fa5ad}.orchestrate-support{left:5%!important;top:3%!important;animation-delay:-.5s}.orchestrate-accounts{right:5%!important;top:3%!important;animation-delay:-1.7s}.orchestrate-systems{left:5%!important;bottom:0%!important;animation-delay:-2.8s}.orchestrate-ai{right:5%!important;bottom:0%!important;animation-delay:-3.6s}.orchestration-status{position:absolute!important;left:50%!important;bottom: -40px!important;translate:-50% 0!important;display:flex!important;align-items:center;gap:10px;width:max-content!important;height:auto!important;padding:8px 12px;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);z-index:4}.orchestration-status>i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(41,74,191,.12)}.orchestration-status span,.orchestration-status strong{font-size: 9px;text-transform:uppercase;letter-spacing:.1em}.orchestration-status span{color: #ffffff;}.orchestration-status strong{color:var(--cyan)}
@media(max-width:620px){.orchestration-map{height:370px}.orchestration-node{width:88px!important;height:88px!important}.orchestration-node i{width:24px;height:24px;margin-bottom:2px}.orchestration-core{width:104px!important;height:104px!important}.orchestration-core span{font-size:29px}.orchestration-ring{width:230px!important;height:230px!important}.orchestrate-support,.orchestrate-systems{left:0!important;bottom:5%!important}.orchestrate-accounts,.orchestrate-ai{right:0!important;bottom:5%!important}.orchestration-status{bottom: -24px!important;}}
@media(prefers-reduced-motion:reduce){.orchestration-ring:after,.orchestration-node{animation:none}.orchestration-map>svg g{display:none}}

/* Legal pages */
.legal-links{display:flex;gap:18px}.legal-links a{color:#8599a1;transition:color .2s}.legal-links a:hover{color:var(--cyan)}.legal-hero{padding:105px 0 75px;border-bottom:1px solid var(--line)}.legal-hero h1{margin-bottom:22px}.legal-hero>p{font-size:18px;color:var(--muted);max-width:680px}.legal-meta{display:flex;gap:28px;margin-top:35px}.legal-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:100px;padding-block:75px 120px;align-items:start}.legal-nav{position:sticky;top:30px;display:flex;flex-direction:column;padding:22px;background:white;border:1px solid var(--line);border-radius:14px}.legal-nav strong{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:8px}.legal-nav a{padding:7px 0;font-size:11px;color:var(--muted)}.legal-nav a:hover{color:var(--teal)}.legal-content{max-width:800px}.legal-content section{scroll-margin-top:30px;position:relative;padding:0 0 55px 55px;margin-bottom:50px;border-bottom:1px solid var(--line)}.legal-content section:last-child{margin-bottom:0}.legal-content section>span{position:absolute;left:0;top:8px;font-size:9px;color:var(--teal)}.legal-content h2{font-size:35px;margin-bottom:22px}.legal-content p{color:var(--muted);line-height:1.8;margin-bottom:16px}.legal-content a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr;gap:45px}.legal-nav{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.legal-nav strong{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:12px}}
@media(max-width:620px){.legal-hero{padding:70px 0 55px}.legal-hero h1{font-size:50px}.legal-meta{flex-direction:column;gap:5px}.legal-layout{padding-block:50px 80px}.legal-nav{grid-template-columns:repeat(2,1fr)}.legal-content section{padding:0 0 40px 32px;margin-bottom:40px}.legal-content h2{font-size:29px}.legal-links{order:3;width:100%}}

/* Engagement models page */
.engagement-hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding-block:75px}.engagement-hero-copy h1{font-size:clamp(58px,6.2vw,84px)}.engagement-hero-copy>p{font-size:18px;line-height:1.72;color:var(--muted);max-width:650px}.engagement-blueprint{padding:22px;background:linear-gradient(145deg,#eef6ff,#fbfdff);border:1px solid #dbe7f5;border-radius:26px;box-shadow:0 25px 65px rgba(7,25,35,.09);overflow:hidden}.blueprint-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(41,74,191,.15)}.blueprint-head>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.blueprint-head small{display:flex;align-items:center;gap:7px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.blueprint-head small i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(41,74,191,.2)}.blueprint-canvas{height:430px;position:relative;background:radial-gradient(circle at center,rgba(41,74,191,.17),transparent 48%)}.blueprint-canvas>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(41,74,191,.32);stroke-width:1.2;stroke-dasharray:5 7}.blueprint-orbit{position:absolute;width:285px;height:285px;left:50%;top:51%;translate:-50% -50%;border:1px solid rgba(41,74,191,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(41,74,191,.03)}.blueprint-orbit:after{content:"";position:absolute;inset:34px;border:1px dashed rgba(41,74,191,.17);border-radius:50%;animation:orbit-spin 30s linear infinite}.blueprint-core{position:absolute;left:50%;top:51%;translate:-50% -50%;width:126px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:white;box-shadow:0 0 0 13px rgba(41,74,191,.07),0 20px 40px rgba(7,25,35,.18);z-index:3}.blueprint-core span{font-size:35px;font-weight:900;letter-spacing:-.1em;color:var(--cyan)}.blueprint-core small{font-size:7px;text-transform:uppercase;letter-spacing:.12em}.blueprint-node{position:absolute;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.84);border:1px solid white;box-shadow:0 14px 30px rgba(7,25,35,.08),inset 0 0 0 1px rgba(41,74,191,.06);z-index:2}.blueprint-node:before{content:"";position:absolute;inset:7px;border:1px solid rgba(41,74,191,.09);border-radius:50%}.blueprint-node strong{font-size:10px}.blueprint-node small{font-size:7px;color:var(--muted)}.bp-capacity{left:2%;top:4%}.bp-coverage{right:2%;top:4%}.bp-expertise{left:50%;bottom:0;translate:-50% 0}.blueprint-foot{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:16px;border-top:1px solid rgba(41,74,191,.15)}.blueprint-foot span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.blueprint-foot i{width:15px;height:1px;background:rgba(41,74,191,.25)}.engagement-principles{background:white;border-block:1px solid var(--line)}.engagement-principles>.shell{display:grid;grid-template-columns:repeat(3,1fr)}.engagement-principles .shell>div{display:grid;grid-template-columns:30px 1fr;padding:24px 28px;border-right:1px solid var(--line)}.engagement-principles .shell>div:first-child{border-left:1px solid var(--line)}.engagement-principles span{grid-row:1/3;font-size:9px;color:var(--teal)}.engagement-principles strong{font-size:14px}.engagement-principles small{font-size:9px;color:var(--muted)}.models-section>.section-heading{margin-bottom:55px}.model-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.engagement-model{position:relative;min-height:600px;padding:34px;background:white;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column}.engagement-model.model-primary{background:linear-gradient(150deg,#0b222e,var(--navy));color:white;border-color:var(--navy)}.model-card-top{display:flex;align-items:center;justify-content:space-between}.model-card-top>span{font-size:9px;color:#86999f}.model-card-top>i{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#eaf3ff;color:var(--teal);font-style:normal;font-size:20px}.model-primary .model-card-top>i{background:var(--cyan);color:var(--ink)}.model-tag{align-self:flex-start;margin:55px 0 15px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--teal);font-size:7px;text-transform:uppercase;letter-spacing:.1em}.model-primary .model-tag{border-color:rgba(255,255,255,.15);color:var(--cyan)}.engagement-model h3{font-size:37px;margin-bottom:13px}.engagement-model>p{color:var(--muted);font-size:14px;max-width:500px}.model-primary>p{color:#9eb0b7}.model-fit{padding:16px 0;margin:20px 0;border-block:1px solid var(--line)}.model-primary .model-fit{border-color:rgba(255,255,255,.13)}.model-fit small,.model-fit strong{display:block}.model-fit small{font-size:7px;color:var(--teal);text-transform:uppercase;letter-spacing:.1em}.model-primary .model-fit small{color:var(--cyan)}.model-fit strong{font-size:11px;margin-top:4px}.engagement-model ul{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px 20px}.engagement-model li{position:relative;padding-left:16px;font-size:10px;color:var(--muted)}.model-primary li{color:#bdcacf}.engagement-model li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px rgba(41,74,191,.14)}.engagement-model>a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 17px;border-radius:11px;background:var(--paper);font-size:11px;font-weight:800}.model-primary>a{background:var(--cyan);color:var(--ink)}.engagement-model>a span{color:var(--teal)}.model-primary>a span{color:var(--ink)}.engagement-choice{background:var(--navy);color:white}.choice-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.choice-copy h2{font-size:49px}.choice-copy>p{color:#9db0b7}.choice-paths{border-top:1px solid rgba(255,255,255,.14)}.choice-paths>div{display:grid;grid-template-columns:1.2fr 1fr 30px;align-items:center;padding:20px 5px;border-bottom:1px solid rgba(255,255,255,.14)}.choice-paths span{font-size:11px;color:#8fa3ab}.choice-paths strong{font-size:13px}.choice-paths i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(41,74,191,.1);color:var(--cyan);font-style:normal}.pricing-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end;margin-bottom:55px}.pricing-heading h2{margin-bottom:0}.pricing-heading>p{color:var(--muted);margin-bottom:6px}.pricing-models{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-models article{position:relative;padding:30px;background:white;border:1px solid var(--line);border-radius:18px}.pricing-models article>span{position:absolute;right:24px;top:21px;font-size:9px;color:#8a9ba1}.pricing-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eaf3ff;color:var(--teal);font-size:18px;margin-bottom:50px}.pricing-models h3{font-size:23px;margin-bottom:10px}.pricing-models article>p{color:var(--muted);font-size:12px;min-height:76px}.pricing-models dl{margin:30px 0 0}.pricing-models dl>div{display:grid;grid-template-columns:80px 1fr;padding:12px 0;border-top:1px solid var(--line)}.pricing-models dt{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:800}.pricing-models dd{margin:0;font-size:10px;color:var(--muted)}.pricing-note{padding:18px 22px;margin-top:14px;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:var(--muted);font-size:11px}.pricing-note strong{color:var(--ink)}.engagement-final{display:grid;grid-template-columns:1fr auto;align-items:end;gap:80px;padding-inline:65px;background:var(--navy);color:white;border-radius:28px;margin-bottom:110px}.engagement-final h2{font-size:52px;max-width:790px}.engagement-final p{color:#9eb0b7}.engagement-final>.button{margin-bottom:10px}
@media(max-width:900px){.engagement-hero{grid-template-columns:1fr;padding-block:70px}.engagement-blueprint{max-width:620px;width:100%;margin-inline:auto}.choice-grid,.pricing-heading{grid-template-columns:1fr;gap:40px}.pricing-models{grid-template-columns:1fr}.pricing-models article>p{min-height:0}.engagement-final{grid-template-columns:1fr;align-items:start;padding-inline:45px}.engagement-final>.button{justify-self:start}.engagement-principles>.shell{grid-template-columns:1fr}.engagement-principles .shell>div,.engagement-principles .shell>div:first-child{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}}
@media(max-width:620px){.engagement-hero{padding-block:55px}.engagement-hero-copy h1{font-size:48px}.engagement-blueprint{padding:17px}.blueprint-canvas{height:370px}.blueprint-node{width:90px;height:90px}.blueprint-core{width:104px;height:104px}.blueprint-orbit{width:225px;height:225px}.bp-capacity{left:0}.bp-coverage{right:0}.blueprint-foot{gap:5px}.blueprint-foot i{width:7px}.model-comparison-grid{grid-template-columns:1fr}.engagement-model{min-height:570px;padding:27px}.engagement-model h3{font-size:33px}.engagement-model ul{grid-template-columns:1fr}.choice-paths>div{grid-template-columns:1fr 30px;gap:6px}.choice-paths span{grid-column:1/-1}.pricing-models article{padding:25px}.engagement-final{padding-inline:25px;margin-bottom:70px}.engagement-final h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){.blueprint-orbit:after{animation:none}}



/* Restrained engagement page polish */
.engagement-clean .engagement-card{display:flex;flex-direction:column}
.engagement-clean .page-hero{padding-bottom:88px;border-bottom:1px solid var(--line)}.engagement-clean .page-hero>p{max-width:720px;font-size:17px;line-height:1.72}.engagement-clean .section-heading{margin-bottom:48px}.engagement-clean .section-heading h2{max-width:690px}.engagement-clean .engagement-grid{gap:18px}.engagement-clean .engagement-card{min-height:520px;padding:38px;border-color:#d7e1e3;border-radius:18px;box-shadow:0 10px 30px rgba(7,25,35,.025);overflow:hidden}.engagement-clean .engagement-card:before{content:"";position:absolute;left:38px;top:0;width:48px;height:3px;background:var(--teal)}.engagement-clean .engagement-card>span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:40px;padding-inline:8px;border-radius:999px;background:#eff6ff;color:var(--teal);font-size:26px;font-weight:800;letter-spacing:.08em}.engagement-clean .engagement-card>.service-icon{position:absolute;right:35px;top:30px;width:48px;height:48px;border-radius:14px;background:#edf5ff;color:var(--teal);font-size:18px}.engagement-clean .engagement-card h2{margin:68px 0 13px;font-size:32px;letter-spacing:-.035em}.engagement-clean .engagement-card>p{max-width:500px;min-height:92px;margin:0;color:var(--muted);font-size:14px;line-height:1.68}.engagement-clean .engagement-card dl{margin-top:auto;padding-top:27px}.engagement-clean .engagement-card dl>div{grid-template-columns:92px 1fr;gap:14px;padding:14px 0;font-size:12px}.engagement-clean .engagement-card dt{color:var(--teal);font-size:8px;text-transform:uppercase;letter-spacing:.09em}.engagement-clean .engagement-card dd{line-height:1.5}.engagement-clean .engagement-card:hover{transform:translateY(-4px);border-color:#adc5e8;box-shadow:0 22px 45px rgba(7,25,35,.065)}.engagement-clean .dark-panel{position:relative;background:linear-gradient(135deg,#071923,#06141c);overflow:hidden}.engagement-clean .dark-panel:after{content:"";position:absolute;width:500px;height:500px;right:-250px;bottom:-330px;border:1px solid rgba(41,74,191,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(41,74,191,.015)}.engagement-clean .pricing-grid{position:relative;z-index:1;align-items:start}.engagement-clean .pricing-grid h2{font-size:clamp(43px,4.6vw,60px)}.engagement-clean .pricing-grid .large-copy{max-width:500px;color:#9dafb6}.engagement-clean .pricing-list{display:grid;gap:10px}.engagement-clean .pricing-list>div{margin:0;padding:21px 22px 21px 58px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}.engagement-clean .pricing-list>div:hover{border-color:rgba(41,74,191,.28);background:rgba(255,255,255,.045)}.engagement-clean .pricing-list span{left:20px;top:18px}.engagement-clean .pricing-list h3{font-size:18px}.engagement-clean .pricing-list p{font-size:12px;line-height:1.6}.engagement-clean .inline-cta{margin-block:90px;padding:38px 42px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 14px 35px rgba(7,25,35,.04)}.engagement-clean .inline-cta h2{font-size:36px}.engagement-clean .inline-cta p{max-width:720px;font-size:14px}
@media(max-width:900px){.engagement-clean .engagement-card{min-height:500px}.engagement-clean .pricing-grid{gap:55px}.engagement-clean .inline-cta{margin-block:70px}}
@media(max-width:620px){.engagement-clean .page-hero{padding-bottom:60px}.engagement-clean .engagement-card{min-height:auto;padding:28px}.engagement-clean .engagement-card:before{left:28px}.engagement-clean .engagement-card>.service-icon{right:25px;top:23px}.engagement-clean .engagement-card h2{margin-top:55px;font-size:29px}.engagement-clean .engagement-card>p{min-height:0}.engagement-clean .engagement-card dl{margin-top:28px}.engagement-clean .engagement-card dl>div{grid-template-columns:76px 1fr}.engagement-clean .inline-cta{margin-block:60px;padding:30px 25px}.engagement-clean .inline-cta h2{font-size:31px}}

/* Operating process and FAQ */
.operating-process{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-grid li{position:relative;display:flex;flex-direction:column;min-height: 280px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.35)}.process-grid li>span{color:var(--teal);font-size:18px}.process-icon{width:42px;height:42px;display:grid;place-items:center;margin:48px 0 23px;border-radius:12px;background:#edf5ff;color:var(--teal);font-size:17px}.process-grid h3{font-size:20px;margin-bottom:9px}.process-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.process-grid small{margin-top:auto;padding-top:24px;color:var(--teal);font-size: 10px;font-weight: 600;text-transform:uppercase;letter-spacing:.08em}.faq-section{background:#f1f7ff;border-block:1px solid #dbe7f5}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px;align-items:start}.faq-intro{position:sticky;top:40px}.faq-intro h2{font-size:clamp(42px,4.5vw,59px)}.faq-intro p{max-width:440px;color:var(--muted)}.faq-intro .text-link{display:inline-block;margin-top:18px;color:var(--teal);font-size:12px;font-weight:800}.faq-list{border-top:1px solid #ccdbea}.faq-list details{border-bottom:1px solid #ccdbea}.faq-list summary{display:grid;grid-template-columns:1fr 32px;gap:20px;align-items:center;padding:24px 4px;cursor:pointer;list-style:none;font-size:15px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #bfd2ea;border-radius:50%;color:var(--teal);font-size:17px;font-weight:400;transition:transform .2s,background .2s}.faq-list details[open] summary span{transform:rotate(45deg);background:white}.faq-list details p{max-width:710px;margin:0;padding:0 50px 25px 4px;color:var(--muted);font-size:13px;line-height:1.7}
/* Secure contact form */
.response-promise{display:flex;align-items:center;gap:13px;margin:25px 0;padding:15px 17px;border:1px solid #dbe7f5;border-radius:12px;background:#eff6ff}.response-promise>i{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(41,74,191,.1)}.response-promise strong,.response-promise span{display:block}.response-promise strong{font-size:11px}.response-promise span{color:var(--muted);font-size:10px}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form button:disabled{cursor:not-allowed;opacity:.55}.form-status{margin:13px 0 0;padding:10px 12px;border-radius:9px;background:#f1f7ff;color:var(--muted);font-size:10px;line-height:1.5}.form-status.is-success{background:#e4f6ee;color:#176844}.form-status.is-error{background:#fff0ee;color:#9a3429}.form-status a,.form-note a{text-decoration:underline;text-underline-offset:2px}.form-note{font-size:9px!important;line-height:1.5}
@media(max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:1fr;gap:45px}.faq-intro{position:static}}
@media(max-width:620px){.process-grid{grid-template-columns:1fr}.process-grid li{min-height:275px}.process-icon{margin:34px 0 18px}.faq-list summary{font-size:13px}.faq-list details p{padding-right:12px}}

/* Branded 404 page */
.not-found-page{position:relative;min-height:720px;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center;overflow:hidden}.not-found-code{font-size:clamp(150px,19vw,270px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px #bfd1d2;letter-spacing:-.1em;user-select:none}.not-found-copy{max-width:680px}.not-found-copy h1{font-size:clamp(52px,6vw,78px)}.not-found-copy>p{max-width:600px;color:var(--muted);font-size:17px}.not-found-copy>div:last-child{display:flex;align-items:center;gap:25px;margin-top:30px}.not-found-link{font-size:12px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:4px}.not-found-page:after{content:"";position:absolute;width:380px;height:380px;left:80px;top:50%;translate:0 -50%;border:1px solid rgba(41,74,191,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(41,74,191,.025);z-index:-1}
@media(max-width:900px){.not-found-page{grid-template-columns:1fr;gap:20px;padding-block:70px}.not-found-code{font-size:150px}.not-found-page:after{left:-160px}}
@media(max-width:620px){.not-found-page{min-height:650px}.not-found-code{font-size:110px}.not-found-copy>div:last-child{align-items:flex-start;flex-direction:column}}

/* CXTS product portfolio */
.product-portfolio{background:#f1f7ff;border-block:1px solid #dbe7f5}.product-intro{display:grid;grid-template-columns:1.15fr .62fr;gap:110px;align-items:end;margin-bottom:62px}.product-intro h2{max-width:780px;margin-bottom:0;font-size:clamp(48px,5.5vw,72px)}.product-intro-copy{padding-top:18px;border-top:1px solid #cbd9ea}.product-intro-copy>span{display:block;margin-bottom:13px;color:var(--teal);font-size: 12px;font-weight: 700;text-transform:uppercase;letter-spacing:.12em}.product-intro-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.product-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-entry{position:relative;display:flex;flex-direction:column;min-height:370px;padding:24px;border:1px solid #d6e4f3;border-radius:16px;background:rgba(255,255,255,.78);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.product-entry:hover{transform:translateY(-3px);border-color:#abc4e8;box-shadow:0 18px 38px rgba(7,25,35,.055)}.product-entry-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dbe5f2}.product-entry-meta span{color:var(--teal);font-size:18px;font-weight:700}.product-entry-meta small{color:#72848b;font-size:18px;font-weight:600;text-transform:uppercase}.product-logo-field{height:112px;display:flex;align-items:center;padding:18px 0}.product-logo-field img{display:block;width:auto;max-width:82%;max-height:55px;object-fit:contain;object-position:left center}.product-logo-webtech img{max-height:48px}.product-entry-copy{margin-top:auto}.product-entry-copy h3{margin:0 0 10px;font-size:19px;letter-spacing:-.025em}.product-entry-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.product-entry-copy>span{display:inline-block;margin-top:22px;padding:6px 9px;border-radius:999px;background:#edf5ff;color:var(--teal);font-size: 10px;font-weight: 600;text-transform:uppercase;letter-spacing:.08em}.product-entry-featured{grid-column:1/-1;min-height:325px;padding:28px;background:#fff}.product-entry-featured:after{content:"";position:absolute;width:320px;height:320px;right:-130px;bottom:-210px;border:1px solid rgba(41,74,191,.1);border-radius:50%;box-shadow:0 0 0 52px rgba(41,74,191,.028)}.product-featured-body{display:grid;grid-template-columns:.9fr 1.1fr;min-height:230px}.product-entry-featured .product-logo-field{height:auto;padding:30px 55px 25px 8px;border-right:1px solid #dbe5f2}.product-entry-featured .product-logo-field img{max-width:88%;max-height:76px}.product-entry-featured .product-entry-copy{display:flex;flex-direction:column;justify-content:center;margin:0;padding:30px 45px}.product-entry-featured .product-entry-copy h3{font-size:29px}.product-entry-featured .product-entry-copy p{max-width:570px;font-size:13px}.product-entry-featured .product-entry-copy>span{align-self:flex-start}.product-portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:16px;padding:28px 30px;border:1px solid #d6e4f3;border-radius:14px;background:white}.product-portfolio-footer span{font-size:11px;font-weight:800}.product-portfolio-footer p{margin:2px 0 0;color:var(--muted);font-size:11px}.product-portfolio-footer .button{flex:0 0 auto}
@media(max-width:900px){.product-intro{grid-template-columns:1fr;gap:35px}.product-intro-copy{max-width:650px}.product-ledger{grid-template-columns:repeat(2,1fr)}.product-entry-featured{grid-column:1/-1}.product-featured-body{grid-template-columns:.8fr 1.2fr}}
@media(max-width:620px){.product-intro{margin-bottom:40px}.product-intro h2{font-size:43px}.product-ledger{grid-template-columns:1fr}.product-entry,.product-entry-featured{grid-column:auto;min-height:330px;padding:22px}.product-featured-body{display:block;min-height:0}.product-entry-featured .product-logo-field{height:115px;padding:22px 0;border-right:0;border-bottom:1px solid #dbe5f2}.product-entry-featured .product-logo-field img{max-height:58px}.product-entry-featured .product-entry-copy{padding:26px 0 4px}.product-entry-featured .product-entry-copy h3{font-size:23px}.product-portfolio-footer{align-items:flex-start;flex-direction:column;padding:25px}.product-portfolio-footer .button{width:100%}}

@media(max-width:620px){.tam-brief-visual{height:470px}.ai-review-visual{height: 600px;}}

.ai-decision-row>div{width: 92px;justify-self:center;aspect-ratio:1}
@media(max-width:620px){.ai-decision-row>div{width:62px;aspect-ratio:1}}

.client-trust-accent{color:var(--teal)}

/* Brand and portfolio alignment refinements */
.brand-logo{display:block;width:174px;height:auto}
.footer-grid .logo{padding:9px 12px 9px 0;border-radius:12px}
.client-logo img{object-position:center;transform:none!important}
.product-entry:not(.product-entry-featured) .product-logo-field{justify-content:center}
.product-entry:not(.product-entry-featured) .product-logo-field img{object-position:center}
.product-entry:not(.product-entry-featured) .product-entry-copy p{font-size:12.5px;line-height:1.68}

/* Client trust marquee */
.client-trust{padding:66px 0 72px;border-bottom:1px solid var(--line);background:#fff;overflow:hidden}.client-trust-heading{display:flex;justify-content:center;margin-bottom:34px;text-align:center}.client-trust-heading h2{max-width:720px;margin:0 auto;font-size:clamp(26px,2.7vw,38px);line-height:1.13;letter-spacing:-.04em}.client-marquee{position:relative;width:100%;border-block:1px solid #dde6e4;background:#f8fbfa;overflow:hidden}.client-marquee:before,.client-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:clamp(26px,8vw,130px);pointer-events:none}.client-marquee:before{left:0;background:linear-gradient(90deg,#f8fbfa,rgba(248,251,250,0))}.client-marquee:after{right:0;background:linear-gradient(270deg,#f8fbfa,rgba(248,251,250,0))}.client-marquee-track{display:flex;width:max-content;animation:client-marquee-scroll 34s linear infinite;will-change:transform}.client-marquee-group{display:flex;align-items:center;gap:18px;padding:18px 9px}.client-logo{display:grid;place-items:center;width:190px;height:116px;padding:16px 24px;border:1px solid #e0e8e6;border-radius:12px;background:#fff;box-shadow:0 8px 26px rgba(13,39,44,.035);overflow:hidden;isolation:isolate}.client-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:translateY(-4px)}.client-marquee:hover .client-marquee-track{animation-play-state:paused}@keyframes client-marquee-scroll{to{transform:translateX(-50%)}}@media(max-width:760px){.client-trust{padding:52px 0 58px}.client-trust-heading{margin-bottom:26px}.client-trust-heading h2{max-width:340px;font-size:28px}.client-logo{width:158px;height:98px;padding:13px 19px}.client-marquee-group{gap:12px;padding:14px 6px}.client-marquee-track{animation-duration:28s}}@media(prefers-reduced-motion:reduce){.client-marquee-track{animation:none}.client-marquee{overflow-x:auto}.client-marquee-group[aria-hidden="true"]{display:none}}

/* Final marquee logo centering */
.client-logo{display:flex;align-items:center;justify-content:center}
.client-logo img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;transform:none!important}

/* Index readability refinements */
.neural-v2 .capability-node strong{font-size:11px}
.neural-v2 .capability-node small{font-size:8px;line-height:1.25}
.expertise-tile small{font-size:11px;line-height:1.5}
.process-grid p{font-size:13px;line-height:1.66}
.product-intro-copy p{font-size:15px}
.product-entry:not(.product-entry-featured) .product-entry-copy p{font-size:13px;line-height:1.72}
.product-entry-featured .product-entry-copy p{font-size:13.5px;line-height:1.72}
.product-portfolio-footer span{font-size:17px}
.product-portfolio-footer p{font-size:15px;line-height:1.6}
@media(max-width:620px){.neural-v2 .capability-node strong{font-size:9px}.neural-v2 .capability-node small{font-size:7px}.expertise-tile small{font-size:10.5px}.process-grid p,.product-entry:not(.product-entry-featured) .product-entry-copy p{font-size:12.5px}}

/* Logo and expanded expertise */
.brand-logo{width:198px}
.expertise-preview{align-items:start}
.expertise-intro>p{font-size:17.5px;line-height:1.72}
.expertise-matrix{gap:12px;padding:12px;border-color:#cbdaf0;background:#eef5ff}
.expertise-tile{min-height:232px;padding:22px;border-color:rgba(41,74,191,.2)}
.expertise-tile strong{margin-top:30px;font-size:17px}
.expertise-tile small{font-size:12px;line-height:1.48}
.expertise-tile p{position:relative;z-index:1;margin:13px 0 0;color:var(--muted);font-size:11.5px;line-height:1.58}
.expertise-tile-dark p{color:#c7d7e8}
@media(max-width:900px){.expertise-tile{min-height:220px}}
@media(max-width:620px){.brand-logo{width:180px}.expertise-intro>p{font-size:16px}.expertise-tile{min-height:auto}.expertise-tile strong{margin-top:26px}.expertise-tile small{font-size:11px}.expertise-tile p{font-size:11px}}

/* Custom SaaS solution cards */
.product-logo-field{justify-content:center}
.product-entry-copy h3{letter-spacing:-.035em}
.product-entry-copy p{max-width:560px}
.process-grid p{font-size:13.5px;line-height:1.7}
@media(max-width:620px){.process-grid p{font-size:13px}}

/* Premium SaaS solution visuals */
.solution-visual{position:relative;width:104px;height:86px;border:1px solid rgba(41,74,191,.2);border-radius:24px;background:linear-gradient(145deg,#fff,rgba(239,246,255,.88));box-shadow:0 16px 34px rgba(7,25,35,.055),inset 0 0 0 1px rgba(41,74,191,.055);overflow:hidden}
.solution-visual:before{content:"";position:absolute;inset:12px;border:1px solid rgba(41,74,191,.1);border-radius:17px}
.solution-visual:after{content:"";position:absolute;right:-34px;bottom:-42px;width:104px;height:104px;border:1px solid rgba(41,74,191,.24);border-radius:50%;box-shadow:0 0 0 24px rgba(41,74,191,.04)}
.solution-visual span,.solution-visual i,.solution-visual b{position:absolute;z-index:1;display:block}
.solution-visual span{left:21px;top:22px;width:62px;height:38px;border:2px solid rgb(41 74 191);border-radius:10px;background:rgba(41,74,191,.035)}
.solution-visual i,.solution-visual b{font-style:normal;background:rgb(41 74 191)}
.solution-visual-large{width:150px;height:124px;border-radius:32px}
.solution-visual-large span{left:31px;top:31px;width:88px;height:54px;border-radius:14px}
.visual-build i{left:50px;top:49px;width:50px;height:2px;box-shadow:0 13px 0 rgba(41,74,191,.55),0 26px 0 rgba(41,74,191,.28)}
.visual-build b{left:74px;top:90px;width:34px;height:2px;transform:rotate(-28deg);transform-origin:left center}
.visual-workflow span{left:19px;top:40px;width:14px;height:14px;border-radius:50%;border:0;background:rgb(41 74 191);box-shadow:35px 0 0 rgba(41,74,191,.7),70px 0 0 rgba(41,74,191,.38)}
.visual-workflow i{left:33px;top:46px;width:36px;height:2px;box-shadow:35px 0 0 rgba(41,74,191,.38)}
.visual-workflow b{left:65px;top:32px;width:2px;height:16px;box-shadow:0 28px 0 rgba(41,74,191,.35)}
.visual-dashboard span{left:20px;top:22px;width:64px;height:44px}
.visual-dashboard i{left:31px;bottom:23px;width:9px;height:23px;border-radius:5px 5px 0 0;box-shadow:18px -10px 0 rgba(41,74,191,.65),36px -4px 0 rgba(41,74,191,.38)}
.visual-dashboard b{right:23px;top:25px;width:7px;height:7px;border-radius:50%;box-shadow:-12px 0 0 rgba(41,74,191,.45)}
.visual-integrations span{left:24px;top:24px;width:16px;height:16px;border-radius:50%;border:0;background:rgb(41 74 191);box-shadow:42px 0 0 rgba(41,74,191,.58),21px 34px 0 rgba(41,74,191,.36)}
.visual-integrations i{left:40px;top:32px;width:43px;height:2px;transform:rotate(0deg);box-shadow:-2px 28px 0 rgba(41,74,191,.24)}
.visual-integrations b{left:51px;top:48px;width:28px;height:2px;transform:rotate(-58deg);background:rgba(41,74,191,.55)}
@media(max-width:620px){.solution-visual{width:92px;height:78px}.solution-visual-large{width:116px;height:98px}}

.icon-arrow { display: inline-block; vertical-align: middle; margin-left: 0.15em; transform: translateY(2px); }

.brand-logo-mask {
  width: 198px;
  height: 44px;
  background: linear-gradient(to right, var(--teal) 0%, var(--cyan) 100%);
  -webkit-mask-image: url('logoNew-clean.png');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-image: url('logoNew-clean.png');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center left;
}

/* FAQ Accordion overrides */
.faq-list summary { grid-template-columns: 1fr 42px; padding: 15px 4px; }
.faq-list summary span { width: 40px; height: 40px; font-size: 32px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-bottom: 4px; }

/* Engagement Link Arrow Centering */
.engagement-link i { display: flex !important; align-items: center !important; justify-content: center !important; }
.engagement-link i svg.icon-arrow { display: block !important; margin: 0 !important; transform: translate(1px, 0px) !important; }

/* AI Orbit Diagram Adjustments */
.ai-orbit b { font-size: 9px !important; letter-spacing: -0.3px !important; }
.ai-mark { transform: scale(1.15) translateX(-45px); transform-origin: center center; }

/* AI Capabilities Cards Spacing Fix */
.ai-capabilities article .service-icon { margin-top: 24px; margin-bottom: 24px; }
.ai-capabilities h3 { margin-top: 0 !important; }
.ai-capabilities article:nth-child(4) .service-icon { background: var(--cyan) !important; color: var(--ink) !important; }

/* Universal Dark Background Decoration */
.split-section::before, .final-cta::before, .dark-panel::before, .proof-section::before, .why-method::before, .accent-card::before, .principle.feature::before, .site-footer::before, .difference-card.featured::before, .operating-model::before {
  content: ""; position: absolute; width: 520px; height: 520px; left: -230px; bottom: -310px;
  border: 1px solid rgba(41, 74, 191, .15); border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(41, 74, 191, .025), 0 0 0 140px rgba(41, 74, 191, .018);
  pointer-events: none; z-index: 0;
}
.split-section, .final-cta, .dark-panel, .proof-section, .why-method, .accent-card, .principle.feature, .site-footer, .difference-card.featured, .operating-model {
  position: relative; overflow: hidden;
}
.split-section > *, .final-cta > *, .dark-panel > *, .proof-section > *, .why-method > *, .accent-card > *, .principle.feature > *, .site-footer > *, .difference-card.featured > *, .operating-model > * {
  position: relative; z-index: 1;
}

/* Engagement Card Numbers Left Alignment */
.engagement-grid .engagement-card > span {
  right: auto !important;
  left: 35px !important;
  top: 35px !important;
}
.engagement-grid .engagement-card .service-icon {
  margin-top: 24px !important;
}

/* Engagement Card dl Gap Reduction */
.engagement-clean .engagement-card dl {
  margin-top: 40px !important;
}

/* Expertise List Find Out More Button */
.expertise-card ul { list-style: none; } .expertise-card ul li { position: relative; } 
.more-btn {
  background: rgba(41, 74, 191, 0.1);
  color: var(--royal-blue, rgb(41, 74, 191));
  border: 1px solid rgba(41, 74, 191, 0.2);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, border-color 0.2s;
}
.more-btn:hover {
  background: rgba(41, 74, 191, 0.2);
  border-color: rgba(41, 74, 191, 0.4);
}

/* Expertise Modal */
.expertise-modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(5, 19, 27, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
  backdrop-filter: blur(4px);
}
.expertise-modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.expertise-modal-content {
  background: white;
  border-radius: 16px;
  max-width: 800px;
  width: 90%;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  position: relative;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
  overflow: hidden;
}
.expertise-modal-overlay.is-open .expertise-modal-content {
  transform: translateY(0);
}
.expertise-modal-header {
  padding: 30px 40px 20px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.expertise-modal-header h3 {
  margin: 0;
  font-size: 24px;
  color: var(--ink);
}
.expertise-modal-close {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--ink);
  line-height: 1;
  padding: 5px;
}
.expertise-modal-body {
  padding: 20px 40px;
  overflow-y: auto;
  flex-grow: 1;
}
.expertise-modal-body p {
  color: var(--muted);
  line-height: 1.6;
  margin: 0 0 15px;
  font-size: 15px;
}
.expertise-modal-body ul {
  margin: 0 0 20px 20px;
  padding: 0;
  color: var(--muted);
}
.expertise-modal-body ul li {
  margin-bottom: 8px;
  font-size: 15px;
}
.expertise-modal-footer {
  padding: 20px 40px 30px;
  border-top: 1px solid var(--line);
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  background: linear-gradient(180deg,rgba(248,251,255,.35),rgba(248,251,255,.8));
}
/* Global Tech Stack Row */
.all-tech-stack {
  padding-top: 18px;
  padding-bottom: 76px;
}
.tech-stack-heading {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}
.tech-stack-heading .eyebrow {
  justify-content: center;
  margin-bottom: 14px;
}
.tech-stack-heading h2 {
  margin-bottom: 12px;
  font-size: clamp(34px, 3.6vw, 52px);
}
.tech-stack-heading p {
  max-width: 650px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}
.tech-stack-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 12px;
  justify-items: stretch;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .tech-stack-container {
    grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
  }
}
.tech-item {
  position: relative;
  min-height: 82px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe5f2;
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 24px rgba(7,25,35,.035);
  overflow: hidden;
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.tech-item::before {
  content: '';
  position: absolute;
  right: -38px;
  bottom: -48px;
  width: 102px;
  height: 102px;
  border: 1px solid rgba(41,74,191,.11);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(41,74,191,.025);
  pointer-events: none;
}
.tech-item:hover {
  transform: translateY(-3px);
  border-color: rgba(41,74,191,.32);
  box-shadow: 0 16px 34px rgba(7,25,35,.065);
}
.tech-badge {
  flex: 0 0 42px;
  width:42px;
  height:42px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(41,74,191,.22);
  border-radius:12px;
  background:linear-gradient(145deg,#fff,rgba(239,246,255,.88));
  color:var(--teal);
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
  box-shadow:0 10px 24px rgba(7,25,35,.045),inset 0 0 0 1px rgba(41,74,191,.045);
  transition:transform .3s,box-shadow .3s,border-color .3s
}
.tech-icon-shell {
  position: relative;
  z-index: 1;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(41,74,191,.18);
  border-radius: 13px;
  background: linear-gradient(145deg,#fff,rgba(245,249,255,.9));
  box-shadow: 0 10px 24px rgba(7,25,35,.045), inset 0 0 0 1px rgba(41,74,191,.04);
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.tech-icon-shell img {
  display: block;
  width: 29px;
  height: 29px;
  object-fit: contain;
  filter: drop-shadow(0 5px 9px rgba(7,25,35,.08));
}
.tech-item small {
  position: relative;
  z-index: 1;
  color: var(--ink);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}
.tech-item:hover .tech-badge {
  transform:translateY(-3px) scale(1.05);
  border-color:rgba(41,74,191,.42);
  box-shadow:0 15px 30px rgba(7,25,35,.075),inset 0 0 0 1px rgba(41,74,191,.08)
}
.tech-item:hover .tech-icon-shell,
.modal-tech-item:hover .tech-icon-shell {
  transform: translateY(-3px) scale(1.05);
  border-color: rgba(41,74,191,.38);
  box-shadow: 0 15px 30px rgba(7,25,35,.075), inset 0 0 0 1px rgba(41,74,191,.08);
}
.modal-tech-badge {
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:12px
}
.modal-tech-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.modal-tech-icon img {
  width: 26px;
  height: 26px;
}
.modal-tech-item {
  position:relative;
  min-width:132px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #dbe5f2;
  border-radius:15px;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 24px rgba(7,25,35,.04);
  overflow:hidden;
  transition:transform .25s,border-color .25s,box-shadow .25s
}
.modal-tech-item:after {
  content:"";
  position:absolute;
  right:-35px;
  bottom:-42px;
  width:92px;
  height:92px;
  border:1px solid rgba(41,74,191,.1);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(41,74,191,.025)
}
.modal-tech-item small {
  position:relative;
  z-index:1;
  color:var(--ink);
  font-size:11px;
  font-weight:750;
  line-height:1.2
}
.modal-tech-item:hover {
  transform:translateY(-3px);
  border-color:rgba(41,74,191,.34);
  box-shadow:0 16px 32px rgba(7,25,35,.07)
}
.modal-tech-item:hover .modal-tech-badge {
  transform:translateY(-3px) scale(1.05);
  border-color:rgba(41,74,191,.42);
  box-shadow:0 15px 30px rgba(7,25,35,.075),inset 0 0 0 1px rgba(41,74,191,.08)
}
@media(max-width:620px) {
  .tech-stack-container { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .tech-item { min-height: 76px; padding: 10px; }
  .tech-badge { flex-basis: 38px; width: 38px; height: 38px; font-size: 10px; }
  .tech-icon-shell { flex-basis: 38px; width: 38px; height: 38px; }
  .tech-icon-shell img { width: 25px; height: 25px; }
  .tech-item small { font-size: 10px; }
  .expertise-modal-footer { padding: 17px 20px 24px; }
  .modal-tech-item { min-width: calc(50% - 6px); padding: 9px; }
  .modal-tech-item small { font-size: 10px; }
}





/* --- Testimonials Slider --- */
.testimonials-section { position: relative; overflow: hidden; margin-top: 4rem; margin-bottom: 2rem; }
.testimonials-slider-wrap { position: relative; width: 100%; margin-top: 2.5rem; }
.testimonials-slider { display: flex; gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 1rem 0; width: 100%; }
.testimonials-slider::-webkit-scrollbar { display: none; }
.testimonial-card { flex: 0 0 calc(33.333% - 1rem); scroll-snap-align: start; background: white; border-radius: 12px; padding: 2.5rem 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); }
.quote-icon { color: var(--primary); opacity: 0.2; margin-bottom: 1.5rem; }
.testimonial-card p { font-size: 1.1rem; line-height: 1.6; color: var(--text); margin-bottom: 2rem; flex-grow: 1; font-style: italic; }
.testimonial-author { display: flex; align-items: center; gap: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 1.5rem; }
.author-info strong { display: block; font-size: 1rem; color: var(--heading); margin-bottom: 0.25rem; }
.author-info span { display: block; font-size: 0.85rem; color: var(--text-light); }
.testimonials-controls { display: flex; gap: 1rem; justify-content: center; margin-top: 1.5rem; }
.slider-btn { background: white; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text); transition: all 0.2s ease; }
.slider-btn:hover { background: var(--primary); color: white; border-color: var(--primary); }
@media (max-width: 1024px) { .testimonial-card { flex: 0 0 calc(50% - 0.75rem); } }
@media (max-width: 768px) { .testimonial-card { flex: 0 0 100%; } .prev-btn, .next-btn { display: none; } }


.author-avatar { width: 76px; height: 76px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 2px solid white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .author-avatar img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.35) translateY(3px); transform-origin: center 15%; }


.testimonial-card { position: relative; overflow: hidden; }
.testimonial-card::after {
  content: "";
  position: absolute;
  right: -52px;
  bottom: -69px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(41,74,191,.22);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(41,74,191,.035);
  pointer-events: none;
  z-index: 0;
}
.testimonial-card > * { position: relative; z-index: 1; }


.expertise-card ul li[data-modal-id] { cursor: pointer; transition: all 0.2s ease; padding: 6px 12px 6px 24px; border-radius: 6px; border: 1px solid transparent; margin-left: -8px; width: fit-content; }
.expertise-card ul li[data-modal-id]:hover { background: rgba(41, 74, 191, 0.1); border-color: rgba(41, 74, 191, 0.2); color: var(--royal-blue, rgb(41, 74, 191)); }










.expertise-card { overflow: hidden; position: relative; z-index: 0; }
.expertise-card::after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 220px; height: 220px; border: 2px solid rgba(41,74,191,.15); border-radius: 50%; box-shadow: 0 0 0 40px rgba(41,74,191,.035); pointer-events: none; z-index: 0; }
.expertise-card > * { position: relative; z-index: 1; }



/* Engagement Hero Visual */
.engagement-visual { position: relative; width: 620px; height: 620px; margin: 0 auto; }
.engagement-connections { position: absolute; inset: 0; width: 100%; height: 100%; }
.engagement-connections path.mesh { fill: none; stroke: url(#engagementFade); stroke-width: 2; stroke-dasharray: 6 4; }
.engagement-connections path { fill: none; stroke: rgba(41,74,191,0.25); stroke-width: 1.5; }
.engagement-connections .travel-points circle { fill: #2bd4bd; filter: drop-shadow(0 0 6px rgba(43,212,189,0.8)); }

.engagement-core {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 140px; height: 140px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; text-align: center;
  background: white; border: 2px solid var(--line);
  box-shadow: 0 10px 30px rgba(0,0,0,0.05); z-index: 10;
}
.engagement-core span { font-weight: 800; font-size: 16px; color: var(--text); line-height: 1.2; }
.engagement-core .core-aura { position: absolute; inset: -20px; border-radius: 50%; border: 1px dashed rgba(41,74,191,0.3); animation: spin 20s linear infinite; }

.engagement-visual .capability-node { position: absolute; transform: translate(-50%, -50%); z-index: 5; }
.engagement-node.node-tl { top: 20%; left: 20%; animation: float 6s ease-in-out infinite; }
.engagement-node.node-tr { top: 20%; left: 80%; animation: float 7s ease-in-out infinite 1s; }
.engagement-node.node-bl { top: 80%; left: 20%; animation: float 8s ease-in-out infinite 2s; }
.engagement-node.node-br { top: 80%; left: 80%; animation: float 6.5s ease-in-out infinite 0.5s; }

@media (max-width: 1024px) {
  .engagement-visual { transform: scale(0.8); }
}
@media (max-width: 768px) {
  .engagement-visual { transform: scale(0.6); margin-top: -60px; margin-bottom: -60px; }
}


.engagement-core.dark-core {
  background: #0b1521;
  border: none;
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.engagement-core.dark-core span {
  color: var(--cyan);
  font-size: 52px;
  font-weight: 850;
  line-height: 1;
  margin-bottom: 2px;
}
.engagement-core.dark-core small {
  color: #7995a3;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}


/* Circular Engagement Nodes */
.engagement-visual .engagement-node {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px !important;
  text-align: center;
  background: white !important;
  border: 1px solid rgba(41,74,191,0.1) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
  z-index: 5;
}
.engagement-visual .engagement-node::before {
  display: none !important;
}
.engagement-visual .engagement-node > i {
  position: static !important;
  margin: 0 0 12px 0 !important;
  background: transparent !important;
  color: var(--cyan) !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.engagement-visual .engagement-node i svg {
  width: 32px !important;
  height: 32px !important;
}
.engagement-visual .engagement-node div {
  margin-left: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.engagement-visual .engagement-node strong {
  font-size: 14.5px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  color: var(--ink);
}
.engagement-visual .engagement-node small {
  display: block !important;
  font-size: 10px !important;
  color: var(--muted) !important;
  margin-top: 4px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
.engagement-visual .engagement-node b {
  display: none !important;
}
.engagement-visual .engagement-node .node-number {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 10px;
  font-weight: 600;
  color: #aebfd1;
}


/* Perfect Centering Adjustments */
.engagement-core.dark-core small {
  margin-right: -0.15em !important; 
  text-align: center;
  display: block;
}
.engagement-core.dark-core span {
  text-align: center;
  display: block;
}

/* Global CX circle centering */
.engagement-core,
.operating-core,
.portfolio-core>div,
.blueprint-core,
.orchestration-core,
.combine-diagram>div,
.health-orbit>div,
.quality-core>div {
  text-align: center;
}
.engagement-core span,
.operating-core span,
.portfolio-core span,
.blueprint-core span,
.orchestration-core span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: .92;
  margin: 0;
  transform: translateX(-.04em);
}
.engagement-core small,
.operating-core small,
.portfolio-core small,
.blueprint-core small,
.orchestration-core small,
.health-orbit small,
.quality-core span {
  display: block;
  width: 100%;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

/* Expertise hero refinement */
.expertise-hero {
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  gap: 54px;
  min-height: 680px;
}
.expertise-hero .why-hero-copy>p {
  max-width: 670px;
}
.expertise-visual {
  width: min(560px, 100%);
  height: 560px;
  border: 1px solid #d7e6e3;
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 45%, rgba(41,74,191,.12), transparent 38%),
    radial-gradient(circle at 16% 18%, rgba(41,74,191,.08), transparent 34%),
    linear-gradient(145deg,#e7f3f1,#f9fbfa 74%);
  box-shadow: 0 30px 70px rgba(7,25,35,.09), inset 0 1px 0 rgba(255,255,255,.9);
  overflow: hidden;
  isolation: isolate;
}
.expertise-visual::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(41,74,191,.08);
  border-radius: 28px;
  pointer-events: none;
}
.expertise-visual::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -150px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(41,74,191,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgba(41,74,191,.025);
  pointer-events: none;
}
.expertise-visual .neural-ambient {
  opacity: .55;
}
.expertise-visual .engagement-core.dark-core {
  width: 126px;
  height: 126px;
  background: linear-gradient(145deg, #091827, #102642);
  box-shadow: 0 22px 50px rgba(7,25,35,.22), 0 0 0 12px rgba(41,74,191,.065);
}
.expertise-visual .engagement-core.dark-core span {
  font-size: 46px;
}
.expertise-visual .engagement-node {
  width: 116px !important;
  height: 116px !important;
  padding: 13px !important;
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(41,74,191,.16) !important;
  box-shadow: 0 18px 38px rgba(7,25,35,.075), inset 0 0 0 1px rgba(255,255,255,.75) !important;
  backdrop-filter: blur(12px);
}
.expertise-visual .engagement-node > i {
  margin-bottom: 8px !important;
  color: rgb(41 74 191) !important;
}
.expertise-visual .engagement-node i svg {
  width: 27px !important;
  height: 27px !important;
}
.expertise-visual .engagement-node strong {
  font-size: 12px !important;
  line-height: 1.16 !important;
}
.expertise-visual .engagement-node .node-number {
  top: 15px;
  right: 16px;
  color: rgba(41,74,191,.44);
}
.expertise-node-1 { top: 15%; left: 50%; animation: capability-float 6s ease-in-out infinite; }
.expertise-node-2 { top: 32%; left: 80%; animation: capability-float 7s ease-in-out infinite 1s; }
.expertise-node-3 { top: 68%; left: 80%; animation: capability-float 6.5s ease-in-out infinite .5s; }
.expertise-node-4 { top: 85%; left: 50%; animation: capability-float 8s ease-in-out infinite 2s; }
.expertise-node-5 { top: 68%; left: 20%; animation: capability-float 7.5s ease-in-out infinite 1.5s; }
.expertise-node-6 { top: 32%; left: 20%; animation: capability-float 6.2s ease-in-out infinite .8s; }
.services-portfolio-visual .service-portfolio-node {
  color: var(--ink);
  text-decoration: none;
}
.service-node-1 {top: 28%;left: 11%;animation: capability-float 6s ease-in-out infinite;}
.service-node-2 {top: 28%;left: 90%;animation: capability-float 7s ease-in-out infinite 1s;}
.service-node-3 {top: 73%;left: 11%;animation: capability-float 6.5s ease-in-out infinite .5s;}
.service-node-4 {top: 73%;left: 90%;animation: capability-float 7.5s ease-in-out infinite 1.5s;}
.why-cxts-visual .why-node {
  color: var(--ink);
}
.why-node-1 { top: 32%; left: 20%; animation: capability-float 6s ease-in-out infinite; }
.why-node-2 { top: 32%; left: 80%; animation: capability-float 7s ease-in-out infinite 1s; }
.why-node-3 { top: 85%; left: 50%; animation: capability-float 6.5s ease-in-out infinite .5s; }

@media(max-width:1100px) {
  .expertise-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .expertise-visual {
    width: min(560px, 100%);
  }
}

@media(max-width:620px) {
  .expertise-visual {
    height: 520px;
    border-radius: 28px;
  }
  .expertise-visual .engagement-node {
    width: 98px !important;
    height: 98px !important;
  }
  .expertise-visual .engagement-node strong {
    font-size: 10px !important;
  }
}


/* Footer Bottom Text Increase */
.footer-bottom, .footer-bottom span, .footer-bottom a {
  font-size: 13.5px !important;
}


/* Service Portfolio Enhancements */
.portfolio-node {
  width: 140px;
  height: 140px;
}
.portfolio-node > i {
  width: 38px;
  height: 38px;
  margin-bottom: 8px;
}
.portfolio-node > i svg {
  width: 22px;
  height: 22px;
}
.portfolio-node strong {
  font-size: 12px;
}
.portfolio-node small {
  font-size: 9px;
}
.portfolio-node > b {
  width: 24px;
  height: 24px;
  font-size: 9px;
  right: 10px;
  top: 10px;
}

/* Match services hero circles to expertise hero scale */
.portfolio-map .portfolio-node {
  width: 116px !important;
  height: 116px !important;
}
.portfolio-map .portfolio-node > i {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 7px !important;
}
.portfolio-map .portfolio-node > i svg {
  width: 20px !important;
  height: 20px !important;
}
.portfolio-map .portfolio-node strong {
  font-size: 10.5px !important;
  line-height: 1.16 !important;
}
.portfolio-map .portfolio-node small {
  font-size: 7.5px !important;
}
.portfolio-map .portfolio-node > b {
  width: 22px !important;
  height: 22px !important;
  right: 8px !important;
  top: 8px !important;
  font-size: 7.5px !important;
}

/* Match about hero value circles to expertise hero scale */
.about-values-visual .engagement-node {
  width: 116px !important;
  height: 116px !important;
  padding: 13px !important;
}
.about-values-visual .engagement-node > i {
  margin-bottom: 8px !important;
}
.about-values-visual .engagement-node i svg {
  width: 27px !important;
  height: 27px !important;
}
.about-values-visual .engagement-node strong {
  font-size: 12px !important;
  line-height: 1.16 !important;
}
.about-values-visual .engagement-node .node-number {
  top: 15px;
  right: 16px;
}
.portfolio-tier2 { left: 2%; top: 0%; }
.portfolio-tam { right: 2%; top: 0%; }
.portfolio-systems { left: 2%; bottom: 0%; }
.portfolio-ai { right: 2%; bottom: 0%; }


/* Homepage Neural v2 Overrides */
.hero-visual.neural-v2 {
  margin-top: -30px !important;
}
.neural-v2 .capability-node {
  width: 145px !important;
  height: 145px !important;
}
.neural-v2 .capability-node:hover {
  transform: scale(1.05) translateY(-3px) !important;
}
.neural-v2 .capability-node > i {
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 8px !important;
}
.neural-v2 .capability-node > i > svg {
  width: 24px !important;
  height: 24px !important;
}
.neural-v2 .capability-node strong {
  font-size: 14px !important;
  margin-top: 4px !important;
}
.neural-v2 .capability-node small {
  font-size: 10px !important;
}
.neural-v2 .capability-support { left: 7% !important; top: 4% !important; }
.neural-v2 .capability-account { right: 5% !important; top: 1% !important; }
.neural-v2 .capability-systems { left: 4% !important; bottom: 10% !important; }
.neural-v2 .capability-ai { right: 1% !important; bottom: 8% !important; }
.neural-v2 .capability-security { left: 50% !important; bottom: -3% !important; }


/* Testimonial Quote Icon Override */
.quote-icon {
  color: var(--blue) !important;
  opacity: 1 !important;
}


/* Testimonial Quote Icon Override (Teal) */
.quote-icon {
  color: var(--teal) !important;
}


/* Fixes for Neural v2 Nodes */
.neural-v2 .capability-node > i {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}
.neural-v2 .capability-support>b { right: 14.5px !important; bottom: 27.5px !important; }
.neural-v2 .capability-account>b { left: 14.5px !important; bottom: 27.5px !important; }
.neural-v2 .capability-systems>b { right: 12.5px !important; top: 32.5px !important; }
.neural-v2 .capability-ai>b { left: 12.5px !important; top: 32.5px !important; }

.neural-v2 .capability-security { left: 50% !important; transform: translateX(-50%) !important; }
.neural-v2 .capability-security:hover { transform: translateX(-50%) scale(1.05) translateY(-3px) !important; }
.neural-v2 .capability-security>b { top: 7.5px !important; }


/* Force Security Node Position */
.neural-v2 .capability-security {
  left: 63% !important;
  transform: none !important;
}
.neural-v2 .capability-security:hover {
  transform: scale(1.05) translateY(-3px) !important;
}


/* Align Security Node with lower orbit */
.neural-v2 .capability-security {
  left: 64% !important;
  transform: translateX(-50%) !important;
}
.neural-v2 .capability-security:hover {
  transform: translateX(-50%) scale(1.05) translateY(-3px) !important;
}
.neural-v2 .network-legend {
  bottom: -68px !important;
}

/* Services hero: animated core connection lines */
.portfolio-map>svg path {
  animation: portfolio-line-flow 9s linear infinite;
}
.portfolio-map>svg path:nth-child(2) { animation-delay: -2.2s; }
.portfolio-map>svg path:nth-child(3) { animation-delay: -4.4s; }
.portfolio-map>svg path:nth-child(4) { animation-delay: -6.6s; }

@keyframes portfolio-line-flow {
  to { stroke-dashoffset: -48; }
}

/* Engagement hero: match expertise bubble scale */
.engagement-hero .engagement-visual .engagement-node {
  width: 116px !important;
  height: 116px !important;
  padding: 13px !important;
}
.engagement-hero .engagement-visual .engagement-node > i {
  margin-bottom: 8px !important;
}
.engagement-hero .engagement-visual .engagement-node i svg {
  width: 27px !important;
  height: 27px !important;
}
.engagement-hero .engagement-visual .engagement-node strong {
  font-size: 12px !important;
  line-height: 1.16 !important;
}
.engagement-hero .engagement-visual .engagement-node .node-number {
  top: 15px;
  right: 16px;
}


/* Orchestration Map Contrast Enhancements */
.orchestration-map > svg {
  stroke: rgba(157, 243, 236, 0.4) !important;
}
.orchestration-node {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(157, 243, 236, 0.45) !important;
}
.orchestration-node:before {
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.orchestration-ring {
  border: 1px solid rgba(157, 243, 236, 0.2) !important;
}
.orchestration-ring:after {
  border: 1px dashed rgba(255, 255, 255, 0.3) !important;
}


/* Further Orchestration Node Contrast Fixes */
.orchestration-node {
  background: #ffffff !important;
}
.orchestration-node strong {
  color: #15222b !important;
}
.orchestration-node small {
  color: #4b5e65 !important;
}


/* Increase Font Size for Orchestration Nodes */
.orchestration-node strong {
  font-size: 13px !important;
}
.orchestration-node small {
  font-size: 10px !important;
}

/* Shared hero animation smoothing */
.response-promise>i {
  animation:response-dot-pulse 2.2s ease-in-out infinite;
}

@keyframes response-dot-pulse {
  0%, 100% {
    box-shadow:0 0 0 5px rgba(41,74,191,.1);
  }
  50% {
    box-shadow:0 0 0 8px rgba(41,74,191,.03), 0 0 14px rgba(41,74,191,.3);
  }
}

.neural-v2 .core-surface>span {
  transform:translateX(-2px);
}

.faq-cta {
  margin-top:18px;
}

.engagement-visual .engagement-node {
  background:radial-gradient(circle at 35% 25%, rgba(255,255,255,.98), rgba(242,250,248,.8) 58%, rgba(223,242,238,.72)) !important;
}

.about-story {
  padding-block:120px 130px;
}

.about-story-layout {
  display:grid;
  grid-template-columns:minmax(300px, .78fr) minmax(0, 1.22fr);
  gap:clamp(58px, 7vw, 108px);
  align-items:start;
}

.about-story-intro {
  position:sticky;
  top:120px;
  padding-right:clamp(0px, 2vw, 28px);
}

.about-story-intro h2 {
  max-width:520px;
  margin:0 0 24px;
  font-size:clamp(46px, 5vw, 68px);
  line-height:.98;
  letter-spacing:-.055em;
}

.about-story-intro>p {
  max-width:540px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.78;
}

.story-signature {
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  margin-top:34px;
  padding-top:21px;
  border-top:1px solid var(--line);
}

.story-signature span {
  position:relative;
  padding-left:13px;
  color:var(--ink);
  font-size:9px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.story-signature span:before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--cyan);
  translate:0 -50%;
  box-shadow:0 0 0 3px rgba(41,74,191,.1);
}

.story-ledger {
  position:relative;
  border-top:1px solid #ccd9e8;
}

.story-chapter {
  position:relative;
  display:grid;
  grid-template-columns:54px 50px minmax(0, 1fr);
  gap:20px;
  align-items:start;
  padding:29px 8px 31px 0;
  border-bottom:1px solid #d7e1ec;
  transition:padding-left .3s ease, border-color .3s ease;
}

.story-chapter:before {
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:0;
  height:2px;
  background:var(--cyan);
  transition:width .35s ease;
}

.story-chapter:hover {
  padding-left:10px;
  border-color:#b9cce2;
}

.story-chapter:hover:before {
  width:72px;
}

.story-chapter-meta {
  padding-top:3px;
}

.story-chapter-meta span,
.story-chapter-meta small {
  display:block;
}

.story-chapter-meta span {
  color:var(--teal);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
}

.story-chapter-meta small {
  margin-top:8px;
  color:#80929d;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  rotate:180deg;
}

.story-chapter-icon {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(41,74,191,.14);
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#edf5ff);
  color:var(--teal);
  box-shadow:0 12px 28px rgba(7,25,35,.055);
}

.story-chapter-icon svg {
  width:23px;
  height:23px;
}

.story-chapter-copy h3 {
  max-width:570px;
  margin:0 0 12px;
  font-size:clamp(23px, 2.2vw, 30px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.story-chapter-copy p {
  max-width:680px;
  margin:0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.75;
}

.story-chapter-copy strong {
  display:block;
  margin-top:17px;
  color:var(--ink);
  font-size:9px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}

@media(max-width:900px) {
  .about-story-layout {
    grid-template-columns:1fr;
    gap:55px;
  }

  .about-story-intro {
    position:static;
    padding-right:0;
  }
}

@media(max-width:620px) {
  .about-story {
    padding-block:82px 90px;
  }

  .story-chapter {
    grid-template-columns:40px 1fr;
    gap:14px;
    padding-block:25px 27px;
  }

  .story-chapter-meta small {
    display:none;
  }

  .story-chapter-icon {
    grid-column:1;
    width:40px;
    height:40px;
  }

  .story-chapter-copy {
    grid-column:2;
    grid-row:1 / span 2;
  }

  .story-chapter-copy p {
    font-size:13px;
  }
}

.ai-hero-card .ai-mark {
  transform: scale(1.15) translateX(0);
  transform-origin: center;
}

@media(max-width:620px) {
  .ai-hero-card .ai-mark {
    transform: scale(.8) translateX(0);
  }
}

@keyframes hero-float-smooth {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -5px; }
}

@keyframes hero-float-layout-safe {
  0%, 100% { margin-top: 0; }
  50% { margin-top: -5px; }
}

.engagement-visual .engagement-node,
.neural-v2 .capability-node:not(.capability-security),
.orchestration-node {
  animation-name: hero-float-smooth !important;
  animation-timing-function: cubic-bezier(.45, 0, .55, 1) !important;
  backface-visibility: hidden;
  will-change: translate;
}

.neural-v2 .capability-node {
  animation-duration: 7s !important;
}

.neural-v2 .capability-security {
  animation-name: hero-float-layout-safe !important;
  animation-duration: 7.5s !important;
  animation-timing-function: cubic-bezier(.45, 0, .55, 1) !important;
}

.neural-orbit,
.core-spinner,
.ai-orbit b,
.ring-outer,
.quality-core,
.quality-core>div,
.orchestration-ring:after {
  backface-visibility: hidden;
  transform-origin: center;
  will-change: transform;
}

.neural-ambient,
.core-aura,
.operating-core:after {
  backface-visibility: hidden;
  transform-origin: center;
  will-change: transform, opacity;
}

.neural-connections,
.operating-canvas>svg,
.portfolio-map>svg {
  shape-rendering: geometricPrecision;
}

@media(prefers-reduced-motion:reduce) {
  .response-promise>i,
  .engagement-visual .engagement-node,
  .neural-v2 .capability-node,
  .orchestration-node,
  .neural-orbit,
  .core-spinner,
  .ai-orbit b,
  .ring-outer,
  .quality-core,
  .quality-core>div,
  .orchestration-ring:after,
  .neural-ambient,
  .core-aura,
  .operating-core:after,
  .connection-paths,
  .portfolio-map>svg path {
    animation: none !important;
  }

  .travel-points {
    display: none;
  }
}



/* July 2026 launch updates */
.main-nav { gap:18px; font-size:13px; }
.nav-cta { padding:11px 15px; white-space:nowrap; }
.hero-proof.hero-proof-four { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.proof-strip { margin-top:18px; padding:16px 18px; border:1px solid rgba(41,74,191,.18); border-radius:18px; background:rgba(255,255,255,.78); box-shadow:0 18px 40px rgba(7,25,35,.06); }
.proof-strip strong { display:block; color:var(--ink); font-size:14px; }
.proof-strip span { display:block; color:var(--muted); font-size:13px; margin-top:4px; }
.proof-sentence { font-size:14px!important; color:var(--cyan)!important; font-weight:700; margin-bottom:12px!important; }
.rating-callout, .impact-line, .best-for-note { display:block; margin:0 0 14px; padding:12px 14px; border-radius:14px; background:rgba(41,74,191,.08); color:#17338f; font-weight:700; font-size:13px; line-height:1.45; }
.impact-line { margin-top:14px; }
.sla-mini-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin:18px 0; }
.sla-mini-grid div { padding:12px; border-radius:14px; border:1px solid rgba(41,74,191,.16); background:#fff; }
.sla-mini-grid strong { display:block; color:var(--ink); }
.sla-mini-grid span {display:block;color:var(--muted);font-size: 12px;line-height:1.4;}
.contact-coverage-note { margin-top:14px; padding:14px 16px; border-radius:16px; border:1px solid rgba(41,74,191,.16); background:rgba(41,74,191,.06); color:var(--muted); font-size:14px; }
.booking-direct { margin-top:12px; }
.lead-profile-section { padding-top:20px; }
.lead-profile-card, .strategic-lead-card { display:grid; grid-template-columns:280px 1fr; gap:34px; align-items:center; padding:34px; border:1px solid rgba(11,23,32,.08); border-radius:30px; background:#fff; box-shadow:0 24px 70px rgba(7,25,35,.08); }
.lead-profile-photo img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:50%; border:7px solid rgba(41,74,191,.18); box-shadow:0 20px 45px rgba(7,25,35,.12); }
.lead-profile-copy h2 { font-size:clamp(36px, 5vw, 70px); margin-bottom:6px; }
.lead-profile-copy h3 { color:var(--cyan); margin-bottom:16px; }
.profile-pills { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 18px; }
.profile-pills span { padding:8px 12px; border-radius:999px; background:rgba(41,74,191,.09); color:#17338f; font-size:12px; font-weight:800; }
.proof-card-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.proof-card { padding:26px; border-radius:24px; background:#fff; border:1px solid rgba(11,23,32,.08); box-shadow:0 18px 48px rgba(7,25,35,.06); }
.proof-card>span, .pricing-card>span, .case-study-card>span { color:var(--cyan); font-weight:700; letter-spacing:.12em; font-size:26px; }
.proof-card h3 { font-size:24px; line-height:1.15; }
.proof-card small { color:var(--muted); font-weight:700; }
.team-hero { min-height:640px; }
.team-orbit-visual { position:relative; min-height:620px; border-radius:34px; overflow:hidden; background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,243,255,.86)); border:1px solid rgba(41,74,191,.14); box-shadow:0 30px 80px rgba(7,25,35,.09); }
.team-orbit-visual svg { position:absolute; inset:0; width:100%; height:100%; }
.team-orbit-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:170px; padding:16px; border-radius:26px; background:#fff; text-align:center; box-shadow:0 25px 65px rgba(7,25,35,.16); border:1px solid rgba(41,74,191,.18); z-index:3; }
.team-orbit-core img { width:112px; height:112px; border-radius:50%; object-fit:cover; border:3px solid var(--cyan); }
.team-orbit-core strong, .team-orbit-core span { display:block; }
.team-orbit-core strong { margin-top:8px; }
.team-orbit-core span { font-size:12px; color:var(--muted); font-weight:700; }
.team-orbit-node { position:absolute; z-index:2; width:102px; text-align:center; }
.team-orbit-node img { width:82px; height:82px; border-radius:50%; object-fit:cover; /*border:2px solid fff;*/ box-shadow:0 16px 32px rgba(7,25,35,.16); outline:3px solid rgba(41,74,191,.25); background:#fff; }
.team-orbit-node span { display:block; margin-top:6px; font-size:12px; font-weight:800; color:var(--ink); }
.team-orbit-1 { left:50%; top:8%; transform:translateX(-50%); }
.team-orbit-2 { right:9%; top:25%; }
.team-orbit-3 { right:9%; bottom:25%; }
.team-orbit-4 { left:50%; bottom:8%; transform:translateX(-50%); }
.team-orbit-5 { left:9%; bottom:25%; }
.team-orbit-6 { left:9%; top:25%; }
.team-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.team-member-card { padding:24px; border-radius:26px; background:#fff; border:1px solid rgba(11,23,32,.08); box-shadow:0 18px 50px rgba(7,25,35,.06); }
.team-member-card img { width:116px; height:116px; border-radius:50%; object-fit:cover; border:5px solid rgba(41,74,191,.18); margin-bottom:18px; }
.team-member-card h3 { margin-bottom:4px; font-size:24px; line-height:1.15; }
.team-member-card strong { display:block; color:var(--cyan); line-height:1.3; margin-bottom:10px; }
.team-member-card p { color:var(--muted); font-size:14px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.pricing-card { padding:30px; border-radius:28px; background:#fff; border:1px solid rgba(11,23,32,.09); box-shadow:0 18px 50px rgba(7,25,35,.06); }
.pricing-card.featured { background:var(--ink); color:#fff; transform:translateY(-12px); }
.pricing-card.featured p, .pricing-card.featured li { color:rgba(255,255,255,.78); }
.price-placeholder { font-size:22px; font-weight:800; color:var(--cyan); }
.pricing-card ul { padding-left:18px; color:var(--muted); }
.pilot-callout { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:34px; border-radius:30px; background:var(--ink); color:#fff; box-shadow:0 26px 70px rgba(7,25,35,.14); }
.pilot-callout p { color:rgba(255,255,255,.76); max-width:720px; }
.case-attribution { display:inline-block; margin-top:18px; padding:10px 14px; border-radius:999px; background:rgba(41,74,191,.09); color:#17338f; font-weight:800; }
.case-study-list { display:grid; gap:22px; }
.case-study-card { display:grid; grid-template-columns:70px 1fr; gap:22px; padding:30px; border-radius:28px; background:#fff; border:1px solid rgba(11,23,32,.08); box-shadow:0 18px 50px rgba(7,25,35,.06); }
.case-study-card h2 { margin-bottom:18px; }
.case-study-card h3 { color:var(--cyan); margin-bottom:6px; }
.case-study-card p { color:var(--muted); }
@media(max-width:1100px) { .main-nav { gap:12px; font-size:12px; } .nav-cta { padding:10px 12px; } .team-grid,.pricing-grid,.proof-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:860px) { .team-orbit-visual { min-height:520px; } .lead-profile-card,.strategic-lead-card { grid-template-columns:1fr; } .lead-profile-photo { max-width:260px; } .sla-mini-grid { grid-template-columns:1fr; } .pricing-card.featured { transform:none; } .pilot-callout { display:block; } }
@media(max-width:640px) { .hero-proof.hero-proof-four, .team-grid, .pricing-grid, .proof-card-grid { grid-template-columns:1fr; } .case-study-card { grid-template-columns:1fr; } .team-orbit-node { width:82px; } .team-orbit-node img { width:64px; height:64px; } .team-orbit-core { width:150px; } .team-orbit-core img { width:92px; height:92px; } }


/* CXTS final v4 layout corrections - 2026-07-01 */
.contact-coverage-note {
  margin-bottom: 40px;
}

.lead-profile-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center center;
}

.site-footer .footer-logo {
  display: inline-flex;
  align-items: center;
}

.site-footer .brand-logo-light {
  display: block;
  width: 198px;
  height: auto;
}

.engagement-clean .dark-panel .pricing-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(330px, .94fr);
  gap: clamp(56px, 7vw, 100px);
  align-items: start;
}

.pricing-page .pilot-callout {
  margin-bottom: 64px;
}

.why-hero,
.engagement-hero {
  overflow: hidden;
}

.why-hero > *,
.engagement-hero > * {
  min-width: 0;
}

.engagement-visual,
.about-values-visual {
  box-sizing: border-box;
  max-width: 100%;
  transform-origin: center center;
}

@media (max-width: 900px) {
  .why-hero,
  .engagement-hero {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .engagement-visual,
  .about-values-visual {
    width: min(620px, 100%);
    height: auto;
    aspect-ratio: 1 / 1;
    margin-left: auto;
    margin-right: auto;
    transform: none !important;
  }

  .engagement-clean .dark-panel .pricing-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

@media (max-width: 620px) {
  .why-hero,
  .engagement-hero {
    overflow: hidden;
  }

  .engagement-visual,
  .about-values-visual {
    width: min(100%, 360px);
    height: auto;
    aspect-ratio: 1 / 1;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }

  .engagement-visual .engagement-node {
    width: 92px !important;
    height: 92px !important;
    padding: 10px !important;
  }

  .engagement-visual .engagement-node > i {
    margin-bottom: 7px !important;
  }

  .engagement-visual .engagement-node i svg {
    width: 22px !important;
    height: 22px !important;
  }

  .engagement-visual .engagement-node strong {
    font-size: 10px !important;
    line-height: 1.12 !important;
  }

  .engagement-core {
    width: 104px;
    height: 104px;
  }

  .engagement-core.dark-core span {
    font-size: 38px;
  }

  .pricing-page .pilot-callout {
    margin-bottom: 48px;
  }
}

/* Contrast refinement pass - dark backgrounds */
.site-footer,
.site-footer p,
.site-footer h3,
.site-footer a,
.site-footer span,
.site-footer small,
.site-footer .footer-bottom,
.site-footer .footer-bottom span,
.site-footer .footer-bottom a,
.site-footer .footer-email,
.site-footer .legal-links a {
  color: #fff !important;
}

.site-footer .footer-grid > div > a:hover,
.site-footer .footer-email:hover {
  color: #fff !important;
}

.accent-card .service-icon,
.accent-card:hover .service-icon {
  background: #fff !important;
  color: var(--cyan) !important;
}

.accent-card .text-link,
.accent-card .text-link:hover {
  color: #fff !important;
}

.expertise-tile-dark span,
.expertise-tile-dark .expertise-icon,
.expertise-tile-dark:after {
  color: #fff !important;
}

.expertise-tile-dark .expertise-icon {
  border-color: rgba(255, 255, 255, .42) !important;
}

.final-cta .eyebrow,
.final-cta .eyebrow.light,
.final-cta .eyebrow span,
.final-cta .eyebrow.light span {
  color: #fff !important;
  background-color: currentColor;
}

.final-cta .button-cyan {
  color: #fff !important;
}

.split-section .eyebrow,
.split-section .eyebrow.light,
.dark-panel .eyebrow,
.dark-panel .eyebrow.light,
.proof-section .eyebrow,
.proof-section .eyebrow.light,
.why-method .eyebrow,
.why-method .eyebrow.light,
.service-combine .eyebrow,
.service-combine .eyebrow.light,
.engagement-showcase .eyebrow,
.engagement-showcase .eyebrow.light,
.pilot-callout .eyebrow,
.pilot-callout .eyebrow.light,
.principle.feature .eyebrow,
.principle.feature .eyebrow.light,
.difference-card.featured .eyebrow,
.difference-card.featured .eyebrow.light,
.operating-model .eyebrow,
.operating-model .eyebrow.light,
.ai-capabilities article:nth-child(4) .eyebrow,
.ai-capabilities article:nth-child(4) .eyebrow.light {
  color: #fff !important;
}

.split-section .eyebrow span,
.dark-panel .eyebrow span,
.proof-section .eyebrow span,
.why-method .eyebrow span,
.service-combine .eyebrow span,
.engagement-showcase .eyebrow span,
.pilot-callout .eyebrow span,
.principle.feature .eyebrow span,
.difference-card.featured .eyebrow span,
.operating-model .eyebrow span,
.ai-capabilities article:nth-child(4) .eyebrow span {
  background-color: #fff !important;
}

.ai-capabilities article:nth-child(4) span,
.ai-capabilities article:nth-child(4) .service-icon,
.ai-capabilities article:nth-child(4) .service-icon svg {
  color: #fff !important;
}

.ai-capabilities article:nth-child(4) .service-icon {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .32) !important;
}

.service-combine .button-cyan,
.pilot-callout .button-cyan {
  color: #fff !important;
}

.service-deep-link span,
.services-hero-panel > a > span,
.services-hero-panel > a small,
.portfolio-label small,
.engagement-clean .pricing-list span,
.engagement-clean .pricing-list p,
.engagement-clean .pricing-grid .large-copy {
  color: #fff !important;
}

.difference-card.featured .difference-icon,
.difference-card.featured:hover .difference-icon {
  background: #fff !important;
  color: var(--cyan) !important;
}

.pricing-card.featured .price-placeholder,
.pricing-card.featured .eyebrow,
.pricing-card.featured strong,
.pilot-callout .eyebrow,
.pilot-callout .price-placeholder {
  color: #fff !important;
}

/* Keep eyebrow wrappers transparent while keeping their line markers white */
.final-cta .eyebrow,
.final-cta .eyebrow.light {
  background-color: transparent !important;
}

.final-cta .eyebrow span,
.final-cta .eyebrow.light span {
  background-color: #fff !important;
}

/* July 2026 contrast fixes v6 - dark-section readability pass */
.engagement-showcase-section .engagement-showcase,
.engagement-showcase-section .engagement-showcase * {
  --dark-contrast-white: #ffffff;
}

.engagement-showcase-section .engagement-link i,
.engagement-showcase-section .engagement-link i .icon-arrow,
.engagement-showcase-section .icon-arrow,
.engagement-showcase-section .model-symbol,
.engagement-showcase-section .model-symbol svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.engagement-showcase-section .model-card small,
.engagement-showcase-section .model-grid:after {
  color: #ffffff !important;
}

.engagement-core.dark-core span,
.engagement-core.dark-core small,
.expertise-visual .engagement-core.dark-core span,
.expertise-visual .engagement-core.dark-core small {
  color: #ffffff !important;
}

.why-method .method-steps i,
.method-steps i {
  color: #ffffff !important;
}

.why-method .method-steps span,
.method-steps span {
  font-size: 16px !important;
  color: #ffffff !important;
}

.ai-page .ai-mark-core {
  color: #ffffff !important;
}

.ai-page .rating-callout,
.ai-page .impact-line,
.ai-page .best-for-note {
  color: #ffffff !important;
}


/* CXTS v7 refinements - visual cleanup, team merge, contact validation, HITL orbit */
.hero-visual.neural-stage,
.expertise-visual,
.ai-hero-card,
.team-orbit-visual,
.capability-visual {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.expertise-visual::before,
.expertise-visual::after,
.ai-hero-card::before,
.team-orbit-visual::before,
.team-orbit-visual::after,
.capability-visual::before,
.neural-stage::before {
  display: none !important;
}

.team-orbit-core {
  top: 53% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.team-hero .why-hero-copy > p + p {
  margin-top: 14px;
}

.ai-orbit b {
  width: 70px !important;
  height: 70px !important;
  margin: -35px 0 0 -35px !important;
  padding: 6px !important;
  text-align: center !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  font-size: 8.5px !important;
  letter-spacing: -0.02em !important;
}

.ai-orbit-middle b {
  width: 82px !important;
  height: 82px !important;
  margin: -41px 0 0 -41px !important;
  font-size: 8px !important;
}

.ai-orbit-outer b {
  width: 88px !important;
  height: 88px !important;
  margin: -44px 0 0 -44px !important;
  font-size: 8px !important;
}

.ai-orbit b:nth-child(2) { animation-delay: -4.33s !important; }
.ai-orbit b:nth-child(3) { animation-delay: -8.66s !important; }
.ai-orbit-middle b:nth-child(2) { animation-delay: -6.33s !important; }
.ai-orbit-middle b:nth-child(3) { animation-delay: -12.66s !important; }
.ai-orbit-outer b:nth-child(2) { animation-delay: -6.75s !important; }
.ai-orbit-outer b:nth-child(3) { animation-delay: -13.5s !important; }
.ai-orbit-outer b:nth-child(4) { animation-delay: -20.25s !important; }

.ai-capabilities article:not(:nth-child(4)) .impact-line {
  color: #071923 !important;
  background: rgba(41, 74, 191, .08) !important;
}

.ai-capabilities article:nth-child(4) .impact-line {
  color: #ffffff !important;
  background: rgba(41, 74, 191, .18) !important;
}

.contact-form .form-head {
  display: block !important;
}

.contact-form .form-head span {
  display: block !important;
}

.contact-form .form-head small {
  display: block !important;
  margin-top: 6px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  color: var(--muted) !important;
}

.contact-form label.has-error input,
.contact-form label.has-error select,
.contact-form label.has-error textarea {
  border-color: #d93025 !important;
  box-shadow: 0 0 0 4px rgba(217, 48, 37, .08) !important;
}

.field-error {
  display: block;
  margin-top: 7px;
  color: #9a3429;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

.booking-direct,
.contact-coverage-note {
  display: none !important;
}

@media (max-width: 620px) {
  .team-hero {
    min-height: auto;
  }

  .team-orbit-visual {
    min-height: 470px !important;
  }

  .ai-orbit b {
    width: 62px !important;
    height: 62px !important;
    margin: -31px 0 0 -31px !important;
    font-size: 7.2px !important;
  }

  .ai-orbit-middle b {
    width: 70px !important;
    height: 70px !important;
    margin: -35px 0 0 -35px !important;
  }

  .ai-orbit-outer b {
    width: 76px !important;
    height: 76px !important;
    margin: -38px 0 0 -38px !important;
  }
}

/* CXTS v8 refinements - Team page removed, footer link hover */
.site-footer,
.site-footer p,
.site-footer h3,
.site-footer span,
.site-footer a,
.site-footer .footer-bottom {
  color: #ffffff !important;
}

.footer-grid > div > a:not(.logo),
.footer-bottom a,
.legal-links a,
.footer-email {
  color: #ffffff !important;
  transition: color .2s ease, opacity .2s ease, transform .2s ease, text-decoration-color .2s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
}

.footer-grid > div > a:not(.logo):hover,
.footer-grid > div > a:not(.logo):focus-visible,
.footer-bottom a:hover,
.footer-bottom a:focus-visible,
.legal-links a:hover,
.legal-links a:focus-visible,
.footer-email:hover,
.footer-email:focus-visible {
  color: var(--cyan) !important;
  text-decoration-color: currentColor;
  opacity: 1;
  transform: translateX(3px);
}

.footer-email:hover .icon-arrow,
.footer-email:focus-visible .icon-arrow {
  transform: translate(2px, -2px);
}


/* CXTS v9 refinements - 1440 shell, header sizing, home orbit alignment, About layout, Pricing hidden */
:root {
  --shell: min(1440px, calc(100% - 48px));
}

.main-nav {
  gap: 24px !important;
  font-size: 17px !important;
}

.nav-cta {
  padding: 12px 18px !important;
}

@media (max-width: 1100px) {
  .main-nav {
    gap: 8px !important;
    font-size: 17px !important;
    text-transform: uppercase;
  }
}

@media (max-width: 900px) {
  :root {
    --shell: min(100% - 32px, 1440px);
  }
}

@media (max-width: 620px) {
  .hero {
    gap: 100px !important;
    padding-block: 130px !important;
  }

  .trust-inner span {
    min-width: 135px;
  }
}

/* Home neural capability alignment: match node anchor dots to SVG connection points */
.neural-v2 .capability-support {
  left: 11% !important;
  top: 2% !important;
}

.neural-v2 .capability-account {
  right: 9% !important;
  top: 3% !important;
}

.neural-v2 .capability-systems {
  left: 3% !important;
  top: 61% !important;
}

.neural-v2 .capability-ai {
  right: 3% !important;
  top: 61% !important;
}

.neural-v2 .capability-security {
  left: 50% !important;
  bottom: -18px !important;
  translate: -50% 0 !important;
  transform: none !important;
}

.neural-v2 .capability-security:hover {
  transform: scale(1.05) translateY(-3px) !important;
}

.neural-v2 .capability-support > b,
.neural-v2 .capability-account > b {
  bottom: 15px !important;
}

.neural-v2 .capability-systems > b,
.neural-v2 .capability-ai > b {
  top: 20px !important;
}

@media (max-width: 620px) {
  .neural-v2 .capability-support {
    left: -1% !important;
    top: 42px !important;
  }

  .neural-v2 .capability-account {
    right: -3% !important;
    top: 8% !important;
  }

  .neural-v2 .capability-systems {
    left: -2% !important;
    top: 52% !important;
  }

  .neural-v2 .capability-ai {
    right: -3% !important;
    top: 52% !important;
  }

  .neural-v2 .capability-security {
    left: 50% !important;
    bottom: -18px !important;
    translate: -50% 0 !important;
  }
}

/* About: remove the right-side team orbit and let the copy breathe full width */
.team-hero {
  min-height: auto !important;
  grid-template-columns: 1fr !important;
  gap: 42px !important;
}

.team-hero .why-hero-copy {
  width: 100% !important;
  max-width: none !important;
}

.team-hero .why-hero-copy h1 {
  max-width: 1080px !important;
}

.team-hero .why-hero-copy > p {
  max-width: 1400px !important;
}

.lead-profile-card,
.strategic-lead-card {
  grid-template-columns: 330px 1fr !important;
}

.team-member-card img {
  width: 240px !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #9a9194;
  border: 7px solid rgb(216 222 243);
}

@media (max-width: 860px) {
  .lead-profile-card,
  .strategic-lead-card {
    grid-template-columns: 1fr !important;
  }

  .lead-profile-photo {
    max-width: 330px !important;
  }
}

@media (max-width: 640px) {
  .team-member-card img {
    width: min(240px, 100%) !important;
  }
}


/* Production contact-form validation */
.form-alert {
  display: none;
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid #fecaca;
  border-radius: 12px;
  background: #fff1f2;
  color: #be123c;
  font-size: 13px;
  line-height: 1.45;
}
.form-alert.is-visible { display: block; }
.form-alert strong { font-weight: 800; }
.contact-form label.has-error input,
.contact-form label.has-error select,
.contact-form label.has-error textarea {
  border-color: #e11d48 !important;
  background: #fff7f8 !important;
  box-shadow: 0 0 0 4px rgba(225, 29, 72, .08) !important;
}
.contact-form label.has-error {
  color: #be123c;
}
.field-error {
  display: block;
  margin-top: 7px;
  color: #e11d48 !important;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1.35;
}


/* About strategy image section */
.about-strategy-section {
  padding-top: 0 !important;
}

.about-strategy-media {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  background: #071923;
  box-shadow: 0 28px 80px rgba(7, 25, 35, .12);
  min-height: 340px;
}

.about-strategy-media img {
  display: block;
  width: 100%;
  height: min(520px, 46vw);
  min-height: 340px;
  object-fit: cover;
  object-position: center center;
}

.about-strategy-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 25, 35, 0) 35%, rgba(7, 25, 35, .72) 100%);
  pointer-events: none;
}

.about-strategy-caption {
  position: absolute;
  left: clamp(20px, 3vw, 38px);
  right: clamp(20px, 3vw, 38px);
  bottom: clamp(20px, 3vw, 34px);
  z-index: 2;
  max-width: 680px;
  color: #fff;
  font-size: clamp(20px, 2.4vw, 34px);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -.03em;
}

@media (max-width: 640px) {
  .about-strategy-media {
    border-radius: 24px;
  }

  .about-strategy-media img {
    height: 360px;
    min-height: 360px;
  }
}

/* CXTS services visual-status separation fix - desktop/mobile */
.capability-visual .visual-status {
  bottom: 14px;
  z-index: 6;
}

.support-visual .resolution-console {
  bottom: 66px;
}

.tam-brief {
  bottom: 66px;
}

.ai-review-shell {
  bottom: 66px;
}

@media (max-width: 900px) {
   .support-visual,
   .tam-brief-visual,
   .ai-review-visual {
    height: 560px;
  }

   .systems-visual {
    height: 430px;
  }
}

@media (max-width: 620px) {
   .capability-visual .visual-status {
    bottom: 8px;
    max-width: calc(100% - 30px);
    white-space: nowrap;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
  }

   .support-visual {
    height: 575px;
  }

   .support-visual .resolution-console {
    top: 72px;
    bottom: 62px;
  }

   .tam-brief-visual {
    height: 535px;
  }

   .tam-brief {
    bottom: 62px;
  }

   .systems-visual {
    height: 430px;
  }

   .systems-stack {
    top: 46%;
  }

   .ai-review-visual {
    height: 665px;
  }

   .ai-review-shell {
    bottom: 62px;
  }
}


@media (max-width: 620px) {
  .difference-card.featured > span {
    top: 30px !important;
    right: 30px !important;
  }
}

/* CXTS final feedback adjustments - remove visible sequence numbers and rebalance icon/card spacing */
.capability-node .node-number,
.service-card .number,
.principle > span,
.engagement-card > span,
.model-number,
.expertise-tile > span,
.process-grid li > span,
.product-entry-meta > span,
.capability-no,
.deliverables > div > span,
.service-result > span,
.proof-card > span,
.case-study-card > span,
.contact-note > span,
.legal-content section > span,
.difference-card > span,
.expertise-card-head > span,
.ai-capabilities article > span,
.pricing-list span,
.pricing-models article > span {
  display: none !important;
}

.service-card .service-icon,
.accent-card .service-icon,
.difference-icon,
.pricing-icon,
.process-icon,
.ai-capabilities article .service-icon {
  margin-top: 0;
}

.service-card .service-icon,
.accent-card .service-icon,
.difference-icon,
.ai-capabilities article .service-icon {
  margin-bottom: 28px;
}

.expertise-card-head {
  justify-content: flex-start !important;
  align-items: flex-start;
}

.expertise-card-head .service-icon {
  margin: 0 !important;
}

.expertise-card h2 {
  margin-top: 32px;
}

.engagement-clean .engagement-card > .service-icon {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 0 34px !important;
}

.engagement-clean .engagement-card h2 {
  margin-top: 0 !important;
}

.engagement-clean .engagement-card {
  padding-top: 38px;
}

.engagement-clean .pricing-list > div,
.pricing-list > div {
  padding-left: 22px !important;
}

.engagement-principles .shell > div {
  grid-template-columns: 1fr !important;
}

.case-study-card {
  grid-template-columns: 1fr !important;
}

.contact-note {
  grid-template-columns: 1fr !important;
}

.legal-content section {
  padding-left: 0 !important;
}

.process-icon {
  margin-top: 0 !important;
}

.product-entry-meta {
  justify-content: flex-start !important;
}

.product-entry-meta small {
  font-size: 12px;
}

.model-card {
  padding-top: 28px;
}

.model-symbol {
  margin-bottom: 28px;
}

.difference-card {
  padding-top: 34px;
}

.difference-card .difference-icon {
  margin-bottom: 34px;
}

.difference-card.featured .difference-icon {
  left: 42px !important;
  right: auto !important;
  top: 42px !important;
}

.difference-card.featured h3 {
  margin-top: 120px;
}

@media (max-width: 620px) {
  .engagement-clean .engagement-card {
    padding-top: 28px;
  }

  .engagement-clean .engagement-card > .service-icon,
  .difference-card .difference-icon,
  .service-card .service-icon,
  .accent-card .service-icon,
  .ai-capabilities article .service-icon {
    margin-bottom: 24px !important;
  }

  .difference-card.featured .difference-icon {
    left: 30px !important;
    top: 30px !important;
  }

  .difference-card.featured h3 {
    margin-top: 96px;
  }
}

/* Why CXTS hero image treatment */
.why-cxts-hero {
  position: relative;
  isolation: isolate;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(5, 19, 27, .92) 0%, rgba(5, 19, 27, .76) 42%, rgba(5, 19, 27, .44) 100%),
    url("why-hero-bg.webp");
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  padding-inline: clamp(28px, 4vw, 72px);
  margin-top: 24px;
  box-shadow: 0 24px 70px rgba(7, 25, 35, .12);
}

.why-cxts-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 78% 45%, rgba(41, 74, 191, .28), transparent 40%);
  pointer-events: none;
}

.why-cxts-hero .eyebrow,
.why-cxts-hero .why-hero-copy > p {
  color: rgba(255,255,255,.80) !important;
}

.why-cxts-hero .eyebrow span {
  background: var(--cyan);
}

.why-cxts-hero h1,
.why-cxts-hero h1 em {
  color: #fff;
}

.why-cxts-hero .button-secondary {
  color: #fff;
  border-color: rgba(255,255,255,.32);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
}

.why-cxts-hero .button-secondary:hover {
  background: rgba(255,255,255,.16);
}

.why-cxts-hero .engagement-visual {
  background: rgba(255,255,255,.90);
  border-color: rgba(255,255,255,.50);
  box-shadow: 0 28px 65px rgba(0, 0, 0, .18);
}

.why-cxts-hero .why-cxts-visual .concentric-rings circle {
  stroke: rgba(255,255,255,.18);
}

.why-cxts-hero .why-cxts-visual .connection-paths {
  stroke: rgba(110, 157, 255, .62);
}

.why-cxts-hero .why-cxts-visual .travel-points circle {
  opacity: .95;
}

.why-cxts-hero .why-cxts-visual .neural-ambient {
  opacity: .55;
}

.why-proofbar {
  margin-top: 18px;
}

@media (max-width: 900px) {
  .why-cxts-hero {
    background:
      linear-gradient(180deg, rgba(5, 19, 27, .94) 0%, rgba(5, 19, 27, .84) 50%, rgba(5, 19, 27, .72) 100%),
      url("why-hero-bg.webp");
    background-size: cover;
    background-position: center;
    padding-inline: clamp(22px, 6vw, 44px);
  }
}


/* CXTS live mobile/layout fixes reapplied on feedback-final-v2 - Services + menu + form */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

/* After sequence numbers were removed, these grids no longer need a reserved number column. */
.service-result {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

.service-result > p,
.service-result p {
  grid-column: 1 / -1 !important;
  max-width: 560px;
  font-size: 13px;
  line-height: 1.55;
}

/* TAM visual rows had a hidden number column left behind; collapse it. */
.tam-signal-list > div {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.tam-signal-list > div > p {
  min-width: 0;
}

/* Service visual icons now sit on the left, replacing the removed sequence numbers. */
.capability-visual .visual-symbol {
  left: 24px !important;
  right: auto !important;
}

/* Keep the contact CTA visibly filled on mobile as well as desktop. */
.contact-form .button.button-primary,
.contact-form button.button-primary {
  background: var(--ink) !important;
  color: #fff !important;
  border: 0 !important;
}

.contact-form .button.button-primary .icon-arrow,
.contact-form button.button-primary .icon-arrow {
  color: var(--cyan) !important;
  stroke: currentColor !important;
}

/* Keep sticky header and dropdown visible; avoid clipping the opened burger menu. */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.nav-wrap {
  position: relative;
}

@media (max-width: 900px) {
  .site-header,
  .nav-wrap {
    height: 72px !important;
    overflow: visible !important;
  }

  .menu-toggle {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10001;
    cursor: pointer;
  }

  .main-nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 1px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 72px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: var(--paper) !important;
    padding: 20px 16px 28px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    box-shadow: 0 18px 38px rgba(7, 25, 35, .14) !important;
    z-index: 10000 !important;
  }

  .main-nav.is-open,
  body.nav-open .main-nav {
    display: flex !important;
  }

  .main-nav > a:not(.nav-cta) {
    padding: 13px 8px !important;
    position: relative !important;
  }

  .main-nav > a[aria-current="page"]:not(.nav-cta) {
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--teal);
    text-decoration-thickness: 2px;
    text-underline-offset: 7px;
  }

  .main-nav > a[aria-current="page"]:not(.nav-cta)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 8px !important;
    right: auto !important;
    bottom: 6px !important;
    width: 38px !important;
    height: 2px !important;
    background: var(--teal) !important;
  }
}

@media (max-width: 620px) {
  html,
  body,
  main,
  .site-footer {
    max-width: 100%;
    overflow-x: clip;
  }

  .site-header {
    max-width: 100%;
    overflow: visible !important;
  }

  .capability-visual .visual-symbol {
    left: 16px !important;
    top: 10px !important;
    right: auto !important;
  }

  .tam-signal-list > div {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  .tam-signal-list strong {
    font-size: 12px !important;
    line-height: 1.2;
  }

  .tam-signal-list small {
    font-size: 9.5px !important;
    line-height: 1.3;
  }

  .tam-signal-list > div > b {
    justify-self: end;
    white-space: nowrap;
  }

  .service-result p {
    max-width: none;
    font-size: 13px;
  }

  .contact-form .button.button-primary,
  .contact-form button.button-primary {
    min-height: 52px;
    background: var(--ink) !important;
    color: #fff !important;
  }
}

@supports not (overflow: clip) {
  @media (max-width: 620px) {
    html,
    body,
    main,
    .site-footer {
      overflow-x: hidden;
    }
  }
}