:root {
  --bg: #05070b;
  --bg-2: #080d14;
  --bg-3: #0b121b;
  --panel: rgba(12, 18, 28, .76);
  --panel-solid: #0c121c;
  --panel-2: rgba(18, 29, 42, .72);
  --text: #f5f8fb;
  --text-soft: #c8d4df;
  --muted: #8395a5;
  --muted-2: #5f7486;
  --line: rgba(255, 255, 255, .10);
  --line-bright: rgba(138, 221, 255, .26);
  --cyan: #74e5ff;
  --cyan-2: #b7f3ff;
  --blue: #479fff;
  --violet: #8b7cff;
  --mint: #73ffd3;
  --glow: rgba(75, 174, 255, .34);
  --danger: #ff9b9b;
  --shadow: 0 30px 90px rgba(0, 0, 0, .42);
  --shadow-soft: 0 16px 50px rgba(0, 0, 0, .24);
  --radius: 28px;
  --radius-sm: 18px;
  --container: 1240px;
  --header-h: 82px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 18px); background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 20% -10%, rgba(70, 135, 255, .10), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(116, 229, 255, .06), transparent 24%),
    var(--bg);
  color: var(--text);
  font-family: "Aptos", "Inter", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.modal-open { overflow: hidden; }
body.is-leaving { pointer-events: none; }
body.is-leaving::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 5000;
  background: linear-gradient(135deg, #061019, #05070b 48%, #08111c);
  animation: pageLeave .42s var(--ease) both;
}

::selection { background: rgba(116, 229, 255, .22); color: #fff; }
::-webkit-scrollbar { width: 11px; }
::-webkit-scrollbar-track { background: #05070b; }
::-webkit-scrollbar-thumb { background: #1c2b38; border: 3px solid #05070b; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background: #2b4458; }

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; left: -999px; top: 10px; z-index: 99999; background: #fff; color: #000; padding: 10px 14px; border-radius: 10px; }
.skip-link:focus { left: 12px; }

/* Ambient system */
.site-ambient { position: fixed; inset: 0; z-index: -2; pointer-events: none; overflow: hidden; }
.ambient-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(120, 205, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 205, 255, .025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 50% 25%, black 0%, transparent 78%);
}
.ambient-orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .16; }
.ambient-orb-a { width: 550px; height: 550px; top: 10vh; left: -220px; background: var(--blue); animation: ambientFloatA 18s ease-in-out infinite alternate; }
.ambient-orb-b { width: 650px; height: 650px; right: -250px; top: 48vh; background: var(--violet); animation: ambientFloatB 22s ease-in-out infinite alternate; }
.ambient-noise { position: absolute; inset: 0; opacity: .06; background-image: repeating-radial-gradient(circle at 0 0, transparent 0, rgba(255,255,255,.12) 1px, transparent 2px, transparent 6px); background-size: 10px 10px; mix-blend-mode: soft-light; }
.scroll-progress { position: fixed; inset: 0 0 auto; height: 2px; z-index: 9000; pointer-events: none; background: rgba(255,255,255,.02); }
.scroll-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan), var(--mint)); box-shadow: 0 0 18px var(--cyan); }
.cursor-aura { position: fixed; width: 280px; height: 280px; border-radius: 50%; z-index: 0; pointer-events: none; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(82,181,255,.10), rgba(82,181,255,.025) 38%, transparent 72%); opacity: 0; transition: opacity .25s ease; mix-blend-mode: screen; }
@media (pointer:fine) { body.cursor-ready .cursor-aura { opacity: 1; } }

/* Typography */
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--cyan-2); font-size: .72rem; font-weight: 800;
  letter-spacing: .16em; text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 28px; height: 1px; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 12px var(--cyan); }
