: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: 15px;
  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(36px, 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: 13px; 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: 14px; 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: 680px; margin: 20px 0 0; color: var(--body-light); font-size: 15px; 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: 15px; 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: 13px; line-height: 1.65; }
.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: 13px; 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: 13px; }
.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; grid-template-rows: 0fr; transition: grid-template-rows .4s cubic-bezier(.2,.75,.2,1); }
.accordion-panel > * { overflow: hidden; }
.accordion-item.open .accordion-panel { grid-template-rows: 1fr; }
.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; 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: 10px; font-style: normal; font-weight: 600; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.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: 7px 8px; border: 1px solid #e4ebf3; border-radius: 8px; color: #52677f; background: #f8fbfe; font-size: 10px; }.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: 15px; 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:12px}.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:9px;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:12px;letter-spacing:.12em;text-transform:uppercase}.site-footer nav{display:grid;gap:8px}.site-footer nav a,.site-footer nav span{color:#8ea3bc;font-size:11px;transition:color .2s ease}.site-footer nav a:hover{color:#fff}.footer-contact a,.footer-contact span{display:flex;align-items:flex-start;gap:7px}.footer-contact 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:10px;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(100% - 28px,660px)}.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:13px;font-weight:800}.mobile-nav a.active{color:var(--blue)}.mobile-nav .button{margin-top:5px}
  .section-title{font-size:38px}.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:14px}.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:none}.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}
}