:root {
  --navy-950: #041126;
  --navy-900: #07182f;
  --navy-850: #0a1e3a;
  --navy-800: #10284b;
  --navy-700: #173b69;
  --blue: #188cff;
  --blue-bright: #31b9ff;
  --cyan: #53d8ff;
  --orange: #ff9418;
  --purple: #7657ed;
  --green: #20bf83;
  --ink: #12233f;
  --copy: #53627a;
  --muted: #6f8199;
  --navy-bg: #061a2f;
  --heading-light: #fff;
  --body-light: #d7e6ff;
  --muted-light: #afc7e8;
  --heading-dark: #10203d;
  --body-dark: #53627a;
  --line: #dfe7f1;
  --tint: #f4f8fc;
  --white: #fff;
  --shadow-sm: 0 10px 30px rgba(13, 38, 72, .07);
  --shadow-lg: 0 22px 65px rgba(4, 24, 54, .14);
  --container: min(1180px, calc(100vw - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: "Manrope", Inter, "Noto Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: var(--container); margin-inline: auto; }
.section { padding: 108px 0; }
.section-tint { background: var(--tint); }
.section-dark, .section-navy { color: #fff; background: var(--navy-950); }
.section-navy { position: relative; overflow: hidden; background: linear-gradient(145deg, #06162d, #0b2344); }
.section-navy::before {
  position: absolute; inset: -30% auto auto -12%; width: 520px; height: 520px;
  border-radius: 50%; background: rgba(24, 140, 255, .08); filter: blur(10px); content: "";
}
.section-navy > .container { position: relative; }
.section-title {
  margin: 0;
  color: var(--ink);
  font-family: "Manrope", sans-serif;
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.04;
}
.section-title span { color: var(--blue); }
.hero h1,
.hero h2,
.page-hero h1,
.portfolio-spotlight-copy h2,
.cta-copy h2 { font-weight: 800; }
.eyebrow, .micro-label {
  margin: 0 0 14px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.4;
  text-transform: uppercase;
}
.eyebrow-light { color: #7edbff; }
.section-head { max-width: 730px; }
.section-head > p:last-child, .split-head > p, .content-column > p, .details-intro > p { color: var(--copy); }
.section-head > p:last-child { margin: 20px auto 0; max-width: 640px; }
.section-head-light .section-title { color: #fff; }
.section-head-light .section-title span { color: var(--cyan); }
.section-head-light > p:last-child { color: var(--body-light); font-weight: 500; }
.centered-head { margin: 0 auto 52px; text-align: center; }
.split-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 42px; }
.split-head .section-head { max-width: 700px; }
.split-head > p { width: min(100%, 360px); margin: 0; }
.section-action { margin-top: 34px; text-align: center; }

/* Entry motion */
.page-loader {
  position: fixed; z-index: 5000; display: grid; inset: 0; place-content: center; gap: 18px;
  background: var(--navy-950); transition: opacity .65s ease, visibility .65s ease;
}
.page-loader img { width: 70px; animation: loaderPulse 1.4s ease-in-out infinite; }
.page-loader span { display: block; width: 70px; height: 2px; overflow: hidden; background: rgba(255,255,255,.14); }
.page-loader span::after { display: block; width: 50%; height: 100%; background: var(--blue-bright); content: ""; animation: loaderLine 1.1s ease-in-out infinite; }
body.loaded .page-loader { visibility: hidden; opacity: 0; pointer-events: none; }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.75,.2,1); transition-delay: calc(var(--delay, 0) * 70ms); }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Header */
.site-header {
  position: sticky; z-index: 1000; top: 0; width: 100%; border-bottom: 1px solid rgba(223,231,241,.7);
  background: rgba(255,255,255,.9); backdrop-filter: blur(22px); transition: box-shadow .3s ease, background .3s ease;
}
.site-header.scrolled { background: rgba(255,255,255,.96); box-shadow: 0 8px 35px rgba(4,24,54,.08); }
.nav-wrap { display: flex; align-items: center; min-height: 76px; gap: 32px; }
.brand { display: flex; flex-shrink: 0; align-items: center; width: 225px; }
.brand img { width: 100%; height: auto; }
.brand-fallback { color: var(--navy-950); font-family: "Manrope"; font-size: 22px; font-weight: 700; }
.desktop-nav { display: flex; align-items: center; gap: 25px; margin-left: auto; }
.desktop-nav a {
  position: relative; color: #53637a; font-size: 14px; font-weight: 700; transition: color .25s ease;
}
.desktop-nav a::after {
  position: absolute; right: 0; bottom: -9px; left: 0; height: 2px; border-radius: 2px;
  background: var(--blue); content: ""; transform: scaleX(0); transition: transform .25s ease;
}
.desktop-nav a:hover, .desktop-nav a.active { color: var(--navy-900); }
.desktop-nav a:hover::after, .desktop-nav a.active::after { transform: scaleX(1); }
.header-cta { margin-left: 3px; }
.menu-toggle {
  display: none; place-items: center; width: 43px; height: 43px; margin-left: auto;
  border: 1px solid var(--line); border-radius: 12px; color: var(--navy-900); background: #fff;
}
.mobile-menu { display: none; }

/* Buttons */
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 21px;
  border: 1px solid transparent; border-radius: 12px; font-size: 16px; font-weight: 800; letter-spacing: .025em;
  line-height: 1; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.button:hover { transform: translateY(-3px); }
.button-sm { min-height: 43px; padding: 0 16px; }
.button-primary { color: #fff; background: linear-gradient(135deg, #147bf0, #21a8ff); box-shadow: 0 11px 26px rgba(24,140,255,.27); }
.button-primary:hover { box-shadow: 0 15px 32px rgba(24,140,255,.35); }
.button-ghost { border-color: rgba(255,255,255,.2); color: #fff; background: rgba(255,255,255,.055); }
.button-ghost:hover { border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.1); }
.button-white { color: var(--navy-900); background: #fff; box-shadow: var(--shadow-sm); }
.button-outline { border-color: #cdd9e8; color: var(--navy-900); background: #fff; }
.button-outline:hover { border-color: var(--blue); box-shadow: var(--shadow-sm); }
.button-wide { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 5px; color: var(--blue); font-size: 12px; font-weight: 800; }
.text-link svg { transition: transform .25s ease; }
.text-link:hover svg { transform: translate(2px,-2px); }
.text-link-dark { margin-top: 22px; color: var(--navy-800); }

/* Home hero */
.hero { position: relative; overflow: hidden; padding: 96px 0 0; background: radial-gradient(circle at 74% 30%, #0c315f 0, transparent 37%), linear-gradient(140deg, #041126, #071a35 62%, #08284d); }
.hero-noise {
  position: absolute; inset: 0; opacity: .15;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 64px 64px; mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}
.hero-beam { position: absolute; top: -30%; left: 43%; width: 2px; height: 160%; background: rgba(68,192,255,.2); box-shadow: 0 0 80px 30px rgba(38,157,255,.08); transform: rotate(24deg); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 55px; min-height: 595px; }
.hero-copy { padding-bottom: 76px; }
.hero-copy .eyebrow { display: flex; align-items: center; gap: 10px; }
.hero-copy .eyebrow > span { width: 22px; height: 1px; background: var(--cyan); }
.hero h1 { margin: 0; color: var(--heading-light); font-family: "Manrope"; font-size: clamp(44px, 6vw, 76px); letter-spacing: -.05em; line-height: .94; }
.hero h1 em { display: block; color: var(--cyan); font-size: .58em; font-style: normal; letter-spacing: -.04em; }
.hero h2 { max-width: 620px; margin: 28px 0 0; color: var(--heading-light); font-family: "Manrope"; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.04em; line-height: 1.08; }
.hero h2 span { color: var(--orange); }
.hero-description { max-width: 700px; margin: 20px 0 0; color: var(--body-light); font-size: 17px; font-weight: 500; line-height: 1.78; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 34px; color: var(--muted-light); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hero-meta span { display: flex; align-items: center; gap: 7px; }
.hero-meta svg { color: var(--blue-bright); }
.hero-partners {
  position: relative; display: flex; align-items: center; height: 62px; overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.1); color: #c3d3e7; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.hero-partners > span { position: relative; z-index: 2; flex: 0 0 auto; padding-right: 22px; color: var(--orange); background: #071a35; }
.marquee-track { display: flex; flex: 0 0 auto; align-items: center; gap: 23px; animation: marquee 30s linear infinite; }
.marquee-track b { font-size: 11px; white-space: nowrap; }
.marquee-track i { width: 4px; height: 4px; border-radius: 50%; background: var(--blue-bright); }

/* Client logo rail */
.clients-section { overflow: hidden; padding: 82px 0 86px; background: #fff; }
.clients-section-tint { background: linear-gradient(180deg,#f8fbfe,#f3f8fc); }
.clients-heading { max-width: 760px; text-align: center; }
.clients-heading .eyebrow { margin-bottom: 7px; }
.clients-heading .section-title { font-size: clamp(31px,3.6vw,47px); }
.clients-heading > p:last-child { max-width: 680px; margin: 14px auto 0; color: var(--copy); font-size: 13px; }
.clients-marquee { position: relative; overflow: hidden; margin-top: 32px; padding: 4px 0 9px; }
.clients-marquee::before,.clients-marquee::after { position: absolute; z-index: 2; top: 0; bottom: 0; width: min(10vw,145px); content: ""; pointer-events: none; }
.clients-marquee::before { left: 0; background: linear-gradient(90deg,#f5f9fd,rgba(245,249,253,0)); }
.clients-marquee::after { right: 0; background: linear-gradient(270deg,#f5f9fd,rgba(245,249,253,0)); }
.clients-track,.clients-set { display: flex; min-width: max-content; flex: 0 0 auto; flex-wrap: nowrap; align-items: center; }
.clients-track { width: max-content; will-change: transform; animation: clientScroll 46s linear infinite; }
.clients-marquee:hover .clients-track { animation-play-state: paused; }
.clients-set { gap: 14px; padding-right: 14px; }
.client-logo-card { display: grid; width: 184px; height: 108px; min-width: 184px; flex: 0 0 184px; place-items: center; padding: 17px; border: 1px solid #e2eaf3; border-radius: 15px; background: rgba(255,255,255,.96); box-shadow: 0 9px 24px rgba(11,45,82,.055); transition: border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.client-logo-card:hover { border-color: #cfe1f2; box-shadow: 0 14px 30px rgba(11,45,82,.1); transform: translateY(-4px); }
.client-logo-card img { width: 100%; max-width: 150px; height: 72px; object-fit: contain; filter: saturate(.94); transition: filter .25s ease,transform .25s ease; }
.client-logo-card:hover img { filter: saturate(1.08); transform: scale(1.035); }

/* Dashboard illustration */
.hero-visual { position: relative; min-height: 520px; transition: transform .25s ease-out; }
.hero-glow { position: absolute; top: 55px; left: 50px; width: 390px; height: 330px; border-radius: 50%; background: rgba(24,140,255,.22); filter: blur(65px); animation: glowBreathe 6s ease-in-out infinite; }
.glass-card { border: 1px solid rgba(163,205,247,.22); background: rgba(7,31,62,.76); box-shadow: 0 30px 90px rgba(0,0,0,.24); backdrop-filter: blur(20px); }
.dashboard-card { position: absolute; top: 67px; right: 0; left: 0; padding: 20px; border-radius: 19px; }
.dashboard-top, .chart-head, .dashboard-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.dashboard-top strong { display: block; color: #fff; font-size: 14px; }
.dashboard-top .micro-label { margin-bottom: 3px; }
.live-pill { display: flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid rgba(32,191,131,.2); border-radius: 50px; color: #7fe9bd; background: rgba(32,191,131,.08); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: #35d99e; box-shadow: 0 0 0 4px rgba(53,217,158,.13); animation: livePulse 1.7s ease-in-out infinite; }
.dashboard-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 18px; }
.dashboard-stats div { padding: 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: rgba(255,255,255,.035); }
.dashboard-stats div > span, .floating-card small { display: block; color: #8ea8c6; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.dashboard-stats strong { display: block; margin-top: 4px; color: #fff; font-family: "Manrope"; font-size: 21px; letter-spacing: -.04em; }
.dashboard-stats em { color: #5bdcae; font-size: 10px; font-style: normal; font-weight: 800; }
.chart-panel { margin-top: 12px; padding: 14px 13px 6px; border-radius: 12px; background: rgba(255,255,255,.035); }
.chart-head { color: #a3bad3; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.chart-head small { color: #718ca9; font-size: 9px; }
.chart-panel svg { display: block; overflow: visible; width: 100%; margin-top: 10px; }
.chart-grid { fill: none; stroke: rgba(255,255,255,.06); stroke-width: 1; }
.chart-fill { fill: url(#chartFill); opacity: 0; animation: chartAppear 1.3s .7s ease forwards; }
.chart-line { fill: none; stroke: var(--blue-bright); stroke-dasharray: 700; stroke-dashoffset: 700; stroke-linecap: round; stroke-width: 3; animation: drawLine 1.6s .65s ease forwards; }
.chart-panel circle { fill: #fff; stroke: var(--blue); stroke-width: 3; opacity: 0; animation: chartAppear .5s 1.8s ease forwards; }
.dashboard-bottom { justify-content: flex-start; gap: 15px; padding-top: 12px; color: #a7bed6; font-size: 10px; font-weight: 700; }
.dashboard-bottom span { display: flex; align-items: center; gap: 5px; }
.dashboard-bottom svg { color: var(--blue-bright); }
.floating-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 11px 13px; border: 1px solid rgba(179,213,247,.23); border-radius: 12px; background: rgba(12,44,83,.86); box-shadow: 0 20px 45px rgba(0,0,0,.2); backdrop-filter: blur(16px); animation: floatY 5s ease-in-out infinite; }
.floating-card strong { display: block; color: #fff; font-size: 14px; line-height: 1.35; }
.float-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: var(--blue-bright); background: rgba(35,168,255,.12); }
.float-icon.green { color: #74e6bc; background: rgba(32,191,131,.13); }
.lead-card { top: 18px; left: -18px; }.automation-card { right: -12px; bottom: 22px; animation-delay: -2s; }
.trust-card { bottom: 52px; left: -34px; color: #b8cae0; font-size: 11px; font-weight: 800; animation-delay: -1s; }.trust-card svg { color: #7ee2bd; }

/* Photo-led hero */
.hero-photo-visual { position: relative; min-height: 560px; transition: transform .25s ease-out; }
.hero-photo-glow { position: absolute; top: 48px; right: 15px; width: 440px; height: 400px; border-radius: 50%; background: rgba(28,148,255,.23); filter: blur(72px); animation: glowBreathe 6s ease-in-out infinite; }
.hero-photo-frame {
  position: absolute; top: 38px; right: 0; left: 46px; overflow: hidden; height: 472px;
  border: 1px solid rgba(168,211,252,.25); border-radius: 25px; background: #092a52;
  box-shadow: 0 28px 85px rgba(0,0,0,.3);
}
.hero-photo-frame::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.1); border-radius: inherit; content: ""; pointer-events: none; }
.hero-photo-frame > img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 1.1s cubic-bezier(.2,.75,.2,1); }
.hero-photo-visual:hover .hero-photo-frame > img { transform: scale(1.045); }
.hero-photo-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,17,38,.02) 42%, rgba(4,17,38,.82)), linear-gradient(90deg,rgba(4,17,38,.23),transparent 43%); }
.hero-photo-caption { position: absolute; right: 18px; bottom: 17px; left: 18px; display: flex; align-items: center; gap: 10px; }
.hero-photo-caption > span { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 11px; color: var(--cyan); background: rgba(255,255,255,.1); backdrop-filter: blur(12px); }
.hero-photo-caption small,.hero-photo-caption strong { display: block; }.hero-photo-caption small { color: #9ec4e6; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.hero-photo-caption strong { color: #fff; font-family: "Manrope"; font-size: 17px; letter-spacing: -.03em; }
.photo-metric,.photo-progress { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(179,213,247,.23); border-radius: 13px; background: rgba(6,31,61,.88); box-shadow: 0 20px 42px rgba(0,0,0,.22); backdrop-filter: blur(16px); animation: floatY 5.5s ease-in-out infinite; }
.photo-metric { padding: 10px 12px; }.photo-metric > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: var(--cyan); background: rgba(49,185,255,.12); }
.photo-metric small,.photo-progress small { display: block; color: #8eabc8; font-size: 7px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.photo-metric strong { display: block; color: #fff; font-family: "Manrope"; font-size: 16px; line-height: 1.25; }.photo-metric em { margin-left: 3px; color: #73e2bc; font-family: "Manrope"; font-size: 9px; font-style: normal; letter-spacing: 0; }
.metric-reach { top: 12px; left: -6px; }.metric-leads { top: 118px; right: -21px; animation-delay: -1.8s; }.metric-ai { right: 14px; bottom: 1px; animation-delay: -3s; }
.photo-progress { right: 72px; bottom: 68px; left: 12px; justify-content: space-between; padding: 12px 14px; animation-delay: -4s; }
.photo-progress strong { display: flex; align-items: center; gap: 7px; margin-top: 4px; color: #d9e8f7; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.photo-progress i { width: 4px; height: 4px; border-radius: 50%; background: var(--cyan); }.photo-progress > span { color: #fff; font-family: "Manrope"; font-size: 20px; font-weight: 700; letter-spacing: -.06em; }

/* Trust strip */
.trust-strip { border-bottom: 1px solid var(--line); background: #fff; }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.trust-grid article { padding: 25px 28px 24px; border-right: 1px solid var(--line); }
.trust-grid article:first-child { border-left: 1px solid var(--line); }
.trust-grid strong { display: block; color: var(--navy-900); font-family: "Manrope"; font-size: 30px; letter-spacing: -.07em; line-height: 1; }
.trust-grid b { color: var(--blue); font-size: .7em; }
.trust-grid span { display: block; margin-top: 8px; color: var(--copy); font-size: 10px; font-weight: 800; letter-spacing: .09em; line-height: 1.4; text-transform: uppercase; }
.trust-grid strong span { display: inline; margin: 0; color: inherit; font: inherit; letter-spacing: inherit; }

/* About and orbit art */
.two-column { display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 82px; }
.content-column > p { margin: 21px 0 0; }
.check-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px 14px; margin-top: 25px; }
.check-grid span { display: flex; align-items: center; gap: 8px; color: #37506f; font-size: 12px; font-weight: 800; }
.check-grid svg { color: var(--blue); }
.editorial-image { position: relative; overflow: hidden; min-height: 492px; margin: 0; border-radius: 24px; background: #dceaf5; box-shadow: var(--shadow-lg); }
.editorial-image::before { position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, transparent 54%, rgba(3,19,39,.78)); content: ""; pointer-events: none; }
.editorial-image::after { position: absolute; z-index: 3; inset: 13px; border: 1px solid rgba(255,255,255,.35); border-radius: 16px; content: ""; pointer-events: none; }
.editorial-image img { width: 100%; height: 492px; object-fit: cover; transition: transform 1s cubic-bezier(.2,.75,.2,1); }.editorial-image:hover img { transform: scale(1.045); }
.editorial-image figcaption { position: absolute; z-index: 4; right: 25px; bottom: 23px; left: 25px; display: flex; align-items: center; gap: 10px; color: #fff; }
.editorial-image figcaption > span { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; color: var(--cyan); background: rgba(255,255,255,.1); backdrop-filter: blur(10px); }.editorial-image small,.editorial-image strong { display: block; }.editorial-image small { color: #b7d4ec; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.editorial-image strong { font-family: "Manrope"; font-size: 16px; letter-spacing: -.03em; }
.connected-visual { position: relative; min-height: 445px; border-radius: 34px; background: radial-gradient(circle at 50% 46%, #e0f5ff, transparent 33%), linear-gradient(140deg, #f7fbff, #e8f1fb); box-shadow: inset 0 0 0 1px #e2ebf5; }
.visual-orbit { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(24,140,255,.27); border-radius: 50%; transform: translate(-50%,-50%); animation: spin 26s linear infinite; }
.orbit-one { width: 270px; height: 270px; }.orbit-two { width: 370px; height: 370px; animation-direction: reverse; animation-duration: 38s; }
.visual-center { position: absolute; top: 50%; left: 50%; display: grid; width: 115px; height: 115px; place-items: center; border: 11px solid rgba(255,255,255,.72); border-radius: 50%; background: #fff; box-shadow: 0 16px 32px rgba(9,67,125,.16); transform: translate(-50%,-50%); }
.visual-center img { width: 78px; }
.orbit-node { position: absolute; z-index: 3; display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid #dbe9f7; border-radius: 16px; color: var(--blue); background: #fff; box-shadow: var(--shadow-sm); animation: floatY 6s ease-in-out infinite; }
.orbit-node span { margin-top: 1px; color: #6b7c93; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.node-web { top: 50px; left: 75px; }.node-crm { top: 78px; right: 70px; animation-delay: -1.5s; }.node-ai { right: 87px; bottom: 62px; animation-delay: -3s; }.node-print { bottom: 52px; left: 86px; animation-delay: -4.5s; }
.mini-window { position: absolute; right: 24px; bottom: 20px; width: 150px; padding: 9px; border: 1px solid #dce8f5; border-radius: 10px; background: rgba(255,255,255,.86); box-shadow: var(--shadow-sm); }
.window-head { display: flex; gap: 4px; }.window-head span { width: 5px; height: 5px; border-radius: 50%; background: #d6e1ed; }
.window-body { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 10px; height: 60px; padding-top: 12px; }
.window-chart { display: flex; align-items: end; gap: 4px; height: 45px; }.window-chart i { width: 8px; border-radius: 4px 4px 0 0; background: linear-gradient(#3fbfff,#188cff); animation: growBar .9s ease both; }
.window-copy { display: grid; gap: 6px; }.window-copy b,.window-copy i { display: block; height: 4px; border-radius: 2px; background: #dbe7f3; }.window-copy b { width: 90%; background: #9dccf4; }.window-copy i:nth-child(3){ width: 75%; }
.about-signature { display: flex; align-items: center; gap: 13px; margin-top: 27px; padding-top: 20px; border-top: 1px solid var(--line); }
.about-signature img { width: 48px; }.about-signature strong,.about-signature small { display: block; }.about-signature small { color: var(--muted); font-size: 12px; }

/* Cards */
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.service-card { position: relative; overflow: hidden; padding: 20px 20px 19px; border: 1px solid #e0e8f1; border-radius: 16px; background: #fff; box-shadow: 0 7px 18px rgba(9,37,71,.025); transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; transform-style: preserve-3d; }
.service-card::after { position: absolute; right: -34px; bottom: -36px; width: 85px; height: 85px; border-radius: 50%; background: var(--card-accent, var(--blue)); content: ""; opacity: .05; transition: transform .35s ease, opacity .35s ease; }
.service-card:hover { border-color: #c5ddf5; box-shadow: var(--shadow-lg); transform: translateY(-7px); }
.service-card:hover::after { opacity: .1; transform: scale(1.65); }
.service-card-top { display: flex; align-items: center; justify-content: space-between; }
.service-icon,.reason-icon,.value-card > span,.outcome-card > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: var(--card-accent, var(--blue)); background: color-mix(in srgb, var(--card-accent, var(--blue)) 10%, white); }
.card-number { color: #c8d4e1; font-family: "Manrope"; font-size: 18px; font-weight: 700; letter-spacing: -.05em; }
.service-card h3 { margin: 19px 0 9px; color: var(--navy-900); font-family: "Manrope"; font-size: 19px; letter-spacing: -.04em; line-height: 1.12; }
.service-card p { min-height: 74px; margin: 0 0 14px; color: var(--copy); font-size: 14px; line-height: 1.7; }
.accent-blue { --card-accent: #188cff; }.accent-cyan { --card-accent: #11b1dd; }.accent-orange { --card-accent: #ff9418; }.accent-purple { --card-accent: #7657ed; }.accent-green { --card-accent: #20a978; }
.reasons-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 13px; }
.reason-card { grid-column: span 2; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.045); transition: transform .3s ease, background .3s ease, border-color .3s ease; }
.reason-card:hover { border-color: rgba(83,216,255,.3); background: rgba(255,255,255,.075); transform: translateY(-6px); }
.reason-card:nth-child(4) { grid-column: 2 / span 2; }.reason-card:nth-child(5) { grid-column: span 2; }
.reason-icon { color: var(--cyan); background: rgba(49,185,255,.1); }
.reason-card h3 { margin: 18px 0 9px; color: #fff; font-family: "Manrope"; font-size: 19px; letter-spacing: -.04em; line-height: 1.1; }
.reason-card p { margin: 0; color: var(--body-light); font-size: 14px; font-weight: 500; line-height: 1.72; }
.values-grid,.outcomes-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.value-card,.outcome-card { padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: #fff; transition: transform .3s ease, box-shadow .3s ease; }
.value-card:hover,.outcome-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lg); }
.value-card h3,.outcome-card h3 { margin: 20px 0 9px; font-family: "Manrope"; font-size: 22px; letter-spacing: -.05em; }
.value-card p,.outcome-card p { margin: 0; color: var(--copy); font-size: 14px; line-height: 1.7; }
.visual-solutions { padding-top: 104px; }
.image-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.image-feature { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(13,38,72,.06); transition: transform .35s ease, box-shadow .35s ease; }
.image-feature:hover { box-shadow: var(--shadow-lg); transform: translateY(-8px); }
.image-feature-media { position: relative; overflow: hidden; height: 205px; background: #dce8f5; }
.image-feature-media::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 46%,rgba(3,19,39,.38)); content: ""; pointer-events: none; }
.image-feature-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.2,.75,.2,1); }.image-feature:hover img { transform: scale(1.07); }
.image-feature-media > span { position: absolute; z-index: 2; bottom: 14px; left: 14px; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.32); border-radius: 11px; color: #fff; background: rgba(5,34,66,.55); backdrop-filter: blur(12px); }
.image-feature-copy { padding: 18px; }.image-feature-copy .micro-label { margin-bottom: 7px; }.image-feature-copy h3 { margin: 0; color: var(--navy-900); font-family: "Manrope"; font-size: 22px; letter-spacing: -.055em; line-height: 1.1; }.image-feature-copy p:not(.micro-label) { min-height: 67px; margin: 9px 0 13px; color: var(--copy); font-size: 12px; line-height: 1.65; }
.services-visual-intro { padding-bottom: 88px; }

/* Process */
.process-grid { position: relative; display: grid; grid-template-columns: repeat(6,1fr); gap: 0; }
.process-grid::before { position: absolute; top: 47px; right: 7%; left: 7%; height: 1px; background: #d9e4ef; content: ""; }
.process-step { position: relative; padding: 0 11px; text-align: center; }
.process-number { display: grid; position: relative; z-index: 2; width: 58px; height: 58px; margin: 18px auto 0; place-items: center; border: 1px solid #d5e1ed; border-radius: 50%; color: var(--blue); background: #fff; font-family: "Manrope"; font-size: 17px; font-weight: 700; box-shadow: 0 0 0 8px #fff; transition: color .3s ease, background .3s ease, transform .3s ease; }
.process-step:hover .process-number { color: #fff; background: var(--blue); transform: translateY(-5px); }
.process-dot { display: block; width: 7px; height: 7px; margin: 21px auto 0; border-radius: 50%; background: var(--orange); }
.process-step h3 { margin: 12px 0 7px; font-family: "Manrope"; font-size: 18px; letter-spacing: -.04em; }
.process-step p { margin: 0; color: var(--copy); font-size: 11px; line-height: 1.65; }

/* Page hero */
.page-hero { position: relative; overflow: hidden; padding: 102px 0 95px; color: #fff; background: radial-gradient(circle at 82% 45%, #0b376a, transparent 31%), linear-gradient(135deg,#041126,#082448); }
.page-hero-grid { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg,transparent,#000); }
.page-hero-glow { position: absolute; top: -120px; right: 12%; width: 360px; height: 360px; border-radius: 50%; background: rgba(24,140,255,.28); filter: blur(85px); }
.page-hero-inner { position: relative; max-width: 900px; margin-left: max(20px,calc((100vw - min(1180px,calc(100vw - 40px)))/2)); margin-right: auto; }
.breadcrumb {
  display: flex; align-items: center; gap: 8px; width: max-content; max-width: 100%; margin-bottom: 25px; padding: 9px 13px;
  border: 1px solid rgba(126,219,255,.22); border-radius: 999px; color: #c8e7ff; background: linear-gradient(135deg,rgba(12,55,98,.76),rgba(7,28,57,.58));
  box-shadow: 0 10px 26px rgba(0,12,31,.16), inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(10px);
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.breadcrumb::before { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(57,213,255,.12), 0 0 16px rgba(57,213,255,.72); content: ""; flex: 0 0 auto; }
.breadcrumb a { color: #d7edff; transition: color .2s ease; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb span, .breadcrumb svg { color: #7edbff; flex: 0 0 auto; }
.breadcrumb b { min-width: 0; color: #d7edff; }
.page-hero h1 { max-width: 900px; margin: 0; font-family: "Manrope"; font-size: clamp(48px,6vw,76px); letter-spacing: -.075em; line-height: .99; }
.page-hero h1 span { color: var(--cyan); }
.page-hero-inner > p:last-child { max-width: 720px; margin: 21px 0 0; color: var(--body-light); font-size: 16px; font-weight: 500; line-height: 1.75; }

/* Services accordion */
.details-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: start; gap: 62px; }
.details-intro { position: sticky; top: 115px; }
.details-note { display: flex; gap: 12px; margin-top: 26px; padding: 15px; border: 1px solid #dce8f4; border-radius: 12px; background: #f7fbff; }
.details-note span { display: grid; flex: 0 0 auto; width: 35px; height: 35px; place-items: center; border-radius: 9px; color: var(--orange); background: #fff4e4; }
.details-note p { margin: 0; color: var(--copy); font-size: 12px; line-height: 1.6; }
.accordion { display: grid; gap: 9px; }
.accordion-item { overflow: hidden; border: 1px solid #dde6f0; border-radius: 12px; background: #fff; transition: border-color .3s ease, box-shadow .3s ease; }
.accordion-item.open { border-color: #b9d9f7; box-shadow: 0 13px 28px rgba(10,66,123,.07); }
.accordion-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 16px; border: 0; color: var(--navy-900); background: transparent; text-align: left; }
.accordion-trigger span { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; }
.accordion-trigger i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: var(--blue); background: #edf7ff; }
.accordion-trigger > svg { flex: 0 0 auto; color: #8a9db4; transition: transform .3s ease; }
.accordion-item.open .accordion-trigger > svg { color: var(--blue); transform: rotate(180deg); }
.accordion-panel {
  display: grid;
  overflow: hidden;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows .48s cubic-bezier(.22,.75,.18,1), opacity .28s ease, visibility 0s linear .48s;
}
.accordion-panel > * {
  min-height: 0;
  overflow: hidden;
  transform: translateY(-8px);
  transition: padding .42s cubic-bezier(.22,.75,.18,1), transform .36s cubic-bezier(.22,.75,.18,1);
}
.accordion-item:not(.open) .accordion-panel > * { padding-top: 0; padding-bottom: 0; }
.accordion-item.open .accordion-panel {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  transition: grid-template-rows .52s cubic-bezier(.22,.75,.18,1), opacity .34s ease, visibility 0s linear 0s;
}
.accordion-item.open .accordion-panel > * { transform: translateY(0); }
.accordion-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px 15px; padding: 0 17px 16px; }
.accordion-list span { display: flex; align-items: center; gap: 6px; color: var(--copy); font-size: 11px; font-weight: 700; }
.accordion-list svg { flex: 0 0 auto; color: var(--green); }
.faq-section .accordion-panel p { margin: 0; padding: 0 17px 16px; color: var(--copy); font-size: 13px; }

/* Premium service detail cards */
.details-intro-card { overflow: hidden; padding: 27px; border-radius: 19px; background: radial-gradient(circle at 10% 8%,rgba(39,158,255,.24),transparent 36%),linear-gradient(145deg,#06172f,#0b315d); box-shadow: 0 22px 52px rgba(4,28,60,.16); }
.details-intro-card .eyebrow { color: #7edbff; }.details-intro-card .section-title { color: #fff; font-size: clamp(33px,3.5vw,48px); }.details-intro-card > p:last-of-type { margin: 17px 0 0; color: var(--body-light); font-size: 13px; font-weight: 500; }
.details-intro-stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 23px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.12); }
.details-intro-stats span { padding: 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: rgba(255,255,255,.055); }.details-intro-stats strong,.details-intro-stats small { display: block; }.details-intro-stats strong { color: #fff; font-family: "Manrope"; font-size: 27px; letter-spacing: -.07em; line-height: 1; }.details-intro-stats small { margin-top: 5px; color: #98b3cf; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.service-accordion { gap: 12px; }.service-detail-card { --card-accent: var(--blue); position: relative; overflow: hidden; border-color: #dbe6f1; border-radius: 16px; box-shadow: 0 9px 25px rgba(13,38,72,.04); }
.service-detail-card::before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--card-accent); content: ""; opacity: .78; }
.service-detail-card.open { border-color: color-mix(in srgb,var(--card-accent) 35%,#dbe6f1); box-shadow: 0 19px 42px rgba(8,51,97,.1); }
.service-detail-trigger { align-items: center; padding: 15px 16px 15px 18px; }
.service-detail-main { display: flex; flex: 1 1 auto; align-items: center; gap: 12px; min-width: 0; }.service-detail-main > i { display: grid; flex: 0 0 auto; width: 43px; height: 43px; place-items: center; border-radius: 12px; color: var(--card-accent); background: color-mix(in srgb,var(--card-accent) 10%,#fff); }.service-detail-main > span { display: grid; gap: 1px; min-width: 0; }
.service-detail-main small { color: var(--card-accent); font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.service-detail-main strong { color: var(--navy-900); font-family: "Manrope"; font-size: 17px; letter-spacing: -.035em; line-height: 1.2; }.service-detail-main em { overflow: hidden; max-width: 440px; margin-top: 2px; color: var(--copy); font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.service-detail-card.open .service-detail-main em { overflow: visible; max-width: none; padding-right: 8px; text-overflow: clip; white-space: normal; }
.service-detail-meta { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; margin-left: 12px; }.service-detail-meta b { padding: 5px 8px; border: 1px solid #e0e9f2; border-radius: 50px; color: #7890a9; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.service-detail-meta svg { color: #8a9db4; transition: transform .3s ease; }.service-detail-card.open .service-detail-meta svg { color: var(--card-accent); transform: rotate(180deg); }
.service-detail-body { overflow: hidden; padding: 0 17px 16px 73px; }.service-detail-body .accordion-list { gap: 7px; padding: 2px 0 14px; }.service-detail-body .accordion-list span { padding: 9px 10px; border: 1px solid #e4ebf3; border-radius: 8px; color: #52677f; background: #f8fbfe; font-size: 12px; }.service-detail-body .accordion-list svg { color: var(--card-accent); }
.detail-cta { display: inline-flex; align-items: center; gap: 5px; color: var(--card-accent); font-size: 11px; font-weight: 800; }.detail-cta svg { transition: transform .25s ease; }.detail-cta:hover svg { transform: translate(2px,-2px); }

/* Team */
.team-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 46px; }
.team-card { display: grid; grid-template-columns: 132px 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .3s ease, box-shadow .3s ease; }
.team-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-7px); }
.team-avatar { position: relative; display: grid; overflow: hidden; min-height: 230px; place-items: center; background: linear-gradient(145deg,#e4f4ff,#cbe6fb); }
.team-avatar::before,.team-avatar::after { position: absolute; border-radius: 50%; content:""; }.team-avatar::before { top: -28px; left: -26px; width: 95px; height: 95px; background: rgba(255,255,255,.42); }.team-avatar::after { right: -44px; bottom: -25px; width: 120px; height: 120px; background: rgba(255,255,255,.28); }
.team-avatar span { position: relative; z-index: 2; display: grid; width: 74px; height: 74px; place-items: center; border: 8px solid rgba(255,255,255,.58); border-radius: 50%; color: #fff; background: linear-gradient(135deg,#147bf0,#21a8ff); font-family: "Manrope"; font-size: 22px; font-weight: 700; box-shadow: 0 16px 25px rgba(18,98,170,.18); }
.team-avatar i { position: absolute; z-index: 1; right: -13px; bottom: 19px; left: -13px; height: 69px; border-radius: 50% 50% 0 0; background: rgba(255,255,255,.55); }
.avatar-purple { background: linear-gradient(145deg,#eee9ff,#d9d0ff); }.avatar-purple span { background: linear-gradient(135deg,#6045d7,#9278ff); }
.avatar-orange { background: linear-gradient(145deg,#fff0de,#ffdfb7); }.avatar-orange span { background: linear-gradient(135deg,#ec8510,#ffb044); }
.avatar-green { background: linear-gradient(145deg,#e4f8f0,#c5ebdc); }.avatar-green span { background: linear-gradient(135deg,#139b69,#42cc9b); }
.team-copy { padding: 22px 20px; }
.team-copy h3 { margin: 0; font-family: "Manrope"; font-size: 22px; letter-spacing: -.055em; }
.team-copy p { margin: 11px 0 0; color: var(--copy); font-size: 12px; line-height: 1.72; }
.team-copy .team-role { margin-top: 5px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .035em; line-height: 1.45; text-transform: uppercase; }
.skill-orbit { position: relative; width: min(100%,680px); height: 330px; margin: -10px auto 0; border: 1px dashed rgba(83,216,255,.28); border-radius: 50%; }
.skill-orbit::before { position: absolute; inset: 57px 116px; border: 1px dashed rgba(83,216,255,.22); border-radius: 50%; content:""; }
.skill-center { position: absolute; top: 50%; left: 50%; display: grid; width: 115px; height: 115px; place-items: center; border: 10px solid rgba(255,255,255,.1); border-radius: 50%; background: #fff; transform: translate(-50%,-50%); }
.skill-center img { width: 76px; }
.skill-pill { position: absolute; display: flex; align-items: center; gap: 7px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 50px; color: #d4e7fa; background: rgba(255,255,255,.07); font-size: 11px; font-weight: 800; backdrop-filter: blur(12px); animation: floatY 5s ease-in-out infinite; }
.skill-pill svg { color: var(--cyan); }.pill-one{top:15px;left:117px}.pill-two{top:24px;right:81px;animation-delay:-1s}.pill-three{top:142px;right:-35px;animation-delay:-2s}.pill-four{right:88px;bottom:20px;animation-delay:-3s}.pill-five{bottom:18px;left:83px;animation-delay:-4s}.pill-six{top:143px;left:-25px;animation-delay:-5s}

/* Team studio and profiles */
.team-studio-grid { display: grid; grid-template-columns: 1.07fr .93fr; align-items: center; gap: 58px; }
.team-studio-photo { position: relative; overflow: hidden; min-height: 440px; margin: 0; border-radius: 23px; background: #082347; box-shadow: var(--shadow-lg); }.team-studio-photo::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 50%,rgba(3,18,37,.78)); content: ""; }
.team-studio-photo img { width: 100%; height: 440px; object-fit: cover; transition: transform .85s cubic-bezier(.2,.75,.2,1); }.team-studio-photo:hover img { transform: scale(1.045); }.team-studio-photo figcaption { position: absolute; z-index: 2; right: 20px; bottom: 19px; left: 20px; display: flex; align-items: center; gap: 10px; color: #fff; }.team-studio-photo figcaption > span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; color: var(--cyan); background: rgba(255,255,255,.12); backdrop-filter: blur(10px); }.team-studio-photo small,.team-studio-photo strong { display: block; }.team-studio-photo small { color: #b8d1e7; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.team-studio-photo strong { font-family: "Manrope"; font-size: 18px; letter-spacing: -.04em; }
.team-studio-copy > p:not(.eyebrow) { margin: 17px 0 0; color: var(--copy); }.team-studio-points { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 23px; }.team-studio-points span { display: flex; align-items: center; gap: 7px; padding: 9px 10px; border: 1px solid #e0e8f1; border-radius: 9px; color: #476079; background: #fbfdff; font-size: 10px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }.team-studio-points svg { color: var(--blue); }
.team-profile-grid { grid-template-columns: repeat(4,1fr); gap: 14px; }.team-profile-card { display: block; overflow: hidden; border-radius: 17px; }.team-profile-avatar { min-height: 188px; }.team-profile-avatar small { position: absolute; top: 13px; left: 14px; color: rgba(8,41,76,.36); font-family: "Manrope"; font-size: 16px; font-weight: 700; letter-spacing: -.04em; }.team-profile-avatar b { position: absolute; z-index: 3; right: 13px; bottom: 12px; display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255,255,255,.56); border-radius: 10px; color: #fff; background: rgba(5,40,76,.4); backdrop-filter: blur(8px); }.team-profile-card .team-copy { padding: 18px 17px 17px; }.team-profile-card .team-copy h3 { font-size: 20px; }.team-profile-card .team-copy > p:not(.team-role) { min-height: 119px; font-size: 11px; }.expertise-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line); }.expertise-tags span { padding: 4px 6px; border-radius: 50px; color: #55708c; background: #f0f6fb; font-size: 8px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }

/* Portfolio */
.portfolio-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.portfolio-card { display: flex; overflow: hidden; min-height: 100%; flex-direction: column; border: 1px solid var(--line); border-radius: 16px; background: #fff; transition: box-shadow .3s ease, transform .3s ease; }
.portfolio-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-7px); }
.portfolio-art { position: relative; overflow: hidden; height: 186px; background: linear-gradient(135deg,#092b58,#1269ad); }
.portfolio-grid-lines { position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px);background-size:28px 28px;transform:rotate(-8deg) scale(1.3) }
.portfolio-orb { position:absolute;right:-15px;bottom:-48px;width:185px;height:185px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .4s ease }.portfolio-card:hover .portfolio-orb{transform:scale(1.16)}
.portfolio-icon { position:absolute;top:21px;left:21px;display:grid;width:53px;height:53px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(12px) }
.portfolio-brand { position:absolute;right:20px;bottom:17px;display:grid;width:49px;height:49px;place-items:center;border-radius:50%;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.15) }.portfolio-brand img{width:34px}
.art-orange{background:linear-gradient(135deg,#8e470c,#f59216)}.art-purple{background:linear-gradient(135deg,#372076,#805aff)}.art-cyan{background:linear-gradient(135deg,#075273,#12aed9)}.art-green{background:linear-gradient(135deg,#075f49,#20b880)}
.portfolio-copy{display:flex;min-height:190px;padding:17px 18px 18px;flex:1;flex-direction:column}.portfolio-copy .micro-label{margin-bottom:5px;font-size:11px}.portfolio-copy h3{margin:0;font-family:"Manrope";font-size:19px;letter-spacing:-.045em}.portfolio-copy p:not(.micro-label){margin:5px 0 0;color:var(--copy);font-size:13px}.portfolio-copy .text-link{margin-top:auto;padding-top:14px}

/* Portfolio showcase */
.portfolio-spotlight-section { padding-bottom: 38px; }.portfolio-spotlight { display: grid; grid-template-columns: 1.08fr .92fr; overflow: hidden; min-height: 410px; border-radius: 23px; background: radial-gradient(circle at 80% 15%,rgba(29,146,255,.28),transparent 38%),linear-gradient(140deg,#05162e,#0b305c); box-shadow: 0 27px 64px rgba(5,33,68,.2); }
.portfolio-spotlight-media { position: relative; overflow: hidden; min-height: 410px; }.portfolio-spotlight-media::after { position: absolute; inset: 0; background: linear-gradient(90deg,transparent 50%,#08254a),linear-gradient(180deg,transparent 60%,rgba(4,21,43,.55)); content: ""; }.portfolio-spotlight-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.75,.2,1); }.portfolio-spotlight:hover .portfolio-spotlight-media img { transform: scale(1.045); }
.spotlight-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; color: #e3f1ff; background: rgba(6,33,66,.72); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(11px); animation: floatY 5s ease-in-out infinite; }.spotlight-float svg { color: var(--cyan); }.spotlight-top { top: 20px; left: 18px; }.spotlight-bottom { right: 18px; bottom: 18px; animation-delay: -2s; }
.portfolio-spotlight-copy { align-self: center; padding: 36px 39px 36px 20px; }.portfolio-spotlight-copy h2 { margin: 0; color: #fff; font-family: "Manrope"; font-size: clamp(33px,4vw,48px); letter-spacing: -.045em; line-height: 1.02; }.portfolio-spotlight-copy h2 span { color: var(--cyan); }.portfolio-spotlight-copy > p:not(.eyebrow) { margin: 17px 0 0; color: var(--body-light); font-size: 13px; font-weight: 500; }.spotlight-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0; }.spotlight-tags span { padding: 5px 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 50px; color: #d6e8fb; background: rgba(255,255,255,.075); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.portfolio-intro { margin-bottom: 29px; }.portfolio-capability-group { padding: 30px 0 37px; border-top: 1px solid #d9e4ef; }.portfolio-capability-group:last-child { padding-bottom: 0; }.portfolio-group-head { display: grid; grid-template-columns: 74px 1fr; gap: 19px; max-width: 800px; margin-bottom: 22px; }.portfolio-group-head > span { display: grid; width: 57px; height: 57px; place-items: center; border-radius: 16px; color: var(--blue); background: #e7f3ff; font-family: "Manrope"; font-size: 17px; font-weight: 800; }.portfolio-group-head .eyebrow { margin-bottom: 4px; }.portfolio-group-head h2 { margin: 0; color: var(--navy-900); font-family: "Manrope"; font-size: clamp(25px,3vw,34px); font-weight: 800; letter-spacing: -.055em; line-height: 1.05; }.portfolio-group-head p:last-child { max-width: 720px; margin: 8px 0 0; color: var(--copy); font-size: 13px; }.portfolio-showcase-grid .portfolio-art { height: 192px; }.portfolio-photo { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }.portfolio-card:hover .portfolio-photo { transform: scale(1.045); }.portfolio-art::after { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(4,20,40,.03),rgba(4,20,40,.42)); content: ""; pointer-events: none; }
.portfolio-index { position: absolute; z-index: 2; top: 17px; right: 18px; color: rgba(255,255,255,.64); font-family: "Manrope"; font-size: 16px; font-weight: 700; letter-spacing: -.04em; }.portfolio-icon,.portfolio-brand { z-index: 3; }.portfolio-copy .text-link { margin-top: 13px; }
.portfolio-ui { position: absolute; top: 29px; right: 32px; bottom: 25px; left: 95px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 11px; background: rgba(255,255,255,.12); box-shadow: 0 18px 32px rgba(0,0,0,.12); backdrop-filter: blur(8px); }.portfolio-ui span,.portfolio-ui i,.portfolio-ui b,.portfolio-ui em { position: absolute; display: block; border-radius: 4px; background: rgba(255,255,255,.32); }.portfolio-ui .ui-top { top: 10px; right: 10px; left: 10px; height: 10px; }.portfolio-ui .ui-side { top: 28px; bottom: 10px; left: 10px; width: 21%; }.portfolio-ui .ui-main { top: 28px; right: 10px; left: 27%; height: 32%; background: rgba(255,255,255,.2); }.portfolio-ui i { right: 10px; bottom: 10px; width: 20%; height: 27%; }.portfolio-ui i:nth-of-type(2) { right: 33%; height: 38%; }.portfolio-ui i:nth-of-type(3) { right: 56%; height: 21%; }.portfolio-ui b { top: 39px; left: 33%; width: 18%; height: 6px; background: rgba(255,255,255,.6); }.portfolio-ui b:nth-of-type(2) { top: 52px; width: 32%; height: 4px; }.portfolio-ui em { right: 17px; bottom: 17px; width: 8px; height: 8px; border-radius: 50%; background: #71efc1; box-shadow: 0 0 0 5px rgba(113,239,193,.16); }
.ui-social i { width: 18%; height: 34%; border-radius: 7px; }.ui-social .ui-main { height: 48%; }.ui-chat .ui-main { right: 20%; height: 15%; border-radius: 10px; }.ui-chat b { top: 63px; left: 40%; width: 48%; height: 13px; border-radius: 9px; }.ui-automation i { bottom: 17px; width: 11px; height: 11px; border-radius: 50%; }.ui-performance .ui-main { clip-path: polygon(0 76%,20% 56%,40% 67%,62% 31%,78% 43%,100% 0,100% 100%,0 100%); background: rgba(255,255,255,.35); }

/* Contact and CTA */
.cta-wrap { padding: 0 0 108px; background: var(--white); }.section-tint + .cta-wrap { padding-top: 108px; }
.cta-card { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; overflow: hidden; gap: 35px; padding: 40px 45px; border-radius: 20px; color: #fff; background: radial-gradient(circle at 10% 40%,#13508b,transparent 35%),linear-gradient(135deg,#061a34,#0b376b); box-shadow: 0 24px 55px rgba(5,30,61,.18); }
.cta-mark { position:absolute;right:250px;bottom:-80px;opacity:.06 }.cta-mark img{width:290px}
.cta-copy{position:relative;max-width:760px}.cta-copy h2{margin:0;font-family:"Manrope";font-size:clamp(31px,4vw,46px);letter-spacing:-.045em;line-height:1}.cta-copy p:last-child{margin:15px 0 0;color:var(--body-light);font-size:13px;font-weight:500}
.cta-card .button{position:relative;white-space:nowrap}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:start}.contact-copy>p{color:var(--copy)}.contact-links{display:grid;gap:9px;margin-top:24px}.contact-links a,.contact-links>div{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:border-color .25s ease,transform .25s ease}.contact-links a:hover{border-color:#bdd9f4;transform:translateX(4px)}.contact-links i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:var(--blue);background:#eaf5ff}.contact-links small,.contact-links strong{display:block}.contact-links small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.contact-links strong{color:var(--navy-800);font-size:13px}
.map-placeholder{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;margin-top:14px;padding:23px 18px;border:1px solid #d6e5f2;border-radius:13px;background:#edf6fd}.map-lines{position:absolute;inset:0;opacity:.33;background:linear-gradient(35deg,transparent 45%,#b6d0e5 46%,#b6d0e5 48%,transparent 49%),linear-gradient(-24deg,transparent 45%,#b6d0e5 46%,#b6d0e5 48%,transparent 49%);background-size:58px 46px}.map-marker{position:relative;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:#fff;background:var(--orange);box-shadow:0 0 0 7px rgba(255,148,24,.15)}.map-placeholder div:last-child{position:relative}.map-placeholder strong,.map-placeholder small{display:block}.map-placeholder strong{font-size:13px}.map-placeholder small{color:var(--copy);font-size:10px}
.contact-form{padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-lg)}.form-head{margin-bottom:18px}.form-head .eyebrow{margin-bottom:6px}.form-head h3{margin:0;font-family:"Manrope";font-size:27px;letter-spacing:-.055em}.form-head p:last-child{margin:5px 0 0;color:var(--copy);font-size:12px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}label{display:block;margin-bottom:12px}label span{display:block;margin-bottom:5px;color:#3c506b;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid #dce5ef;border-radius:9px;outline:0;color:var(--ink);background:#fbfdff;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}input,select{height:44px;padding:0 12px}textarea{padding:10px 12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,140,255,.1)}.form-status{min-height:15px;margin:10px 0 0;color:var(--green);font-size:11px;font-weight:800}

/* Extended pages and conversion details */
.hero-supporting-line{margin:14px 0 -6px;color:#7edbff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.portfolio-status{display:block;margin-top:10px;color:#64758d;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cta-actions,.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.cta-actions{position:relative;justify-content:flex-end}.cta-actions .button{margin:0}.contact-actions{margin-top:16px}.map-section{padding:0 0 96px;background:var(--white)}.map-section iframe{display:block;width:100%;height:360px;border:1px solid var(--line);border-radius:18px;background:#eef6fd;box-shadow:var(--shadow-sm)}
.reviews-grid,.resource-grid,.case-placeholder-grid,.disclosure-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card,.resource-card,.case-placeholder,.disclosure-card,.content-stack article{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.review-card:hover,.resource-card:hover,.case-placeholder:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.review-card{padding:21px}.review-card-top{display:flex;align-items:center;gap:10px}.review-avatar{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:linear-gradient(135deg,#1378ed,#36b8ff);font-size:13px;font-weight:800}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-card strong,.review-card small{display:block}.review-card small{margin-top:3px;color:var(--muted);font-size:9px}.review-stars{margin:15px 0 8px;color:var(--orange);font-size:14px;letter-spacing:.08em}.review-card p{margin:0;color:var(--copy);font-size:12px;line-height:1.72}.reviews-footer{display:flex;justify-content:center;margin-top:26px}.resource-card,.case-placeholder{padding:22px}.resource-card h2,.case-placeholder h2,.content-stack h2,.disclosure-card h2{margin:7px 0 8px;color:var(--navy-900);font-family:"Manrope";font-size:23px;font-weight:800;letter-spacing:-.055em}.resource-card p,.case-placeholder p,.content-stack p,.content-stack li,.disclosure-card p,.disclosure-card a,.disclosure-card span{color:var(--copy);font-size:13px;line-height:1.75}.case-placeholder-grid{grid-template-columns:repeat(2,1fr)}.case-placeholder .text-link{display:inline-flex;margin-top:10px}.content-page{padding:86px 0}.content-stack{display:grid;gap:14px}.content-stack article,.disclosure-card{padding:22px}.content-stack ul{margin:8px 0 0;padding-left:18px}.disclosure-list{grid-template-columns:repeat(2,1fr)}.disclosure-card a{color:var(--blue);font-weight:800}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:11px;font-weight:800}.text-link:hover{color:#006bd4}
.review-card time{display:block;margin-top:13px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.disclosure-list{margin-top:18px}.disclosure-list div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fbfe}.disclosure-list dt{color:var(--navy-900);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.disclosure-list dd{margin:6px 0 0;color:var(--copy);font-size:13px;line-height:1.65}

/* Blog */
.blog-empty-state{max-width:690px;margin:0 auto;padding:34px 28px;border:1px solid #d8e7f5;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);text-align:center}.blog-empty-state h2{margin:7px 0 8px;color:var(--heading-dark);font-size:29px;font-weight:800;letter-spacing:-.05em}.blog-empty-state>p:last-child{margin:0;color:var(--body-dark);font-size:14px;font-weight:500;line-height:1.72}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-7px)}.blog-card-image{display:block;overflow:hidden;height:190px;background:#e6eff8}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-copy{display:flex;padding:20px;flex:1;flex-direction:column}.blog-card-copy .micro-label{margin-bottom:8px}.blog-card h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.045em;line-height:1.16}.blog-card h2 a:hover{color:var(--blue)}.blog-card-copy>p:not(.micro-label){margin:10px 0 0;color:var(--body-dark);font-size:13px;font-weight:500;line-height:1.72}.blog-card-meta{display:flex;justify-content:space-between;gap:10px;margin:19px 0 14px;padding-top:13px;border-top:1px solid var(--line);color:#697b93;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.article-hero{padding:95px 0 88px;color:#fff;background:radial-gradient(circle at 78% 30%,#0d3b70,transparent 36%),linear-gradient(140deg,#041126,#08284d)}.article-hero-inner{max-width:900px}.article-hero .breadcrumb{color:#afd5f6}.article-hero .breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1.04}.article-hero-inner>p:not(.eyebrow){max-width:730px;margin:20px 0 0;color:var(--body-light);font-size:16px;font-weight:500;line-height:1.75}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:23px;color:var(--muted-light);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.article-container{max-width:900px}.article-featured-image{overflow:hidden;margin:0 0 32px;border-radius:20px;box-shadow:var(--shadow-lg)}.article-featured-image img{width:100%;max-height:520px;object-fit:cover}.article-content{color:var(--body-dark);font-size:16px;font-weight:500;line-height:1.82}.article-content h2,.article-content h3,.article-content h4{margin:1.6em 0 .55em;color:var(--heading-dark);font-weight:800;letter-spacing:-.035em;line-height:1.18}.article-content h2{font-size:30px}.article-content h3{font-size:23px}.article-content p{margin:0 0 1.15em}.article-content a{color:var(--blue);font-weight:700;text-decoration:underline}.article-content blockquote{margin:24px 0;padding:16px 18px;border-left:4px solid var(--blue);color:#3f5875;background:#f4f9fe}.article-content img{height:auto;margin:20px auto;border-radius:12px}.article-content pre{overflow:auto;padding:15px;border-radius:10px;color:#d7e6ff;background:#07182f}.article-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px;padding:22px;border:1px solid #d8e7f5;border-radius:15px;background:#f5faff}.article-footer p{margin:0;color:var(--heading-dark);font-weight:800}

/* Contact composition */
.contact-layout{align-items:stretch}.contact-copy{display:flex;height:100%;flex-direction:column}.contact-copy .section-title{max-width:520px}.contact-links{margin-bottom:0}.contact-actions{display:grid;margin-top:auto;padding:13px;border:1px solid #d8e7f5;border-radius:15px;background:#f5faff;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-actions .button{width:100%;min-height:50px;padding-right:14px;padding-left:14px}.contact-form{display:flex;height:100%;flex-direction:column}.contact-form .button-wide{margin-top:auto}

@media(max-width:720px){.contact-copy{height:auto}.contact-actions{margin-top:17px}.contact-form{height:auto}}

/* Designed article layouts */
.article-hero{--article-accent:#188cff}.article-hero-clean{background:#071b36}.article-hero-accent{background:radial-gradient(circle at 82% 22%,var(--article-accent),transparent 31%),linear-gradient(140deg,#041126,#08284d)}.article-width-narrow{max-width:760px}.article-width-standard{max-width:900px}.article-width-wide{max-width:1080px}.article-toc{display:grid;gap:7px;margin:0 0 30px;padding:18px;border:1px solid #d7e7f5;border-radius:14px;background:#f5faff}.article-toc p{margin:0 0 4px;color:var(--heading-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-toc a{color:#42627f;font-size:13px;font-weight:700}.article-toc a:hover{color:var(--article-accent)}.article-toc .toc-subitem{padding-left:15px;color:#6a7e95;font-size:12px}.article-content .article-lead{color:#294767;font-size:20px;font-weight:700;line-height:1.68}.article-content .article-callout,.article-content .article-highlight{margin:27px 0;padding:19px 20px;border:1px solid #cce4f7;border-left:4px solid var(--article-accent);border-radius:12px;background:#f3faff}.article-content .article-highlight{border-color:#ffe0b6;border-left-color:var(--orange);background:#fff9ef}.article-content .article-callout h3,.article-content .article-callout p,.article-content .article-highlight p{margin:0}.article-content .article-callout h3,.article-content .article-highlight strong{display:block;margin-bottom:6px;color:var(--heading-dark)}.article-content .article-table{width:100%;margin:24px 0;border-collapse:collapse}.article-content .article-table th,.article-content .article-table td{padding:12px;border:1px solid #dce8f3;text-align:left}.article-content .article-table th{color:var(--heading-dark);background:#eef7ff;font-size:13px;font-weight:800}.article-content .article-table td{font-size:14px}.article-content .article-button{display:inline-flex;padding:11px 15px;border-radius:8px;color:#fff;background:var(--article-accent);font-size:13px;font-weight:800;text-decoration:none;transition:filter .2s ease,transform .2s ease}.article-content .article-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.article-content hr{height:1px;margin:34px 0;border:0;background:#d9e4ef}.article-content .align-left{text-align:left}.article-content .align-center{text-align:center}.article-content .align-right{text-align:right}.article-content .align-justify{text-align:justify}.article-theme-classic .article-content{color:#4c586b;font-family:Georgia,serif;font-size:17px}.article-theme-classic .article-content h2,.article-theme-classic .article-content h3{font-family:Georgia,serif;letter-spacing:-.025em}.article-theme-minimal .article-content{color:#43546b;line-height:1.9}.article-theme-minimal .article-featured-image{border-radius:8px}.article-footer span{display:block;margin-top:5px;color:var(--body-dark);font-size:12px;font-weight:500;line-height:1.55}

/* Footer */
.site-footer{padding-top:60px;color:#a7b9ce;background:var(--navy-950)}.footer-grid{display:grid;grid-template-columns:2fr .7fr 1.15fr 1fr;gap:42px;padding-bottom:41px}.footer-brand{width:220px}.footer-brand img{content:url("../../public/logo-light.png")}.footer-about p{max-width:390px;margin:19px 0 0;color:#8da2bb;font-size:13px}.footer-badge{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:50px;color:#b8cce0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.footer-badge svg{color:var(--orange)}.site-footer h3{margin:3px 0 16px;color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.site-footer nav{display:grid;gap:8px}.site-footer nav a,.site-footer nav span{display:flex;align-items:flex-start;gap:7px;color:#8ea3bc;font-size:13px;transition:color .2s ease}.site-footer nav a:hover{color:#fff}.site-footer nav svg{flex:0 0 auto;margin-top:2px;color:var(--blue-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid rgba(255,255,255,.09);color:#6f849d;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.footer-bottom p{margin:0}
.floating-whatsapp{position:fixed;z-index:900;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:50px;color:#fff;background:#16a870;box-shadow:0 13px 28px rgba(14,139,91,.3);font-size:11px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease}.floating-whatsapp:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(14,139,91,.38)}

/* Animations */
@keyframes loaderPulse{50%{transform:scale(1.1);filter:brightness(1.18)}}@keyframes loaderLine{0%{transform:translateX(-100%)}100%{transform:translateX(210%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes clientScroll{to{transform:translateX(-50%)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes chartAppear{to{opacity:1}}@keyframes floatY{50%{transform:translateY(-10px)}}@keyframes glowBreathe{50%{opacity:.56;transform:scale(1.13)}}@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(53,217,158,0)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes growBar{from{height:0}}

/* Responsive */
@media (max-width: 1040px) {
  .desktop-nav{gap:18px}.header-cta{display:none}.hero{padding-top:78px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:0}.hero-visual{width:min(100%,650px);min-height:490px;margin:6px auto 0}.hero-photo-visual{width:min(100%,710px);min-height:550px;margin:12px auto 0}.two-column{gap:46px}.services-grid{grid-template-columns:repeat(2,1fr)}.details-layout{gap:36px}.team-card{grid-template-columns:115px 1fr}.team-profile-grid{grid-template-columns:repeat(2,1fr)}.team-profile-card{display:block}.footer-grid{grid-template-columns:1.65fr .75fr 1.1fr}
  .footer-grid>div:last-child{grid-column:2 / -1}
}
@media (max-width: 760px) {
  :root{--container:min(660px,calc(100vw - 28px))}.section{padding:76px 0}.site-header{position:sticky}.nav-wrap{min-height:67px}.brand{width:190px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid}.mobile-menu{display:grid;overflow:hidden;grid-template-rows:0fr;border-top:0 solid var(--line);transition:grid-template-rows .35s ease,border-width .35s ease}.mobile-menu.open{grid-template-rows:1fr;border-top-width:1px}.mobile-nav{display:grid;overflow:hidden;gap:3px;padding:0 14px;background:#fff}.mobile-menu.open .mobile-nav{padding-top:11px;padding-bottom:14px}.mobile-nav a:not(.button){padding:8px 3px;color:#50637c;font-size:14px;font-weight:800}.mobile-nav a.active{color:var(--blue)}.mobile-nav .button{margin-top:5px}
  .section-title{font-size:clamp(32px,7vw,44px)}.split-head{display:block;margin-bottom:30px}.split-head>p{margin:14px 0 0}.hero{padding-top:68px}.hero-grid{min-height:auto}.hero h1{font-size:clamp(52px,18vw,76px)}.hero h2{font-size:34px}.hero-description{font-size:16px}.hero-meta{gap:12px;font-size:10px}.hero-visual{min-height:390px;margin-top:21px}.hero-photo-visual{min-height:410px;margin-top:28px}.hero-photo-frame{top:24px;right:0;left:0;height:350px;border-radius:19px}.hero-photo-caption{right:13px;bottom:12px;left:13px}.hero-photo-caption strong{font-size:14px}.photo-metric{padding:7px 8px}.photo-metric>span{width:27px;height:27px}.photo-metric small,.photo-progress small{font-size:6px}.photo-metric strong{font-size:12px}.metric-reach{top:0;left:9px}.metric-leads{top:75px;right:-4px}.metric-ai{right:8px;bottom:0}.photo-progress{right:45px;bottom:46px;left:9px;padding:9px 10px}.photo-progress strong{gap:5px;font-size:7px}.photo-progress>span{font-size:16px}.dashboard-card{top:53px;padding:13px}.dashboard-top strong{font-size:12px}.dashboard-stats div{padding:8px}.dashboard-stats div>span{font-size:7px}.dashboard-stats strong{font-size:16px}.dashboard-stats em{font-size:8px}.chart-panel{padding:10px 9px 0}.dashboard-bottom{gap:9px;font-size:8px}.lead-card{top:10px;left:-3px}.automation-card{right:-3px;bottom:9px}.trust-card{bottom:35px;left:-3px}.floating-card{padding:8px 9px}.floating-card strong{font-size:11px}.floating-card small{font-size:7px}.float-icon{width:28px;height:28px}.hero-partners{height:53px}.hero-partners>span{padding-right:16px;font-size:10px}.marquee-track{gap:17px}.marquee-track b{font-size:10px}.clients-section{padding:67px 0 70px}.clients-heading .section-title{font-size:34px}.clients-heading>p:last-child{font-size:13px}.clients-marquee{margin-top:24px}.client-logo-card{width:154px;height:94px;min-width:154px;flex-basis:154px;padding:14px;border-radius:13px}.client-logo-card img{max-width:128px;height:62px}.clients-set{gap:10px;padding-right:10px}.clients-track{animation-duration:39s}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid article{padding:18px 16px;border-bottom:1px solid var(--line)}.trust-grid strong{font-size:26px}.trust-grid span{font-size:9px}
  .two-column{grid-template-columns:1fr;gap:36px}.editorial-image{min-height:340px}.editorial-image img{height:340px}.connected-visual{min-height:370px}.orbit-one{width:226px;height:226px}.orbit-two{width:316px;height:316px}.visual-center{width:95px;height:95px}.visual-center img{width:65px}.node-web{top:43px;left:42px}.node-crm{top:54px;right:37px}.node-ai{right:46px;bottom:45px}.node-print{bottom:42px;left:50px}.orbit-node{width:57px;height:57px}.mini-window{right:11px;bottom:8px;width:126px}.check-grid{grid-template-columns:1fr}.services-grid,.values-grid,.outcomes-grid,.image-feature-grid{grid-template-columns:1fr}.service-card p{min-height:auto}.image-feature-media{height:194px}.image-feature-copy p:not(.micro-label){min-height:auto}
  .reasons-grid{grid-template-columns:1fr}.reason-card,.reason-card:nth-child(4),.reason-card:nth-child(5){grid-column:auto}.process-grid{grid-template-columns:repeat(2,1fr);gap:26px 5px}.process-grid::before{display:none}.process-number{margin-top:0}.details-layout{grid-template-columns:1fr}.details-intro{position:static}.details-intro-card{padding:22px}.service-detail-main em{display:block;max-width:100%}.service-detail-meta b{display:none}.service-detail-body{padding:0 13px 14px 17px}.service-detail-body .accordion-list{grid-template-columns:1fr}.accordion-list{grid-template-columns:1fr}.page-hero{padding:70px 0 66px}.page-hero h1{font-size:49px}.page-hero-inner>p:last-child{font-size:14px}.team-studio-grid{grid-template-columns:1fr;gap:28px}.team-studio-photo,.team-studio-photo img{min-height:300px;height:300px}.team-studio-points{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr;margin-top:30px}.team-card{grid-template-columns:1fr}.team-profile-card{display:block}.team-profile-avatar{min-height:170px}.team-profile-card .team-copy>p:not(.team-role){min-height:auto}.portfolio-spotlight{grid-template-columns:1fr}.portfolio-spotlight-media{min-height:255px}.portfolio-spotlight-copy{padding:25px 21px 27px}.portfolio-intro{margin-bottom:20px}.portfolio-capability-group{padding:25px 0 29px}.portfolio-group-head{grid-template-columns:48px 1fr;gap:12px;margin-bottom:17px}.portfolio-group-head>span{width:43px;height:43px;border-radius:12px;font-size:14px}.portfolio-group-head h2{font-size:25px}.portfolio-group-head p:last-child{font-size:12px}.portfolio-grid{grid-template-columns:1fr}.portfolio-art,.portfolio-showcase-grid .portfolio-art{height:180px}.portfolio-copy{min-height:auto}.portfolio-ui{right:20px;left:82px}.skill-orbit{height:285px}.skill-orbit::before{display:none}.skill-pill{font-size:9px;padding:8px 9px}.pill-one{top:8px;left:25px}.pill-two{top:18px;right:15px}.pill-three{top:131px;right:-7px}.pill-four{right:10px;bottom:15px}.pill-five{bottom:8px;left:17px}.pill-six{top:134px;left:-7px}.skill-center{width:94px;height:94px}.skill-center img{width:62px}
  .cta-wrap,.section-tint+.cta-wrap{padding:0 0 76px}.cta-card{display:block;padding:29px 22px}.cta-copy h2{font-size:37px}.cta-card .button{margin-top:20px}.contact-layout{grid-template-columns:1fr;gap:30px}.form-row{grid-template-columns:1fr}.contact-form{padding:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-about{grid-column:1 / -1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom p+ p{margin-top:5px}.floating-whatsapp span{display:none}.floating-whatsapp{width:48px;height:48px;justify-content:center;padding:0}
  .hero-supporting-line{font-size:10px}.cta-actions{justify-content:flex-start}.cta-card .cta-actions .button{margin-top:12px}.map-section{padding-bottom:70px}.map-section iframe{height:260px}.reviews-grid,.resource-grid,.case-placeholder-grid,.disclosure-list,.blog-grid{grid-template-columns:1fr}.content-page{padding:70px 0}.content-stack article,.disclosure-card{padding:17px}.article-hero{padding:72px 0 66px}.article-hero h1{font-size:42px}.article-hero-inner>p:not(.eyebrow){font-size:14px}.article-content{font-size:15px}.article-content h2{font-size:25px}.article-footer{display:block}.article-footer .button{margin-top:14px}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.page-loader{display:none}.clients-track{animation:none;transform:none}
}

/* Connected experience refinements */
.header-login{display:inline-flex;align-items:center;gap:5px;margin-left:-10px;color:#45617f;font-size:12px;font-weight:800;transition:color .2s ease}.header-login:hover{color:var(--blue)}.header-login svg{color:var(--blue)}.mobile-login{display:flex!important;align-items:center;gap:7px;color:var(--blue)!important}
.text-link-muted{color:#698098}.card-link-row,.portfolio-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:13px;border-top:1px solid #e7edf4}.portfolio-copy .text-link{margin-top:0;padding-top:0}

.page-hero{padding:82px 0 78px}.page-hero-inner{display:grid;max-width:none;margin-right:auto;margin-left:auto;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:34px}.page-hero-copy{min-width:0}.page-hero-copy>p:last-child{max-width:720px;margin:21px 0 0;color:var(--body-light);font-size:16px;font-weight:500;line-height:1.75}.page-hero-visual{--parallax-y:0px;position:relative;height:220px;transform:translateY(var(--parallax-y));transition:transform .2s linear}.page-visual-orbit{position:absolute;border:1px solid rgba(83,216,255,.24);border-radius:50%}.orbit-a{inset:1px 34px}.orbit-b{inset:35px 3px}.page-visual-card{position:absolute;top:36px;right:35px;display:grid;width:214px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.09);box-shadow:0 20px 44px rgba(0,0,0,.13);backdrop-filter:blur(16px)}.page-visual-card i{display:grid;width:42px;height:42px;margin-bottom:13px;place-items:center;border-radius:12px;color:var(--cyan);background:rgba(83,216,255,.11)}.page-visual-card small{color:#91dfff;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-visual-card strong{margin:2px 0 10px;color:#fff;font-size:19px;letter-spacing:-.045em}.page-visual-card span{padding:5px 0;border-top:1px solid rgba(255,255,255,.11);color:#cce4fb;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page-visual-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(83,216,255,.12)}.dot-one{top:17px;right:56px}.dot-two{bottom:16px;left:55px;background:var(--orange);box-shadow:0 0 0 6px rgba(255,148,24,.13)}.dot-three{right:11px;bottom:74px;width:6px;height:6px}

.service-detail-body .accordion-list span{font-size:14px}.team-copy p{font-size:14px}.team-profile-card .team-copy>p:not(.team-role){min-height:144px;font-size:13px}.expertise-tags span{padding:5px 7px;font-size:10px}.portfolio-copy{min-height:215px}.portfolio-copy p:not(.micro-label){font-size:14px}.cta-wrap{padding:48px 0 56px}.section-tint+.cta-wrap{padding-top:56px}

.team-connection-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:52px}.team-connection-copy h3{margin:0;color:#fff;font-size:34px;letter-spacing:-.055em;line-height:1.08}.team-connection-copy>p:last-of-type{color:var(--body-light);font-size:15px;font-weight:500;line-height:1.75}.team-connection-points{display:grid;gap:8px;margin-top:22px}.team-connection-points span{display:grid;grid-template-columns:35px 1fr;column-gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.055)}.team-connection-points svg{grid-row:1/3;align-self:center;color:var(--cyan)}.team-connection-points b{color:#fff;font-size:13px}.team-connection-points small{color:#a9c1dc;font-size:11px}

.contact-links a,.contact-links>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:13px}.contact-links i{width:40px;height:40px;border-radius:10px}.contact-links span{display:grid;align-content:start;min-height:40px;padding-top:1px}.contact-links small{font-size:10px}.contact-links strong{margin-top:3px;font-size:14px;line-height:1.55}.form-head p:last-child{font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{font-size:14px}.contact-form input,.contact-form select{height:46px}.contact-form .button-wide{margin-top:0}.form-assurance{margin:4px 0 15px;padding:13px;border:1px solid #d6e7f7;border-radius:12px;background:#f5faff}.form-assurance-head{display:flex;align-items:center;gap:9px}.form-assurance-head i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--blue);background:#e4f3ff}.form-assurance-head small,.form-assurance-head strong{display:block}.form-assurance-head small{color:#71849c;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.form-assurance-head strong{color:var(--navy-800);font-size:13px}.form-assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.form-assurance-grid span{padding:8px;border:1px solid #e0ebf5;border-radius:8px;color:#60748c;background:#fff;font-size:10px;font-weight:700;line-height:1.45}.form-assurance-grid b{display:block;margin-bottom:2px;color:var(--blue);font-size:10px}

.solution-detail-grid{display:grid;grid-template-columns:1fr 360px;align-items:start;gap:38px}.solution-detail-copy>p:not(.eyebrow){max-width:720px;color:var(--copy)}.solution-capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:24px}.solution-capabilities span{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:10px;color:#4f6680;background:#fbfdff;font-size:14px;font-weight:700}.solution-capabilities svg{flex:0 0 auto;color:var(--blue)}.solution-side-card{--parallax-y:0px;position:sticky;top:104px;padding:24px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#071a35,#0d3e75);box-shadow:var(--shadow-lg);transform:translateY(var(--parallax-y));transition:transform .2s linear}.solution-side-card .service-icon{display:grid;width:50px;height:50px;margin-bottom:24px;place-items:center;border-radius:14px;color:var(--cyan);background:rgba(255,255,255,.09)}.solution-side-card h2{margin:0;font-size:29px;letter-spacing:-.055em;line-height:1.08}.solution-side-card p:not(.eyebrow){color:var(--body-light);font-size:14px}.solution-side-card .button{margin-top:10px}.empty-solution{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.empty-solution h2{margin-top:0}

.disclosure-stack{display:grid;gap:16px}.disclosure-services{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.disclosure-services a{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #e0e8f1;border-radius:10px;background:#f8fbfe;transition:border-color .2s ease,transform .2s ease}.disclosure-services a:hover{border-color:#b8d8f5;transform:translateY(-3px)}.disclosure-services span{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;color:var(--blue);background:#e7f4ff}.disclosure-services strong{margin-right:auto;color:var(--navy-800);font-size:12px}.disclosure-services a>svg{color:var(--blue)}.disclosure-documents{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.disclosure-document{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px;border:1px solid #dce7f1;border-radius:12px;background:#fbfdff;transition:border-color .2s ease,transform .2s ease}.disclosure-document:not(.pending):hover{border-color:#b7d7f6;transform:translateY(-4px)}.disclosure-document>span{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;color:var(--blue);background:#e8f5ff}.disclosure-document small,.disclosure-document strong{display:block}.disclosure-document small{color:#71849b;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.disclosure-document strong{margin-top:3px;color:var(--navy-800);font-size:14px}.disclosure-document p{margin:5px 0 0!important;font-size:11px!important}.disclosure-document b{grid-column:2;display:flex;align-items:center;gap:4px;color:var(--blue);font-size:11px}.disclosure-note{margin:0;padding:15px;border:1px solid #dce8f4;border-radius:12px;color:#536b84;background:#fff;font-size:13px;line-height:1.75}

.site-footer{position:relative;padding-top:34px;overflow:hidden;background:radial-gradient(circle at 12% 0,rgba(19,83,145,.42),transparent 31%),linear-gradient(140deg,#031023,#071a34)}.site-footer::after{position:absolute;right:-100px;bottom:-190px;width:430px;height:430px;border:1px solid rgba(83,216,255,.08);border-radius:50%;content:""}.footer-intro{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:47px;padding:23px 25px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.045)}.footer-intro .eyebrow{margin-bottom:6px}.footer-intro h2{max-width:720px;margin:0;color:#fff;font-size:29px;letter-spacing:-.055em;line-height:1.1}.footer-intro h2 span{color:var(--cyan)}.footer-grid,.footer-bottom{position:relative;z-index:1}.footer-about p{color:#9fb3ca;font-size:14px;line-height:1.72}.footer-socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.footer-socials a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:0 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#b7d9f6;background:rgba(255,255,255,.045);font-size:11px;font-weight:800;transition:background .2s ease,transform .2s ease}.footer-socials a:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}.site-footer nav a,.site-footer nav span{color:#9cb1c9}.footer-bottom{color:#8196ae}.back-to-top{position:fixed;z-index:899;right:19px;bottom:74px;display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:#0b3565;box-shadow:0 12px 28px rgba(4,24,54,.25);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,background .25s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--blue);transform:translateY(-4px)}

@media(max-width:1040px){.header-login{margin-left:auto}.page-hero-inner{grid-template-columns:minmax(0,1fr) 260px}.team-connection-grid{grid-template-columns:1fr;gap:14px}.solution-detail-grid{grid-template-columns:1fr}.solution-side-card{position:relative;top:auto}.footer-intro{align-items:flex-start;flex-direction:column}.disclosure-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-login{display:none}.page-hero-inner{display:block}.page-hero-visual{display:none}.page-hero-copy>p:last-child{font-size:14px}.team-connection-copy h3{font-size:28px}.solution-capabilities,.disclosure-services,.disclosure-documents,.form-assurance-grid{grid-template-columns:1fr}.footer-intro{margin-bottom:33px;padding:18px}.footer-intro h2{font-size:24px}.footer-intro .button{width:100%}.cta-wrap,.section-tint+.cta-wrap{padding:38px 0 52px}.contact-links a,.contact-links>div{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px}.contact-links i{width:36px;height:36px}.contact-links strong{font-size:13px}.portfolio-copy{min-height:auto}}

/* Newsletter CTA */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.cta-card{grid-template-columns:minmax(0,1fr) minmax(390px,.74fr)}
.cta-copy h2 span{color:var(--cyan)}
.newsletter-form{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.075);box-shadow:0 18px 34px rgba(1,17,39,.16);backdrop-filter:blur(15px)}
.newsletter-field{margin:0}.newsletter-field input{height:48px;border-color:rgba(255,255,255,.18);color:#fff;background:rgba(3,22,47,.5);font-size:14px}.newsletter-field input::placeholder{color:#a7bed8}.newsletter-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(83,216,255,.12)}
.newsletter-form .button{min-height:48px;margin:0;padding:0 17px;white-space:nowrap}.newsletter-form .button:disabled{cursor:wait;opacity:.72}
.newsletter-note,.newsletter-status{grid-column:1/-1;margin:0 3px;color:#9eb8d4;font-size:10px;font-weight:700;line-height:1.45}.newsletter-status{min-height:0;color:#8df0cb}.newsletter-status.error{color:#ffc285}.newsletter-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:1040px){.cta-card{grid-template-columns:1fr}.newsletter-form{width:min(100%,620px)}}
@media(max-width:560px){.newsletter-form{grid-template-columns:1fr}.newsletter-form .button{width:100%}}

/* Article reading sidebar */
.article-width-narrow{max-width:1040px}.article-width-standard{max-width:1160px}.article-width-wide{max-width:1240px}.article-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:30px}.article-main-column{min-width:0}.article-sidebar-sticky{position:sticky;top:92px;display:grid;gap:13px}.article-sidebar-card{overflow:hidden;padding:16px;border:1px solid #d7e7f5;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(9,38,74,.045)}.article-sidebar-overview{background:linear-gradient(145deg,#071b36,#0c3b6f)}.article-sidebar-overview .micro-label{color:#80dcff}.article-sidebar-overview strong,.article-sidebar-overview span{display:block}.article-sidebar-overview strong{color:#fff;font-size:25px;font-weight:800;letter-spacing:-.055em}.article-sidebar-overview span{margin-top:5px;color:#c5dbf2;font-size:12px;font-weight:700}.article-sidebar .article-toc{display:grid;gap:7px;margin:0}.article-sidebar-cta{background:#f5faff}.article-sidebar-cta h2{margin:5px 0 8px;color:var(--heading-dark);font-size:20px;letter-spacing:-.05em;line-height:1.12}.article-sidebar-cta>p:not(.micro-label){margin:0;color:var(--body-dark);font-size:12px;font-weight:500;line-height:1.65}.article-sidebar-cta .button{width:100%;margin-top:13px;padding:11px 10px;font-size:12px}.article-related{display:grid;gap:3px}.article-related>a{display:grid;gap:3px;padding:10px 0;border-top:1px solid #e2ebf4}.article-related>a:first-of-type{border-top:0}.article-related span{color:#6e88a3;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-related strong{color:var(--heading-dark);font-size:12px;line-height:1.45;transition:color .2s ease}.article-related a:hover strong{color:var(--blue)}@media(max-width:900px){.article-reading-grid{grid-template-columns:1fr}.article-sidebar{order:-1}.article-sidebar-sticky{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-sidebar .article-toc,.article-related{grid-column:1/-1}}@media(max-width:560px){.article-sidebar-sticky{grid-template-columns:1fr}.article-sidebar .article-toc,.article-related{grid-column:auto}}

/* Reversible scroll-scrubbed depth scenes */
[data-scroll-scene]{--scene-progress:.5;--scene-shift:0}
[data-depth]{--depth-base:translate3d(0,0,0);--depth-x:0px;--depth-y:0px;--depth-rotate:0deg;--depth-scale:1;--depth-hover:1;transform:var(--depth-base) translate3d(var(--depth-x),var(--depth-y),0) rotate(var(--depth-rotate)) scale(calc(var(--depth-scale) * var(--depth-hover)));transform-origin:center;will-change:transform}
.hero-beam[data-depth]{--depth-base:rotate(24deg)}
.visual-center[data-depth],.skill-center[data-depth]{--depth-base:translate(-50%,-50%)}
.hero-photo-glow[data-depth],.skill-pill[data-depth],.spotlight-float[data-depth]{animation:none}
.editorial-image img[data-depth],.image-feature-media img[data-depth],.team-studio-photo img[data-depth],.portfolio-spotlight-media img[data-depth]{min-height:108%;margin-top:-4%;object-fit:cover}
.editorial-image:hover img[data-depth],.team-studio-photo:hover img[data-depth],.portfolio-spotlight:hover .portfolio-spotlight-media img[data-depth]{--depth-hover:1.045}
.image-feature:hover img[data-depth]{--depth-hover:1.07}
.page-hero-grid[data-depth],.page-hero-glow[data-depth],.hero-noise[data-depth],.hero-beam[data-depth]{will-change:transform}
.page-visual-orbit[data-depth]{will-change:transform}
.cta-mark[data-depth]{transform-origin:center bottom}
@media(max-width:899px){[data-depth]{--depth-x:0px!important;--depth-y:0px!important;--depth-rotate:0deg!important;--depth-scale:1!important;will-change:auto}}
@media(prefers-reduced-motion:reduce){[data-depth]{--depth-x:0px!important;--depth-y:0px!important;--depth-rotate:0deg!important;--depth-scale:1!important;will-change:auto}}

/* Presentation upgrades */
.service-card::after{pointer-events:none}
.service-discuss-link,.detail-cta{position:relative;z-index:3;pointer-events:auto}
.detail-cta{padding:9px 12px;border:1px solid color-mix(in srgb,var(--card-accent) 24%,#dce8f3);border-radius:9px;background:color-mix(in srgb,var(--card-accent) 7%,#fff);font-size:12px;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.detail-cta:hover{border-color:color-mix(in srgb,var(--card-accent) 48%,#dce8f3);background:color-mix(in srgb,var(--card-accent) 12%,#fff);transform:translateY(-2px)}
.service-discuss-link{padding:5px 7px;border-radius:7px;transition:color .2s ease,background .2s ease}.service-discuss-link:hover{color:var(--blue);background:#eef7ff}

.hero-photo-frame{isolation:isolate;background:#04152d}
.hero-photo-frame>.hero-photo-main{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.hero-photo-visual:hover .hero-photo-frame>.hero-photo-main{transform:scale(1.045)}
.hero-photo-shade{z-index:2}.hero-photo-caption{z-index:4}
.hero-photo-toolbar{position:absolute;z-index:4;top:13px;left:15px;display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#b7d4ef;background:rgba(3,20,42,.55);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(12px)}
.hero-photo-toolbar i{width:5px;height:5px;border-radius:50%;background:#39d5ff}.hero-photo-toolbar i:nth-child(2){background:#ffb049}.hero-photo-toolbar i:nth-child(3){margin-right:3px;background:#75e0bb}

.client-logo-card{position:relative;overflow:hidden}
.client-logo-card>span{position:absolute;right:8px;bottom:7px;left:8px;padding:4px 6px;border-radius:7px;color:#fff;background:rgba(6,36,70,.86);font-size:8px;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase;opacity:0;transform:translateY(7px);transition:opacity .22s ease,transform .22s ease}
a.client-logo-card:hover>span,a.client-logo-card:focus-visible>span{opacity:1;transform:translateY(0)}

.skill-orbit{isolation:isolate;overflow:hidden;width:min(100%,700px);height:360px;margin:-10px auto 0;border:1px solid rgba(126,219,255,.2);border-radius:22px;background:radial-gradient(circle at 52% 48%,rgba(28,135,230,.22),transparent 31%),linear-gradient(145deg,rgba(6,30,61,.86),rgba(4,19,41,.78));box-shadow:inset 0 1px rgba(255,255,255,.05),0 23px 54px rgba(0,0,0,.18)}
.skill-orbit::before,.skill-orbit::after{position:absolute;border:1px dashed rgba(83,216,255,.25);border-radius:50%;content:""}
.skill-orbit::before{inset:38px 54px}.skill-orbit::after{inset:93px 157px;border-color:rgba(83,216,255,.2)}
.skill-orbit-grid{position:absolute;z-index:-1;inset:0;opacity:.13;background-image:linear-gradient(rgba(126,219,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(126,219,255,.22) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 76%)}
.skill-map-label{position:absolute;z-index:4;top:16px;left:18px;color:#7edbff;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.skill-map-caption{position:absolute;z-index:4;right:18px;bottom:14px;display:grid;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}
.skill-map-caption b{color:#fff;font-size:11px}.skill-map-caption small{margin-top:2px;color:#9dbbd7;font-size:9px}
.skill-center{z-index:4;width:120px;height:120px;border:12px solid rgba(255,255,255,.1);box-shadow:0 18px 34px rgba(0,0,0,.22),0 0 0 1px rgba(83,216,255,.18)}
.skill-center::after{position:absolute;inset:-22px;border:1px solid rgba(83,216,255,.22);border-radius:50%;content:""}
.skill-pill{z-index:5;box-shadow:0 12px 26px rgba(0,0,0,.13)}.pill-one{top:38px;left:124px}.pill-two{top:44px;right:84px}.pill-three{top:165px;right:18px}.pill-four{right:92px;bottom:40px}.pill-five{bottom:41px;left:95px}.pill-six{top:163px;left:22px}
.skill-signal{position:absolute;z-index:3;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(83,216,255,.12),0 0 17px rgba(83,216,255,.75);animation:signalPulse 2.4s ease-in-out infinite}.signal-one{top:74px;left:49%}.signal-two{right:24%;bottom:86px;animation-delay:-.8s}.signal-three{bottom:73px;left:25%;animation-delay:-1.6s}
@keyframes signalPulse{50%{opacity:.45;transform:scale(.72)}}

.footer-brand img{content:normal;width:100%;height:auto}
.footer-whatsapp-cta{display:flex;width:max-content;align-items:center;gap:7px;margin-top:13px;padding:10px 12px;border:1px solid rgba(99,235,184,.25);border-radius:10px;color:#fff;background:linear-gradient(135deg,#12845d,#19b77c);box-shadow:0 10px 21px rgba(13,130,88,.2);transition:transform .22s ease,box-shadow .22s ease}
.footer-whatsapp-cta:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 28px rgba(13,130,88,.3)}.footer-whatsapp-cta svg{margin-top:0;color:#fff}.footer-whatsapp-cta strong{font-size:12px}

.article-site-links{display:grid;gap:3px}.article-site-links>a{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #e2ebf4;color:#536d87;transition:color .2s ease}.article-site-links>a:first-of-type{border-top:0}.article-site-links span{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:var(--blue);background:#edf7ff}.article-site-links strong{margin-right:auto;color:var(--heading-dark);font-size:12px;transition:color .2s ease}.article-site-links>a>svg{color:#91a4b9}.article-site-links a:hover strong,.article-site-links a:hover{color:var(--blue)}
@media(max-width:900px){.article-site-links{grid-column:1/-1}}
@media(max-width:560px){.skill-orbit{height:295px;border-radius:17px}.skill-orbit::before{display:block;inset:44px 20px}.skill-orbit::after{inset:96px 82px}.skill-map-label{top:12px;left:13px;font-size:8px}.skill-map-caption{right:12px;bottom:10px}.skill-center{width:86px;height:86px;border-width:8px}.skill-center img{width:56px}.skill-pill{padding:7px 8px;font-size:8px}.pill-one{top:38px;left:28px}.pill-two{top:46px;right:18px}.pill-three{top:135px;right:7px}.pill-four{right:27px;bottom:50px}.pill-five{bottom:52px;left:20px}.pill-six{top:137px;left:7px}.signal-one{top:78px}.signal-two{bottom:81px}.signal-three{bottom:72px}}

/* Hero slider, WhatsApp brand icons, and team photos */
.hero-actions{flex-wrap:nowrap}.hero-actions .button{white-space:nowrap}.hero-whatsapp-button .whatsapp-brand-icon{margin-left:2px}
.whatsapp-brand-icon{flex:0 0 auto;filter:drop-shadow(0 4px 7px rgba(2,20,42,.14))}
.button .whatsapp-brand-icon,.footer-whatsapp-cta .whatsapp-brand-icon,.floating-whatsapp .whatsapp-brand-icon{margin-top:0}
.hero-photo-frame{isolation:isolate}.hero-photo-frame .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.06);transition:opacity .85s ease,transform 1.8s cubic-bezier(.2,.75,.2,1)}.hero-photo-frame .hero-slide.active{opacity:1;transform:scale(1)}.hero-photo-visual:hover .hero-photo-frame .hero-slide.active{transform:scale(1.045)}
.hero-slide-dots{position:absolute;z-index:5;right:16px;top:16px;display:flex;gap:6px}.hero-slide-dots button{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(255,255,255,.16);transition:width .25s ease,background .25s ease,border-color .25s ease}.hero-slide-dots button.active{width:24px;border-radius:999px;border-color:rgba(126,219,255,.75);background:var(--cyan)}
.hero-photo-caption small,.hero-photo-caption strong{transition:opacity .25s ease,transform .25s ease}.hero-photo-caption.changing small,.hero-photo-caption.changing strong{opacity:.2;transform:translateY(4px)}
.team-member-photo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.team-profile-card:hover .team-member-photo{transform:scale(1.045)}.team-profile-avatar small,.team-profile-avatar b{z-index:4}.team-profile-avatar i{z-index:2;background:linear-gradient(180deg,rgba(5,24,50,0),rgba(5,24,50,.58))}
@media(max-width:760px){.hero-actions{flex-wrap:wrap}.hero-actions .button{width:100%;justify-content:center}.hero-slide-dots{right:12px;top:12px}}

/* Refined hero slider overlays, square team portraits, and team execution board */
.hero-photo-caption{right:auto;bottom:24px;left:22px;max-width:min(390px,calc(100% - 250px));padding:12px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(135deg,rgba(4,20,43,.84),rgba(7,45,84,.58));box-shadow:0 16px 34px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.hero-photo-caption>span{flex:0 0 auto;background:rgba(57,213,255,.12)}
.hero-photo-caption div{min-width:0}.hero-photo-caption strong{display:block;overflow:visible;white-space:normal;line-height:1.18}.hero-photo-caption small{margin-bottom:2px;color:#b7d8f5}
.photo-progress{right:21px;bottom:24px;left:auto;width:min(218px,36%);min-width:198px;padding:11px 12px}.photo-progress strong{flex-wrap:wrap;gap:5px;font-size:7px}.photo-progress>span{font-size:18px}
.metric-ai{right:24px;bottom:-24px}.metric-leads{right:-8px}.metric-reach{left:14px}
.team-profile-avatar{aspect-ratio:1/1;min-height:0;height:auto}.team-profile-card .team-avatar{min-height:0}.team-member-photo{object-position:center center}.team-social-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.team-social-links a{display:grid;width:31px;height:31px;place-items:center;border:1px solid #dce8f3;border-radius:9px;color:#286999;background:#f4faff;transition:transform .22s ease,background .22s ease,color .22s ease}.team-social-links a:hover{color:#fff;background:var(--blue);transform:translateY(-3px)}
.team-execution-board{position:relative;overflow:hidden;min-height:390px;padding:20px;border:1px solid rgba(126,219,255,.2);border-radius:24px;background:radial-gradient(circle at 15% 20%,rgba(57,213,255,.16),transparent 27%),radial-gradient(circle at 85% 80%,rgba(255,148,24,.13),transparent 31%),linear-gradient(145deg,rgba(6,30,61,.92),rgba(4,19,41,.78));box-shadow:inset 0 1px rgba(255,255,255,.05),0 23px 54px rgba(0,0,0,.18)}
.team-execution-board::before{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(126,219,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(126,219,255,.26) 1px,transparent 1px);background-size:34px 34px;content:"";mask-image:linear-gradient(90deg,#000,transparent 85%)}
.execution-board-head,.execution-lanes,.execution-meter,.team-execution-board>p{position:relative;z-index:1}.execution-board-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.execution-board-head>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:var(--cyan);background:rgba(255,255,255,.08)}.execution-board-head small,.execution-board-head strong{display:block}.execution-board-head small{color:#7edbff;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.execution-board-head strong{margin-top:3px;color:#fff;font-family:"Manrope";font-size:21px;font-weight:800;letter-spacing:-.045em}
.execution-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.execution-lanes article{position:relative;overflow:hidden;min-height:132px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);transition:transform .28s ease,border-color .28s ease,background .28s ease}.execution-lanes article:hover{border-color:rgba(126,219,255,.42);background:rgba(255,255,255,.1);transform:translateY(-4px)}.execution-lanes i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:var(--cyan);background:rgba(57,213,255,.12);font-style:normal}.execution-lanes small{position:absolute;top:15px;right:15px;color:rgba(255,255,255,.34);font-family:"Manrope";font-size:19px;font-weight:800;letter-spacing:-.05em}.execution-lanes strong,.execution-lanes span{display:block}.execution-lanes strong{margin-top:13px;color:#fff;font-size:16px;font-weight:800;letter-spacing:-.03em}.execution-lanes span{margin-top:4px;color:#a9c6e3;font-size:11px;font-weight:600;line-height:1.55}
.execution-meter{height:8px;overflow:hidden;margin:17px 0 13px;border-radius:999px;background:rgba(255,255,255,.09)}.execution-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan),#75e0bb)}.team-execution-board>p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055)}.team-execution-board b,.team-execution-board small{display:block}.team-execution-board b{color:#fff;font-size:12px}.team-execution-board small{color:#9dbbd7;font-size:10px;line-height:1.45}
@media(max-width:760px){.hero-photo-caption{right:13px;bottom:14px;left:13px;max-width:none}.hero-photo-caption strong{white-space:normal}.photo-progress,.metric-ai{display:none}.metric-leads{top:74px;right:-4px}.team-execution-board{min-height:auto;padding:16px}.execution-lanes{grid-template-columns:1fr}.team-execution-board>p{display:block}.team-execution-board small{margin-top:4px}.team-profile-avatar{aspect-ratio:1/1}}

/* Premium homepage command-centre hero */
.hero-command-visual{position:relative;isolation:isolate;min-height:575px;transition:transform .25s ease-out}
.command-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:glowBreathe 6.4s ease-in-out infinite}.command-glow-blue{top:78px;right:34px;width:430px;height:340px;background:rgba(31,145,255,.28)}.command-glow-cyan{right:158px;bottom:64px;width:260px;height:220px;background:rgba(57,213,255,.18);animation-delay:-2.2s}
.command-shell{position:absolute;top:34px;right:0;left:0;overflow:hidden;max-width:620px;margin-left:auto;padding:14px;border:1px solid rgba(159,209,255,.24);border-radius:32px;background:linear-gradient(145deg,rgba(9,41,78,.82),rgba(4,19,42,.74));box-shadow:0 28px 92px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px)}
.command-shell::before{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(126,219,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(126,219,255,.24) 1px,transparent 1px);background-size:34px 34px;content:"";mask-image:linear-gradient(180deg,#000,transparent 82%);pointer-events:none}
.command-shell::after{position:absolute;right:-72px;bottom:-86px;width:230px;height:230px;border:1px solid rgba(126,219,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(57,213,255,.14),transparent 61%);content:"";pointer-events:none}
.command-topbar,.command-stage,.command-service-grid,.command-kpi-row{position:relative;z-index:2}.command-topbar{display:flex;align-items:center;gap:11px;margin-bottom:13px;color:#b8cfea;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.command-topbar>span{display:flex;gap:5px}.command-topbar i{width:7px;height:7px;border-radius:50%;background:#39d5ff}.command-topbar i:nth-child(2){background:#ffb049}.command-topbar i:nth-child(3){background:#75e0bb}.command-topbar strong{color:#fff}.command-topbar em{margin-left:auto;color:#7edbff;font-style:normal}
.command-stage{display:grid;grid-template-columns:minmax(0,1.2fr) 188px;gap:13px}.command-media{position:relative;overflow:hidden;min-height:322px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#061a35;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.command-media .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.035);transition:opacity .9s ease,transform 1.8s cubic-bezier(.2,.75,.2,1)}.command-media .hero-slide.active{opacity:1;transform:scale(1)}.hero-command-visual:hover .command-media .hero-slide.active{transform:scale(1.025)}
.command-media-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(3,18,39,.02) 35%,rgba(3,18,39,.82)),linear-gradient(90deg,rgba(3,18,39,.3),transparent 52%)}
.command-media .command-dots{right:17px;top:17px;z-index:6}.command-media .command-caption{z-index:5;right:17px;bottom:17px;left:17px;max-width:none;padding:12px 13px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:linear-gradient(135deg,rgba(4,20,43,.84),rgba(7,45,84,.52));box-shadow:0 16px 34px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.command-media .command-caption>span{flex:0 0 auto;background:rgba(57,213,255,.12)}.command-media .command-caption small{color:#aee6ff}.command-media .command-caption strong{font-size:16px;line-height:1.2}
.command-panel{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid rgba(126,219,255,.18);border-radius:22px;background:radial-gradient(circle at 20% 18%,rgba(57,213,255,.16),transparent 36%),rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.command-panel small{color:#7edbff;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.command-panel strong{display:block;margin-top:10px;color:#fff;font-family:"Manrope";font-size:54px;font-weight:800;letter-spacing:-.07em;line-height:.9}.command-panel p{margin:10px 0 16px;color:#c0d8ef;font-size:12px;font-weight:600;line-height:1.55}.command-progress{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.command-progress span{display:block;width:92%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan),#76e1bb);box-shadow:0 0 18px rgba(57,213,255,.45)}
.command-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.command-service-grid span{display:grid;min-height:70px;place-items:center;padding:10px 7px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#66d8ff;background:rgba(255,255,255,.055);transition:transform .25s ease,border-color .25s ease,background .25s ease}.command-service-grid span:hover{border-color:rgba(126,219,255,.36);background:rgba(255,255,255,.085);transform:translateY(-3px)}.command-service-grid b{display:block;margin-top:7px;color:#d8e8f8;font-size:9px;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase}
.command-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.command-kpi-row article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 9px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(4,20,43,.55)}.command-kpi-row article>span{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:var(--cyan);background:rgba(57,213,255,.12)}.command-kpi-row small{color:#88a8c8;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.command-kpi-row strong{color:#fff;font-family:"Manrope";font-size:15px;font-weight:800;line-height:1.1}.command-kpi-row em{color:#75e0bb;font-size:9px;font-style:normal}
.command-insight-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(179,213,247,.22);border-radius:16px;background:rgba(7,35,68,.82);box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(16px);animation:floatY 5.8s ease-in-out infinite}.command-insight-card>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:var(--cyan);background:rgba(57,213,255,.12)}.command-insight-card small,.command-insight-card strong{display:block}.command-insight-card small{color:#8fb4d8;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.command-insight-card strong{color:#fff;font-size:13px;font-weight:800}.insight-left{top:118px;left:3px}.insight-right{right:8px;bottom:32px;animation-delay:-2.4s}
@media(max-width:1120px){.hero-command-visual{width:min(100%,710px);min-height:610px;margin:10px auto 0}.command-shell{right:24px;left:24px;margin:auto}.insight-left{left:18px}.insight-right{right:26px}}
@media(max-width:760px){.hero-command-visual{min-height:720px;margin-top:24px}.command-shell{top:0;right:0;left:0;padding:11px;border-radius:24px}.command-stage{grid-template-columns:1fr}.command-media{min-height:310px;border-radius:19px}.command-panel{min-height:150px}.command-service-grid{grid-template-columns:repeat(3,1fr)}.command-kpi-row{grid-template-columns:1fr}.command-insight-card{display:none}.command-media .command-caption{right:12px;bottom:12px;left:12px}.command-media .command-caption strong{font-size:14px}}
@media(max-width:440px){.hero-command-visual{min-height:760px}.command-service-grid span{min-height:62px}.command-panel strong{font-size:44px}.command-topbar em{display:none}}

/* Command hero final composition: wider image, integrated metrics, no loose overlays */
.hero-command-visual{min-height:690px}
.command-shell{top:22px}
.command-stage{display:block}
.command-media{min-height:326px}
.command-panel{display:grid;grid-template-columns:118px minmax(0,1fr) 134px;align-items:center;gap:14px;margin-top:12px;padding:14px 16px}.command-panel small{grid-column:1;grid-row:1}.command-panel strong{grid-column:1;grid-row:2;margin-top:4px;font-size:38px}.command-panel p{grid-column:2;grid-row:1/3;margin:0;font-size:12px}.command-progress{grid-column:3;grid-row:1/3}
.command-service-grid{margin-top:11px}.command-kpi-row{margin-top:9px}.command-insight-card{display:none}
@media(max-width:1120px){.hero-command-visual{min-height:720px}}
@media(max-width:760px){.hero-command-visual{min-height:760px}.command-media{min-height:320px}.command-panel{display:block}.command-panel p{margin:10px 0 14px}.command-panel strong{font-size:44px}.command-progress{height:8px}}
@media(max-width:440px){.hero-command-visual{min-height:800px}.command-media{min-height:290px}}

/* Stable command hero layout: compact, no overlap, mobile safe */
.hero-command-visual{position:relative;isolation:isolate;min-height:0;padding:16px 0 46px;transition:transform .25s ease-out}
.command-shell{position:relative;top:auto;right:auto;left:auto;overflow:hidden;max-width:600px;margin-left:auto;padding:14px;border-radius:28px}
.command-glow-blue{top:38px;right:34px;width:360px;height:300px}.command-glow-cyan{right:120px;bottom:72px;width:230px;height:180px}
.command-topbar{margin-bottom:11px}.command-topbar strong,.command-topbar em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-media{height:clamp(280px,26vw,326px);min-height:0;border-radius:22px}
.command-media .command-caption{right:14px;bottom:14px;left:14px;max-width:none;padding:11px 12px}.command-media .command-caption strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.18}.command-media .command-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-summary{position:relative;z-index:2;display:grid;grid-template-columns:112px minmax(0,1fr) 124px;align-items:center;gap:13px;margin-top:12px;padding:13px 15px;border:1px solid rgba(126,219,255,.18);border-radius:18px;background:radial-gradient(circle at 18% 20%,rgba(57,213,255,.15),transparent 32%),rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.command-score small{display:block;color:#7edbff;font-size:8px;font-weight:800;letter-spacing:.13em;line-height:1.25;text-transform:uppercase}.command-score strong{display:block;margin-top:4px;color:#fff;font-family:"Manrope";font-size:34px;font-weight:800;letter-spacing:-.07em;line-height:.95}
.command-summary p{min-width:0;margin:0;color:#c4dcf2;font-size:11px;font-weight:700;line-height:1.48}.command-summary .command-progress{height:8px;min-width:0}
.command-service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}.command-service-grid span{min-width:0;min-height:58px;padding:8px 5px;border-radius:13px}.command-service-grid b{max-width:100%;overflow:hidden;margin-top:5px;font-size:8px;line-height:1.15;text-overflow:clip;white-space:normal}
.command-panel,.command-kpi-row,.command-insight-card{display:none!important}
@media(max-width:1120px){.hero-command-visual{width:min(100%,680px);min-height:0;margin:18px auto 0;padding-bottom:38px}.command-shell{max-width:100%;margin:0 auto}}
@media(max-width:760px){.hero-command-visual{min-height:0;margin-top:24px;padding-bottom:28px}.command-shell{padding:11px;border-radius:22px}.command-media{height:270px;border-radius:18px}.command-summary{grid-template-columns:1fr;gap:9px;padding:13px}.command-summary p{font-size:11px}.command-summary .command-progress{width:100%}.command-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.command-service-grid span{min-height:56px}.command-media .command-caption{right:10px;bottom:10px;left:10px;padding:10px}.command-media .command-caption strong{font-size:13px}.command-topbar{font-size:8px}.command-topbar em{display:none}}
@media(max-width:440px){.hero-command-visual{padding-bottom:24px}.command-media{height:230px}.command-score strong{font-size:30px}.command-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-service-grid span{min-height:52px}.command-service-grid b{font-size:7px}.command-summary p{font-size:10px}}

/* Mobile overflow guard for the first fold */
html,body{max-width:100%;overflow-x:hidden}
.command-service-grid b{font-size:7px;letter-spacing:.01em}
@media(max-width:760px){.hero-grid,.hero-copy{min-width:0}.hero-copy{width:100%}.hero-copy,.hero h1,.hero h2,.hero-description,.hero-supporting-line,.hero-copy .eyebrow{max-width:100%;overflow-wrap:anywhere}.hero h2{font-size:clamp(25px,7.8vw,30px);line-height:1.14}.hero-description{font-size:15px;line-height:1.68}.hero-supporting-line{font-size:9px;letter-spacing:.1em;line-height:1.55}.hero-copy .eyebrow{font-size:10px;letter-spacing:.1em}.hero-command-visual{width:100%;overflow:hidden}.command-shell{width:100%;max-width:100%;box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08)}}

/* Blog table styles from the admin designer */
.article-content .article-table{--table-accent:var(--article-accent,var(--blue));--table-soft:#eef7ff;overflow:hidden;border:1px solid #dce8f3;border-radius:10px;border-collapse:separate;border-spacing:0}
.article-content .article-table.table-color-cyan{--table-accent:#0baed5;--table-soft:#e9fbff}.article-content .article-table.table-color-green{--table-accent:#16875f;--table-soft:#ecfbf4}.article-content .article-table.table-color-orange{--table-accent:#e6780b;--table-soft:#fff5e8}.article-content .article-table.table-color-slate{--table-accent:#34465d;--table-soft:#f1f5f9}.article-content .article-table.table-color-blue{--table-accent:var(--blue);--table-soft:#eef7ff}
.article-content .article-table th{color:#0b2442;background:linear-gradient(180deg,var(--table-soft),#fff);border-top:3px solid var(--table-accent)}.article-content .article-table-striped tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--table-soft) 70%,#fff)}.article-content .article-table-boxed{box-shadow:0 10px 26px rgba(9,38,74,.07)}.article-content .article-table-boxed th,.article-content .article-table-boxed td{border-color:color-mix(in srgb,var(--table-accent) 22%,#dce8f3)}.article-content .article-table-compact th,.article-content .article-table-compact td{padding:6px 8px;font-size:14px}