h1, h2, h3 { margin: 0 0 18px; line-height: .98; letter-spacing: -.055em; font-weight: 650; }
h1 { font-size: clamp(3.3rem, 7.15vw, 7.15rem); }
h2 { font-size: clamp(2.35rem, 4.7vw, 4.8rem); max-width: 900px; }
h3 { font-size: clamp(1.18rem, 2vw, 1.65rem); line-height: 1.08; letter-spacing: -.035em; }
p { margin: 0 0 18px; color: var(--muted); }
.lead { font-size: clamp(1.06rem, 1.6vw, 1.34rem); line-height: 1.62; max-width: 820px; color: #9fb0bf; }
.kicker { color: var(--text); font-weight: 700; }
.gradient-text { color: transparent; background: linear-gradient(100deg, #fff 0%, #bff5ff 35%, #74e5ff 62%, #8a87ff 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 28px rgba(105, 219, 255, .15)); }

/* Header */
.site-header {
  position: fixed; inset: 0 0 auto; z-index: 1000;
  background: rgba(5, 8, 13, .36);
  backdrop-filter: blur(18px) saturate(135%);
  border-bottom: 1px solid transparent;
  transition: background .35s ease, border-color .35s ease, transform .35s ease;
}
.site-header.is-scrolled { background: rgba(5, 8, 13, .78); border-color: rgba(255,255,255,.07); }
.nav { height: var(--header-h); display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: flex; align-items: center; gap: 11px; font-size: .88rem; font-weight: 900; letter-spacing: .2em; position: relative; z-index: 2; }
.brand img { width: 40px; height: 44px; object-fit: contain; filter: drop-shadow(0 0 14px rgba(116, 229, 255, .24)); }
.nav-signal { margin-right: auto; color: #536a7b; font-size: .58rem; letter-spacing: .16em; font-weight: 800; white-space: nowrap; }
.nav-links { display: flex; align-items: center; gap: 28px; }
.nav-links > a:not(.nav-cta) { color: #98a8b7; font-size: .78rem; font-weight: 750; transition: color .2s ease; }
.nav-links > a:not(.nav-cta):hover { color: #fff; }
.nav-cta { min-height: 44px !important; padding-inline: 18px !important; }
.nav-toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--line); background: rgba(255,255,255,.035); color: #fff; border-radius: 14px; font-size: 1.15rem; }

/* Buttons */
.btn {
  --mx: 0px; --my: 0px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 55px; padding: 0 22px; border-radius: 999px;
  border: 1px solid transparent; font-size: .87rem; font-weight: 850; letter-spacing: -.01em;
  transform: translate(var(--mx), var(--my));
  transition: transform .22s var(--ease), background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
  position: relative; overflow: hidden;
}
.btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 10%, rgba(255,255,255,.22) 45%, transparent 70%); transform: translateX(-140%); transition: transform .55s ease; }
.btn:hover::before { transform: translateX(140%); }
.btn-primary { background: linear-gradient(110deg, #9cf0ff 0%, #58c9ff 45%, #7398ff 100%); color: #031017; box-shadow: inset 0 1px rgba(255,255,255,.45), 0 12px 34px rgba(68, 175, 255, .18); }
.btn-primary:hover { box-shadow: inset 0 1px rgba(255,255,255,.45), 0 15px 46px rgba(68, 175, 255, .30), 0 0 0 1px rgba(156, 240, 255, .14); }
.btn-secondary { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.11); color: #dae4ec; backdrop-filter: blur(12px); }
.btn-secondary:hover { background: rgba(116,229,255,.07); border-color: rgba(116,229,255,.28); color: #fff; }
.btn-glow { box-shadow: 0 0 0 1px rgba(122,230,255,.12), 0 12px 38px rgba(61,173,255,.22), 0 0 60px rgba(61,173,255,.08); }
.arrow::after { content: "↗"; font-size: 1.06em; }
.button-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }

/* Loader */
.site-loader { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: #05070b; overflow: hidden; transition: opacity .42s ease, visibility .42s ease; }
.site-loader.is-hidden { opacity: 0; visibility: hidden; }
.loader-inner { position: relative; z-index: 3; width: min(420px, calc(100% - 48px)); text-align: center; }
.loader-logo-shell { width: 88px; height: 88px; margin: 0 auto 18px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.025); border: 1px solid rgba(116,229,255,.18); box-shadow: 0 0 60px rgba(84,185,255,.14); }
.loader-mark { width: 54px; height: 59px; object-fit: contain; animation: loaderLogo 1.4s ease-in-out infinite alternate; }
.loader-brand { color: #fff; font-weight: 900; letter-spacing: .42em; font-size: .78rem; margin-left: .42em; }
.loader-caption { color: #536a7a; letter-spacing: .16em; font-size: .54rem; font-weight: 800; margin-top: 15px; }
.loader-track { width: 180px; height: 1px; background: rgba(255,255,255,.08); margin: 16px auto 0; overflow: hidden; }
.loader-track span { display: block; width: 45%; height: 100%; background: linear-gradient(90deg, transparent, var(--cyan), transparent); animation: loaderTrack 1.1s ease-in-out infinite; }
.loader-portal { position: absolute; width: min(62vw, 700px); aspect-ratio: 1; }
.loader-ring { position: absolute; inset: 0; border-radius: 50%; border: 1px solid rgba(116,229,255,.11); }
.loader-ring-a { animation: loaderRing 6s linear infinite; border-top-color: rgba(116,229,255,.55); }
.loader-ring-b { inset: 14%; animation: loaderRingReverse 4.5s linear infinite; border-right-color: rgba(139,124,255,.48); }
.loader-ring-c { inset: 30%; animation: loaderRing 3.5s linear infinite; border-bottom-color: rgba(115,255,211,.45); }
.loader-wipe { position: absolute; inset: auto 0 0; height: 0; background: linear-gradient(180deg, rgba(10,16,25,.96), #05070b); }
.site-loader.is-hidden .loader-wipe { animation: loaderWipe .55s var(--ease) both; }

/* Global sections */
.section { position: relative; padding: 128px 0; }
.section-tight { padding: 88px 0; position: relative; }
.section-alt { background: linear-gradient(180deg, rgba(255,255,255,.013), rgba(255,255,255,.007)); border-top: 1px solid rgba(255,255,255,.045); border-bottom: 1px solid rgba(255,255,255,.045); }
.section-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .55fr); align-items: end; gap: 60px; margin-bottom: 58px; }
.section-head h2 { margin-top: 14px; }
.section-head > p { max-width: 560px; margin: 0; font-size: .98rem; }
.section-head-display h2 { max-width: 760px; }
.grid-2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.grid-3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.grid-4 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.card {
  --gx: 50%; --gy: 50%;
  position: relative; overflow: hidden;
  border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  padding: 30px; box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.card[data-card-glow]::after, .deliverable[data-card-glow]::after, .logo-card[data-card-glow]::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(360px circle at var(--gx) var(--gy), rgba(111,218,255,.10), transparent 52%);
  transition: opacity .25s ease;
}
.card[data-card-glow]:hover::after, .deliverable[data-card-glow]:hover::after, .logo-card[data-card-glow]:hover::after { opacity: 1; }
.card-hover { transition: transform .4s var(--ease), border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.card-hover:hover { transform: translateY(-8px); border-color: rgba(116,229,255,.25); box-shadow: 0 25px 70px rgba(0,0,0,.24); }

/* Home hero */
.hero { position: relative; min-height: 100svh; padding: 150px 0 86px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.06); }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(116,229,255,.033) 1px, transparent 1px), linear-gradient(90deg, rgba(116,229,255,.033) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(to bottom, black, transparent 86%); transform: perspective(900px) rotateX(62deg) scale(1.5) translateY(16%); transform-origin: 50% 100%; opacity: .72; }
.hero::after { content: ""; position: absolute; width: 70vw; height: 70vw; max-width: 1040px; max-height: 1040px; right: -26vw; top: -24vw; border-radius: 50%; background: conic-gradient(from 20deg, transparent, rgba(87,171,255,.11), transparent 33%, rgba(119,229,255,.07), transparent 70%); filter: blur(2px); animation: rotateSlow 30s linear infinite; }
.hero-radiance { position: absolute; width: 900px; height: 650px; left: -320px; top: 18%; background: radial-gradient(ellipse, rgba(65,155,255,.17), transparent 64%); filter: blur(22px); }
.hero-shell { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(430px,.92fr); gap: 54px; align-items: center; }
.hero-copy-col { position: relative; z-index: 4; }
.hero-status { width: max-content; max-width: 100%; display: flex; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid rgba(116,229,255,.13); border-radius: 999px; background: rgba(4,12,18,.54); color: #6f8798; font-size: .55rem; font-weight: 850; letter-spacing: .14em; margin-bottom: 22px; backdrop-filter: blur(8px); }
.hero-status b { color: var(--mint); font-size: .52rem; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); animation: statusPulse 1.8s ease-in-out infinite; }
.hero h1 { margin: 16px 0 25px; max-width: 830px; }
.hero-deck { max-width: 720px; color: #9aaebe; font-size: clamp(1.08rem, 1.55vw, 1.28rem); line-height: 1.68; }
.hero-promise { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin: 26px 0 0; color: #d9e6ee; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-promise i { color: #48657a; font-style: normal; }
.hero-actions { margin-top: 32px; }
.hero-mini-proof { display: flex; gap: 0; margin-top: 38px; border-top: 1px solid rgba(255,255,255,.07); max-width: 720px; }
.hero-mini-proof > div { padding: 15px 22px 0 0; margin-right: 22px; border-right: 1px solid rgba(255,255,255,.07); }
.hero-mini-proof > div:last-child { border-right: 0; margin-right: 0; }
.hero-mini-proof strong { display: block; color: #dce8ef; font-size: .73rem; }
.hero-mini-proof span { display: block; color: #607687; font-size: .62rem; margin-top: 3px; }
.hero-proof { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 22px; border: 1px solid rgba(255,255,255,.075); border-radius: 22px; overflow: hidden; background: rgba(7,12,19,.48); backdrop-filter: blur(12px); }
.hero-stat { position: relative; padding: 20px 22px; border-right: 1px solid rgba(255,255,255,.075); }
.hero-stat:last-child { border-right: 0; }
.hero-stat::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 1px; background: linear-gradient(transparent, rgba(116,229,255,.35), transparent); opacity: 0; transition: opacity .3s ease; }
.hero-stat:hover::before { opacity: 1; }
.hero-stat strong { display: block; color: #fff; font-size: 1.25rem; line-height: 1.1; letter-spacing: -.035em; }
.hero-stat span { display: block; color: #65798a; font-size: .68rem; line-height: 1.45; margin-top: 7px; }
.scroll-cue { position: absolute; left: 26px; bottom: 80px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 14px; color: #4e6475; font-size: .52rem; letter-spacing: .16em; writing-mode: vertical-rl; }
.scroll-cue i { display: block; width: 1px; height: 50px; background: linear-gradient(var(--cyan), transparent); animation: scrollCue 1.7s ease-in-out infinite; }

/* Hero transformation visual */
.hero-stage { --parallax-x: 0px; --parallax-y: 0px; position: relative; aspect-ratio: 1 / 1.05; min-height: 520px; transform: translate3d(var(--parallax-x),var(--parallax-y),0); transition: transform .15s linear; border-radius: 38px; background: radial-gradient(circle at 50% 48%, rgba(58,149,255,.14), transparent 28%), linear-gradient(145deg, rgba(255,255,255,.022), rgba(255,255,255,.006)); border: 1px solid rgba(255,255,255,.075); box-shadow: inset 0 1px rgba(255,255,255,.035), 0 40px 100px rgba(0,0,0,.30); overflow: hidden; }
.hero-stage::before { content: ""; position: absolute; inset: 7%; border-radius: 50%; background: radial-gradient(circle, rgba(116,229,255,.07), transparent 62%); filter: blur(4px); }
.hero-stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(116,229,255,.04), transparent); transform: translateX(-100%); animation: stageSweep 5.5s ease-in-out infinite; }
.stage-hud { position: absolute; z-index: 5; left: 24px; right: 24px; display: flex; align-items: center; justify-content: space-between; color: #4f6678; font-size: .53rem; letter-spacing: .14em; font-weight: 800; }
.stage-hud-top { top: 20px; }
.stage-hud-top b { color: var(--mint); }
.stage-hud-bottom { bottom: 20px; justify-content: center; gap: 10px; }
.stage-hud-bottom i { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); }
.stage-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(116,229,255,.12); left: 50%; top: 50%; transform: translate(-50%,-50%); }
.ring-1 { width: 76%; height: 76%; border-style: dashed; animation: ringSpin 27s linear infinite; }
.ring-2 { width: 56%; height: 56%; border-color: rgba(139,124,255,.18); border-left-color: rgba(139,124,255,.55); border-right-color: rgba(116,229,255,.35); animation: ringSpinReverse 18s linear infinite; }
.ring-3 { width: 36%; height: 36%; border-color: rgba(115,255,211,.12); box-shadow: inset 0 0 35px rgba(116,229,255,.04), 0 0 60px rgba(116,229,255,.05); animation: ringPulse 3s ease-in-out infinite; }
.stage-ring::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; top: -4px; left: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
.stage-crosshair { position: absolute; left: 50%; top: 50%; background: linear-gradient(90deg, transparent, rgba(116,229,255,.08), transparent); transform: translate(-50%,-50%); }
.crosshair-x { width: 82%; height: 1px; }
.crosshair-y { height: 82%; width: 1px; background: linear-gradient(transparent, rgba(116,229,255,.08), transparent); }
.core-sphere { position: absolute; z-index: 4; left: 50%; top: 50%; width: 150px; height: 150px; transform: translate(-50%,-50%); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 35% 25%, rgba(116,229,255,.17), rgba(7,14,22,.96) 58%); border: 1px solid rgba(116,229,255,.24); box-shadow: inset 0 0 36px rgba(116,229,255,.07), 0 0 70px rgba(61,168,255,.14); }
.core-logo { width: 36px; height: 39px; margin-bottom: 7px; }
.core-logo img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 12px rgba(116,229,255,.3)); }
.core-sphere > span { color: #fff; font-size: .7rem; font-weight: 900; letter-spacing: .2em; margin-left: .2em; }
.core-sphere small { color: #4f6a7d; font-size: .43rem; margin-top: 5px; letter-spacing: .12em; }
.stage-node { position: absolute; z-index: 6; min-width: 128px; padding: 10px 12px 9px 27px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(6,12,19,.82); backdrop-filter: blur(10px); box-shadow: 0 12px 38px rgba(0,0,0,.18); }
.stage-node i { position: absolute; left: 11px; top: 14px; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.stage-node span { display: block; color: #dce8ef; font-size: .58rem; font-weight: 850; letter-spacing: .12em; }
.stage-node small { display: block; color: #52697a; font-size: .51rem; margin-top: 3px; }
.node-strategy { top: 16%; left: 8%; animation: nodeFloat 4.4s ease-in-out infinite alternate; }
.node-ai { top: 20%; right: 7%; animation: nodeFloat 5.2s ease-in-out .4s infinite alternate-reverse; }
.node-product { bottom: 19%; left: 7%; animation: nodeFloat 4.8s ease-in-out .7s infinite alternate; }
.node-growth { bottom: 15%; right: 8%; animation: nodeFloat 5.5s ease-in-out .2s infinite alternate-reverse; }
.stage-data { position: absolute; color: rgba(116,229,255,.35); font-size: .46rem; letter-spacing: .14em; font-weight: 800; }
.data-a { left: 20%; top: 40%; }.data-b { right: 17%; top: 39%; }.data-c { left: 19%; bottom: 37%; }.data-d { right: 17%; bottom: 38%; }
.stage-scan { position: absolute; z-index: 2; left: 50%; top: 50%; width: 46%; height: 46%; transform: translate(-50%,-50%); border-radius: 50%; overflow: hidden; }
.stage-scan::before { content: ""; position: absolute; inset: -50%; background: conic-gradient(from 0deg, transparent 0 80%, rgba(116,229,255,.15) 90%, transparent); animation: rotateSlow 5s linear infinite; }

/* Marquee */
.signal-marquee { position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(7,12,19,.72); }
.signal-track { width: max-content; display: flex; align-items: center; gap: 24px; padding: 13px 0; animation: marquee 32s linear infinite; }
.signal-track span { color: #526a7b; font-size: .58rem; font-weight: 850; letter-spacing: .18em; }
.signal-track i { color: var(--cyan); font-size: .58rem; font-style: normal; opacity: .6; }

/* Experience logos */
.logo-band { position: relative; background: rgba(6,10,16,.82); border-bottom: 1px solid rgba(255,255,255,.06); }
.logo-band .container { padding-top: 42px; padding-bottom: 38px; }
.logo-band-head { display: grid; grid-template-columns: .5fr 1fr; gap: 36px; align-items: center; margin-bottom: 24px; }
.logo-band-head p { margin: 0; font-size: .73rem; line-height: 1.55; max-width: 720px; justify-self: end; }
.logo-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; }
.logo-card { --gx:50%;--gy:50%; min-height: 92px; position: relative; display: grid; place-items: center; padding: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.065); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.93), rgba(225,235,242,.88)); transition: transform .35s var(--ease), border-color .3s ease; }
.logo-card:hover { transform: translateY(-5px); border-color: rgba(116,229,255,.25); }
.logo-card img { position: relative; z-index: 2; max-width: 110px; max-height: 44px; object-fit: contain; filter: saturate(.75); }
.logo-fallback { position: absolute; z-index: 1; color: #16232c; font-size: .72rem; font-weight: 900; letter-spacing: .05em; text-align: center; }
.logo-card.dark { background: #0d1620; }
.logo-card.dark .logo-fallback { color: #fff; }
.legal-note { margin: 15px 0 0; color: #4c6171; font-size: .64rem; }

/* Services bento */
.services-bento { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 18px; }
.service-bento-card { min-height: 460px; display: flex; flex-direction: column; padding: 28px; transition: transform .45s var(--ease), border-color .35s ease, box-shadow .35s ease; }
.service-bento-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(116,229,255,.035), transparent 40%); pointer-events: none; }
.service-bento-card:hover { transform: translateY(-8px); border-color: rgba(116,229,255,.22); box-shadow: 0 34px 80px rgba(0,0,0,.32); }
.service-bento-1, .service-bento-4 { grid-column: span 7; }
.service-bento-2, .service-bento-3 { grid-column: span 5; }
.service-number { position: relative; z-index: 3; color: var(--cyan); font-size: .61rem; font-weight: 900; letter-spacing: .18em; }
.service-bento-card h3 { position: relative; z-index: 3; font-size: clamp(1.65rem, 2.7vw, 2.75rem); margin: 26px 0 14px; max-width: 570px; }
.service-bento-card p { position: relative; z-index: 3; max-width: 620px; }
.service-bento-card ul, .service-card ul, .feature-list { list-style: none; padding: 0; margin: 14px 0 0; position: relative; z-index: 3; }
.service-bento-card li, .service-card li, .feature-list li { position: relative; padding-left: 16px; margin: 6px 0; color: #8497a7; font-size: .8rem; }
.service-bento-card li::before, .service-card li::before, .feature-list li::before { content: ""; position: absolute; left: 0; top: .7em; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px rgba(116,229,255,.4); }
.service-link { margin-top: auto; padding-top: 20px; color: #bcefff; font-size: .75rem; font-weight: 850; letter-spacing: .02em; position: relative; z-index: 3; }
.service-visual { position: absolute; right: 18px; top: 18px; width: 42%; height: 47%; min-width: 200px; min-height: 175px; border: 1px solid rgba(255,255,255,.055); border-radius: 22px; background: linear-gradient(145deg, rgba(6,13,20,.78), rgba(14,24,35,.58)); overflow: hidden; opacity: .86; transition: transform .5s var(--ease), opacity .4s ease; }
.service-bento-card:hover .service-visual { transform: translateY(-4px) scale(1.02); opacity: 1; }
.sv-label { position: absolute; left: 14px; top: 12px; color: #4f6778; font-size: .48rem; font-weight: 900; letter-spacing: .14em; }
.visual-transform .transform-stack { position: absolute; left: 50%; top: 49%; width: 62%; transform: translate(-50%,-50%); display: grid; gap: 9px; }
.transform-stack i { display: block; height: 22px; border: 1px solid rgba(116,229,255,.16); border-radius: 6px; background: linear-gradient(90deg, rgba(116,229,255,.11), rgba(139,124,255,.04)); transform: translateX(var(--shift)); }
.transform-stack i:nth-child(1){--shift:-12px}.transform-stack i:nth-child(2){--shift:6px}.transform-stack i:nth-child(3){--shift:-3px}
.transform-line { position: absolute; left: 19%; right: 19%; bottom: 42px; height: 2px; background: rgba(255,255,255,.055); overflow: hidden; }
.transform-line b { display: block; height: 100%; width: 35%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: lineTravel 2.8s ease-in-out infinite; }
.sv-readout { position: absolute; left: 16px; right: 16px; bottom: 12px; display: flex; justify-content: space-between; color: #4a6070; font-size: .42rem; letter-spacing: .1em; }
.visual-ai .neural-core { position: absolute; left: 50%; top: 52%; width: 58px; height: 58px; transform: translate(-50%,-50%); border-radius: 50%; display: grid; place-items: center; color: #d8f7ff; font-size: .7rem; font-weight: 900; border: 1px solid rgba(116,229,255,.28); box-shadow: 0 0 34px rgba(116,229,255,.13); }
.neural-node { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }
.neural-node::after { content:""; position:absolute; top:50%; left:50%; width:72px; height:1px; background:linear-gradient(90deg,rgba(116,229,255,.2),transparent); transform-origin:0 50%; }
.n1{left:22%;top:34%}.n1::after{transform:rotate(22deg)}.n2{right:22%;top:30%}.n2::after{transform:rotate(153deg)}.n3{left:25%;bottom:24%}.n3::after{transform:rotate(-24deg)}.n4{right:22%;bottom:28%}.n4::after{transform:rotate(205deg)}
.ai-pulse { position: absolute; left: 50%; top: 52%; width: 96px; height: 96px; transform: translate(-50%,-50%); border: 1px solid rgba(116,229,255,.10); border-radius:50%; animation: aiPulse 2.7s ease-out infinite; }
.growth-chart { position:absolute; left:17px; right:17px; bottom:38px; height:95px; display:flex; align-items:end; gap:9px; border-bottom:1px solid rgba(255,255,255,.06); }
.growth-chart i { flex:1; height:var(--h); background:linear-gradient(180deg,rgba(116,229,255,.42),rgba(71,159,255,.06)); border-radius:4px 4px 0 0; }
.growth-chart i:nth-child(1){--h:25%}.growth-chart i:nth-child(2){--h:39%}.growth-chart i:nth-child(3){--h:52%}.growth-chart i:nth-child(4){--h:68%}.growth-chart i:nth-child(5){--h:92%}
.growth-chart b { position:absolute; left:6%; right:4%; bottom:18%; height:2px; background:linear-gradient(90deg,var(--violet),var(--cyan)); transform:rotate(-14deg); transform-origin:left center; box-shadow:0 0 12px rgba(116,229,255,.32); }
.growth-kpi { position:absolute; right:16px; top:13px; text-align:right; }
.growth-kpi strong { color:var(--mint); font-size:1rem; }
.growth-kpi span { display:block; color:#536a7b; font-size:.42rem; letter-spacing:.1em; }
.browser-frame { position:absolute; left:17px; top:43px; width:72%; height:92px; border:1px solid rgba(116,229,255,.16); border-radius:9px; background:rgba(5,10,16,.55); }
.browser-frame i { position:absolute; top:8px; width:4px; height:4px; border-radius:50%; background:#5e7180; }.browser-frame i:nth-child(1){left:9px}.browser-frame i:nth-child(2){left:17px}.browser-frame i:nth-child(3){left:25px}
.browser-frame b { position:absolute; left:10px; top:25px; width:48%; height:8px; border-radius:3px; background:rgba(116,229,255,.18); }
.browser-frame em { position:absolute; left:10px; right:10px; bottom:10px; height:42px; background:linear-gradient(135deg,rgba(139,124,255,.11),rgba(116,229,255,.05)); border-radius:5px; }
.phone-frame { position:absolute; right:16px; bottom:15px; width:56px; height:105px; border:1px solid rgba(116,229,255,.26); border-radius:12px; background:#071019; box-shadow:0 12px 30px rgba(0,0,0,.3); }
.phone-frame span { position:absolute; left:50%; top:7px; width:17px; height:2px; transform:translateX(-50%); background:#2c4454; border-radius:3px; }.phone-frame b { position:absolute; inset:17px 6px 7px; border-radius:6px; background:linear-gradient(180deg,rgba(116,229,255,.11),rgba(139,124,255,.06)); }

/* AI immersive section */
.ai-immersive { overflow: hidden; }
.ai-panel { display: grid; grid-template-columns: minmax(420px,.9fr) minmax(0,1.1fr); gap: 70px; align-items: center; }
.ai-orbit { min-height: 610px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.085); border-radius: 38px; background: radial-gradient(circle at 50% 50%, rgba(69,163,255,.16), transparent 27%), linear-gradient(145deg, rgba(15,28,41,.86), rgba(5,10,16,.92)); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 34px 90px rgba(0,0,0,.28); display: grid; place-items: center; }
.ai-orbit::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at center,rgba(116,229,255,.09) 1px,transparent 1px); background-size:28px 28px; mask-image:radial-gradient(circle,black,transparent 74%); }
.ai-core { position:relative; z-index:5; width:170px; height:170px; border-radius:50%; display:grid; place-items:center; text-align:center; color:#e8f8ff; font-size:.88rem; font-weight:850; line-height:1.25; letter-spacing:.04em; background:radial-gradient(circle at 38% 28%,rgba(116,229,255,.16),rgba(5,12,20,.94) 60%); border:1px solid rgba(116,229,255,.28); box-shadow:inset 0 0 38px rgba(116,229,255,.07),0 0 75px rgba(65,167,255,.13); }
.orbit-ring { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(116,229,255,.10); }
.orbit-ring-a { width:70%; height:70%; border-style:dashed; animation:ringSpin 26s linear infinite; }
.orbit-ring-b { width:48%; height:48%; border-left-color:rgba(139,124,255,.5); animation:ringSpinReverse 16s linear infinite; }
.orbit-beam { position:absolute; left:50%; top:50%; width:82%; height:1px; transform:translate(-50%,-50%) rotate(-28deg); background:linear-gradient(90deg,transparent,rgba(116,229,255,.18),transparent); }
.orbit-label { position:absolute; z-index:6; padding:9px 12px; border:1px solid rgba(255,255,255,.09); border-radius:999px; background:rgba(5,11,17,.78); color:#9eb2c1; backdrop-filter:blur(10px); font-size:.66rem; font-weight:800; box-shadow:0 10px 30px rgba(0,0,0,.17); }
.orbit-label::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 8px var(--cyan); margin-right:7px; vertical-align:middle; }
.orbit-label:nth-of-type(1){top:13%;left:9%}.orbit-label:nth-of-type(2){top:17%;right:7%}.orbit-label:nth-of-type(3){bottom:18%;left:6%}.orbit-label:nth-of-type(4){bottom:12%;right:8%}.orbit-label:nth-of-type(5){top:47%;right:2%}
.steps { display:grid; gap:0; margin-top:30px; }
.step { display:grid; grid-template-columns:44px 1fr; gap:16px; padding:18px 0; border-top:1px solid rgba(255,255,255,.075); }
.step:first-child{border-top:0}.step-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(116,229,255,.16);background:rgba(116,229,255,.04);color:var(--cyan);font-size:.72rem;font-weight:900}.step h3{font-size:1rem;margin:0 0 5px;letter-spacing:-.02em}.step p{font-size:.82rem;margin:0;max-width:580px}

/* Metrics / proof */
.experience-zone { overflow: hidden; }
.metric-card { min-height: 280px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(155deg,rgba(18,28,40,.85),rgba(8,13,20,.85)); }
.metric-card::before { content:""; position:absolute; width:150px; height:150px; border-radius:50%; right:-60px; top:-60px; border:1px solid rgba(116,229,255,.10); box-shadow:0 0 50px rgba(116,229,255,.04); }
.metric-card strong { display:block; color:transparent; background:linear-gradient(100deg,#fff,var(--cyan)); -webkit-background-clip:text; background-clip:text; font-size:clamp(2rem,3.4vw,3.4rem); line-height:1; letter-spacing:-.055em; margin:8px 0 16px; }
.metric-card p { font-size:.84rem; }
.metric-card small { color:#526879; font-size:.64rem; margin-top:8px; }
.case-tag { display:inline-flex; align-items:center; gap:7px; color:#7fdff5; font-size:.57rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.case-tag::before { content:""; width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan); }
.proof-disclaimer { margin:26px 0 0; padding:14px 16px; max-width:970px; border-left:1px solid rgba(116,229,255,.4); background:linear-gradient(90deg,rgba(116,229,255,.035),transparent); color:#576d7d; font-size:.69rem; }

/* Method / capabilities */
.method-grid { counter-reset: method; position: relative; }
.method-grid::before { content:""; position:absolute; left:6%; right:6%; top:53px; height:1px; background:linear-gradient(90deg,transparent,rgba(116,229,255,.19),transparent); }
.method-card { min-height:250px; padding-top:78px; }
.method-card::before { counter-increment:method; content:"0" counter(method); position:absolute; left:28px; top:26px; color:var(--cyan); font-size:.65rem; font-weight:900; letter-spacing:.13em; }
.method-card::after { content:""; position:absolute; left:28px; top:53px; width:8px; height:8px; border-radius:50%; background:#0b151e; border:1px solid var(--cyan); box-shadow:0 0 0 5px rgba(116,229,255,.05),0 0 14px rgba(116,229,255,.2); }
.method-card h3 { margin-top:14px; }
.capability-strip { display:flex; flex-wrap:wrap; gap:9px; }
.capability-strip span { position:relative; padding:10px 14px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.02); color:#8799a8; font-size:.72rem; transition:.25s ease; }
.capability-strip span:hover { color:#e6f6fd; border-color:rgba(116,229,255,.22); background:rgba(116,229,255,.045); transform:translateY(-2px); }

/* Team */
.team-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.person { padding:0; overflow:hidden; background:#090f16; transition:transform .4s var(--ease),border-color .3s ease; }
.person:hover { transform:translateY(-8px);border-color:rgba(116,229,255,.22); }
.person::before { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,transparent 38%,rgba(5,9,14,.96) 88%); pointer-events:none; }
.person img { width:100%; aspect-ratio:.86/1; object-fit:cover; filter:saturate(.58) contrast(1.05) brightness(.88); transition:transform .65s var(--ease),filter .45s ease; }
.person:hover img { transform:scale(1.045); filter:saturate(.9) contrast(1.03) brightness(.93); }
.person-copy { position:absolute; z-index:3; left:0; right:0; bottom:0; padding:20px; }
.person h3 { font-size:1rem; margin:0 0 5px; letter-spacing:-.02em; }
.person-role { color:#8cdff3; font-size:.62rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.person p { color:#718696; font-size:.69rem; line-height:1.5; margin:10px 0 0; max-height:0; opacity:0; overflow:hidden; transition:max-height .45s var(--ease),opacity .35s ease; }
.person:hover p { max-height:100px; opacity:1; }

/* FAQ */
.faq { display:grid; gap:9px; max-width:1050px; }
.faq details { border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(255,255,255,.018); padding:0 21px; transition:border-color .25s ease,background .25s ease; }
.faq details[open] { border-color:rgba(116,229,255,.16); background:rgba(116,229,255,.025); }
.faq summary { position:relative; list-style:none; cursor:pointer; padding:20px 42px 20px 0; color:#d7e1e8; font-weight:760; font-size:.92rem; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:2px; top:50%; transform:translateY(-50%); width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#718899;transition:.25s ease; }
.faq details[open] summary::after { content:"−"; color:var(--cyan); border-color:rgba(116,229,255,.2); transform:translateY(-50%) rotate(180deg); }
.faq details p { padding:0 36px 20px 0; font-size:.84rem; max-width:850px; }

/* CTA and footer */
.cta-band { position:relative; padding:72px 0; overflow:hidden; }
.cta-band::before { content:""; position:absolute; inset:20px max(20px,calc((100vw - var(--container))/2 - 20px)); border-radius:34px; background:radial-gradient(circle at 80% 20%,rgba(116,229,255,.15),transparent 28%),radial-gradient(circle at 14% 80%,rgba(139,124,255,.13),transparent 26%),linear-gradient(135deg,#101c28,#09121b 48%,#0d1822); border:1px solid rgba(116,229,255,.11); box-shadow:0 40px 100px rgba(0,0,0,.34); }
.cta-band::after { content:""; position:absolute; width:420px;height:420px;border-radius:50%;right:8%;top:-100px;border:1px solid rgba(116,229,255,.09);box-shadow:0 0 0 70px rgba(116,229,255,.018),0 0 0 140px rgba(116,229,255,.012);animation:ctaOrbit 8s ease-in-out infinite alternate; }
.cta-band .container { position:relative; z-index:2; min-height:320px; padding:66px 52px; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.cta-band h2 { max-width:790px; margin:10px 0 0; font-size:clamp(2.3rem,4.3vw,4.4rem); }
.cta-band .button-row { margin:0; flex:0 0 auto; }
.cta-signal { display:flex;align-items:center;gap:8px;color:#6a8293;font-size:.54rem;font-weight:900;letter-spacing:.14em; }
.cta-signal span { width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 11px var(--mint); }
.footer { position:relative; padding:66px 0 26px; border-top:1px solid rgba(255,255,255,.06); background:#05080d; }
.footer-grid { display:grid;grid-template-columns:1.3fr .75fr .75fr; gap:50px; }
.footer-brand { display:flex;align-items:center;gap:12px;font-size:.82rem;font-weight:900;letter-spacing:.18em;margin-bottom:18px; }.footer-brand img{width:42px;height:46px;object-fit:contain}.footer p{font-size:.76rem;max-width:470px}.footer h3{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#d3e0e7;margin:0 0 16px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:.76rem;color:#748797;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:46px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#425767;font-size:.62rem}.system-status{display:flex!important;align-items:center;gap:7px;letter-spacing:.08em}.system-status i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}

/* Service pages */
.service-hero { position:relative; min-height:760px; padding:150px 0 92px; display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06); }
.service-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(116,229,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(116,229,255,.026) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(black,transparent); }
.service-hero::after { content:""; position:absolute; right:-200px;top:-180px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(74,163,255,.14),transparent 64%); }
.service-hero-shell { position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr);gap:70px;align-items:center; }
.service-hero-copy h1 { font-size:clamp(3.4rem,6.2vw,6.7rem);max-width:950px;margin:18px 0 26px; }
.breadcrumbs { color:#4d6374;font-size:.66rem;font-weight:750;margin-bottom:24px; }.breadcrumbs a{color:#718797}.breadcrumbs a:hover{color:#fff}
.service-hero-visual { position:relative;min-height:460px;border:1px solid rgba(255,255,255,.075);border-radius:34px;background:radial-gradient(circle at center,rgba(72,165,255,.12),transparent 35%),rgba(9,15,23,.64);overflow:hidden; }
.service-hero-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(116,229,255,.13) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,black,transparent 70%)}
.service-portal{position:absolute;left:50%;top:46%;width:270px;height:270px;transform:translate(-50%,-50%)}.service-portal>span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(116,229,255,.12)}.service-portal>span:nth-child(1){animation:ringSpin 18s linear infinite;border-top-color:rgba(116,229,255,.55)}.service-portal>span:nth-child(2){inset:16%;animation:ringSpinReverse 12s linear infinite;border-right-color:rgba(139,124,255,.6)}.service-portal>span:nth-child(3){inset:31%;animation:ringSpin 8s linear infinite;border-bottom-color:rgba(115,255,211,.5)}.service-portal-core{position:absolute;inset:38%;border-radius:50%;display:grid;place-items:center;background:#08111a;border:1px solid rgba(116,229,255,.25);color:#dff8ff;font-weight:900;font-size:1.2rem;box-shadow:0 0 45px rgba(116,229,255,.11)}
.service-terminal{position:absolute;left:20px;right:20px;bottom:20px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(4,9,14,.72);display:flex;justify-content:space-between;gap:15px;font-size:.5rem;letter-spacing:.1em}.service-terminal span{color:#4d6475}.service-terminal b{color:#83ddf2;font-weight:850}
.service-page .section-tight .card { min-height:155px; display:flex;flex-direction:column;justify-content:flex-end; }
.service-page .section-tight .card h3{font-size:1.13rem;margin:15px 0 0;}
.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.deliverable{--gx:50%;--gy:50%;position:relative;overflow:hidden;min-height:210px;padding:25px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:transform .35s var(--ease),border-color .3s ease}.deliverable:hover{transform:translateY(-5px);border-color:rgba(116,229,255,.18)}.deliverable strong{display:block;color:#dfe9ef;font-size:.96rem;margin-bottom:11px}.deliverable p{font-size:.79rem;margin:0}.service-callout{position:relative;padding:30px;border:1px solid rgba(116,229,255,.11);border-radius:24px;background:linear-gradient(115deg,rgba(116,229,255,.055),rgba(139,124,255,.025),transparent);overflow:hidden}.service-callout::after{content:"";position:absolute;right:-90px;top:-110px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(116,229,255,.11);box-shadow:0 0 0 45px rgba(116,229,255,.018),0 0 0 90px rgba(116,229,255,.01)}.service-callout h3{max-width:900px;margin:14px 0;font-size:clamp(1.5rem,2.4vw,2.2rem)}

/* Privacy */
.privacy-copy{max-width:850px}.privacy-copy h2{font-size:1.8rem;margin-top:45px}.privacy-copy h3{font-size:1.08rem;margin-top:30px}.privacy-copy ul{color:var(--muted)}

/* Consultation modal */
.consultation-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.28s ease}.consultation-modal.is-open{opacity:1;visibility:visible}.consultation-backdrop{position:absolute;inset:0;background:rgba(2,5,8,.82);backdrop-filter:blur(16px)}.consultation-dialog{position:relative;z-index:2;width:min(720px,100%);max-height:min(820px,calc(100svh - 34px));overflow:auto;padding:38px;border:1px solid rgba(116,229,255,.14);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(116,229,255,.08),transparent 35%),#0a1119;box-shadow:0 40px 120px rgba(0,0,0,.56);transform:translateY(22px) scale(.98);transition:transform .4s var(--ease)}.consultation-modal.is-open .consultation-dialog{transform:none}.consultation-close{position:absolute;right:17px;top:17px;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.03);color:#aab9c4;font-size:1.4rem;line-height:1;z-index:3}.consultation-close:hover{color:#fff;border-color:rgba(116,229,255,.2)}.consultation-progress{height:2px;background:rgba(255,255,255,.06);margin:-38px -38px 34px;overflow:hidden}.consultation-progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 15px rgba(116,229,255,.35);transition:width .4s var(--ease)}.form-step h2{font-size:clamp(2rem,5vw,3.5rem);max-width:560px;margin:8px 0 28px}.form-kicker{color:#6b8293;font-size:.61rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.form-step label:not(.consent-line){display:block;color:#718797;font-size:.68rem;font-weight:800;margin:15px 0 7px}.form-step input[type=text],.form-step input[type=email],.form-step input[type=tel],.form-step select,.form-step textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025);color:#eef7fb;padding:13px 14px;outline:none;transition:.2s ease}.form-step textarea{resize:vertical}.form-step input:focus,.form-step select:focus,.form-step textarea:focus{border-color:rgba(116,229,255,.32);box-shadow:0 0 0 3px rgba(116,229,255,.045);background:rgba(116,229,255,.025)}.form-step select option{background:#0c151e}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid label{margin:0!important}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:flex;align-items:center;min-height:56px;padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.02);color:#91a3b1;font-size:.76rem;cursor:pointer;transition:.2s ease}.choice-grid input:checked+span{border-color:rgba(116,229,255,.28);background:rgba(116,229,255,.07);color:#e5f8ff;box-shadow:inset 0 0 18px rgba(116,229,255,.025)}.consent-line{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:#718797;font-size:.7rem}.consent-line input{margin-top:4px}.form-controls{display:flex;align-items:center;gap:10px;margin-top:26px}.enter-hint{margin-right:auto;color:#506778;font-size:.63rem}.form-back{border:0;background:transparent;color:#92a4b2;font-weight:800}.form-error{color:var(--danger);font-size:.75rem;margin:14px 0 0}.honeypot{position:absolute!important;left:-9999px!important}.form-success{padding:14px 0}.form-success .btn{margin-top:7px}

/* JS reveal system */
.js [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .75s var(--ease), transform .75s var(--ease); }
.js [data-reveal].is-visible { opacity: 1; transform: none; }
.js .hero-copy-col[data-reveal] { transform: translateY(18px); }
.js .hero-copy-col[data-reveal].is-visible { transform: none; }
.js .services-bento [data-reveal]:nth-child(2), .js .grid-4 [data-reveal]:nth-child(2), .js .team-grid [data-reveal]:nth-child(2) { transition-delay:.06s; }
.js .services-bento [data-reveal]:nth-child(3), .js .grid-4 [data-reveal]:nth-child(3), .js .team-grid [data-reveal]:nth-child(3) { transition-delay:.12s; }
.js .services-bento [data-reveal]:nth-child(4), .js .grid-4 [data-reveal]:nth-child(4), .js .team-grid [data-reveal]:nth-child(4) { transition-delay:.18s; }
.js .team-grid [data-reveal]:nth-child(5){transition-delay:.24s}

/* Keyframes */
@keyframes ambientFloatA{to{transform:translate(130px,90px) scale(1.18)}}
@keyframes ambientFloatB{to{transform:translate(-130px,-80px) scale(.88)}}
@keyframes rotateSlow{to{transform:rotate(360deg)}}
@keyframes statusPulse{50%{opacity:.35;box-shadow:0 0 3px var(--mint)}}
@keyframes scrollCue{0%{transform:scaleY(.25);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.25);transform-origin:bottom;opacity:.3}}
@keyframes ringSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ringSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes ringPulse{50%{box-shadow:inset 0 0 50px rgba(116,229,255,.08),0 0 90px rgba(116,229,255,.10);border-color:rgba(116,229,255,.24)}}
@keyframes nodeFloat{to{transform:translateY(8px)}}
@keyframes stageSweep{0%,18%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes lineTravel{0%,100%{transform:translateX(-110%)}50%{transform:translateX(290%)}}
@keyframes aiPulse{0%{transform:translate(-50%,-50%) scale(.65);opacity:.5}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
@keyframes ctaOrbit{to{transform:translate(-45px,55px) scale(.9)}}
@keyframes loaderLogo{to{transform:translateY(-4px);filter:drop-shadow(0 0 16px rgba(116,229,255,.35))}}
@keyframes loaderTrack{0%{transform:translateX(-180%)}100%{transform:translateX(320%)}}
@keyframes loaderRing{to{transform:rotate(360deg)}}
@keyframes loaderRingReverse{to{transform:rotate(-360deg)}}
@keyframes loaderWipe{0%{height:0}100%{height:100%}}
@keyframes pageLeave{from{transform:translateY(100%)}to{transform:none}}

/* Responsive */
@media (max-width: 1120px) {
  .nav-signal{display:none}.nav-links{gap:20px}
  .hero-shell{grid-template-columns:1fr .82fr;gap:30px}.hero-stage{min-height:480px}.stage-node{min-width:112px}.hero-proof{grid-template-columns:repeat(2,1fr)}.hero-stat:nth-child(2){border-right:0}.hero-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.075)}
  .logo-grid{grid-template-columns:repeat(4,1fr)}
  .ai-panel{grid-template-columns:1fr 1fr;gap:36px}.ai-orbit{min-height:520px}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .service-hero-shell{grid-template-columns:1fr .65fr;gap:36px}
}
@media (max-width: 920px) {
  :root{--header-h:74px}.container{width:min(calc(100% - 34px),var(--container))}
  .nav-links{display:none;position:absolute;left:17px;right:17px;top:calc(var(--header-h) - 2px);padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(8,14,21,.96);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:5px}.nav-links.is-open{display:flex}.nav-links>a{padding:10px 8px}.nav-toggle{display:block}.nav-cta{margin-top:4px}
  .hero{padding-top:126px}.hero-shell{grid-template-columns:1fr}.hero-copy-col{max-width:820px}.hero-stage{width:min(620px,100%);min-height:auto;aspect-ratio:1/.92;margin:6px auto 0}.hero h1{max-width:900px}.scroll-cue{display:none}
  .services-bento{grid-template-columns:1fr 1fr}.service-bento-1,.service-bento-2,.service-bento-3,.service-bento-4{grid-column:span 1}.service-bento-card{min-height:490px}.service-visual{width:48%;height:40%}
  .section-head{grid-template-columns:1fr;gap:18px}.section-head>p{max-width:700px}
  .grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}
  .ai-panel{grid-template-columns:1fr}.ai-orbit{min-height:560px}
  .cta-band .container{display:block}.cta-band .button-row{margin-top:32px}.cta-band::before{inset:16px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
  .service-hero{min-height:auto}.service-hero-shell{grid-template-columns:1fr}.service-hero-visual{min-height:420px;max-width:620px;width:100%}.deliverable-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 680px) {
  .container{width:min(calc(100% - 24px),var(--container))}.section{padding:92px 0}.section-tight{padding:66px 0}
  .eyebrow{font-size:.62rem;letter-spacing:.12em}.hero{padding:112px 0 60px;min-height:auto}.hero h1{font-size:clamp(3.1rem,15vw,5.2rem)}.hero-status{font-size:.47rem}.hero-status b{display:none}.hero-deck{font-size:1rem}.hero-mini-proof{display:grid;grid-template-columns:1fr 1fr}.hero-mini-proof>div{border-right:0}.hero-mini-proof>div:last-child{grid-column:1/-1}.hero-stage{aspect-ratio:1;min-height:360px;border-radius:26px}.stage-hud{left:14px;right:14px}.stage-node{min-width:0;padding:8px 9px 7px 21px}.stage-node i{left:9px;top:12px;width:5px;height:5px}.stage-node span{font-size:.48rem}.stage-node small{display:none}.node-strategy{left:4%}.node-ai{right:4%}.node-product{left:4%}.node-growth{right:4%}.core-sphere{width:118px;height:118px}.core-logo{width:29px;height:31px}.hero-proof{grid-template-columns:1fr 1fr;margin-top:10px}.hero-stat{padding:16px}.hero-stat strong{font-size:1rem}.hero-stat span{font-size:.6rem}
  .signal-track{animation-duration:24s}.logo-band-head{grid-template-columns:1fr;gap:10px}.logo-band-head p{justify-self:start}.logo-grid{grid-template-columns:repeat(2,1fr)}
  .services-bento{grid-template-columns:1fr}.service-bento-card{min-height:480px}.service-visual{position:relative;right:auto;top:auto;width:100%;height:180px;min-height:0;margin-top:16px;order:0}.service-bento-card h3{margin-top:20px}.service-bento-card p{font-size:.9rem}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.method-grid::before{display:none}
  .ai-orbit{min-height:430px;border-radius:28px}.ai-core{width:135px;height:135px}.orbit-label{font-size:.56rem;padding:7px 9px}.orbit-label:nth-of-type(5){right:1%}
  .team-grid{grid-template-columns:1fr 1fr}.person p{display:none}.person-copy{padding:15px}.person-role{font-size:.54rem}
  .cta-band{padding:44px 0}.cta-band .container{min-height:0;padding:50px 25px}.cta-band::before{inset:12px}.cta-band h2{font-size:clamp(2.2rem,11vw,3.7rem)}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;justify-content:start}
  .service-hero{padding:115px 0 72px}.service-hero-copy h1{font-size:clamp(3.15rem,14vw,5rem)}.service-hero-visual{min-height:350px}.service-portal{width:220px;height:220px}.service-terminal{display:grid}.deliverable-grid{grid-template-columns:1fr}
  .consultation-dialog{padding:28px 18px}.consultation-progress{margin:-28px -18px 28px}.choice-grid{grid-template-columns:1fr}.form-controls{flex-wrap:wrap}.enter-hint{width:100%;order:3;margin-top:3px}
}
@media (max-width: 460px) {
  .button-row .btn{width:100%}.hero-promise{font-size:.62rem}.hero-mini-proof{grid-template-columns:1fr}.hero-mini-proof>div:last-child{grid-column:auto}.hero-proof{grid-template-columns:1fr}.hero-stat{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.hero-stat:last-child{border-bottom:0!important}.hero-stage{min-height:330px}.stage-data{display:none}.logo-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.person h3{font-size:.9rem}.service-terminal{left:12px;right:12px;bottom:12px}.cta-band .button-row .btn{width:100%}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  .signal-track{animation:none}.cursor-aura{display:none}
}

/* Conversion moments */
.floating-conversion {
  position: fixed; z-index: 820; right: 22px; top: 50%;
  display: flex; align-items: center; gap: 9px;
  padding: 10px 12px; border: 1px solid rgba(116,229,255,.15); border-radius: 999px;
  background: rgba(7,14,21,.82); backdrop-filter: blur(14px);
  color: #a9ddeb; box-shadow: 0 16px 45px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.035);
  font-size: .55rem; font-weight: 900; letter-spacing: .12em;
  opacity: 0; transform: translate(18px,-50%); pointer-events: none;
  transition: opacity .3s ease, transform .35s var(--ease), border-color .25s ease, background .25s ease;
}
.show-floating .floating-conversion { opacity: 1; transform: translate(0,-50%); pointer-events: auto; }
.floating-conversion:hover { border-color: rgba(116,229,255,.32); background: rgba(12,25,36,.94); }
.floating-conversion b { color: #fff; font-size: .8rem; }
.floating-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.conversion-strip { padding: 0 0 28px; position: relative; }
.conversion-shell { position: relative; overflow: hidden; min-height: 190px; padding: 34px 38px; border: 1px solid rgba(116,229,255,.10); border-radius: 26px; background: radial-gradient(circle at 82% 10%, rgba(116,229,255,.10), transparent 30%), linear-gradient(120deg,rgba(15,27,39,.88),rgba(7,13,20,.9)); display: flex; align-items: center; justify-content: space-between; gap: 38px; }
.conversion-shell::after { content:""; position:absolute; right:10%; top:-100px; width:260px; height:260px; border-radius:50%; border:1px solid rgba(116,229,255,.09); box-shadow:0 0 0 45px rgba(116,229,255,.012),0 0 0 90px rgba(116,229,255,.008); }
.conversion-shell > * { position: relative; z-index: 2; }
.conversion-kicker { color: #6590a3; font-size: .55rem; font-weight: 900; letter-spacing: .15em; }
.conversion-shell h3 { max-width: 720px; margin: 10px 0 0; font-size: clamp(1.55rem,2.7vw,2.65rem); }
.conversion-actions { flex: 0 0 auto; display: grid; gap: 10px; justify-items: end; }
.conversion-actions > span { color: #526a7b; font-size: .58rem; letter-spacing: .08em; }

/* Service bento composition fixes */
.service-bento-1 .service-visual, .service-bento-4 .service-visual { position:absolute; right:18px; top:18px; width:42%; height:47%; min-width:200px; min-height:175px; margin:0; }
.service-bento-1 h3, .service-bento-4 h3, .service-bento-1 p, .service-bento-4 p, .service-bento-1 ul, .service-bento-4 ul { max-width: 52%; }
.service-bento-1 h3, .service-bento-4 h3 { margin-top: 44px; }
.service-bento-2 .service-visual, .service-bento-3 .service-visual { position:relative; right:auto; top:auto; width:100%; height:160px; min-width:0; min-height:0; margin:16px 0 0; }
.service-bento-2 h3, .service-bento-3 h3 { margin-top:20px; }

/* Robust AI label positioning */
.ai-orbit .orbit-customer{top:13%;left:9%}.ai-orbit .orbit-marketing{top:17%;right:7%}.ai-orbit .orbit-hr{bottom:18%;left:6%}.ai-orbit .orbit-risk{bottom:12%;right:8%}.ai-orbit .orbit-operations{top:47%;right:2%}

/* Interactive reveal hover specificity */
.js .service-bento-card.is-visible:hover, .js .card-hover.is-visible:hover, .js .person.is-visible:hover { transform: translateY(-8px); }
.js .deliverable.is-visible:hover, .js .logo-card.is-visible:hover { transform: translateY(-5px); }

@keyframes ringRotate { to { transform: rotate(360deg); } }
@keyframes ringRotateReverse { to { transform: rotate(-360deg); } }
.service-portal>span:nth-child(1){animation-name:ringRotate}.service-portal>span:nth-child(2){animation-name:ringRotateReverse}.service-portal>span:nth-child(3){animation-name:ringRotate}

@media (max-width: 920px) {
  .floating-conversion{top:auto;right:18px;bottom:18px;transform:translateY(14px);box-shadow:0 18px 55px rgba(0,0,0,.4)}
  .show-floating .floating-conversion{transform:none}
  .conversion-shell{display:grid}.conversion-actions{justify-items:start}
  .service-bento-1 .service-visual,.service-bento-4 .service-visual{position:relative;right:auto;top:auto;width:100%;height:180px;min-width:0;min-height:0;margin:16px 0 0}
  .service-bento-1 h3,.service-bento-4 h3,.service-bento-1 p,.service-bento-4 p,.service-bento-1 ul,.service-bento-4 ul{max-width:none}.service-bento-1 h3,.service-bento-4 h3{margin-top:20px}
}
@media (max-width: 680px) {
  .conversion-shell{padding:28px 22px}.conversion-actions{width:100%}.conversion-actions .btn{width:100%}
  .floating-conversion{left:12px;right:12px;justify-content:center;bottom:10px;min-height:48px}
}

/* ======================================================================
   2026 EDITORIAL FUTURE REFINEMENT
   Inspired by premium Gulf technology positioning: decisive typography,
   fewer boxes, stronger narrative pacing, and restrained motion.
   ====================================================================== */
:root {
  --bg: #040507;
  --bg-2: #07090c;
  --bg-3: #0b0e12;
  --panel: rgba(10, 13, 17, .72);
  --text: #f7f8f4;
  --text-soft: #d9ddd7;
  --muted: #8d9693;
  --muted-2: #59635f;
  --line: rgba(255,255,255,.095);
  --line-bright: rgba(158,238,226,.27);
  --cyan: #9ee9df;
  --cyan-2: #d5fff8;
  --blue: #75a9ff;
  --violet: #aa9cff;
  --mint: #b8ff9e;
  --radius: 24px;
  --container: 1320px;
}
body {
  background:
    radial-gradient(circle at 78% 2%, rgba(158,233,223,.055), transparent 24%),
    radial-gradient(circle at 15% 45%, rgba(117,169,255,.04), transparent 26%),
    #040507;
}
body::before {
  content:"";
  position: fixed;
  inset: 0;
  pointer-events:none;
  z-index:-1;
  background: linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.025) 50%, transparent calc(50% + .5px));
}
.container { width:min(calc(100% - 64px),var(--container)); }

/* Header: quieter, more architectural. */
.site-header { background:rgba(4,5,7,.58); backdrop-filter:blur(22px) saturate(120%); }
.site-header.is-scrolled { background:rgba(4,5,7,.90); border-color:rgba(255,255,255,.08); }
.nav { height:86px; }
.brand { letter-spacing:.24em; font-size:.78rem; }
.brand img { width:34px; height:38px; filter:drop-shadow(0 0 18px rgba(158,233,223,.18)); }
.nav-signal { color:#69726e; letter-spacing:.18em; }
.nav-links { gap:34px; }
.nav-links > a:not(.nav-cta) { font-size:.72rem; color:#8c9692; }
.nav-cta { background:#f4f7f2 !important; color:#060807 !important; box-shadow:none !important; }

/* Editorial type system. */
.eyebrow { font-size:.62rem; letter-spacing:.22em; color:#b9c5c0; }
.eyebrow::before { width:20px; background:#9ee9df; box-shadow:none; }
h1,h2,h3 { letter-spacing:-.062em; }
h1 { font-size:clamp(4.4rem,8.4vw,8.7rem); font-weight:560; }
h2 { font-size:clamp(3rem,5.75vw,6.5rem); font-weight:540; }
h3 { font-weight:590; }
.gradient-text {
  background:linear-gradient(100deg,#fff 5%,#d8eee9 46%,#9ee9df 72%,#b7c8ff 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:none;
}
.lead { color:#9da7a3; line-height:1.66; }

/* Hero: larger thesis, reduced UI noise, retained future system visual. */
.hero { min-height:100svh; padding:160px 0 76px; border-bottom:1px solid var(--line); }
.hero::before {
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:96px 96px; opacity:.48;
}
.hero::after { opacity:.42; filter:blur(8px); }
.hero-shell { grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr); gap:72px; }
.hero-copy-col { padding-top:34px; }
.hero-status { border-color:rgba(158,233,223,.13); background:rgba(4,6,8,.34); color:#65706c; }
.hero h1 { max-width:980px; margin:18px 0 28px; }
.hero-deck { max-width:760px; font-size:clamp(1.04rem,1.45vw,1.26rem); color:#98a29e; }
.hero-promise { color:#d8dedb; font-size:.63rem; letter-spacing:.16em; gap:12px; }
.hero-promise i { color:#53605b; }
.hero-mini-proof { border-top:1px solid rgba(255,255,255,.09); max-width:760px; }
.hero-mini-proof strong { font-size:.67rem; letter-spacing:.02em; }
.hero-mini-proof span { font-size:.57rem; }
.hero-stage {
  min-height:590px;
  border-radius:50% 50% 44px 44px;
  border-color:rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 50% 45%,rgba(158,233,223,.10),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 35px 110px rgba(0,0,0,.34);
}
.hero-stage::after { content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.035);border-radius:inherit;pointer-events:none; }
.stage-ring { border-color:rgba(158,233,223,.09); }
.stage-crosshair { opacity:.32; }
.stage-node { background:rgba(3,6,7,.64); border-color:rgba(255,255,255,.09); backdrop-filter:blur(15px); }
.core-sphere { background:radial-gradient(circle at 35% 28%,rgba(158,233,223,.11),rgba(4,8,10,.96) 62%); border-color:rgba(158,233,223,.18); box-shadow:0 0 75px rgba(158,233,223,.08); }
.hero-proof { margin-top:48px; background:transparent; border-radius:0; border-left:0;border-right:0; }
.hero-stat { padding:24px 26px; }
.hero-stat strong { font-size:1.42rem; }
.hero-stat span { font-size:.63rem; }

.btn { min-height:54px; border-radius:999px; padding:0 24px; font-size:.78rem; letter-spacing:.01em; }
.btn-primary { background:#f2f5f1; color:#080a09; box-shadow:none; }
.btn-primary:hover { background:#cffff7; box-shadow:0 16px 50px rgba(158,233,223,.12); }
.btn-secondary { background:transparent; border-color:rgba(255,255,255,.15); color:#d5dbd8; }
.btn-secondary:hover { background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.28); }
.btn::before { opacity:.5; }

/* Capability ticker becomes a thin signal line. */
.signal-marquee { background:#060809; border-bottom:1px solid rgba(255,255,255,.07); }
.signal-track { padding:15px 0; gap:28px; animation-duration:42s; }
.signal-track span { color:#838d89; font-size:.58rem; letter-spacing:.20em; }
.signal-track i { color:#40504a; font-size:.55rem; }

/* Point of view / problem: deliberately text-first. */
.point-of-view { position:relative; padding:150px 0 136px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.07); }
.point-of-view::before { content:""; position:absolute; width:760px;height:760px;border-radius:50%; right:-390px;top:-260px;border:1px solid rgba(158,233,223,.06);box-shadow:0 0 0 90px rgba(158,233,223,.012),0 0 0 180px rgba(158,233,223,.008); }
.pov-shell { display:grid; grid-template-columns:170px 1fr; gap:0 70px; }
.pov-index { grid-column:1; grid-row:1/3; padding-top:10px; display:flex; flex-direction:column; gap:10px; color:#5d6863; }
.pov-index span { font-size:2.6rem; line-height:1; letter-spacing:-.07em; color:#dce2df; }
.pov-index b { font-size:.56rem; letter-spacing:.18em; font-weight:700; }
.pov-main { grid-column:2; max-width:1030px; }
.pov-main h2 { max-width:1050px; margin:20px 0 30px; }
.pov-main h2 em { color:#78847f; font-style:normal; }
.pov-main .lead { max-width:780px; }
.beliefs { grid-column:2; margin-top:84px; border-top:1px solid rgba(255,255,255,.11); display:grid; grid-template-columns:repeat(3,1fr); }
.beliefs article { padding:32px 34px 0 0; min-height:250px; border-right:1px solid rgba(255,255,255,.08); margin-right:34px; }
.beliefs article:last-child { border-right:0; margin-right:0; }
.beliefs article > span { display:block; color:#61706a; font-size:.58rem; letter-spacing:.16em; margin-bottom:35px; }
.beliefs h3 { font-size:clamp(1.35rem,2vw,2.05rem); max-width:310px; margin-bottom:20px; }
.beliefs p { font-size:.78rem; max-width:310px; }

/* Sections become less card-like and more editorial. */
.section { padding:148px 0; }
.section-tight { padding:98px 0; }
.section-head { grid-template-columns:minmax(0,1.05fr) minmax(300px,.5fr); gap:90px; margin-bottom:74px; }
.section-head > p { font-size:.91rem; line-height:1.72; }
.section-alt { background:rgba(255,255,255,.008); border-color:rgba(255,255,255,.065); }

/* Core services: full-width capability rows rather than bento boxes. */
.capability-list { border-top:1px solid rgba(255,255,255,.12); }
.capability-row {
  position:relative;
  display:grid;
  grid-template-columns:70px minmax(260px,.9fr) minmax(320px,1.1fr) 190px;
  grid-template-areas:
    "num title visual link"
    "num copy visual link"
    "num list visual link";
  column-gap:42px;
  align-items:start;
  min-height:320px;
  padding:46px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  transition:background .45s ease,padding .45s var(--ease),border-color .3s ease;
}
.capability-row::before { content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:right;background:linear-gradient(90deg,rgba(158,233,223,.035),rgba(117,169,255,.028),transparent);transition:transform .65s var(--ease);pointer-events:none; }
.capability-row:hover::before { transform:scaleX(1);transform-origin:left; }
.capability-row:hover { padding-left:22px; padding-right:22px; border-color:rgba(158,233,223,.22); }
.capability-row .service-number { grid-area:num; padding-top:8px; color:#6b7772; }
.capability-row h3 { grid-area:title; position:relative;z-index:2; font-size:clamp(2.15rem,3.8vw,4.3rem); margin:0 0 20px; max-width:500px; }
.capability-row > p { grid-area:copy; position:relative;z-index:2; max-width:500px; color:#8f9a95; font-size:.88rem; }
.capability-row > ul { grid-area:list; position:relative;z-index:2; margin-top:18px; }
.capability-row li { font-size:.73rem; color:#7f8c87; }
.capability-row .service-link { grid-area:link; align-self:center; justify-self:end; margin:0; padding:0; color:#d6e1dd; font-size:.68rem; white-space:nowrap; }
.capability-row .service-link::after { content:"";display:block;margin-top:9px;height:1px;background:#9ee9df;transform:scaleX(.22);transform-origin:left;transition:transform .45s var(--ease); }
.capability-row:hover .service-link::after { transform:scaleX(1); }
.capability-row .service-visual { grid-area:visual; position:relative;right:auto;top:auto;width:100%;height:220px;min-width:0;min-height:0;align-self:center;border-radius:18px;opacity:.64; }
.capability-row:hover .service-visual { transform:scale(1.015); opacity:.95; }

/* Conversion strip becomes a statement, not another card. */
.conversion-strip { background:#0a0d0d; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.conversion-shell { padding:64px 0; }
.conversion-shell h3 { font-size:clamp(1.85rem,3vw,3.4rem); max-width:900px; }
.conversion-kicker { color:#66736d; }

/* AI: keep the wow, reduce HUD clutter. */
.ai-panel { gap:92px; }
.ai-orbit { border-radius:50%; min-height:600px; aspect-ratio:1; background:radial-gradient(circle at 50% 50%,rgba(158,233,223,.115),transparent 27%),rgba(7,9,11,.82); border-color:rgba(255,255,255,.08); }
.ai-core { border-color:rgba(158,233,223,.22); color:#eff8f5; box-shadow:0 0 90px rgba(158,233,223,.09); }
.orbit-label { border-color:rgba(255,255,255,.08); background:rgba(4,7,7,.7); color:#a8b4af; }
.step { grid-template-columns:58px 1fr; padding:22px 0; }
.step-num { border-radius:0; border:0; background:transparent; color:#6c7b74; justify-content:flex-start; font-size:.61rem; letter-spacing:.12em; }
.step h3 { font-size:1.18rem; }

/* Proof is numbers first. */
.experience-zone .grid-4 { gap:0; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.experience-zone .metric-card { border:0; border-right:1px solid rgba(255,255,255,.085); border-radius:0; background:transparent; padding:38px 30px; min-height:330px; }
.experience-zone .metric-card:last-child { border-right:0; }
.metric-card strong { font-size:clamp(2.1rem,3.2vw,3.7rem); }
.metric-card:hover { background:rgba(255,255,255,.018); }

/* Logos: clean image-only presentation. Fallback appears ONLY on failure. */
.logo-band { background:#070909; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.logo-band .container { padding-top:54px; padding-bottom:52px; }
.logo-band-head { margin-bottom:34px; }
.logo-grid { gap:0; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.logo-card { min-height:116px; border:0; border-right:1px solid rgba(255,255,255,.07); border-radius:0; background:transparent; padding:22px 18px; }
.logo-card:last-child { border-right:0; }
.logo-card:hover { transform:none; background:rgba(255,255,255,.018); }
.logo-card img { max-width:116px; max-height:46px; filter:grayscale(1) brightness(1.35) contrast(.85); opacity:.68; transition:opacity .25s ease,filter .25s ease,transform .25s ease; }
.logo-card:hover img { filter:grayscale(0) brightness(1) contrast(1); opacity:1; transform:scale(1.03); }
.logo-card.dark { background:transparent; }
.logo-fallback[hidden] { display:none !important; }
.logo-fallback { position:static; display:block; color:#9aa59f; font-size:.63rem; letter-spacing:.12em; }
.logo-card.dark .logo-fallback { color:#9aa59f; }
.logo-load-failed { background:rgba(255,255,255,.012); }

/* Method is a numbered editorial sequence. */
.method-grid { grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid rgba(255,255,255,.11); }
.method-card { min-height:360px; border:0; border-right:1px solid rgba(255,255,255,.085); border-radius:0; background:transparent; padding:34px 32px 28px 0; margin-right:32px; box-shadow:none; justify-content:flex-start !important; }
.method-card:last-child { border-right:0; margin-right:0; }
.method-card:hover { transform:none; background:transparent; }
.method-index { display:block; color:#66716c; font-size:.58rem; letter-spacing:.18em; margin-bottom:84px; }
.method-card h3 { font-size:clamp(2rem,3vw,3.2rem); }
.method-card p { font-size:.79rem; max-width:270px; }

/* Specialist capabilities: lighter, typographic. */
.capability-strip { gap:0; border-top:1px solid rgba(255,255,255,.09); }
.capability-strip span { background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.07); border-radius:0; padding:15px 22px 15px 0; color:#89948f; }
.capability-strip span:hover { color:#eef3f0; background:transparent; }

/* Team: more editorial photography. */
.team-grid { gap:14px; }
.person { border-radius:18px; background:#080a0c; border-color:rgba(255,255,255,.075); padding:0; }
.person img { filter:grayscale(.35) contrast(1.03); transition:filter .45s ease,transform .6s var(--ease); }
.person:hover img { filter:grayscale(0); transform:scale(1.025); }
.person-copy { padding:22px 22px 26px; }

/* CTA: huge closing statement. */
.cta-band { padding:0; border-top:1px solid rgba(255,255,255,.08); }
.cta-band::before { inset:0; border-radius:0; border:0; background:radial-gradient(circle at 82% 28%,rgba(158,233,223,.08),transparent 28%),#080b0b; box-shadow:none; }
.cta-band::after { opacity:.45; }
.cta-band .container { min-height:620px; padding:110px 0; align-items:flex-end; }
.cta-band h2 { font-size:clamp(3.2rem,6.9vw,7.6rem); max-width:1040px; }
.cta-band .btn-primary { min-height:64px; padding-inline:28px; }
.footer { background:#040506; }

/* Service pages inherit the refined language. */
.service-hero { min-height:88svh; padding:160px 0 96px; }
.service-hero-shell { grid-template-columns:minmax(0,1.25fr) minmax(350px,.65fr); gap:90px; }
.service-hero-copy h1 { font-size:clamp(4rem,7.6vw,8rem); font-weight:540; }
.service-hero-visual { border-radius:50%; aspect-ratio:1; min-height:0; background:radial-gradient(circle at center,rgba(158,233,223,.09),transparent 34%),rgba(7,9,11,.65); }
.deliverable-grid { gap:0; border-top:1px solid rgba(255,255,255,.09); }
.deliverable { min-height:260px; border:0; border-right:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); border-radius:0; background:transparent; padding:32px; }
.deliverable:hover { transform:none; background:rgba(255,255,255,.016); }
.service-callout { border-radius:0; border-left:0;border-right:0; background:rgba(255,255,255,.012); }

/* Motion: slower reveals with slight masking rather than generic floating cards. */
.js [data-reveal] { opacity:1; transform:translateY(14px); filter:none; transition:transform .72s var(--ease),clip-path .78s var(--ease); }
.js [data-reveal].is-visible { opacity:1; transform:none; filter:none; }
.js .capability-row[data-reveal] { transform:translateY(0); clip-path:inset(0 0 100% 0); opacity:1; filter:none; transition:clip-path 1.05s var(--ease),background .45s ease,padding .45s var(--ease),border-color .3s ease; }
.js .capability-row[data-reveal].is-visible { clip-path:inset(0); }
.section::after,.point-of-view::after { content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(158,233,223,.18),transparent);transform:scaleX(0);transition:transform 1.2s var(--ease);pointer-events:none; }
.section.section-inview::after,.point-of-view.section-inview::after { transform:scaleX(1); }

/* Floating CTA is cleaner and more premium. */
.floating-conversion { border-radius:999px; background:rgba(242,245,241,.93); color:#070908; border-color:rgba(255,255,255,.4); box-shadow:0 18px 55px rgba(0,0,0,.28); }
.floating-conversion .floating-dot { background:#5c847a; box-shadow:none; }

@media (max-width:1120px){
  .hero-shell{grid-template-columns:1fr .72fr;gap:38px}
  .pov-shell{grid-template-columns:110px 1fr;gap:0 38px}
  .capability-row{grid-template-columns:55px minmax(220px,.9fr) minmax(250px,1fr) 150px;column-gap:24px}
  .capability-row .service-link{white-space:normal;text-align:right}
  .logo-grid{grid-template-columns:repeat(4,1fr)}
  .logo-card:nth-child(4){border-right:0}
  .logo-card:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.07)}
}
@media (max-width:860px){
  .container{width:min(calc(100% - 38px),var(--container))}
  h1{font-size:clamp(3.8rem,15vw,6.4rem)}
  h2{font-size:clamp(2.7rem,10vw,4.9rem)}
  .hero{padding-top:125px}
  .hero-shell{grid-template-columns:1fr}.hero-stage{min-height:500px;border-radius:34px}
  .pov-shell{grid-template-columns:1fr}.pov-index{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;margin-bottom:46px}.pov-main,.beliefs{grid-column:1}
  .beliefs{grid-template-columns:1fr}.beliefs article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);margin-right:0;min-height:0;padding:30px 0}.beliefs article:last-child{border-bottom:0}
  .capability-row{grid-template-columns:50px 1fr;grid-template-areas:"num title" ". copy" ". visual" ". list" ". link";row-gap:12px;min-height:0;padding:38px 0}
  .capability-row .service-link{justify-self:start;text-align:left;margin-top:16px}.capability-row .service-visual{height:220px;margin:18px 0}
  .experience-zone .grid-4,.method-grid{grid-template-columns:1fr 1fr}.experience-zone .metric-card:nth-child(2),.method-card:nth-child(2){border-right:0}.experience-zone .metric-card:nth-child(-n+2),.method-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.085)}
  .ai-orbit{border-radius:30px;aspect-ratio:auto}
  .cta-band .container{min-height:520px;align-items:flex-start;flex-direction:column;justify-content:flex-end}.cta-band h2{font-size:clamp(3rem,11vw,5.8rem)}
  .service-hero-shell{grid-template-columns:1fr}.service-hero-visual{max-width:560px;width:100%;justify-self:center}
}
@media (max-width:580px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .point-of-view,.section{padding:104px 0}
  .hero-stage{min-height:390px}
  .hero-proof{grid-template-columns:1fr}
  .experience-zone .grid-4,.method-grid{grid-template-columns:1fr}.experience-zone .metric-card,.method-card{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.085)!important;margin-right:0;padding-right:0}.experience-zone .metric-card:last-child,.method-card:last-child{border-bottom:0!important}
  .logo-grid{grid-template-columns:repeat(2,1fr)}
  .logo-card{border-bottom:1px solid rgba(255,255,255,.07)}
  .logo-card:nth-child(even){border-right:0}.logo-card:nth-last-child(-n+2){border-bottom:0}
  .logo-band-head{grid-template-columns:1fr}.logo-band-head p{justify-self:start}
  .method-index{margin-bottom:42px}
}

/* =========================================================
   2026.08 — CLIENTS / EDITORIAL TEAM / SCENE MOTION / THEMES
   ========================================================= */

/* Theme control */
.theme-toggle {
  flex:0 0 auto; width:62px; height:34px; padding:0; border:1px solid rgba(255,255,255,.11);
  border-radius:999px; background:rgba(255,255,255,.035); color:var(--text); display:grid; place-items:center;
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease; position:relative; z-index:2;
}
.theme-toggle:hover { border-color:rgba(158,233,223,.28); background:rgba(158,233,223,.055); }
.theme-toggle-track { width:56px;height:28px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 7px; }
.theme-toggle-knob { position:absolute;z-index:1;width:24px;height:24px;left:29px;top:2px;border-radius:50%;background:#f5f7f4;box-shadow:0 4px 14px rgba(0,0,0,.28);transition:left .38s var(--ease),background .3s ease,box-shadow .3s ease; }
.theme-icon { position:relative;z-index:2;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:opacity .25s ease,color .25s ease; }
.theme-icon-moon{color:#111714;opacity:.8}.theme-icon-sun{color:#e8efeb}
html[data-theme="light"] .theme-toggle-knob{left:3px;background:#17201d;box-shadow:0 4px 12px rgba(24,43,36,.18)}
html[data-theme="light"] .theme-icon-sun{color:#fff;opacity:.9}html[data-theme="light"] .theme-icon-moon{color:#47605a;opacity:.7}
.theme-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* Whole-scene choreography. Individual reveals remain subtle details inside a scene. */
.scene-section { position:relative; isolation:isolate; }
.scene-section > .container { position:relative; z-index:2; }
.js .scene-section:not(.hero):not(.service-hero) > .container {
  opacity:1; transform:translate3d(0,18px,0) scale(.996); filter:none;
  transition:opacity .92s var(--ease),transform 1.08s var(--ease),filter .9s ease;
}
.js .scene-section.section-inview > .container { opacity:1; transform:none; filter:none; }
.scene-section:not(.hero)::before {
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(112deg,transparent 18%,rgba(158,233,223,.032) 42%,rgba(117,169,255,.024) 58%,transparent 82%);
  transform:translate3d(-14%,0,0) skewX(-7deg);transition:transform 1.35s var(--ease),opacity .75s ease;
}
.scene-section.section-inview:not(.hero)::before { opacity:1;transform:translate3d(14%,0,0) skewX(-7deg); }
.point-of-view.scene-section,.ai-immersive.scene-section,.experience-zone.scene-section,.team-zone.scene-section{min-height:min(900px,82svh);display:flex;align-items:center}
.point-of-view.scene-section>.container,.ai-immersive.scene-section>.container,.experience-zone.scene-section>.container,.team-zone.scene-section>.container{width:min(calc(100% - 48px),var(--container))}
@media(max-width:860px){
  .point-of-view.scene-section,.ai-immersive.scene-section,.experience-zone.scene-section,.team-zone.scene-section{min-height:0;display:block}
  .point-of-view.scene-section>.container,.ai-immersive.scene-section>.container,.experience-zone.scene-section>.container,.team-zone.scene-section>.container{width:min(calc(100% - 38px),var(--container))}
  .js .scene-section:not(.hero):not(.service-hero)>.container{transform:translate3d(0,16px,0);filter:none}
}
@media(max-width:580px){.point-of-view.scene-section>.container,.ai-immersive.scene-section>.container,.experience-zone.scene-section>.container,.team-zone.scene-section>.container{width:min(calc(100% - 28px),var(--container))}}

/* Selected clients — deliberately distinct from career-experience marks. */
.client-zone { padding-top:150px; padding-bottom:150px; overflow:hidden; }
.client-zone::after { content:"CLIENTS";position:absolute;right:-.04em;top:55px;font-size:clamp(6rem,18vw,17rem);line-height:.8;font-weight:760;letter-spacing:-.08em;color:rgba(255,255,255,.018);pointer-events:none;z-index:0; }
.client-intro { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:70px;align-items:end;margin-bottom:68px; }
.client-intro h2{margin:14px 0 0;max-width:900px}.client-intro>p{margin:0;max-width:560px;justify-self:end}
.client-wall { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.10);border-left:1px solid rgba(255,255,255,.10); }
.client-tile { position:relative;min-height:285px;padding:18px;display:flex;flex-direction:column;gap:18px;border-right:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);overflow:hidden;transition:background .4s ease; }
.client-tile::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 10%,rgba(158,233,223,.075),transparent 34%);opacity:0;transition:opacity .4s ease;pointer-events:none; }
.client-tile:hover{background:rgba(255,255,255,.018)}.client-tile:hover::before{opacity:1}
.client-tile-feature{grid-column:span 2}
.client-mark { min-height:175px;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden; }
.client-mark::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.035);pointer-events:none}
.client-mark img{max-width:170px;max-height:68px;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--ease),filter .35s ease;position:relative;z-index:2}
.client-tile-feature .client-mark img{max-width:220px;max-height:82px}.client-tile:hover .client-mark img{transform:scale(1.035)}
.client-mark-light{background:#f4f5f0}.client-mark-dark{background:#0a0c0c}.client-mark-ink{background:linear-gradient(145deg,#10171a,#090c0d)}
.client-fallback[hidden]{display:none!important}.client-fallback{position:relative;z-index:2;color:#101714;font-size:1.2rem;font-weight:900;letter-spacing:.04em;text-align:center}.client-mark-dark .client-fallback,.client-mark-ink .client-fallback{color:#f2f5f2}
.client-wordmark{position:relative;z-index:2;display:flex;align-items:baseline;gap:7px;color:#ede5d4;letter-spacing:.04em}.client-wordmark b{font-size:clamp(1.05rem,1.7vw,1.5rem);font-weight:650}.client-wordmark em{font-size:clamp(.8rem,1.25vw,1.05rem);font-style:normal;color:#c2a66a;border-left:1px solid rgba(194,166,106,.45);padding-left:7px}
.client-meta{display:grid;gap:4px;position:relative;z-index:2}.client-meta strong{font-size:.88rem;color:var(--text)}.client-meta span{font-size:.61rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2)}
.client-tile>i{position:absolute;right:18px;bottom:18px;color:#56615d;font-size:.55rem;font-style:normal;letter-spacing:.14em}
.client-footer { display:grid;grid-template-columns:.55fr 1.25fr auto;gap:34px;align-items:start;padding:34px 0 0;border-top:0; }
.client-footer>span{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#65706b}.client-footer>strong{max-width:650px;font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.35;font-weight:570}.client-footer>a{color:var(--cyan-2);font-size:.7rem;font-weight:850;white-space:nowrap}

/* Leadership logos: quiet context, never competing with the real client section. */
.logo-band{opacity:.88}.logo-band-head .eyebrow{color:#7d8a85}.logo-card img{max-width:105px;max-height:40px}.logo-fallback[hidden]{display:none!important}

/* Team — editorial leadership + practice ownership. */
.team-zone { overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.004)); }
.team-editorial-head { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.55fr);align-items:end;gap:80px;margin-bottom:76px; }
.team-editorial-head h2{margin-top:16px;max-width:970px}.team-editorial-head>p{margin:0 0 6px;max-width:520px;justify-self:end;font-size:1rem}
.leadership-duo { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.10);border-left:1px solid rgba(255,255,255,.10); }
.leader-feature { display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1fr);min-height:540px;border-right:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);overflow:hidden;background:rgba(255,255,255,.008);transition:background .45s ease; }
.leader-feature:hover{background:rgba(255,255,255,.019)}
.leader-media { position:relative;min-height:540px;overflow:hidden;background:#0b0d0e; }
.leader-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,6,.65),transparent 38%);pointer-events:none}
.leader-media img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(.6) contrast(1.02);transition:filter .55s ease,transform .8s var(--ease)}
.leader-feature:hover .leader-media img{filter:grayscale(.05);transform:scale(1.025)}
.leader-index{position:absolute;left:18px;bottom:18px;z-index:2;color:#e5ece8;font-size:.52rem;letter-spacing:.14em;font-weight:800}
.leader-copy{padding:36px 32px;display:flex;flex-direction:column;justify-content:flex-end}.leader-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:22px;margin-bottom:24px}.leader-title h3{font-size:clamp(2rem,2.6vw,3rem);margin:0 0 6px}.leader-title span{display:block;color:var(--muted);font-size:.68rem}.leader-title>b{font-size:.52rem;letter-spacing:.16em;color:#66736d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 9px}.leader-copy>p{font-size:.84rem;line-height:1.7;margin-bottom:26px}.leader-tags{display:flex;flex-wrap:wrap;gap:7px}.leader-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#87928d;font-size:.55rem;letter-spacing:.04em}
.team-practice-head { display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:82px 0 25px;border-bottom:1px solid rgba(255,255,255,.10); }.team-practice-head>span{font-size:clamp(1.8rem,3vw,3.1rem);letter-spacing:-.045em;font-weight:560}.team-practice-head>p{margin:0;max-width:440px;text-align:right}
.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid rgba(255,255,255,.10)}
.practice-card{border-right:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);overflow:hidden;transition:background .4s ease}.practice-card:hover{background:rgba(255,255,255,.018)}
.practice-image{position:relative;aspect-ratio:1/1.04;overflow:hidden;background:#0a0c0d}.practice-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,6,.55),transparent 42%);pointer-events:none}.practice-image img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:grayscale(.52);transition:filter .5s ease,transform .7s var(--ease)}.practice-card:hover .practice-image img{filter:grayscale(0);transform:scale(1.025)}
.practice-card-neha .practice-image img{object-position:center 18%}
.practice-image>span{position:absolute;z-index:2;left:18px;bottom:16px;font-size:.51rem;letter-spacing:.15em;color:#e6ece9;font-weight:850}.practice-copy{padding:25px 24px 31px}.practice-copy h3{font-size:clamp(1.45rem,2vw,2.05rem);margin:0 0 7px}.practice-copy>strong{display:block;color:var(--cyan-2);font-size:.61rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.practice-copy p{font-size:.78rem;margin:0;max-width:330px}
.team-network-strip{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1fr) auto;gap:40px;align-items:center;padding:42px 0 0}.team-network-strip>div{display:grid;gap:7px}.team-network-strip>div span{color:#64716b;font-size:.52rem;letter-spacing:.15em}.team-network-strip>div strong{font-size:1.1rem;line-height:1.35}.team-network-strip>p{margin:0;font-size:.7rem;line-height:1.75}.team-network-strip .btn{white-space:nowrap}

@media(max-width:1120px){
  .nav-links{gap:22px}.nav-links>a:not(.nav-cta){font-size:.71rem}.nav-cta{padding-inline:15px!important}.theme-toggle{width:58px}
  .client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.client-tile-feature{grid-column:span 1}.client-mark{min-height:160px}.client-tile{min-height:270px}
  .leadership-duo{grid-template-columns:1fr}.leader-feature{grid-template-columns:330px 1fr}.leader-media{min-height:470px}.team-network-strip{grid-template-columns:1fr 1fr}.team-network-strip .btn{justify-self:start}
}
@media(max-width:920px){
  .theme-toggle{margin-left:auto}.nav{gap:10px}.brand{margin-right:auto}.nav-signal{display:none}
  .client-intro,.team-editorial-head{grid-template-columns:1fr;gap:22px}.client-intro>p,.team-editorial-head>p{justify-self:start}.client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.client-footer{grid-template-columns:1fr}.client-footer>a{justify-self:start}
  .leader-feature{grid-template-columns:minmax(250px,.72fr) 1fr}.practice-grid{grid-template-columns:1fr 1fr}.practice-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.practice-card:last-child .practice-image{aspect-ratio:auto;min-height:360px}.team-network-strip{grid-template-columns:1fr}.team-practice-head{align-items:flex-start;flex-direction:column}.team-practice-head>p{text-align:left}
}
@media(max-width:680px){
  .theme-toggle{width:54px;height:32px}.theme-toggle-track{width:50px;height:26px;padding:0 6px}.theme-toggle-knob{width:22px;height:22px;left:26px}.theme-icon{width:12px;height:12px}html[data-theme="light"] .theme-toggle-knob{left:2px}
  .client-zone{padding-top:108px;padding-bottom:108px}.client-wall{grid-template-columns:1fr}.client-tile{min-height:0}.client-mark{min-height:150px}.client-footer{gap:16px;padding-top:28px}
  .team-editorial-head{margin-bottom:48px}.leader-feature{grid-template-columns:1fr;min-height:0}.leader-media{min-height:440px;aspect-ratio:4/5}.leader-copy{padding:28px 22px 32px}.leadership-duo{border-left:0}.leader-feature{border-left:1px solid rgba(255,255,255,.10)}
  .practice-grid{grid-template-columns:1fr;border-left:0}.practice-card,.practice-card:last-child{display:block;grid-column:auto;border-left:1px solid rgba(255,255,255,.10)}.practice-card:last-child .practice-image{aspect-ratio:1/1.08;min-height:0}.practice-image{aspect-ratio:1/1.08}.team-practice-head{padding-top:62px}.team-network-strip{padding-top:34px}
}

/* --------------------- LIGHT THEME --------------------- */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f2f1eb;--bg-2:#ebe9e1;--bg-3:#e2e0d6;--panel:rgba(255,255,255,.72);--panel-solid:#faf9f5;--panel-2:rgba(245,246,241,.86);
  --text:#111815;--text-soft:#2d3935;--muted:#596660;--muted-2:#7c8782;--line:rgba(16,31,26,.12);--line-bright:rgba(16,130,117,.24);
  --cyan:#0b9385;--cyan-2:#137a70;--blue:#3567bd;--violet:#6657bb;--mint:#168f6f;--glow:rgba(38,137,122,.16);--shadow:0 30px 90px rgba(31,43,38,.13);--shadow-soft:0 16px 50px rgba(31,43,38,.09)
}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"],html[data-theme="light"] body{background:#f2f1eb}
html[data-theme="light"] body{background:radial-gradient(circle at 18% -5%,rgba(58,112,191,.09),transparent 30%),radial-gradient(circle at 83% 8%,rgba(15,146,133,.08),transparent 24%),#f2f1eb;color:var(--text)}
html[data-theme="light"] body.is-leaving::after{background:linear-gradient(135deg,#e8e8e2,#f4f3ee 48%,#e4ece9)}
html[data-theme="light"] ::selection{background:rgba(13,147,133,.18);color:#0a1713}html[data-theme="light"] ::-webkit-scrollbar-track{background:#eceae3}html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#b6beb9;border-color:#eceae3}
html[data-theme="light"] .ambient-grid{background-image:linear-gradient(rgba(16,96,83,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,96,83,.035) 1px,transparent 1px)}html[data-theme="light"] .ambient-noise{opacity:.025;mix-blend-mode:multiply}html[data-theme="light"] .ambient-orb{opacity:.08}html[data-theme="light"] .cursor-aura{mix-blend-mode:multiply;background:radial-gradient(circle,rgba(19,131,116,.08),rgba(19,131,116,.018) 38%,transparent 72%)}
html[data-theme="light"] .site-header{background:rgba(243,242,236,.58)}html[data-theme="light"] .site-header.is-scrolled{background:rgba(243,242,236,.90);border-color:rgba(18,31,27,.09)}html[data-theme="light"] .brand span{color:#15201c}html[data-theme="light"] .nav-signal{color:#84908a}html[data-theme="light"] .nav-links>a:not(.nav-cta){color:#53615b}html[data-theme="light"] .nav-links>a:not(.nav-cta):hover{color:#0a1712}html[data-theme="light"] .nav-toggle{background:rgba(17,30,26,.035);color:#18231f}
html[data-theme="light"] .theme-toggle{border-color:rgba(16,31,26,.14);background:rgba(16,31,26,.045)}
html[data-theme="light"] .gradient-text{background:linear-gradient(100deg,#16221e 0%,#187d72 42%,#2f78b9 73%,#6257a7 100%);-webkit-background-clip:text;background-clip:text;filter:none}
html[data-theme="light"] .lead{color:#52625c}html[data-theme="light"] .eyebrow{color:#147d72}
html[data-theme="light"] .btn-secondary{background:rgba(255,255,255,.46);border-color:rgba(16,31,26,.13);color:#21302b}html[data-theme="light"] .btn-secondary:hover{background:#fff;border-color:rgba(13,147,133,.28);color:#0f1d18}
html[data-theme="light"] .card{border-color:rgba(16,31,26,.11);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.25));box-shadow:inset 0 1px rgba(255,255,255,.76)}
html[data-theme="light"] .section-alt{background:linear-gradient(180deg,rgba(21,40,34,.025),rgba(255,255,255,.10));border-color:rgba(16,31,26,.07)}
html[data-theme="light"] .section::after,html[data-theme="light"] .point-of-view::after{background:linear-gradient(90deg,transparent,rgba(12,126,113,.22),transparent)}
html[data-theme="light"] .scene-section:not(.hero)::before{background:linear-gradient(112deg,transparent 18%,rgba(14,133,119,.038) 42%,rgba(58,102,182,.025) 58%,transparent 82%)}

html[data-theme="light"] .hero{border-color:rgba(17,31,26,.09)}html[data-theme="light"] .hero::before{background-image:linear-gradient(rgba(14,121,108,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(14,121,108,.04) 1px,transparent 1px)}html[data-theme="light"] .hero-status{background:rgba(255,255,255,.50);border-color:rgba(13,126,113,.16);color:#67746f}html[data-theme="light"] .hero-deck{color:#586862}html[data-theme="light"] .hero-promise{color:#283630}html[data-theme="light"] .hero-promise i{color:#8b9892}html[data-theme="light"] .hero-mini-proof{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .hero-mini-proof>div{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .hero-mini-proof strong{color:#21302a}html[data-theme="light"] .hero-mini-proof span{color:#74817b}
html[data-theme="light"] .hero-stage{background:radial-gradient(circle at 50% 48%,rgba(36,145,128,.13),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.68),rgba(235,238,231,.48));border-color:rgba(18,31,27,.11);box-shadow:inset 0 1px rgba(255,255,255,.7),0 40px 100px rgba(30,51,43,.10)}html[data-theme="light"] .hero-stage::after{border-color:rgba(18,31,27,.055)}html[data-theme="light"] .hero-proof{border-color:rgba(18,31,27,.11)}html[data-theme="light"] .hero-stat{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .hero-stat strong{color:#17241f}html[data-theme="light"] .hero-stat span{color:#708078}

html[data-theme="light"] .point-of-view{border-color:rgba(18,31,27,.08)}html[data-theme="light"] .point-of-view::before{border-color:rgba(13,126,113,.08);box-shadow:0 0 0 90px rgba(13,126,113,.015),0 0 0 180px rgba(13,126,113,.01)}html[data-theme="light"] .pov-index{color:#80908a}html[data-theme="light"] .pov-index span{color:#26342f}html[data-theme="light"] .pov-main h2 em{color:#7a8781}
html[data-theme="light"] .beliefs article{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .beliefs article b{color:#23322c}
html[data-theme="light"] .capability-list{border-color:rgba(18,31,27,.13)}html[data-theme="light"] .capability-row{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .capability-row::before{background:linear-gradient(90deg,rgba(14,133,119,.045),rgba(65,105,184,.025),transparent)}html[data-theme="light"] .capability-row .service-number,html[data-theme="light"] .capability-row li{color:#67766f}html[data-theme="light"] .capability-row>p{color:#5e6d67}html[data-theme="light"] .capability-row .service-link{color:#25443b}html[data-theme="light"] .service-visual{border-color:rgba(18,31,27,.08)}
html[data-theme="light"] .conversion-strip{background:#e7e9e3;border-color:rgba(18,31,27,.08)}html[data-theme="light"] .conversion-kicker,html[data-theme="light"] .conversion-actions>span{color:#738079}
html[data-theme="light"] .ai-orbit{background:radial-gradient(circle at 50% 50%,rgba(14,138,122,.10),transparent 27%),rgba(232,235,228,.80);border-color:rgba(18,31,27,.10);box-shadow:0 34px 90px rgba(39,56,50,.09)}html[data-theme="light"] .ai-core{background:radial-gradient(circle at 38% 28%,rgba(12,143,127,.14),rgba(235,240,234,.96) 60%);color:#17302a;border-color:rgba(13,126,113,.22)}html[data-theme="light"] .orbit-label{background:rgba(250,251,247,.86);border-color:rgba(18,31,27,.11);color:#42554e}
html[data-theme="light"] .experience-zone .grid-4,html[data-theme="light"] .experience-zone .metric-card{border-color:rgba(18,31,27,.11)}html[data-theme="light"] .experience-zone .metric-card{background:transparent}html[data-theme="light"] .experience-zone .metric-card:hover{background:rgba(255,255,255,.35)}html[data-theme="light"] .metric-card strong{background:linear-gradient(100deg,#15201c,#0a8d7e);-webkit-background-clip:text;background-clip:text}html[data-theme="light"] .metric-card small{color:#75837c}html[data-theme="light"] .proof-disclaimer{color:#7a8781}

html[data-theme="light"] .client-zone::after{color:rgba(15,34,27,.025)}html[data-theme="light"] .client-wall,html[data-theme="light"] .client-tile{border-color:rgba(18,31,27,.11)}html[data-theme="light"] .client-tile:hover{background:rgba(255,255,255,.38)}html[data-theme="light"] .client-tile::before{background:radial-gradient(circle at 75% 10%,rgba(14,133,119,.07),transparent 34%)}html[data-theme="light"] .client-meta strong{color:#18241f}html[data-theme="light"] .client-tile>i{color:#89958f}
html[data-theme="light"] .logo-band{background:#e7e8e2;border-color:rgba(18,31,27,.08)}html[data-theme="light"] .logo-grid{border-color:rgba(18,31,27,.08)}html[data-theme="light"] .logo-card{border-color:rgba(18,31,27,.08)}html[data-theme="light"] .logo-card:hover{background:rgba(255,255,255,.42)}html[data-theme="light"] .logo-card img{filter:grayscale(1) brightness(.75) contrast(.95);opacity:.6}html[data-theme="light"] .logo-card:hover img{filter:grayscale(0) brightness(1);opacity:1}html[data-theme="light"] .logo-fallback{color:#59645f!important}

html[data-theme="light"] .method-grid,html[data-theme="light"] .method-card{border-color:rgba(18,31,27,.11)}html[data-theme="light"] .method-index{color:#738079}html[data-theme="light"] .capability-strip{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .capability-strip span{border-color:rgba(18,31,27,.08);color:#66736d}html[data-theme="light"] .capability-strip span:hover{color:#17231f}
html[data-theme="light"] .team-zone{background:linear-gradient(180deg,rgba(20,37,31,.025),rgba(255,255,255,.10))}html[data-theme="light"] .leadership-duo,html[data-theme="light"] .leader-feature,html[data-theme="light"] .practice-grid,html[data-theme="light"] .practice-card,html[data-theme="light"] .team-practice-head{border-color:rgba(18,31,27,.11)}html[data-theme="light"] .leader-feature:hover,html[data-theme="light"] .practice-card:hover{background:rgba(255,255,255,.35)}html[data-theme="light"] .leader-title{border-color:rgba(18,31,27,.09)}html[data-theme="light"] .leader-title>b,html[data-theme="light"] .leader-tags span{border-color:rgba(18,31,27,.10);color:#65736c}html[data-theme="light"] .practice-copy>strong{color:#167d71}
html[data-theme="light"] .faq details{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .faq summary{color:#202d28}html[data-theme="light"] .faq details[open]{background:rgba(255,255,255,.28)}
html[data-theme="light"] .cta-band{border-color:rgba(18,31,27,.09)}html[data-theme="light"] .cta-band::before{background:radial-gradient(circle at 82% 28%,rgba(13,126,113,.08),transparent 28%),#e4e8e1}html[data-theme="light"] .footer{background:#e2e5df;border-color:rgba(18,31,27,.08)}html[data-theme="light"] .footer h3{color:#394740}html[data-theme="light"] .footer-links a{color:#66756d}html[data-theme="light"] .footer-links a:hover{color:#15231d}html[data-theme="light"] .footer-bottom{border-color:rgba(18,31,27,.08);color:#77847d}
html[data-theme="light"] .floating-conversion{background:rgba(17,26,22,.93);color:#f5f7f4;border-color:rgba(17,26,22,.18)}html[data-theme="light"] .floating-conversion .floating-dot{background:#9ee9df}

/* Service pages / supporting pages in light mode. */
html[data-theme="light"] .service-hero-visual{background:radial-gradient(circle at center,rgba(13,137,121,.10),transparent 34%),rgba(232,235,228,.72);border-color:rgba(18,31,27,.10)}html[data-theme="light"] .service-terminal{background:rgba(250,251,247,.86);border-color:rgba(18,31,27,.10);box-shadow:0 20px 60px rgba(38,51,46,.10)}html[data-theme="light"] .service-terminal span{color:#57675f}html[data-theme="light"] .deliverable-grid,html[data-theme="light"] .deliverable{border-color:rgba(18,31,27,.10)}html[data-theme="light"] .deliverable:hover{background:rgba(255,255,255,.35)}html[data-theme="light"] .service-callout{background:rgba(20,38,31,.025);border-color:rgba(18,31,27,.08)}
html[data-theme="light"] .consultation-backdrop{background:rgba(25,34,30,.52)}html[data-theme="light"] .consultation-dialog{background:radial-gradient(circle at 90% 0,rgba(13,137,121,.07),transparent 35%),#f8f8f4;border-color:rgba(13,126,113,.16);box-shadow:0 40px 120px rgba(31,43,38,.24)}html[data-theme="light"] .consultation-close{background:rgba(17,30,26,.035);border-color:rgba(18,31,27,.09);color:#53625b}html[data-theme="light"] .consultation-progress{background:rgba(18,31,27,.07)}html[data-theme="light"] .form-kicker,html[data-theme="light"] .form-step label:not(.consent-line),html[data-theme="light"] .consent-line,html[data-theme="light"] .enter-hint{color:#65756d}html[data-theme="light"] .form-step input[type=text],html[data-theme="light"] .form-step input[type=email],html[data-theme="light"] .form-step input[type=tel],html[data-theme="light"] .form-step select,html[data-theme="light"] .form-step textarea{background:#fff;border-color:rgba(18,31,27,.11);color:#14211c}html[data-theme="light"] .form-step select option{background:#fff;color:#14211c}html[data-theme="light"] .choice-grid span{background:rgba(255,255,255,.6);border-color:rgba(18,31,27,.10);color:#586961}html[data-theme="light"] .choice-grid input:checked+span{background:rgba(13,137,121,.08);border-color:rgba(13,126,113,.24);color:#15352c}html[data-theme="light"] .form-back{color:#58685f}

@media(max-width:920px){html[data-theme="light"] .nav-links{background:rgba(246,245,240,.98);border-color:rgba(18,31,27,.10)}}

@media(prefers-reduced-motion:reduce){.js .scene-section:not(.hero):not(.service-hero)>.container{opacity:1!important;transform:none!important;filter:none!important}.scene-section::before{display:none!important}}

/* =========================================================
   2026.08.27 — MOTION / COMPACT DENSITY PASS
   No content blur. Sections move as complete scenes.
   ========================================================= */

/* More information per viewport: compact editorial rhythm. */
.section { padding: 82px 0; }
.section-tight { padding: 62px 0; }
.section-head { gap: 46px; margin-bottom: 34px; }
.section-head h2 { margin-top: 9px; }
.section-head > p { font-size: .88rem; line-height: 1.62; }

.point-of-view { padding: 92px 0 82px; }
.pov-shell { grid-template-columns: 118px 1fr; gap: 0 44px; }
.pov-index span { font-size: 2.1rem; }
.pov-main h2 { margin: 14px 0 20px; }
.pov-main .lead { font-size: 1rem; line-height: 1.65; }
.beliefs { margin-top: 42px; }
.beliefs article { min-height: 170px; padding: 22px 24px 0 0; margin-right: 24px; }
.beliefs article > span { margin-bottom: 18px; }
.beliefs h3 { font-size: clamp(1.18rem, 1.55vw, 1.65rem); margin-bottom: 11px; }
.beliefs p { font-size: .73rem; line-height: 1.58; }

.capability-row {
  grid-template-columns: 54px minmax(235px,.9fr) minmax(270px,1fr) 160px;
  column-gap: 28px;
  min-height: 228px;
  padding: 28px 0;
}
.capability-row:hover { padding-left: 14px; padding-right: 14px; }
.capability-row h3 { font-size: clamp(1.8rem, 2.9vw, 3.25rem); margin-bottom: 11px; }
.capability-row > p { font-size: .79rem; line-height: 1.58; }
.capability-row > ul { margin-top: 10px; }
.capability-row li { font-size: .68rem; }
.capability-row .service-visual { height: 152px; border-radius: 14px; }
.capability-row .service-link { font-size: .62rem; }

.conversion-shell { padding: 38px 0; min-height: 0; }
.conversion-shell h3 { font-size: clamp(1.55rem,2.45vw,2.65rem); }

.ai-panel { gap: 52px; }
.ai-orbit { min-height: 438px; }
.ai-core { width: 152px; height: 152px; font-size: .92rem; }
.step { grid-template-columns: 42px 1fr; padding: 13px 0; }
.step h3 { font-size: 1.02rem; margin-bottom: 4px; }
.step p { font-size: .74rem; line-height: 1.55; }
.ai-panel .button-row { margin-top: 24px; }

.experience-zone .metric-card { min-height: 222px; padding: 24px 22px; }
.metric-card strong { font-size: clamp(1.85rem,2.75vw,3.05rem); }
.metric-card p { font-size: .73rem; line-height: 1.55; }
.metric-card small { font-size: .56rem; line-height: 1.45; }
.proof-disclaimer { margin-top: 18px; font-size: .62rem; }

.client-zone { padding-top: 84px; padding-bottom: 78px; }
.client-zone::after { top: 30px; font-size: clamp(5rem,13vw,12rem); }
.client-intro { gap: 44px; margin-bottom: 36px; }
.client-wall { grid-template-columns: repeat(4,minmax(0,1fr)); }
.client-tile { min-height: 198px; padding: 12px; gap: 10px; }
.client-mark { min-height: 116px; padding: 18px; }
.client-mark img { max-width: 142px; max-height: 52px; }
.client-tile-feature .client-mark img { max-width: 178px; max-height: 60px; }
.client-meta strong { font-size: .79rem; }
.client-meta span { font-size: .54rem; }
.client-footer { gap: 24px; padding-top: 22px; }

.logo-band .container { padding-top: 34px; padding-bottom: 32px; }
.logo-band-head { margin-bottom: 20px; }
.logo-card { min-height: 86px; padding: 15px; }
.logo-card img { max-height: 34px; }

.method-card { min-height: 244px; padding: 25px 24px 20px 0; margin-right: 24px; }
.method-index { margin-bottom: 42px; }
.method-card h3 { font-size: clamp(1.55rem,2.2vw,2.35rem); }
.method-card p { font-size: .72rem; line-height: 1.56; }
.capability-strip span { padding: 10px 18px 10px 0; font-size: .67rem; }

.team-zone { padding-top: 80px; padding-bottom: 76px; }
.team-editorial-head { gap: 52px; margin-bottom: 36px; }
.team-editorial-head > p { font-size: .88rem; }
.leader-feature { min-height: 370px; grid-template-columns: minmax(170px,.68fr) minmax(0,1fr); }
.leader-media { min-height: 370px; }
.leader-copy { padding: 24px 24px 26px; }
.leader-title { padding-bottom: 14px; margin-bottom: 15px; }
.leader-title h3 { font-size: clamp(1.65rem,2.1vw,2.35rem); }
.leader-copy > p { font-size: .75rem; line-height: 1.58; margin-bottom: 17px; }
.leader-tags span { padding: 5px 8px; font-size: .49rem; }
.team-practice-head { padding: 44px 0 18px; }
.team-practice-head > span { font-size: clamp(1.5rem,2.35vw,2.45rem); }
.practice-image { aspect-ratio: 1.18 / 1; }
.practice-copy { padding: 17px 18px 20px; }
.practice-copy h3 { font-size: 1.22rem; }
.practice-copy strong { font-size: .62rem; }
.practice-copy p { font-size: .68rem; line-height: 1.52; }
.team-network-strip { gap: 26px; padding-top: 26px; }
.team-network-strip > div strong { font-size: .95rem; }

.faq { gap: 6px; }
.faq summary { padding: 14px 38px 14px 0; font-size: .84rem; }
.faq details p { padding-bottom: 14px; font-size: .76rem; }

.cta-band .container { min-height: 420px; padding: 70px 0; }
.cta-band h2 { font-size: clamp(2.8rem,5.7vw,6rem); }

/* Service pages compact in the same system. */
.service-hero { min-height: 74svh; padding: 128px 0 70px; }
.service-hero-shell { gap: 58px; }
.service-hero-copy h1 { font-size: clamp(3.5rem,6.6vw,6.8rem); }
.service-page .section-tight .card { min-height: 122px; }
.deliverable { min-height: 195px; padding: 24px; }

/* -----------------------------------------------------------------
   SCENE TRANSITIONS
   The old whole-container blur was the problem. Content now stays
   perfectly sharp at every scroll position.
   ----------------------------------------------------------------- */
.js [data-reveal] {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0,14px,0) scale(.997);
  clip-path: inset(0 0 8% 0);
  transition: transform .72s var(--ease), clip-path .78s var(--ease), color .3s ease, background .3s ease, border-color .3s ease;
}
.js [data-reveal].is-visible {
  opacity: 1 !important;
  filter: none !important;
  transform: none;
  clip-path: inset(0);
}
.js .capability-row[data-reveal],
.js .capability-row[data-reveal].is-visible {
  opacity: 1 !important;
  filter: none !important;
  clip-path: inset(0);
}

.scene-section { --scene-progress: .5; --scene-drift: 0px; position: relative; isolation: isolate; }
.scene-section > .container { position: relative; z-index: 3; }
.js .scene-section:not(.hero):not(.service-hero) > .container {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0,18px,0) scale(.996);
  transition: transform .8s var(--ease);
}
.js .scene-section.section-inview:not(.hero):not(.service-hero) > .container { transform: none; }
.point-of-view.scene-section,
.ai-immersive.scene-section,
.experience-zone.scene-section,
.team-zone.scene-section { min-height: 0 !important; display: block !important; }

/* Each section gets a single cinematic sweep rather than a blur layer. */
.scene-wipe { position:absolute; z-index:2; inset:0; overflow:hidden; pointer-events:none; opacity:0; }
.scene-wipe::before {
  content:""; position:absolute; top:-12%; bottom:-12%; left:-34%; width:30%;
  background:linear-gradient(90deg,transparent,rgba(158,233,223,.075) 35%,rgba(113,165,255,.08) 58%,transparent);
  transform:skewX(-10deg) translateX(0); will-change:transform,opacity;
}
.scene-section.scene-active .scene-wipe { animation:sceneWipeVisibility .92s ease both; }
.scene-section.scene-active .scene-wipe::before { animation:sceneWholeSweep .92s cubic-bezier(.16,.84,.35,1) both; }
.scene-edge {
  position:absolute; z-index:4; left:0; right:0; top:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(158,233,223,.12) 22%,rgba(158,233,223,.65) 50%,rgba(117,169,255,.16) 78%,transparent 100%);
  transform:scaleX(.08); transform-origin:left; opacity:.32;
  transition:transform .86s var(--ease),opacity .6s ease;
}
.scene-section.section-inview .scene-edge { transform:scaleX(1); opacity:.8; }
.scene-marker {
  position:absolute; z-index:4; right:max(22px,calc((100vw - var(--container))/2)); top:17px;
  display:flex; gap:8px; align-items:center; pointer-events:none;
  font-size:.48rem; font-weight:800; letter-spacing:.14em; color:var(--muted-2); opacity:.58;
  transform:translate3d(0,calc((.5 - var(--scene-progress))*16px),0);
}
.scene-marker i { width:20px; height:1px; background:currentColor; opacity:.55; }

/* Scroll-linked ambient movement gives the page life without hiding content. */
.scene-section .section-head,
.scene-section .client-intro,
.scene-section .team-editorial-head,
.scene-section .pov-main {
  transform: translate3d(0,calc((.5 - var(--scene-progress))*10px),0);
  transition: transform .14s linear;
}
.client-zone::after { transform:translate3d(calc((.5 - var(--scene-progress))*44px),0,0); }
.ai-immersive .ai-orbit { transform:rotate(calc((var(--scene-progress) - .5) * 4deg)); transition:transform .14s linear,border-color .3s ease,background .3s ease; }
.experience-zone .metric-card:nth-child(odd) { transform:translate3d(0,calc((.5 - var(--scene-progress))*8px),0); }
.experience-zone .metric-card:nth-child(even) { transform:translate3d(0,calc((var(--scene-progress) - .5)*8px),0); }

/* Animated section typography and dividers. */
.scene-section h2 { position:relative; }
.scene-section h2::after {
  content:""; display:block; width:72px; height:1px; margin-top:18px;
  background:linear-gradient(90deg,var(--cyan),rgba(115,255,211,.16));
  transform:scaleX(.15); transform-origin:left; opacity:.45;
  transition:transform .85s var(--ease),opacity .7s ease;
}
.scene-section.section-inview h2::after { transform:scaleX(1); opacity:.9; }
.hero h1::after,.cta-band h2::after { display:none; }

/* Hover motion is faster and more obvious, closer to the supplied benchmark. */
.capability-row { transition:background .34s ease,padding .42s var(--ease),border-color .25s ease,transform .42s var(--ease); }
.capability-row:hover { transform:translate3d(8px,0,0); }
.capability-row .service-visual { transition:transform .55s var(--ease),opacity .35s ease; }
.capability-row:hover .service-visual { transform:translate3d(4px,-3px,0) scale(1.025); }
.client-tile { transition:background .3s ease,transform .42s var(--ease); }
.client-tile:hover { transform:translate3d(0,-5px,0); }
.leader-feature,.practice-card { transition:background .3s ease,transform .45s var(--ease),border-color .3s ease; }
.leader-feature:hover,.practice-card:hover { transform:translate3d(0,-4px,0); }

/* Theme-specific sweep stays restrained and readable. */
html[data-theme="light"] .scene-wipe::before { background:linear-gradient(90deg,transparent,rgba(13,137,121,.055) 35%,rgba(69,113,196,.05) 58%,transparent); }
html[data-theme="light"] .scene-edge { background:linear-gradient(90deg,transparent,rgba(13,137,121,.15),rgba(13,137,121,.6),rgba(70,105,182,.14),transparent); }
html[data-theme="light"] .scene-marker { color:#718078; }

@keyframes sceneWholeSweep {
  0% { transform:skewX(-10deg) translateX(0); opacity:0; }
  16% { opacity:1; }
  100% { transform:skewX(-10deg) translateX(455%); opacity:0; }
}
@keyframes sceneWipeVisibility { 0%,100%{opacity:0} 12%,78%{opacity:1} }

@media (max-width:1120px){
  .capability-row { grid-template-columns:46px minmax(210px,.9fr) minmax(240px,1fr) 130px; column-gap:20px; }
  .client-tile { min-height:185px; }
  .leader-feature { grid-template-columns:minmax(155px,.62fr) 1fr; }
}
@media (max-width:860px){
  .section { padding:70px 0; }
  .point-of-view { padding:78px 0 70px; }
  .client-zone,.team-zone { padding-top:70px; padding-bottom:66px; }
  .section-head,.client-intro,.team-editorial-head { gap:28px; margin-bottom:28px; }
  .capability-row { min-height:0; padding:28px 0; }
  .capability-row .service-visual { height:178px; }
  .ai-orbit { min-height:390px; }
  .experience-zone .metric-card { min-height:190px; }
  .client-wall { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-tile-feature { grid-column:span 1; }
  .leadership-duo { grid-template-columns:1fr; }
  .leader-feature { min-height:330px; }
  .leader-media { min-height:330px; }
  .scene-marker { right:20px; top:12px; }
}
@media (max-width:580px){
  .section,.point-of-view,.client-zone,.team-zone { padding:58px 0; }
  .beliefs { margin-top:28px; }
  .beliefs article { padding:20px 0; }
  .capability-row { padding:25px 0; }
  .capability-row:hover { transform:none; padding-left:0; padding-right:0; }
  .client-wall { grid-template-columns:1fr 1fr; }
  .client-tile { min-height:165px; }
  .client-mark { min-height:96px; padding:13px; }
  .client-meta span { display:none; }
  .leader-feature { grid-template-columns:145px 1fr; min-height:300px; }
  .leader-media { min-height:300px; }
  .leader-copy { padding:18px; }
  .leader-copy > p { display:none; }
  .practice-grid { grid-template-columns:1fr 1fr; }
  .practice-card:last-child { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; }
  .practice-card:last-child .practice-image { aspect-ratio:auto; min-height:220px; }
  .cta-band .container { min-height:360px; padding:56px 0; }
  .scene-marker { display:none; }
}

@media(prefers-reduced-motion:reduce){
  .js [data-reveal],.js .scene-section:not(.hero):not(.service-hero)>.container { transform:none!important;clip-path:none!important;filter:none!important; }
  .scene-wipe,.scene-edge,.scene-marker { display:none!important; }
  .scene-section .section-head,.scene-section .client-intro,.scene-section .team-editorial-head,.scene-section .pov-main,.client-zone::after,.ai-immersive .ai-orbit,.experience-zone .metric-card { transform:none!important; }
}

/* Team density: keep hierarchy, but fit leadership + practice ownership much faster. */
.leader-feature { min-height: 328px; grid-template-columns: minmax(150px,.60fr) minmax(0,1fr); }
.leader-media { min-height: 328px; }
.leader-title h3 { font-size: clamp(1.5rem,1.9vw,2.1rem); }
.leader-copy > p { margin-bottom: 13px; }
.team-practice-head { padding-top: 32px; }
.practice-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.practice-card { display:grid; grid-template-columns: 118px minmax(0,1fr); min-height: 158px; align-items:stretch; }
.practice-image { aspect-ratio:auto; min-height:158px; height:100%; }
.practice-image img { height:100%; object-fit:cover; }
.practice-copy { padding:18px 16px; display:flex; flex-direction:column; justify-content:center; }
.practice-copy h3 { font-size:1.05rem; margin-bottom:3px; }
.practice-copy p { margin-top:8px; }
.team-network-strip { grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr) auto; }

@media(max-width:860px){
  .practice-card { grid-template-columns:105px 1fr; min-height:145px; }
  .practice-image { min-height:145px; }
}
@media(max-width:580px){
  .leader-feature { grid-template-columns:125px 1fr; min-height:260px; }
  .leader-media { min-height:260px; }
  .practice-grid { grid-template-columns:1fr; }
  .practice-card,.practice-card:last-child { grid-column:auto; display:grid; grid-template-columns:110px 1fr; min-height:138px; }
  .practice-card:last-child .practice-image,.practice-image { min-height:138px; height:100%; aspect-ratio:auto; }
}

/* =========================================================
   2026.08.27 — COMPLETE THEME AUDIT + CLIENT INDEX V2
   Every component has an intentional light and dark state.
   Brand logos use controlled plates rather than theme filters.
   ========================================================= */

/* Theme-safe shared surfaces */
:root{
  --surface-hairline:rgba(255,255,255,.09);
  --surface-hover:rgba(255,255,255,.022);
  --surface-glass:rgba(5,9,13,.70);
  --media-overlay:linear-gradient(to top,rgba(3,5,6,.62),transparent 42%);
}
html[data-theme="light"]{
  --surface-hairline:rgba(18,31,27,.11);
  --surface-hover:rgba(255,255,255,.48);
  --surface-glass:rgba(249,249,245,.78);
  --media-overlay:linear-gradient(to top,rgba(17,27,23,.20),transparent 46%);
}

/* Loader is now theme-aware from the first paint. */
html[data-theme="light"] .site-loader{background:#f2f1eb;color:#111815}
html[data-theme="light"] .loader-logo-shell{background:rgba(255,255,255,.62);border-color:rgba(13,126,113,.16);box-shadow:0 22px 70px rgba(31,43,38,.10)}
html[data-theme="light"] .loader-brand{color:#111815}
html[data-theme="light"] .loader-caption{color:#6f7b76}
html[data-theme="light"] .loader-track{background:rgba(18,31,27,.09)}
html[data-theme="light"] .loader-ring{border-color:rgba(13,126,113,.12)}
html[data-theme="light"] .loader-ring-a{border-top-color:rgba(13,126,113,.55)}
html[data-theme="light"] .loader-ring-b{border-right-color:rgba(70,105,182,.42)}
html[data-theme="light"] .loader-ring-c{border-bottom-color:rgba(22,143,111,.44)}
html[data-theme="light"] .loader-wipe{background:linear-gradient(180deg,rgba(244,243,238,.97),#f2f1eb)}

/* Header / controls / utility states */
html[data-theme="light"] .scroll-progress{background:rgba(18,31,27,.035)}
html[data-theme="light"] .scroll-progress span{box-shadow:0 0 14px rgba(13,126,113,.26)}
html[data-theme="light"] .btn-primary{background:linear-gradient(110deg,#16211d,#174d45 46%,#3260a3 100%);color:#f7faf7;box-shadow:0 12px 34px rgba(31,55,47,.12)}
html[data-theme="light"] .btn-primary:hover{background:linear-gradient(110deg,#0d1713,#126b5e 48%,#365eaa 100%);box-shadow:0 16px 44px rgba(31,55,47,.18)}
html[data-theme="light"] .btn-glow{box-shadow:0 0 0 1px rgba(13,126,113,.13),0 12px 36px rgba(31,55,47,.11)}
html[data-theme="light"] .kicker{color:#1c2a25}
html[data-theme="light"] .legal-note{color:#7b8781}
html[data-theme="light"] .breadcrumbs{color:#7b8781}
html[data-theme="light"] .breadcrumbs a{color:#53625b}
html[data-theme="light"] .breadcrumbs a:hover{color:#111815}
html[data-theme="light"] .case-tag{color:#33534a;border-color:rgba(18,31,27,.11);background:rgba(255,255,255,.45)}
html[data-theme="light"] .case-tag::before{box-shadow:0 0 8px rgba(13,126,113,.24)}

/* Hero HUD + transformation engine: no dark-only labels left behind. */
html[data-theme="light"] .hero-radiance{background:radial-gradient(ellipse,rgba(38,137,122,.10),transparent 64%)}
html[data-theme="light"] .scroll-cue{color:#7e8b85}
html[data-theme="light"] .stage-hud{color:#71817a}
html[data-theme="light"] .stage-hud-top b{color:#0c806f}
html[data-theme="light"] .stage-hud-bottom i{background:linear-gradient(90deg,transparent,#148c7e,transparent)}
html[data-theme="light"] .stage-ring{border-color:rgba(13,126,113,.14)}
html[data-theme="light"] .ring-2{border-color:rgba(70,105,182,.18);border-left-color:rgba(70,105,182,.48);border-right-color:rgba(13,126,113,.38)}
html[data-theme="light"] .ring-3{border-color:rgba(22,143,111,.16);box-shadow:inset 0 0 34px rgba(13,126,113,.035),0 0 50px rgba(13,126,113,.035)}
html[data-theme="light"] .stage-crosshair{background:linear-gradient(90deg,transparent,rgba(13,126,113,.10),transparent)}
html[data-theme="light"] .crosshair-y{background:linear-gradient(transparent,rgba(13,126,113,.10),transparent)}
html[data-theme="light"] .core-sphere{background:radial-gradient(circle at 35% 25%,rgba(13,137,121,.14),rgba(250,250,247,.94) 60%);border-color:rgba(13,126,113,.24);box-shadow:inset 0 0 32px rgba(13,126,113,.045),0 0 60px rgba(36,104,154,.08)}
html[data-theme="light"] .core-logo img{filter:drop-shadow(0 0 10px rgba(13,126,113,.16))}
html[data-theme="light"] .core-sphere>span{color:#17241f}
html[data-theme="light"] .core-sphere small{color:#64756e}
html[data-theme="light"] .stage-node{background:rgba(252,252,248,.83);border-color:rgba(18,31,27,.11);box-shadow:0 12px 32px rgba(37,55,47,.08)}
html[data-theme="light"] .stage-node span{color:#20312a}
html[data-theme="light"] .stage-node small{color:#6b7a74}
html[data-theme="light"] .stage-data{color:rgba(13,126,113,.38)}
html[data-theme="light"] .stage-scan::before{background:conic-gradient(from 0deg,transparent 0 80%,rgba(13,126,113,.12) 90%,transparent)}
html[data-theme="light"] .signal-marquee{background:rgba(231,233,226,.86);border-color:rgba(18,31,27,.08)}
html[data-theme="light"] .signal-track span{color:#68766f}
html[data-theme="light"] .signal-track i{color:#9aa49f}

/* Capability visuals are actual light-mode components, not dark UI on a pale page. */
html[data-theme="light"] .service-visual{background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(231,235,229,.66));border-color:rgba(18,31,27,.10)}
html[data-theme="light"] .sv-label,html[data-theme="light"] .sv-readout,html[data-theme="light"] .growth-kpi span{color:#708079}
html[data-theme="light"] .transform-stack i{border-color:rgba(13,126,113,.15);background:linear-gradient(90deg,rgba(13,126,113,.09),rgba(70,105,182,.035))}
html[data-theme="light"] .transform-line{background:rgba(18,31,27,.075)}
html[data-theme="light"] .visual-ai .neural-core{color:#18362e;border-color:rgba(13,126,113,.24);box-shadow:0 0 30px rgba(13,126,113,.08)}
html[data-theme="light"] .neural-node::after{background:linear-gradient(90deg,rgba(13,126,113,.18),transparent)}
html[data-theme="light"] .ai-pulse{border-color:rgba(13,126,113,.11)}
html[data-theme="light"] .growth-chart{border-color:rgba(18,31,27,.08)}
html[data-theme="light"] .growth-chart i{background:linear-gradient(180deg,rgba(13,126,113,.34),rgba(53,103,189,.06))}
html[data-theme="light"] .growth-chart b{box-shadow:0 0 10px rgba(13,126,113,.22)}
html[data-theme="light"] .growth-kpi strong{color:#1d2d27}
html[data-theme="light"] .browser-frame{border-color:rgba(13,126,113,.14);background:rgba(255,255,255,.58)}
html[data-theme="light"] .browser-frame i{background:#9aa7a1}
html[data-theme="light"] .browser-frame b{background:rgba(13,126,113,.14)}
html[data-theme="light"] .browser-frame em{background:linear-gradient(135deg,rgba(70,105,182,.07),rgba(13,126,113,.05))}
html[data-theme="light"] .phone-frame{border-color:rgba(13,126,113,.18);background:#f7f8f4;box-shadow:0 12px 28px rgba(37,55,47,.10)}
html[data-theme="light"] .phone-frame span{background:#a7b2ad}
html[data-theme="light"] .phone-frame b{background:linear-gradient(180deg,rgba(13,126,113,.09),rgba(70,105,182,.05))}
html[data-theme="light"] .service-bento-card:hover{border-color:rgba(13,126,113,.20);box-shadow:0 24px 60px rgba(37,55,47,.10)}
html[data-theme="light"] .service-bento-card li,html[data-theme="light"] .service-card li,html[data-theme="light"] .feature-list li{color:#66766f}
html[data-theme="light"] .service-link{color:#24584c}

/* AI section details */
html[data-theme="light"] .orbit-ring{border-color:rgba(13,126,113,.11)}
html[data-theme="light"] .orbit-ring-b{border-left-color:rgba(70,105,182,.42)}
html[data-theme="light"] .orbit-beam{background:linear-gradient(90deg,transparent,rgba(13,126,113,.15),transparent)}
html[data-theme="light"] .step-num{color:#6f7f78}

/* ---------------- CLIENT INDEX V2 ---------------- */
.client-zone{position:relative;overflow:hidden;padding:78px 0 72px}
.client-zone::after{content:"CLIENTS";position:absolute;right:-.02em;top:34px;font-size:clamp(5rem,12vw,11.5rem);line-height:.8;font-weight:760;letter-spacing:-.08em;color:rgba(255,255,255,.018);pointer-events:none;z-index:0}
.client-showcase{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:58px;align-items:start;position:relative;z-index:2}
.client-intro-sticky{display:block;margin:0;padding:2px 0 0;position:sticky;top:calc(var(--header-h) + 38px)}
.client-intro-sticky h2{font-size:clamp(2.35rem,3.9vw,4.15rem);max-width:500px;margin:14px 0 20px}
.client-intro-sticky>p{max-width:440px;font-size:.82rem;line-height:1.68;margin:0;color:var(--muted)}
.client-intro-signal{display:flex;align-items:center;gap:13px;margin-top:34px;color:var(--muted-2)}
.client-intro-signal>span{font-size:2.15rem;line-height:1;font-weight:600;letter-spacing:-.055em;color:var(--text)}
.client-intro-signal>i{display:block;width:56px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.client-intro-signal>small{font-size:.48rem;line-height:1.45;letter-spacing:.13em;font-weight:800}
.client-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--surface-hairline);border-left:1px solid var(--surface-hairline);background:rgba(255,255,255,.002)}
.client-row{position:relative;display:grid;grid-template-columns:28px 112px minmax(0,1fr) 18px;gap:13px;align-items:center;min-height:124px;padding:13px 14px;border-right:1px solid var(--surface-hairline);border-bottom:1px solid var(--surface-hairline);overflow:hidden;transition:background .3s ease,transform .42s var(--ease),border-color .3s ease}
.client-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--blue));transform:scaleY(0);transform-origin:center;transition:transform .42s var(--ease)}
.client-row:hover{background:var(--surface-hover);transform:translate3d(0,-3px,0);z-index:3}
.client-row:hover::before{transform:scaleY(1)}
.client-row-wide{grid-column:1/-1;grid-template-columns:28px 112px minmax(160px,.6fr) minmax(220px,1fr) 18px}
.client-row-number{font-size:.51rem;letter-spacing:.14em;color:var(--muted-2);align-self:start;padding-top:7px}
.client-logo-stage{height:72px;min-width:0;border-radius:10px;display:grid;place-items:center;padding:12px;position:relative;overflow:hidden;border:1px solid transparent;box-shadow:inset 0 1px rgba(255,255,255,.38)}
.client-logo-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.16) 49%,transparent 72%);transform:translateX(-145%);transition:transform .65s var(--ease);pointer-events:none}
.client-row:hover .client-logo-stage::after{transform:translateX(145%)}
.client-logo-stage img{position:relative;z-index:2;display:block;max-width:92px;max-height:40px;width:auto;height:auto;object-fit:contain;filter:none!important;opacity:1!important;transition:transform .4s var(--ease)}
.client-row:hover .client-logo-stage img{transform:scale(1.035)}
.logo-surface-light{background:#f6f7f3!important;border-color:rgba(12,22,18,.09)!important;color:#111815!important}
.logo-surface-dark{background:#080a0a!important;border-color:rgba(255,255,255,.09)!important;color:#f2f5f2!important}
.logo-surface-light .client-fallback,.logo-surface-light .logo-fallback{color:#17201d!important}
.logo-surface-dark .client-fallback,.logo-surface-dark .logo-fallback{color:#f1f4f1!important}
.client-fallback[hidden],.logo-fallback[hidden]{display:none!important}
.client-fallback{position:relative;z-index:2;font-size:.72rem;line-height:1.15;font-weight:900;letter-spacing:.045em;text-align:center}
.client-row-copy{display:grid;gap:5px;min-width:0}
.client-row-copy strong{font-size:.86rem;line-height:1.1;color:var(--text)}
.client-row-copy span{font-size:.52rem;line-height:1.35;letter-spacing:.095em;text-transform:uppercase;color:var(--muted-2)}
.client-row-note{font-size:.7rem;line-height:1.5;color:var(--muted);max-width:380px;padding-left:24px;border-left:1px solid var(--surface-hairline)}
.client-row-arrow{font-style:normal;font-size:.9rem;color:var(--muted-2);transition:color .25s ease,transform .35s var(--ease)}
.client-row:hover .client-row-arrow{color:var(--cyan-2);transform:translate3d(2px,-2px,0)}
.client-footer{display:grid;grid-template-columns:.45fr 1.3fr auto;gap:30px;align-items:start;padding:24px 0 0;margin-top:0}
.client-footer>span{font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.client-footer>strong{max-width:680px;font-size:clamp(.98rem,1.5vw,1.24rem);line-height:1.42;font-weight:570}
.client-footer>a{color:var(--cyan-2);font-size:.68rem;font-weight:850;white-space:nowrap}

html[data-theme="light"] .client-zone::after{color:rgba(18,31,27,.025)}
html[data-theme="light"] .client-index{background:rgba(255,255,255,.14)}
html[data-theme="light"] .client-row:hover{background:rgba(255,255,255,.54)}
html[data-theme="light"] .client-intro-signal>i{background:linear-gradient(90deg,#0b9385,transparent)}

/* Leadership-experience logos: controlled plates in both themes, no brightness guessing. */
.logo-band{opacity:1}
.logo-grid{gap:8px;border:0!important;background:transparent}
.logo-card{min-height:88px;border:1px solid var(--surface-hairline)!important;border-radius:10px!important;margin:0;background:transparent;overflow:hidden}
.logo-card.logo-surface-light,.logo-card.logo-surface-dark{background:var(--logo-plate,transparent)!important}
.logo-card.logo-surface-light{--logo-plate:#f6f7f3}
.logo-card.logo-surface-dark{--logo-plate:#080a0a}
.logo-card img{max-width:112px;max-height:38px;filter:none!important;opacity:.78;transition:opacity .25s ease,transform .3s var(--ease)!important}
.logo-card:hover img{filter:none!important;opacity:1;transform:scale(1.035)}
.logo-card:hover{background:inherit!important;border-color:var(--line-bright)!important}
.logo-load-failed{background:transparent!important}
html[data-theme="light"] .logo-band{background:#e8e9e3}
html[data-theme="light"] .logo-grid{background:transparent}
html[data-theme="light"] .logo-card{border-color:rgba(18,31,27,.10)!important}

/* Team photography and copy are balanced in both themes. */
.leader-media::after,.practice-image::after{background:var(--media-overlay)}
html[data-theme="light"] .leader-media,html[data-theme="light"] .practice-image{background:#d9ddd7}
html[data-theme="light"] .leader-index,html[data-theme="light"] .practice-image>span{color:#f6faf7;text-shadow:0 1px 12px rgba(15,23,20,.42)}
html[data-theme="light"] .leader-media img,html[data-theme="light"] .practice-image img{filter:grayscale(.34) contrast(1.01) saturate(.92)}
html[data-theme="light"] .leader-feature:hover .leader-media img,html[data-theme="light"] .practice-card:hover .practice-image img{filter:grayscale(0) contrast(1) saturate(1)}
html[data-theme="light"] .team-network-strip>div span{color:#75827c}

/* FAQ / CTA / footer details */
html[data-theme="light"] .cta-signal{color:#66756e}
html[data-theme="light"] .cta-signal span{background:#168f6f;box-shadow:0 0 12px rgba(22,143,111,.16)}
html[data-theme="light"] .form-error{color:#a43d3d}
html[data-theme="light"] .privacy-copy ul{color:#5a6962}

/* Service-page visual system */
html[data-theme="light"] .service-portal-core{background:rgba(255,255,255,.80);border-color:rgba(13,126,113,.18);color:#1b312a;box-shadow:0 0 50px rgba(13,126,113,.07)}
html[data-theme="light"] .service-portal>span{border-color:rgba(13,126,113,.12)}
html[data-theme="light"] .service-terminal{color:#21322b}
html[data-theme="light"] .status-dot{background:#168f6f;box-shadow:0 0 10px rgba(22,143,111,.20)}
html[data-theme="light"] .system-status i{color:#6d7d76}

/* Dark-mode explicit states so future light additions cannot bleed through. */
html[data-theme="dark"] .site-loader{background:#05070b}
html[data-theme="dark"] .client-row-copy strong{color:#f5f8fb}
html[data-theme="dark"] .client-index{background:rgba(255,255,255,.002)}
html[data-theme="dark"] .client-row:hover{background:rgba(255,255,255,.025)}
html[data-theme="dark"] .logo-band{background:#070909}

@media(max-width:1120px){
  .client-showcase{grid-template-columns:minmax(240px,.62fr) minmax(0,1.45fr);gap:38px}
  .client-row{grid-template-columns:24px 96px minmax(0,1fr) 16px;gap:10px;min-height:116px}
  .client-row-wide{grid-template-columns:24px 96px minmax(150px,.6fr) minmax(180px,1fr) 16px}
  .client-logo-stage{height:66px;padding:10px}.client-logo-stage img{max-width:82px;max-height:36px}
}
@media(max-width:860px){
  .client-showcase{grid-template-columns:1fr;gap:28px}
  .client-intro-sticky{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.5fr);column-gap:34px;align-items:end}
  .client-intro-sticky .eyebrow,.client-intro-sticky h2{grid-column:1}.client-intro-sticky>p{grid-column:2;grid-row:1/3;align-self:end}.client-intro-signal{grid-column:1;margin-top:18px}
  .client-footer{grid-template-columns:1fr 1.5fr}.client-footer>a{grid-column:2;justify-self:start}
}
@media(max-width:620px){
  .client-zone{padding:58px 0 54px}
  .client-intro-sticky{display:block}.client-intro-sticky>p{margin-top:0}.client-intro-signal{margin-top:22px}
  .client-index{grid-template-columns:1fr}
  .client-row,.client-row-wide{grid-column:auto;grid-template-columns:24px 92px minmax(0,1fr) 16px;min-height:108px;padding:11px}
  .client-row-note{display:none}
  .client-logo-stage{height:62px}.client-logo-stage img{max-width:78px;max-height:34px}
  .client-footer{grid-template-columns:1fr;gap:12px}.client-footer>a{grid-column:auto}
  .logo-grid{gap:6px}.logo-card{min-height:76px}.logo-card img{max-width:96px;max-height:34px}
}

/* AI orbit label placement: class-based so decorative spans cannot disturb nth-of-type positioning. */
.orbit-customer{top:13%;left:9%}
.orbit-marketing{top:17%;right:7%}
.orbit-hr{bottom:18%;left:6%}
.orbit-risk{bottom:12%;right:8%}
.orbit-operations{top:47%;right:2%}
/* Neutralise legacy nth-of-type coordinates before applying semantic AI labels. */
.orbit-label{top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}
.orbit-customer{top:13%!important;left:9%!important}
.orbit-marketing{top:17%!important;right:7%!important}
.orbit-hr{bottom:18%!important;left:6%!important}
.orbit-risk{bottom:12%!important;right:8%!important}
.orbit-operations{top:47%!important;right:2%!important}

/* FINAL THEME-AUDIT FIXES — visibility, service-page contrast, and true hidden states */
[hidden]{display:none!important}

/* Circular service visual: keep the status terminal comfortably inside the circle. */
.service-terminal{
  left:50%;
  right:auto;
  bottom:34px;
  width:min(76%,390px);
  transform:translateX(-50%);
  padding:11px 13px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:4px;
  line-height:1.35;
}
.service-terminal span,.service-terminal b{display:block;max-width:100%}
html[data-theme="light"] .service-terminal b{color:#0b8175}

/* Service deliverables must remain high-contrast in the light theme. */
html[data-theme="light"] .deliverable strong{color:#18302a}
html[data-theme="light"] .deliverable p{color:#5a6962}
html[data-theme="light"] .service-callout h3{color:#14211c}

/* Modal controls and focus treatment, fully theme-aware. */
html[data-theme="light"] .consultation-close:hover{color:#14211c;border-color:rgba(13,126,113,.24);background:rgba(13,137,121,.06)}
html[data-theme="light"] .form-step input:focus,
html[data-theme="light"] .form-step select:focus,
html[data-theme="light"] .form-step textarea:focus{border-color:rgba(13,126,113,.36);box-shadow:0 0 0 3px rgba(13,126,113,.07);background:#fff}
html[data-theme="dark"] .consultation-close:hover{color:#fff}

@media(max-width:620px){
  .service-terminal{width:82%;bottom:24px;padding:9px 11px}
}

/* =========================================================
   FINAL RELEASE — RESPONSIVE + THEME HARDENING
   2026.08.27
   This layer intentionally wins over legacy breakpoints above.
   ========================================================= */

/* Global resilience */
html,body{max-width:100%;overflow-x:clip}
main,section,.container,.hero-shell,.service-hero-shell,.client-showcase,.client-index,.leadership-duo,.practice-grid{min-width:0}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{min-width:0}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}

/* Header remains usable at every width. */
.site-header{padding-top:env(safe-area-inset-top,0px)}
.nav{max-width:100%}
.brand{min-width:0;white-space:nowrap}
.theme-toggle,.nav-toggle{flex:0 0 auto}
@media(max-width:1040px){
  .nav-links{gap:15px}.nav-links>a:not(.nav-cta){font-size:.68rem}.nav-cta{padding-inline:13px!important}
}
@media(max-width:920px){
  .nav-links{max-height:calc(100svh - var(--header-h) - 24px);overflow:auto;overscroll-behavior:contain}
  .nav-links .nav-cta{width:100%;justify-content:center}
}
@media(max-width:420px){
  :root{--header-h:68px}.container{width:min(calc(100% - 22px),var(--container))}
  .nav{gap:7px}.brand{gap:7px;font-size:.73rem;letter-spacing:.15em}.brand img{width:32px;height:36px}
  .theme-toggle{width:50px;height:30px}.theme-toggle-track{width:46px;height:24px;padding-inline:5px}.theme-toggle-knob{width:20px;height:20px;left:24px}html[data-theme="light"] .theme-toggle-knob{left:2px}
  .nav-toggle{width:40px;height:40px;border-radius:12px}
  .nav-links{left:11px;right:11px;border-radius:15px;padding:14px}
}

/* Theme toggle surfaces are explicit, not inherited. */
html[data-theme="dark"] .theme-toggle{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
html[data-theme="light"] .theme-toggle{background:rgba(18,31,27,.045);border-color:rgba(18,31,27,.13)}
html[data-theme="light"] .theme-toggle:hover{background:rgba(13,137,121,.07);border-color:rgba(13,126,113,.25)}
html[data-theme="dark"] .nav-toggle{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10);color:#fff}
html[data-theme="light"] .nav-toggle{background:rgba(18,31,27,.035);border-color:rgba(18,31,27,.12);color:#17211d}

/* Hero: preserve the motion system but keep content density usable. */
.hero{min-height:min(920px,100svh)}
.hero-shell{align-items:center}
.hero-copy-col{min-width:0}
.hero h1{overflow-wrap:normal;text-wrap:balance}
.hero-deck{text-wrap:pretty}
@media(max-width:920px){
  .hero{min-height:0;padding-top:calc(var(--header-h) + 42px);padding-bottom:48px}
  .hero-shell{gap:24px}.hero-stage{max-width:560px}.hero-proof{margin-top:16px}
}
@media(max-width:620px){
  .hero{padding-top:calc(var(--header-h) + 34px);padding-bottom:40px}
  .hero h1{font-size:clamp(2.75rem,14.2vw,4.6rem);line-height:.95;letter-spacing:-.06em}
  .hero-deck{font-size:.95rem;line-height:1.55}
  .hero-promise{gap:8px;flex-wrap:wrap}
  .hero-stage{min-height:300px;aspect-ratio:1/1;border-radius:22px}
  .stage-hud{font-size:.43rem}.stage-node{max-width:96px}.core-sphere{width:108px;height:108px}
  .hero-mini-proof{margin-top:20px}.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .hero-status{max-width:100%;overflow:hidden}.hero-status span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-stage{min-height:280px}.stage-node{max-width:82px}.node-strategy,.node-product{left:2%}.node-ai,.node-growth{right:2%}
  .hero-proof{grid-template-columns:1fr}.hero-stat{border-right:0!important}
}

/* Compact section rhythm: more information per screen without crowding. */
.section{padding:72px 0}.section-tight{padding:52px 0}
.point-of-view,.client-zone,.team-zone{padding-top:72px;padding-bottom:68px}
.section-head{margin-bottom:28px}.section-head>p{font-size:.9rem}
@media(max-width:860px){.section{padding:62px 0}.section-tight{padding:46px 0}.point-of-view,.client-zone,.team-zone{padding:62px 0}}
@media(max-width:580px){.section{padding:52px 0}.section-tight{padding:40px 0}.point-of-view,.client-zone,.team-zone{padding:52px 0}.section-head{margin-bottom:22px}}

/* Capability rows scale down without becoming stacked mini-pages. */
@media(max-width:860px){
  .capability-row{grid-template-columns:34px minmax(0,1fr) 118px;gap:14px;padding:22px 0}
  .capability-row>p{grid-column:2;max-width:620px}.capability-row .service-visual{grid-column:3;grid-row:1/3;height:132px;align-self:center}
  .capability-row .service-link{grid-column:2;margin-top:4px}
}
@media(max-width:620px){
  .capability-row{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:20px 0}
  .capability-row>p,.capability-row .service-link{grid-column:2}.capability-row .service-visual{grid-column:1/-1;grid-row:auto;width:100%;height:122px;margin-top:6px}
  .capability-row:hover{transform:none}
}

/* AI visual: prevent labels from colliding on smaller devices. */
@media(max-width:760px){
  .ai-panel{gap:26px}.ai-orbit{min-height:360px;border-radius:24px}.ai-core{width:118px;height:118px}
  .orbit-label{font-size:.49rem;padding:6px 8px;letter-spacing:.05em}
  .orbit-customer{top:10%!important;left:4%!important}.orbit-marketing{top:12%!important;right:3%!important}.orbit-hr{bottom:13%!important;left:3%!important}.orbit-risk{bottom:9%!important;right:4%!important}.orbit-operations{top:46%!important;right:0!important}
}
@media(max-width:400px){
  .ai-orbit{min-height:320px}.ai-core{width:102px;height:102px}.orbit-label{font-size:.45rem;padding:5px 6px}.orbit-operations{top:44%!important}
}

/* Client index: controlled brand plates in BOTH themes, compact and responsive. */
.client-logo-stage{isolation:isolate}
.client-logo-stage.logo-surface-light{background:#f7f8f4!important;border-color:rgba(12,22,18,.10)!important;box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 24px rgba(13,24,19,.04)}
.client-logo-stage.logo-surface-dark{background:#080a0a!important;border-color:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.16)}
.client-logo-stage img{mix-blend-mode:normal!important;filter:none!important}
html[data-theme="light"] .client-logo-stage.logo-surface-dark{box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 24px rgba(19,26,22,.10)}
html[data-theme="dark"] .client-logo-stage.logo-surface-light{box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 24px rgba(0,0,0,.20)}
.client-row{contain:layout paint}
.client-row-copy strong,.client-row-copy span{overflow-wrap:anywhere}
@media(max-width:1120px){
  .client-showcase{grid-template-columns:minmax(210px,.55fr) minmax(0,1.5fr);gap:30px}
  .client-row{min-height:108px}.client-row-wide{grid-template-columns:24px 96px minmax(130px,.6fr) minmax(170px,1fr) 16px}
}
@media(max-width:860px){
  .client-showcase{grid-template-columns:1fr}.client-intro-sticky{position:static;display:grid;grid-template-columns:1.2fr .8fr;gap:12px 26px}
  .client-intro-sticky .eyebrow,.client-intro-sticky h2{grid-column:1}.client-intro-sticky>p{grid-column:2;grid-row:1/3}.client-intro-signal{grid-column:1}
  .client-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-row,.client-row-wide{grid-template-columns:22px 82px minmax(0,1fr) 14px;min-height:102px}.client-row-wide{grid-column:1/-1}.client-row-note{display:none}
}
@media(max-width:620px){
  .client-intro-sticky{display:block}.client-intro-sticky h2{font-size:clamp(2.25rem,11vw,3.4rem)}
  .client-index{grid-template-columns:1fr}.client-row-wide{grid-column:auto}.client-row,.client-row-wide{grid-template-columns:20px 84px minmax(0,1fr) 14px;min-height:96px;padding:9px 10px}
  .client-logo-stage{height:58px;border-radius:9px;padding:9px}.client-logo-stage img{max-width:76px;max-height:32px}
  .client-row-copy strong{font-size:.8rem}.client-row-copy span{font-size:.47rem}.client-footer{padding-top:18px}
}
@media(max-width:360px){
  .client-row,.client-row-wide{grid-template-columns:18px 70px minmax(0,1fr) 12px;gap:7px}.client-logo-stage{height:52px;padding:7px}.client-logo-stage img{max-width:62px;max-height:28px}.client-row-arrow{font-size:.72rem}
}

/* Career-experience mark band: never use blanket inversion / brightness. */
.logo-card img,html[data-theme="light"] .logo-card img,html[data-theme="dark"] .logo-card img{filter:none!important;mix-blend-mode:normal!important}
.logo-card.logo-surface-light{background:#f7f8f4!important}.logo-card.logo-surface-dark{background:#080a0a!important}
.logo-card.logo-surface-light .logo-fallback{color:#17201d!important}.logo-card.logo-surface-dark .logo-fallback{color:#f1f4f1!important}
html[data-theme="light"] .logo-card,html[data-theme="dark"] .logo-card{opacity:1}
@media(max-width:620px){
  .logo-band .container{padding-top:28px;padding-bottom:26px}.logo-band-head{margin-bottom:16px}.logo-card{min-height:70px}.logo-card img{max-width:88px;max-height:30px}
}

/* Team: compact editorial hierarchy, responsive from large desktop to 320px. */
.team-editorial-head{margin-bottom:30px}.leadership-duo{gap:0}
.leader-feature{min-height:310px}.leader-media{min-height:310px}.leader-copy{padding:26px 24px}.leader-title{padding-bottom:14px;margin-bottom:15px}.leader-copy>p{font-size:.78rem;line-height:1.58}
.team-practice-head{padding-top:28px}.practice-card{min-width:0}.practice-copy{min-width:0}.practice-copy p{overflow-wrap:anywhere}
@media(max-width:920px){
  .leadership-duo{grid-template-columns:1fr 1fr}.leader-feature{grid-template-columns:150px minmax(0,1fr);min-height:290px}.leader-media{min-height:290px}.leader-copy{padding:20px 18px}.leader-copy>p{display:none}.leader-tags{margin-top:auto}
  .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-card,.practice-card:last-child{grid-column:auto;display:grid;grid-template-columns:92px minmax(0,1fr);min-height:142px}.practice-image,.practice-card:last-child .practice-image{min-height:142px;aspect-ratio:auto}.practice-copy{padding:15px 13px}.practice-copy p{font-size:.67rem;line-height:1.45}
  .team-network-strip{grid-template-columns:1fr 1fr;gap:20px}.team-network-strip .btn{grid-column:1/-1;width:max-content}
}
@media(max-width:720px){
  .team-editorial-head{display:block}.team-editorial-head>p{margin-top:14px}.leadership-duo{grid-template-columns:1fr}.leader-feature{grid-template-columns:132px minmax(0,1fr);min-height:250px}.leader-media{min-height:250px}.leader-title h3{font-size:1.35rem}.leader-title>b{display:none}
  .practice-grid{grid-template-columns:1fr}.practice-card,.practice-card:last-child{grid-template-columns:104px minmax(0,1fr);min-height:132px}.practice-image,.practice-card:last-child .practice-image{min-height:132px}.practice-copy p{display:block}
  .team-network-strip{grid-template-columns:1fr}.team-network-strip .btn{grid-column:auto;max-width:100%}
}
@media(max-width:420px){
  .leader-feature{grid-template-columns:112px minmax(0,1fr);min-height:224px}.leader-media{min-height:224px}.leader-copy{padding:16px 13px}.leader-tags{gap:5px}.leader-tags span{padding:5px 7px;font-size:.48rem}.leader-title{margin-bottom:10px}.leader-title h3{font-size:1.17rem}.leader-title span{font-size:.58rem}
  .practice-card,.practice-card:last-child{grid-template-columns:92px minmax(0,1fr);min-height:120px}.practice-image,.practice-card:last-child .practice-image{min-height:120px}.practice-copy{padding:12px 10px}.practice-copy h3{font-size:.96rem}.practice-copy>strong{font-size:.49rem;margin-bottom:6px}.practice-copy p{font-size:.62rem}
}

/* Metrics / methodology / FAQ */
@media(max-width:760px){
  .experience-zone .grid-4,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:158px;padding:20px}.metric-card strong{font-size:clamp(1.5rem,7vw,2.35rem)}
  .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-card{min-height:210px}
}
@media(max-width:460px){
  .experience-zone .grid-4,.grid-4,.method-grid{grid-template-columns:1fr}.metric-card,.method-card{min-height:0}.metric-card small{display:block}.faq summary{font-size:.91rem;padding-right:30px}
}

/* Forms: viewport-safe on phones, theme-safe in every field state. */
.consultation-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.form-step input,.form-step select,.form-step textarea{font-size:16px}
html[data-theme="dark"] .form-step input[type=text],html[data-theme="dark"] .form-step input[type=email],html[data-theme="dark"] .form-step input[type=tel],html[data-theme="dark"] .form-step select,html[data-theme="dark"] .form-step textarea{background:rgba(255,255,255,.028);color:#eef7fb;border-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .choice-grid span{background:rgba(255,255,255,.022);border-color:rgba(255,255,255,.09);color:#9aabb8}
@media(max-width:620px){
  .consultation-modal{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}
  .consultation-dialog{width:100%;max-height:calc(100svh - 16px);padding:26px 16px 18px;border-radius:20px}.consultation-progress{margin:-26px -16px 24px}.form-step h2{font-size:clamp(1.85rem,9vw,2.8rem);margin-bottom:20px}.form-controls{position:sticky;bottom:-18px;background:linear-gradient(180deg,transparent 0,var(--panel-solid) 20%);padding-top:18px;padding-bottom:4px;z-index:2}.form-controls .btn{min-height:48px}
  html[data-theme="light"] .form-controls{background:linear-gradient(180deg,transparent 0,#f8f8f4 20%)}
}

/* Service pages: responsive visual + deliverables + CTA. */
.service-hero-copy,.service-hero-visual,.service-portal{min-width:0}
@media(max-width:920px){
  .service-hero{padding-top:calc(var(--header-h) + 38px);padding-bottom:54px}.service-hero-shell{gap:28px}.service-hero-visual{min-height:340px;max-width:520px}.service-portal{width:230px;height:230px}
}
@media(max-width:620px){
  .service-hero{padding-top:calc(var(--header-h) + 28px);padding-bottom:44px}.service-hero-copy h1{font-size:clamp(2.7rem,13vw,4.3rem)}.service-hero-visual{min-height:290px}.service-portal{width:196px;height:196px}.service-terminal{bottom:24px;width:min(82%,310px);font-size:.62rem}
  .deliverable-grid{grid-template-columns:1fr}.deliverable{min-height:0;padding:20px}.service-callout{padding:22px}
}
@media(max-width:380px){.service-hero-visual{min-height:260px}.service-portal{width:172px;height:172px}.service-terminal{bottom:17px;width:86%;padding:8px 9px}}

/* Footer + floating conversion never collide on phones. */
@media(max-width:680px){
  .floating-conversion{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:46px}
  .footer{padding-bottom:78px}.footer-grid{gap:28px}.footer-bottom{gap:8px}
}

/* Theme-specific text/surface leftovers caught in audit. */
html[data-theme="light"] .conversion-shell{border-color:rgba(18,31,27,.10);background:radial-gradient(circle at 82% 10%,rgba(13,137,121,.07),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.74),rgba(235,237,231,.86))}
html[data-theme="light"] .conversion-shell h3{color:#14211c}
html[data-theme="light"] .conversion-actions>span{color:#6c7b74}
html[data-theme="light"] .floating-conversion b{color:#f5f7f4}
html[data-theme="light"] .system-status{color:#617069}
html[data-theme="light"] .footer-brand span{color:#15201c}
html[data-theme="light"] .footer-brand img{filter:drop-shadow(0 0 10px rgba(13,126,113,.10))}
html[data-theme="dark"] .footer-brand span{color:#f5f8fb}

/* Motion stays sophisticated but never compromises readability or layout. */
.js [data-reveal],.js [data-reveal].is-visible{filter:none!important}
.scene-wipe{mix-blend-mode:normal}
@media(max-width:620px){
  .scene-wipe::before{width:42%;left:-48%}.scene-section .section-head,.scene-section .client-intro,.scene-section .team-editorial-head,.scene-section .pov-main{transform:none!important}.client-zone::after{transform:none!important}
}
@media(prefers-reduced-motion:reduce){.floating-conversion,.theme-toggle-knob,.client-row,.leader-feature,.practice-card{transition:none!important}}

/* Final breakpoint conflict resolution: editorial desktop rules above are later
   than legacy mobile rules, so mobile structure is re-declared here explicitly. */
@media(max-width:860px){
  .section-head{grid-template-columns:1fr!important;gap:16px!important;align-items:start}.section-head>p{justify-self:start;max-width:700px}
  .capability-row{
    grid-template-columns:32px minmax(0,1fr) 118px!important;
    grid-template-areas:"num title visual" ". copy visual" ". list visual" ". link visual"!important;
    row-gap:9px!important;
  }
  .capability-row .service-number{grid-area:num}.capability-row h3{grid-area:title}.capability-row>p{grid-area:copy}.capability-row>ul{grid-area:list}.capability-row .service-link{grid-area:link}.capability-row .service-visual{grid-area:visual}
}
@media(max-width:620px){
  .section-head h2{max-width:100%;font-size:clamp(2.25rem,10.8vw,3.65rem)}
  .capability-row{
    grid-template-columns:26px minmax(0,1fr)!important;
    grid-template-areas:"num title" ". copy" "visual visual" ". list" ". link"!important;
  }
  .capability-row .service-visual{width:100%!important;height:122px!important;margin:8px 0 4px!important}.capability-row .service-link{justify-self:start!important;text-align:left!important;margin-top:5px!important}
}

/* Team mobile aspect-ratio fix: legacy portrait ratio was forcing the media
   column wider than the grid and clipping names/copy. */
@media(max-width:720px){
  .leader-media{aspect-ratio:auto!important;min-width:0!important;width:auto!important}
  .leader-copy{min-width:0!important;overflow:visible}.leader-title>div{min-width:0}.leader-title h3{overflow-wrap:anywhere}
}
@media(max-width:620px){
  .client-fallback{max-width:100%;font-size:.62rem;line-height:1.08;letter-spacing:.025em;overflow-wrap:anywhere}
  .client-row[data-client="barristers-hub"] .client-fallback{font-size:.54rem;letter-spacing:.01em}
}

/* Desktop/tablet hero containment: the old min-height + aspect-ratio combination
   created an intrinsic minimum width and could clip the transformation engine. */
@media(min-width:921px){
  .hero-stage{width:100%;max-width:100%;min-width:0!important;min-height:0!important;height:clamp(470px,44vw,590px);aspect-ratio:auto!important}
}

/* ==========================================================
   FINAL BRAND SYSTEM PASS — clients, experience logos, AI orbit
   ========================================================== */

/* AI orbit: labels sit on the orbit edge without being cropped. */
.ai-immersive{overflow:clip}
.ai-orbit{overflow:visible!important}
.ai-orbit::before{border-radius:inherit;overflow:hidden}
.orbit-label{white-space:nowrap;max-width:none;backdrop-filter:blur(7px)}
.ai-orbit .orbit-customer{top:12%!important;left:7%!important}
.ai-orbit .orbit-marketing{top:16%!important;right:5%!important}
.ai-orbit .orbit-hr{bottom:17%!important;left:5%!important}
.ai-orbit .orbit-risk{bottom:11%!important;right:4%!important}
.ai-orbit .orbit-operations{top:47%!important;right:1%!important}

/* Client showcase: complete 4x2 brand grid instead of an unfinished final row. */
.client-zone{padding:64px 0 62px}
.client-showcase{display:block;position:relative;z-index:2}
.client-intro-sticky{
  position:static!important;top:auto!important;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);
  gap:52px;align-items:end;margin:0 0 30px;padding:0;
}
.client-intro-sticky h2{max-width:760px;margin:12px 0 14px;font-size:clamp(2.4rem,4.4vw,5.25rem)}
.client-intro-sticky>p{max-width:540px;justify-self:end;font-size:.82rem}
.client-intro-signal{grid-column:2;justify-self:end;margin-top:10px}
.client-intro-signal>span{font-size:1.7rem}
.client-intro-signal>i{width:44px}
.client-index{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;border:0;background:transparent;
}
.client-row,.client-row-wide{
  grid-column:auto;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 98px auto;
  grid-template-areas:"num arrow" "logo logo" "copy copy";
  gap:12px;min-height:224px;padding:16px;
  border:1px solid var(--surface-hairline)!important;border-radius:14px;
  background:var(--surface-card);overflow:hidden;
  box-shadow:0 12px 34px rgba(0,0,0,.025);
}
.client-row::before{width:100%;height:2px;top:0;bottom:auto;transform:scaleX(0);transform-origin:left}
.client-row:hover::before{transform:scaleX(1)}
.client-row:hover{transform:translate3d(0,-5px,0);border-color:var(--surface-border-strong)!important}
.client-row-number{grid-area:num;align-self:auto;padding:0;font-size:.5rem}
.client-row-arrow{grid-area:arrow;align-self:start;justify-self:end}
.client-logo-stage{
  grid-area:logo;width:100%;height:98px;border-radius:11px;padding:15px 18px;
  box-shadow:none;align-self:stretch;
}
.client-logo-stage img{max-width:128px;max-height:50px;width:auto;height:auto}
.client-row-copy{grid-area:copy;align-self:end;gap:6px}
.client-row-copy strong{font-size:.98rem}
.client-row-copy span{font-size:.49rem;letter-spacing:.105em}
.client-row-note{display:none!important}
.client-footer{margin-top:26px}

/* Per-brand optical sizing. These are visual corrections, not image filters. */
.client-row[data-client="blueex"] .client-logo-stage img{transform:scale(1.18)}
.client-row[data-client="saj-legal"] .client-logo-stage img{max-height:58px;max-width:118px}
.client-row[data-client="barristers-hub"] .client-logo-stage img{max-width:132px;max-height:54px;transform:scale(1.05)}
.client-row[data-client="bodybeat"] .client-logo-stage img{max-width:132px;max-height:48px;transform:scale(1.08)}
.client-row[data-client="curacel"] .client-logo-stage img{max-width:142px;max-height:48px;transform:scale(1.04)}
.client-row[data-client="saj-world"] .client-logo-stage img{max-width:132px;max-height:58px;transform:scale(1.12)}
.client-row[data-client="thk"] .client-logo-stage img{max-width:144px;max-height:56px;transform:scale(1.34)}

/* The eighth tile closes the grid and turns the brand wall into a conversion moment. */
.client-cta-tile{
  background:
    radial-gradient(circle at 78% 22%,rgba(158,233,223,.10),transparent 34%),
    linear-gradient(145deg,rgba(158,233,223,.045),rgba(117,169,255,.025));
}
.client-cta-mark{grid-area:logo;position:relative;height:98px;border-radius:11px;border:1px solid rgba(158,233,223,.15);display:grid;place-items:center;overflow:hidden}
.client-cta-mark::before,.client-cta-mark::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(158,233,223,.18)}
.client-cta-mark::before{width:62px;height:62px}
.client-cta-mark::after{width:32px;height:32px;box-shadow:0 0 34px rgba(158,233,223,.12)}
.client-cta-mark span{position:absolute;width:82px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:brandSweep 4.4s linear infinite}
.client-cta-mark span:nth-child(2){transform:rotate(90deg);animation-delay:-2.2s}
.client-cta-tile .client-row-copy strong{color:var(--cyan-2)}
@keyframes brandSweep{0%{transform:translateX(-36px) rotate(0deg);opacity:.35}50%{opacity:1}100%{transform:translateX(36px) rotate(180deg);opacity:.35}}

/* Leadership experience: coherent cards with a brand plate + context caption. */
.logo-band{opacity:1!important}
.logo-band .container{padding-top:42px;padding-bottom:40px}
.logo-band-head{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);gap:44px;align-items:end;margin-bottom:22px}
.logo-band-head p{max-width:720px;margin:0;justify-self:end}
.experience-logo-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;border:0!important;background:transparent!important;
}
.experience-logo-card,.experience-context-card{
  min-height:166px!important;padding:13px!important;border:1px solid var(--surface-hairline)!important;
  border-radius:13px!important;background:var(--surface-card)!important;
  display:grid!important;grid-template-rows:92px auto;gap:12px;align-items:stretch;
  box-shadow:0 10px 30px rgba(0,0,0,.025);transition:transform .32s var(--ease),border-color .3s ease,background .3s ease;
}
.experience-logo-card:hover,.experience-context-card:hover{transform:translateY(-4px)!important;border-color:var(--surface-border-strong)!important;background:var(--surface-hover)!important}
.experience-logo-stage{
  height:92px;width:100%;display:grid;place-items:center;padding:14px 18px;border-radius:9px;
  border:1px solid transparent;overflow:hidden;position:relative;
}
.experience-logo-stage img{
  display:block!important;width:auto!important;height:auto!important;max-width:144px!important;max-height:52px!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;
}
.experience-logo-meta{display:grid;gap:4px;align-content:start;padding:0 2px}
.experience-logo-meta strong{font-size:.82rem;line-height:1.15;color:var(--text)}
.experience-logo-meta span{font-size:.48rem;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2)}
.experience-logo-card[data-brand="hbl"] img{max-width:112px!important}
.experience-logo-card[data-brand="ubl"] img{max-width:118px!important;max-height:55px!important}
.experience-logo-card[data-brand="jumo"] img{max-width:126px!important;max-height:48px!important}
.experience-logo-card[data-brand="hubpay"] img{max-width:132px!important}
.experience-logo-card[data-brand="citi"] img{max-width:108px!important;max-height:52px!important;transform:scale(1.1)!important}
.experience-logo-card[data-brand="standard-chartered"] img{max-width:138px!important;max-height:52px!important}
.experience-logo-card[data-brand="easypaisa"] img{max-width:128px!important;max-height:48px!important}
.experience-context-card{
  grid-template-rows:auto auto auto!important;align-content:center!important;padding:22px!important;
  background:
    radial-gradient(circle at 90% 15%,rgba(158,233,223,.12),transparent 36%),
    linear-gradient(145deg,rgba(158,233,223,.055),rgba(117,169,255,.025))!important;
}
.experience-context-kicker{font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan-2)}
.experience-context-card strong{font-size:1.25rem;line-height:1.1;letter-spacing:-.03em;color:var(--text);max-width:190px}
.experience-context-card>span:last-child{font-size:.48rem;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.logo-band .legal-note{margin-top:16px}

/* Light mode refinements for the new brand cards. */
html[data-theme="light"] .client-row,
html[data-theme="light"] .experience-logo-card,
html[data-theme="light"] .experience-context-card{box-shadow:0 10px 26px rgba(27,41,35,.035)}
html[data-theme="light"] .client-cta-tile{background:radial-gradient(circle at 78% 22%,rgba(14,138,122,.09),transparent 34%),linear-gradient(145deg,rgba(14,138,122,.045),rgba(42,95,150,.025))}
html[data-theme="light"] .client-cta-mark{border-color:rgba(14,138,122,.16)}
html[data-theme="light"] .experience-context-card{background:radial-gradient(circle at 90% 15%,rgba(14,138,122,.11),transparent 36%),linear-gradient(145deg,rgba(14,138,122,.05),rgba(42,95,150,.02))!important}

@media(max-width:1180px){
  .client-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .experience-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .client-intro-sticky{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:760px){
  .client-zone{padding:46px 0 44px}
  .client-intro-sticky{grid-template-columns:1fr;gap:12px;margin-bottom:22px}
  .client-intro-sticky>p{justify-self:start;max-width:100%}
  .client-intro-signal{grid-column:1;justify-self:start;margin-top:8px}
  .client-index{gap:8px}
  .client-row,.client-row-wide{grid-template-rows:auto 82px auto;min-height:194px;padding:12px;gap:9px}
  .client-logo-stage,.client-cta-mark{height:82px;padding:11px 12px}
  .client-logo-stage img{max-width:110px;max-height:44px}
  .client-row-copy strong{font-size:.88rem}.client-row-copy span{font-size:.45rem}
  .logo-band-head{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.logo-band-head p{justify-self:start}
  .experience-logo-card,.experience-context-card{min-height:148px!important;grid-template-rows:78px auto;gap:10px;padding:10px!important}
  .experience-logo-stage{height:78px;padding:11px 12px}.experience-logo-stage img{max-width:118px!important;max-height:44px!important}
  .experience-context-card{padding:16px!important}
  .ai-orbit{overflow:visible!important}
  .ai-orbit .orbit-customer{left:2%!important}.ai-orbit .orbit-marketing{right:2%!important}.ai-orbit .orbit-hr{left:2%!important}.ai-orbit .orbit-risk{right:2%!important}.ai-orbit .orbit-operations{right:0!important}
}
@media(max-width:480px){
  .client-index{grid-template-columns:1fr}
  .client-row,.client-row-wide{grid-template-rows:auto 78px auto;min-height:182px}
  .client-logo-stage,.client-cta-mark{height:78px}
  .experience-logo-grid{grid-template-columns:1fr!important}
  .experience-logo-card,.experience-context-card{min-height:134px!important;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto;align-items:center!important}
  .experience-logo-stage{height:76px}
  .experience-context-card{grid-template-columns:1fr!important}
  .orbit-label{font-size:.43rem!important;padding:5px 6px!important}
  .ai-orbit .orbit-customer{top:9%!important;left:1%!important}.ai-orbit .orbit-marketing{top:12%!important;right:1%!important}.ai-orbit .orbit-hr{bottom:12%!important;left:1%!important}.ai-orbit .orbit-risk{bottom:8%!important;right:1%!important}.ai-orbit .orbit-operations{top:44%!important;right:-2%!important}
}
@media(prefers-reduced-motion:reduce){.client-cta-mark span{animation:none!important}}

/* Surface tokens used by the final brand components. */
:root{--surface-card:rgba(9,13,15,.58);--surface-border-strong:rgba(158,233,223,.24)}
html[data-theme="light"]{--surface-card:rgba(250,250,246,.72);--surface-border-strong:rgba(14,138,122,.22)}

/* Preserve per-brand optical sizing while keeping hover motion. */
.client-logo-stage img{scale:1;transition:scale .35s var(--ease),transform .4s var(--ease)!important}
.client-row:hover .client-logo-stage img{scale:1.035}

/* Local brand plates: fixed artwork, no third-party rendering surprises. */
.client-logo-stage:has(.brand-plate-img),.experience-logo-stage:has(.brand-plate-img){padding:0!important;border-color:transparent!important;box-shadow:none!important;background:transparent!important}
.client-logo-stage .brand-plate-img,.experience-logo-stage .brand-plate-img{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:cover!important;border-radius:inherit!important;transform:none!important;scale:1!important;filter:none!important;opacity:1!important;
}
.client-row:hover .client-logo-stage .brand-plate-img{scale:1.018!important}

/* ==========================================================
   SUPPLIED LOGO RELEASE PASS — 2026-08-28
   Exact supplied artwork, theme-aware SAJ Legal + AIXESS,
   expanded selected-client grid and normalized optical sizing.
   ========================================================== */
.logo-surface-theme{
  background:#080a0a!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f2f5f2!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.16)!important;
}
html[data-theme="light"] .logo-surface-theme{
  background:#f7f8f4!important;
  border-color:rgba(12,22,18,.10)!important;
  color:#17201d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 24px rgba(13,24,19,.05)!important;
}
.theme-logo-light{display:none!important}
html[data-theme="light"] .theme-logo-dark{display:none!important}
html[data-theme="light"] .theme-logo-light{display:block!important}

/* The supplied logos are artwork, not full-card screenshots. */
.client-logo-stage .logo-mark,.experience-logo-stage .logo-mark{
  display:block!important;
  width:auto!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;
  filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
  transform:none!important;scale:1!important;
  max-width:78%!important;max-height:62%!important;
}
.client-logo-stage{overflow:hidden;isolation:isolate}
.client-logo-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.045) 48%,transparent 72%);
  transform:translateX(-130%);transition:transform .65s var(--ease);z-index:0;
}
.client-row:hover .client-logo-stage::before{transform:translateX(130%)}
.client-logo-stage .logo-mark{position:relative;z-index:1;transition:scale .38s var(--ease)!important}
.client-row:hover .client-logo-stage .logo-mark{scale:1.035!important}

/* Expanded 11-client wall + conversion tile = a complete 4x3 composition. */
.client-index{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.client-row,.client-row-wide{
  min-height:204px!important;grid-template-rows:auto 84px auto!important;
  padding:14px!important;gap:10px!important;
}
.client-logo-stage,.client-cta-mark{height:84px!important;padding:11px 14px!important}
.client-intro-signal>span{min-width:2ch;text-align:right}
.client-row-static{cursor:default}
.client-row-static .client-row-static-mark{font-size:.95rem;opacity:.45;transform:none!important}

/* Optical sizing per supplied client logo. */
.client-row[data-client="blueex"] .client-logo-stage .logo-mark{max-width:72%!important;max-height:60%!important}
.client-row[data-client="saj-legal"] .client-logo-stage .logo-mark{max-width:68%!important;max-height:74%!important}
.client-row[data-client="barristers-hub"] .client-logo-stage .logo-mark{max-width:82%!important;max-height:62%!important}
.client-row[data-client="bodybeat"] .client-logo-stage .logo-mark{max-width:84%!important;max-height:58%!important}
.client-row[data-client="curacel"] .client-logo-stage .logo-mark{max-width:88%!important;max-height:60%!important}
.client-row[data-client="saj-world"] .client-logo-stage .logo-mark{max-width:76%!important;max-height:70%!important}
.client-row[data-client="thk"] .client-logo-stage .logo-mark{max-width:70%!important;max-height:74%!important}
.client-row[data-client="bluerock"] .client-logo-stage .logo-mark{max-width:90%!important;max-height:58%!important}
.client-row[data-client="realco"] .client-logo-stage .logo-mark{max-width:86%!important;max-height:56%!important}
.client-row[data-client="aixco"] .client-logo-stage .logo-mark{max-width:70%!important;max-height:78%!important}
.client-row[data-client="aixess"] .client-logo-stage .logo-mark{max-width:91%!important;max-height:56%!important}

/* Leadership-experience artwork uses the user-provided files where supplied. */
.experience-logo-stage .logo-mark{max-width:76%!important;max-height:58%!important}
.experience-logo-card[data-brand="hbl"] .logo-mark{max-width:68%!important;max-height:56%!important}
.experience-logo-card[data-brand="ubl"] .logo-mark{max-width:70%!important;max-height:64%!important}
.experience-logo-card[data-brand="jumo"] .logo-mark{max-width:78%!important;max-height:70%!important}
.experience-logo-card[data-brand="hubpay"] .logo-mark{max-width:82%!important;max-height:55%!important}
.experience-logo-card[data-brand="citi"] .logo-mark{max-width:68%!important;max-height:65%!important}
.experience-logo-card[data-brand="standard-chartered"] .logo-mark{max-width:86%!important;max-height:64%!important}
.experience-logo-card[data-brand="easypaisa"] .logo-mark{max-width:74%!important;max-height:64%!important}

@media(max-width:1180px){
  .client-index{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .client-index{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .client-row,.client-row-wide{min-height:188px!important;grid-template-rows:auto 78px auto!important}
  .client-logo-stage,.client-cta-mark{height:78px!important}
}
@media(max-width:540px){
  .client-index{grid-template-columns:1fr!important}
  .client-row,.client-row-wide{min-height:154px!important;grid-template-columns:24px 112px minmax(0,1fr) 14px!important;grid-template-rows:auto!important;grid-template-areas:"num logo copy arrow"!important;align-items:center!important;gap:10px!important;padding:11px!important}
  .client-logo-stage,.client-cta-mark{height:70px!important;grid-area:logo!important}
  .client-row-copy{align-self:center!important}
  .client-row-number{align-self:start!important;padding-top:5px!important}
  .client-row-arrow{align-self:center!important}
  .client-cta-mark{width:112px!important}
}
@media(max-width:380px){
  .client-row,.client-row-wide{grid-template-columns:20px 92px minmax(0,1fr) 12px!important;gap:8px!important}
  .client-logo-stage,.client-cta-mark{width:92px!important;height:64px!important;padding:8px 9px!important}
  .client-row-copy strong{font-size:.82rem!important}.client-row-copy span{font-size:.43rem!important}
}


/* ==========================================================
   LOGO SAFE-CANVAS FIX — 2026-08-28
   Normalized supplied artwork. No clipping, no logo-specific
   transforms; the safe canvas controls optical sizing instead.
   ========================================================== */
.client-logo-stage .logo-mark,
.experience-logo-stage .logo-mark{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.client-row:hover .client-logo-stage .logo-mark{
  transform:none!important;
  scale:1.018!important;
}
.client-logo-stage{
  padding:6px 10px!important;
  overflow:hidden!important;
}
.experience-logo-stage{
  padding:6px 10px!important;
  overflow:hidden!important;
}
/* Theme variants occupy the same stage and never affect layout. */
.client-logo-stage.logo-surface-theme{position:relative!important}
.client-logo-stage.logo-surface-theme .theme-logo{grid-area:1 / 1!important}
.theme-logo-light{display:none!important}
html[data-theme="light"] .theme-logo-dark{display:none!important}
html[data-theme="light"] .theme-logo-light{display:block!important}
/* Supplied artwork is already normalized; neutralize old per-brand scaling. */
.client-row[data-client] .client-logo-stage .logo-mark,
.experience-logo-card[data-brand] .experience-logo-stage .logo-mark{
  max-width:none!important;max-height:none!important;transform:none!important;
}
@media(max-width:760px){
  .client-logo-stage,.experience-logo-stage{padding:5px 8px!important}
}
/* CLIENTS background typography */
.client-zone::after {
  color: rgba(255, 255, 255, 0.15);
}

html[data-theme="light"] .client-zone::after {
  color: rgba(18, 31, 27, 0.15);
}