@font-face {
  font-family: "Humyn Rounded";
  src: local("Arial Rounded MT Bold"), local("Arial Rounded Bold"), local("Arial Rounded MT");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Humyn Rounded";
  src: local("Arial Rounded MT Bold"), local("Arial Rounded Bold"), local("Arial Rounded MT");
  font-style: normal;
  font-weight: 700;
}

:root {
  --bg: #06152f;
  --bg-soft: #07243b;
  --card: rgba(255, 255, 255, 0.1);
  --glass-top: rgba(255, 255, 255, 0.08);
  --glass-bottom: rgba(217, 217, 217, 0.04);
  --glass-border: rgba(241, 242, 249, 0.1);
  --text: #ffffff;
  --muted: #cac6dd;
  --accent: #0afece;
  --line: rgba(255, 255, 255, 0.1);
  --grad: linear-gradient(69.64deg, #1c3664 9.9047%, #1c64ba 50.485%, #0afece 102.66%);
  --radius: 20px;
  --hero-border-soft: rgba(10, 254, 206, 0.45);
  --hero-ring: rgba(10, 254, 206, 0.08);
  --font-ui: "Humyn Rounded", "Arial Rounded MT Bold", "Arial Rounded MT", Arial, sans-serif;
  --font-cta: "Arial Rounded MT", Arial, sans-serif;
  --font-caption: "Sora", Arial, sans-serif;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-ui);
  background: var(--bg);
  color: var(--text);
  line-height: 1.25;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  font-synthesis-weight: none;
}

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

.page-shell {
  min-height: 100vh;
  background: var(--bg);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.bg-ellipses {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.bg-meshes {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.bg-meshes .m {
  position: absolute;
  display: none;
  opacity: 1;
  pointer-events: none;
}

.bg-meshes .m-line {
  width: 1459.7626px;
  height: 678.5395px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
}

.bg-meshes .m1 {
  width: 1225px;
  height: 986px;
  background: url("assets/figma/mesh-bg-1.png") center top / 1225px 986px no-repeat;
  opacity: 0.2;
}

.bg-meshes .m2,
.bg-meshes .m3 {
  width: 1225px;
  height: 1123px;
}

.bg-meshes .m2 {
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
}

.bg-meshes .m3 {
  background: url("assets/figma/mesh-bg-3.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
}

.bg-meshes .m3-crop {
  width: 1225px;
  height: 398px;
  background: url("assets/figma/mesh-bg-3.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
}

.bg-ellipses .e {
  position: absolute;
  display: none;
  pointer-events: none;
  user-select: none;
  opacity: 1;
}

.bg-ellipses .e-10,
.bg-ellipses .e-6-large {
  width: 557.296px;
  height: 557.296px;
}

.bg-ellipses .e-11,
.bg-ellipses .e-9,
.bg-ellipses .e-6-hero,
.bg-ellipses .e-7-hero,
.bg-ellipses .e-8-hero,
.bg-ellipses .e-8-mid,
.bg-ellipses .e-home-bottom {
  width: 341.728px;
  height: 341.728px;
}

.bg-ellipses .e-shadow-home {
  display: none;
  position: absolute;
  width: 362.95px;
  height: 362.95px;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, rgba(99, 213, 255, 0.58) 0%, rgba(99, 213, 255, 0.22) 28%, rgba(53, 125, 224, 0.12) 45%, rgba(0, 0, 0, 0) 72%);
  filter: blur(18px);
}

body.page-home .bg-ellipses .e-6-large,
body.page-home .bg-ellipses .e-6-hero,
body.page-home .bg-ellipses .e-7-hero,
body.page-home .bg-ellipses .e-8-mid,
body.page-home .bg-ellipses .e-home-bottom,
body.page-home .bg-ellipses .e-shadow-home,
body.page-home .bg-meshes .m1,
body.page-home .bg-meshes .m2,
body.page-home .bg-meshes .m3,
body.page-home .bg-meshes .m-line {
  display: block;
}

body.page-home .bg-ellipses .e-6-large { left: 435px; top: 1337px; }
body.page-home .bg-ellipses .e-6-hero { left: -171px; top: 40px; }
body.page-home .bg-ellipses .e-7-hero { left: 1169px; top: 686px; }
body.page-home .bg-ellipses .e-8-mid { left: 1336px; top: 1975px; }
body.page-home .bg-ellipses .e-home-bottom { left: -218px; top: 3494px; }
body.page-home .bg-ellipses .e-shadow-home { left: 3.35px; top: 368.82px; }
body.page-home .bg-meshes .m1 { left: 60px; top: 1015px; }
body.page-home .bg-meshes .m2 { left: -770px; top: 2291px; transform: rotate(180deg); }
body.page-home .bg-meshes .m3 { left: calc(66.67% + 14px); top: 2282px; transform: rotate(180deg); }
body.page-home .bg-meshes .m-line { left: 107px; top: 3430px; opacity: 1; }

body.page-about .bg-ellipses .e-10,
body.page-about .bg-ellipses .e-11,
body.page-about .bg-ellipses .e-9,
body.page-about .bg-ellipses .e-6-large,
body.page-about .bg-ellipses .e-6-hero,
body.page-about .bg-ellipses .e-7-hero,
body.page-about .bg-ellipses .e-8-hero,
body.page-about .bg-ellipses .e-8-mid,
body.page-about .bg-meshes .m2,
body.page-about .bg-meshes .m3-crop,
body.page-about .bg-meshes .m-line {
  display: block;
}

body.page-about .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-about .bg-ellipses .e-11 { left: -31px; top: 2384px; }
body.page-about .bg-ellipses .e-9 { left: 1298px; top: 3874px; }
body.page-about .bg-ellipses .e-6-large { left: 1161px; top: 2360px; }
body.page-about .bg-ellipses .e-6-hero { left: -171px; top: 91px; }
body.page-about .bg-ellipses .e-7-hero { left: 1169px; top: 686px; }
body.page-about .bg-ellipses .e-8-hero { left: 998px; top: 91px; }
body.page-about .bg-ellipses .e-8-mid { left: 1136px; top: 1975px; }
body.page-about .bg-meshes .m2 { left: -574px; top: 2016px; transform: rotate(180deg); }
body.page-about .bg-meshes .m3-crop { left: 1273px; top: 1845px; }
body.page-about .bg-meshes .m-line { left: 107px; top: 3430px; opacity: 1; }

body.page-case-use .bg-ellipses .e-10,
body.page-case-use .bg-ellipses .e-11,
body.page-case-use .bg-ellipses .e-6-large,
body.page-case-use .bg-ellipses .e-6-hero,
body.page-case-use .bg-ellipses .e-7-hero,
body.page-case-use .bg-ellipses .e-8-hero,
body.page-case-use .bg-ellipses .e-8-mid,
body.page-case-use .bg-meshes .m2,
body.page-case-use .bg-meshes .m-line {
  display: block;
}

body.page-case-use .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-case-use .bg-ellipses .e-11 { left: -31px; top: 2384px; }
body.page-case-use .bg-ellipses .e-6-large { left: 1161px; top: 2360px; }
body.page-case-use .bg-ellipses .e-6-hero { left: -171px; top: 91px; }
body.page-case-use .bg-ellipses .e-7-hero { left: 1169px; top: 686px; }
body.page-case-use .bg-ellipses .e-8-hero { left: 998px; top: 91px; }
body.page-case-use .bg-ellipses .e-8-mid { left: 1136px; top: 1975px; }
body.page-case-use .bg-meshes .m2 { left: -574px; top: 2016px; transform: rotate(180deg); }
body.page-case-use .bg-meshes .m-line { left: 66px; top: 2300px; opacity: 1; }

body.page-capabilities .bg-ellipses .e-10,
body.page-capabilities .bg-ellipses .e-11,
body.page-capabilities .bg-ellipses .e-9,
body.page-capabilities .bg-ellipses .e-6-large,
body.page-capabilities .bg-ellipses .e-6-hero,
body.page-capabilities .bg-ellipses .e-7-hero,
body.page-capabilities .bg-ellipses .e-8-hero,
body.page-capabilities .bg-ellipses .e-8-mid,
body.page-capabilities .bg-meshes .m2,
body.page-capabilities .bg-meshes .m-line {
  display: block;
}

body.page-capabilities .bg-ellipses .e-10 { left: -436px; top: 409px; }
body.page-capabilities .bg-ellipses .e-11 { left: -31px; top: 2384px; }
body.page-capabilities .bg-ellipses .e-9 { left: 1298px; top: 3874px; }
body.page-capabilities .bg-ellipses .e-6-large { left: 1161px; top: 2360px; }
body.page-capabilities .bg-ellipses .e-6-hero { left: -171px; top: 91px; }
body.page-capabilities .bg-ellipses .e-7-hero { left: 1169px; top: 686px; }
body.page-capabilities .bg-ellipses .e-8-hero { left: 998px; top: 91px; }
body.page-capabilities .bg-ellipses .e-8-mid { left: 1136px; top: 1975px; }
body.page-capabilities .bg-meshes .m2 { left: -574px; top: 2016px; transform: rotate(180deg); }
body.page-capabilities .bg-meshes .m-line { left: 66px; top: 2300px; opacity: 1; }

body.page-capabilities-decode .bg-ellipses .e-10,
body.page-capabilities-decode .bg-ellipses .e-6-hero,
body.page-capabilities-decode .bg-ellipses .e-7-hero,
body.page-capabilities-decode .bg-ellipses .e-8-hero,
body.page-capabilities-decode .bg-meshes .m2,
body.page-capabilities-decode .bg-meshes .m-line {
  display: block;
}

body.page-capabilities-decode .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-capabilities-decode .bg-ellipses .e-6-hero { left: -172px; top: -40px; }
body.page-capabilities-decode .bg-ellipses .e-7-hero { left: 1026px; top: 555px; }
body.page-capabilities-decode .bg-ellipses .e-8-hero { left: 997px; top: -40px; }
body.page-capabilities-decode .bg-meshes .m2 { left: -574px; top: 2016px; transform: rotate(180deg); }
body.page-capabilities-decode .bg-meshes .m-line { left: 66px; top: 2300px; opacity: 1; }

body.page-capabilities-tailor .bg-ellipses .e-10,
body.page-capabilities-tailor .bg-ellipses .e-6-hero,
body.page-capabilities-tailor .bg-ellipses .e-7-hero,
body.page-capabilities-tailor .bg-ellipses .e-8-hero,
body.page-capabilities-tailor .bg-meshes .m2,
body.page-capabilities-tailor .bg-meshes .m-line {
  display: block;
}

body.page-capabilities-tailor .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-capabilities-tailor .bg-ellipses .e-6-hero { left: -172px; top: -40px; }
body.page-capabilities-tailor .bg-ellipses .e-7-hero { left: 1026px; top: 555px; }
body.page-capabilities-tailor .bg-ellipses .e-8-hero { left: 997px; top: -40px; }
body.page-capabilities-tailor .bg-meshes .m2 { left: -574px; top: 2016px; transform: rotate(180deg); }
body.page-capabilities-tailor .bg-meshes .m-line { left: 66px; top: 2300px; opacity: 1; }

body.page-capabilities-amplify .bg-ellipses .e-10,
body.page-capabilities-amplify .bg-ellipses .e-6-hero,
body.page-capabilities-amplify .bg-ellipses .e-7-hero,
body.page-capabilities-amplify .bg-ellipses .e-8-hero,
body.page-capabilities-amplify .bg-meshes .m2 {
  display: block;
}

body.page-capabilities-amplify .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-capabilities-amplify .bg-ellipses .e-6-hero { left: -172px; top: -40px; }
body.page-capabilities-amplify .bg-ellipses .e-7-hero { left: 1026px; top: 555px; }
body.page-capabilities-amplify .bg-ellipses .e-8-hero { left: 1115px; top: 194px; }
body.page-capabilities-amplify .bg-meshes .m2 { left: -574px; top: 1776px; transform: rotate(180deg); }

body.page-book-call .bg-ellipses .e-10,
body.page-book-call .bg-ellipses .e-11,
body.page-book-call .bg-ellipses .e-6-large,
body.page-book-call .bg-ellipses .e-6-hero,
body.page-book-call .bg-ellipses .e-7-hero,
body.page-book-call .bg-ellipses .e-8-hero,
body.page-book-call .bg-ellipses .e-8-mid,
body.page-book-call .bg-meshes .m2,
body.page-book-call .bg-meshes .m-line {
  display: block;
}

body.page-book-call .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-book-call .bg-ellipses .e-11 { left: -31px; top: 2384px; }
body.page-book-call .bg-ellipses .e-6-large { left: 1161px; top: 870px; }
body.page-book-call .bg-ellipses .e-6-hero { left: -171px; top: 91px; }
body.page-book-call .bg-ellipses .e-7-hero { left: 1169px; top: 686px; }
body.page-book-call .bg-ellipses .e-8-hero { left: 1139px; top: 91px; }
body.page-book-call .bg-ellipses .e-8-mid { left: 1147px; top: 1974px; }
body.page-book-call .bg-meshes .m2 { left: -463px; top: 1372px; transform: rotate(180deg); }
body.page-book-call .bg-meshes .m-line { left: 66px; top: 2300px; opacity: 1; }

body.page-packages .bg-ellipses .e-10,
body.page-packages .bg-ellipses .e-11,
body.page-packages .bg-ellipses .e-6-large,
body.page-packages .bg-ellipses .e-6-hero,
body.page-packages .bg-ellipses .e-7-hero,
body.page-packages .bg-ellipses .e-8-hero,
body.page-packages .bg-ellipses .e-8-mid,
body.page-packages .bg-meshes .m2,
body.page-packages .bg-meshes .m-line {
  display: block;
}

body.page-packages .bg-ellipses .e-10 { left: -76px; top: 409px; }
body.page-packages .bg-ellipses .e-11 { left: -31px; top: 2384px; }
body.page-packages .bg-ellipses .e-6-large { left: 1161px; top: 2360px; }
body.page-packages .bg-ellipses .e-6-hero { left: -171px; top: 91px; }
body.page-packages .bg-ellipses .e-7-hero { left: 1169px; top: 686px; }
body.page-packages .bg-ellipses .e-8-hero { left: 998px; top: 91px; }
body.page-packages .bg-ellipses .e-8-mid { left: 1136px; top: 1975px; }
body.page-packages .bg-meshes .m2 { left: -574px; top: 2016px; transform: rotate(180deg); }
body.page-packages .bg-meshes .m-line { left: 66px; top: 2300px; opacity: 1; }

.page-shell::before {
  content: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
  display: none;
}

.page-shell::after {
  content: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-3.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
  display: none;
}

body.page-home .page-shell::before,
body.page-home .page-shell::after,
.page-home .home-main::before,
.page-home .home-main::after,
.page-about .about-main::before,
.page-about .about-main::after,
.page-about .about-impact-wrap::after,
.page-case-use .case-main::before,
.page-case-use .case-main::after,
.page-capabilities .cap-main::before,
.page-capabilities .cap-main::after,
.page-capabilities-decode .decode-main::before,
.page-capabilities-decode .decode-main::after,
body.page-capabilities-decode .page-shell::before,
.page-capabilities-decode .decode-stats-wrap::after,
.page-capabilities-tailor .tailor-main::before,
.page-capabilities-tailor .tailor-main::after,
body.page-capabilities-tailor .page-shell::before,
.page-capabilities-tailor .tailor-stats-wrap::after,
.page-capabilities-amplify .amplify-main::before,
.page-capabilities-amplify .amplify-main::after,
body.page-capabilities-amplify .page-shell::before,
.page-capabilities-amplify .amplify-stats-wrap::after,
.page-book-call .book-main::before,
.page-book-call .book-main::after,
.page-packages .packages-main::before,
.page-packages .packages-main::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

header.nav,
main,
footer {
  position: relative;
  z-index: 1;
}

.home-main,
.about-main,
.case-main,
.cap-main,
.decode-main,
.tailor-main,
.amplify-main,
.book-main,
.packages-main {
  isolation: isolate;
}

.home-main::before,
.home-main::after,
.about-main::before,
.about-main::after,
.case-main::before,
.case-main::after,
.cap-main::before,
.cap-main::after,
.decode-main::before,
.decode-main::after,
.tailor-main::before,
.tailor-main::after,
.amplify-main::before,
.amplify-main::after,
.book-main::before,
.book-main::after,
.packages-main::before,
.packages-main::after {
  z-index: 0;
}

.home-main > *,
.about-main > *,
.case-main > *,
.cap-main > *,
.decode-main > *,
.tailor-main > *,
.amplify-main > *,
.book-main > *,
.packages-main > * {
  position: relative;
  z-index: 1;
}

.container {
  width: min(1326px, calc(100% - 48px));
  margin-inline: auto;
}

header.nav {
  min-height: 84px;
  display: flex;
  align-items: center;
  gap: 22px;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  backdrop-filter: none;
  background: transparent;
}

.logo { width: 112px; }

.menu-toggle {
  display: none;
  border: 1px solid rgba(241, 242, 249, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: white;
  border-radius: 10px;
  padding: 8px 12px;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 16.25px;
  line-height: normal;
  letter-spacing: 0;
}

.nav-links a { opacity: 1; }
.nav-links a.active, .nav-links a:hover { opacity: 1; color: var(--accent); }

.cap-menu {
  position: relative;
}
.cap-menu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 10px;
}
.cap-trigger { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 8px; }
.cap-trigger::after {
  content: "▾";
  font-size: 12px;
  opacity: 0.5;
}
.cap-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 177px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(28, 54, 100, 0.2);
  padding: 8px;
  display: none;
  flex-direction: column;
  gap: 4px;
  z-index: 20;
}
.cap-dropdown a {
  padding: 8px 16px;
  border-radius: 8px;
  color: #fff;
}
.cap-dropdown a:hover, .cap-dropdown a.active {
  background: rgba(255, 255, 255, 0.2);
  color: var(--accent);
}
.cap-menu:hover .cap-dropdown, .cap-menu:focus-within .cap-dropdown { display: flex; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46.4702px;
  padding: 0 23.47px;
  border-radius: 30px;
  font-size: 20.117px;
  line-height: normal;
  font-family: var(--font-cta);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  white-space: nowrap;
  background: var(--grad);
  border: 0;
  color: white;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  font-synthesis-weight: none;
}

.btn.small {
  font-size: 20.117px;
  line-height: normal;
  height: 46.4702px;
  padding: 0 23.47px;
  border-radius: 30px;
}

.btn.ghost {
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid #0afece;
  backdrop-filter: blur(8px);
}

header.nav .btn.small {
  font-size: 19px;
  line-height: normal;
  height: 46.4702px;
  min-width: 168px;
  padding: 0 23.47px;
  border-radius: 30px;
  border: 0;
}

.btn-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.hero {
  border-radius: 0 0 30px 30px;
  overflow: hidden;
  min-height: 502px;
  position: relative;
  border: 1px solid var(--hero-border-soft);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 18px 44px rgba(4, 19, 43, 0.36),
    0 0 0 1px var(--hero-ring);
}

.hero-media { position: absolute; inset: 0; background-size: cover; background-position: center; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(92deg, rgba(7, 32, 65, 0.92) 34%, rgba(7, 32, 65, 0.12) 85%); }
.hero-content { position: relative; z-index: 1; max-width: 740px; padding: 64px 0 56px 62px; }
.hero-full { width: 100%; max-width: 100%; margin-inline: 0; }

.eyebrow { margin: 0 0 8px; color: var(--accent); font-size: 20px; line-height: 1.2; }
h1 { margin: 0; font-size: clamp(44px, 5.1vw, 63px); line-height: 1.05; letter-spacing: -0.01em; }
h1 .grad, h2 .grad { background: linear-gradient(247deg, #0afece 25%, #1c64ba 88%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lead { margin: 16px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 20px; line-height: 1.32; }

.section { padding-top: 64px; }
.center { text-align: center; }

.section.center > h2,
.section.center > .eyebrow,
.section.center > .muted {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.section.center > h2 + .muted,
.section.center > h2 + .btn.small,
.section.center > .muted + .btn.small {
  margin-top: 24px;
}

h2 { margin: 0; font-size: clamp(36px, 4.8vw, 60px); line-height: 1.08; letter-spacing: -0.01em; }
.muted { color: var(--muted); line-height: 1.4; }

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
}

.card-grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.card, .metric-card {
  background: linear-gradient(180deg, var(--glass-top), var(--glass-bottom));
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(2, 17, 45, 0.18);
  backdrop-filter: blur(4px);
}

.card h3 { margin: 0 0 12px; font-size: 31px; line-height: 1.08; }
.card p { margin: 0; color: rgba(255, 255, 255, 0.8); font-size: 16px; line-height: 1.28; }

.section.center .card,
.section.center .card h3,
.section.center .card p {
  text-align: left;
}

.image-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(10, 254, 206, 0.28);
  min-height: 220px;
  grid-column: span 2;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 12px 30px rgba(2, 17, 45, 0.28);
}

.image-card .play-chip {
  position: absolute;
  left: 16px;
  top: 16px;
}

.stats-row {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 12px;
  margin-top: 12px;
}

.stats-row .card,
.stats-row .card h3,
.stats-row .card p {
  text-align: left;
}

.visual {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border: 1px solid var(--glass-border);
  min-height: 260px;
}

.visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7, 36, 59, 0.68), rgba(7, 36, 59, 0.14)); }
.metric-card {
  position: absolute;
  top: 16px;
  left: 16px;
  width: min(290px, calc(100% - 32px));
  background: rgba(5, 33, 66, 0.28);
  backdrop-filter: blur(2px);
}
.metric { font-size: 60px; margin: 8px 0; font-weight: 700; background: linear-gradient(251deg, #0afece, #1c64ba); -webkit-background-clip: text; color: transparent; }

.stat-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.32;
  font-weight: 700;
  text-transform: capitalize;
}

.stat-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 8px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
}

.stat-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
}

.pillars {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 20px;
  background: linear-gradient(242.54deg, rgba(10, 254, 206, 0.5) 13.562%, rgba(28, 100, 186, 0.5) 64.754%, rgba(28, 54, 100, 0.5) 109.49%);
  border: 1px solid rgba(241, 242, 249, 0.1);
}

.pillars > div { padding: 16px; text-align: center; }
.pillars > div + div { border-left: 1px solid rgba(255,255,255,0.18); }
.pillars h3 { margin: 0; font-size: 56px; }

.split-feature {
  align-items: center;
}

.glow-banner {
  border-radius: 20px;
  border: 1px solid rgba(10, 254, 206, 0.28);
  padding: 24px 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  background: linear-gradient(96deg, rgba(28, 100, 186, 0.5), rgba(10, 254, 206, 0.5));
}

.glow-banner h2 {
  font-size: clamp(36px, 4.4vw, 54px);
  margin-top: 4px;
}

.glow-banner h3 {
  margin: 0 0 10px;
  font-size: 36px;
}

.glow-banner-cta {
  text-align: right;
}

.mini-stack {
  display: grid;
  gap: 12px;
}

.mini-card {
  border-radius: 14px;
  border: 1px solid var(--glass-border);
  background: linear-gradient(180deg, var(--glass-top), var(--glass-bottom));
  backdrop-filter: blur(4px);
  padding: 14px 18px;
  box-shadow: 0 8px 20px rgba(2, 17, 45, 0.16);
}

.mini-card h3 {
  margin: 0 0 8px;
  font-size: 22px;
  color: var(--accent);
}

.mini-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.4;
}

.split-row {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 22px;
  align-items: center;
}

.feature-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.feature-list li {
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.35;
  padding-left: 18px;
  position: relative;
}

.feature-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(245deg, #1c64ba, #0afece);
  position: absolute;
  left: 0;
  top: 5px;
}

.side-tabs {
  display: grid;
  gap: 12px;
}

.tab-item {
  width: 100%;
  border-radius: 999px;
  border: 1px solid var(--glass-border);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(217,217,217,0.04));
  color: #fff;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  text-align: left;
}

.tab-item span:first-child {
  color: var(--accent);
  font-weight: 700;
}

.tab-item.active {
  border-color: var(--accent);
  background: rgba(10,254,206,0.12);
}

.feature-panel {
  border-color: rgba(10, 254, 206, 0.28);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(217,217,217,0.04));
  backdrop-filter: blur(5px);
}

.roles-grid {
  margin-top: 20px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, 1fr);
}

.roles-grid article {
  text-align: left;
}

.roles-grid h3 {
  margin: 10px 0 6px;
  font-size: 28px;
}

.roles-grid p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

.page-home .hero-content { max-width: 760px; padding-top: 52px; }
.page-home .section { padding-top: 68px; }
.page-home .card-grid { gap: 28px; }
body.page-home .page-shell {
  background: var(--bg);
}

.page-home .container {
  width: min(1321px, calc(100% - 118px));
}

.page-home header.nav {
  width: min(1316px, calc(100% - 138px));
  min-height: 82px;
  position: absolute;
  top: 27px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  backdrop-filter: none;
  background: transparent;
  margin-bottom: 0;
}

.page-home .home-main {
  position: relative;
  padding-top: 130px;
}

.page-home .home-main::before {
  content: "";
  position: absolute;
  left: 60px;
  top: 1015px;
  width: 1225px;
  height: 986px;
  background: url("assets/figma/mesh-bg-1.png") center top / 100% 113.89% no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

body.page-home .page-shell::before {
  content: "";
  display: block;
  left: 455px;
  top: 3414px;
  background-image: url("assets/figma/mesh-bg-2.png");
}

body.page-home .page-shell::after {
  content: "";
  display: block;
  left: 2199px;
  top: 3405px;
  background-image: url("assets/figma/mesh-bg-3.png");
}

.page-home .home-main::after {
  content: "";
  position: absolute;
  left: 60px;
  right: 60px;
  top: 3300px;
  height: 680px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/contain no-repeat;
  opacity: 0.8;
  pointer-events: none;
}

.page-home .home-hero {
  border-radius: 0;
  min-height: 818px;
  border: 0;
}

.page-home .home-hero .hero-overlay {
  background: linear-gradient(92deg, rgba(5, 29, 48, 0.72) 12%, rgba(5, 29, 48, 0.06) 66%);
}

.page-home .home-hero-inner {
  position: relative;
  z-index: 1;
}

.page-home .home-hero .hero-content {
  padding-left: 0;
  padding-top: 144px;
}

.page-home .home-hero .eyebrow {
  font-size: 29px;
  margin-bottom: 18px;
}

.page-home .home-hero h1 {
  font-size: clamp(52px, 5.95vw, 85px);
  line-height: 1.05;
}

.page-home .home-hero .lead {
  font-size: 25px;
  line-height: 1.25;
  max-width: 610px;
  margin: 24px 0 0;
}

.page-home .home-hero .btn-row {
  margin-top: 38px;
}

.page-home .home-main::before,
.page-home .home-main::after,
body.page-home .page-shell::before,
body.page-home .page-shell::after {
  content: none;
  display: none;
  background: none;
}

.page-home .home-intelligence,
.page-home .home-signals,
.page-home .home-advantage {
  position: relative;
  z-index: 1;
}

.page-home .home-intelligence .card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(217, 217, 217, 0.04));
  border: 0.838px solid rgba(241, 242, 249, 0.24);
  border-radius: 20px;
  box-shadow:
    inset -1px -1px 0 rgba(10, 254, 206, 0.55),
    inset 1px 1px 0 rgba(255, 255, 255, 0.08);
}

.page-home .home-signals .card {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #0afece;
  border-radius: 20px;
  box-shadow: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-home .home-signals .card.accent {
  border-color: #0afece;
}

.page-home .home-intelligence .card-grid {
  margin-top: 40px;
  grid-template-columns: repeat(4, 308px);
  justify-content: space-between;
}

.page-home .home-intelligence .two-col {
  grid-template-columns: 653px 644px;
  gap: 24px;
}

.page-home .home-intelligence .two-col > div {
  padding-inline: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.page-home .home-intelligence h2 {
  font-size: 60.12px;
  line-height: 1.04;
}

.page-home .home-intelligence .lead {
  margin: 0;
  color: #1c64ba;
  font-size: 30px;
  line-height: 1.06;
}

.page-home .home-intelligence .muted {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.33;
}

.page-home .home-intelligence .btn.small {
  align-self: flex-end;
  border-radius: 30px;
}

.page-home .home-intelligence .card {
  min-height: 284px;
  padding: 28px 22px;
}

.page-home .home-intelligence .card h3 {
  font-size: 30.176px;
  line-height: 1.02;
  margin-bottom: 14px;
  position: relative;
}

.page-home .home-intelligence .card h3::after {
  content: "";
  display: block;
  width: 110px;
  height: 2px;
  margin-top: 12px;
  background: linear-gradient(90deg, #1c64ba, #0afece);
}

.page-home .home-intelligence .card p {
  font-size: 16px;
  line-height: 1.28;
  letter-spacing: 0.03em;
}

.page-home .home-intelligence .icon-chip {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  margin-bottom: 16px;
  background-size: 32px 32px, auto;
}

.page-home .home-intelligence .image-card,
.page-home .home-signals .image-card,
.page-home .home-signals .visual {
  border-color: rgba(10, 254, 206, 0.45);
}

.page-home .home-intelligence .image-card {
  min-height: 285px;
}

.page-home .home-signals {
  margin-top: 0;
}

.page-home .home-signals > .muted {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.82);
  margin: 0 auto 22px;
  width: 100%;
  text-align: center;
  display: block;
}

.page-home .home-signals > h2 {
  max-width: 787px;
  margin-inline: auto;
  font-size: 60.12px;
  line-height: 1.12;
}

.page-home .home-signals .btn.small {
  margin-top: 20px;
  border-radius: 30px;
}

.page-home .home-signals .stats-row {
  grid-template-columns: 532px 757px;
  justify-content: space-between;
  gap: 30px;
  margin-top: 24px;
}

.page-home .home-signals .stats-row:first-of-type {
  margin-top: 39px;
}

.page-home .home-signals .card {
  min-height: 260px;
  padding: 40px 34px;
}

.page-home .home-signals .card h3 {
  font-size: 30.176px;
  line-height: 1.08;
  margin-bottom: 12px;
}

.page-home .home-signals .card p {
  font-size: 16px;
  line-height: 1.36;
  max-width: 430px;
  text-align: left;
}

.page-home .home-signals .visual {
  min-height: 260px;
  border: 1px solid rgba(241, 242, 249, 0.1);
}

.page-home .home-signals .visual::before {
  background: rgba(4, 112, 197, 0.7);
  mix-blend-mode: overlay;
}

.page-home .home-signals .visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 36, 59, 0.62), rgba(7, 36, 59, 0) 62%);
}

.page-home .home-signals .metric-card {
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 290px;
  min-height: 264px;
  padding: 34px 24px;
  border-radius: 20px;
  border: 1px solid rgba(241, 242, 249, 0.1);
  background: rgba(5, 33, 66, 0.2);
  box-shadow: none;
  text-align: left;
}

.page-home .home-advantage .pillars {
  border-radius: 20px;
  overflow: hidden;
}

.page-home .home-advantage {
  margin-top: 0;
}

.page-home .home-intelligence.section,
.page-home .home-signals.section,
.page-home .home-advantage.section {
  padding-top: 80px;
}

.page-home .home-advantage .eyebrow {
  font-size: 25px;
  margin-bottom: 8px;
}

.page-home .home-advantage h2 {
  font-size: 60.12px;
  line-height: 1.08;
}

.page-home .home-advantage .muted {
  max-width: 806px;
  margin: 22px auto 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 22px;
}

.page-home .home-advantage .pillars {
  margin-top: 32px;
  min-height: 295px;
  border: 1px solid rgba(241, 242, 249, 0.14);
}

.page-home .home-advantage .pillars > div {
  text-align: left;
  padding: 36px 32px;
}

.page-home .home-advantage .pillars > div + div {
  border-left: 1px solid rgba(241, 242, 249, 0.16);
}

.page-home .home-advantage .pillars p {
  margin: 0;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  text-transform: capitalize;
}

.page-home .home-advantage .pillars h3 {
  font-size: 64px;
  line-height: 1.1;
  margin: 6px 0;
}

.page-home .home-advantage .pillars small {
  font-size: 18px;
  line-height: 1.35;
  color: #fff;
  opacity: 0.95;
}

.page-home .home-advantage p .btn.small {
  margin-top: 22px;
  border-radius: 30px;
}

.page-home footer {
  margin-top: 83px;
  padding-top: 40px;
  padding-bottom: 107px;
  border-top: 0;
}

.page-home .footer-top {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.page-home .footer-bottom {
  padding-top: 16px;
}

.page-home .footer-bottom small {
  color: #cac6dd;
  font-size: 14px;
}

.page-home .socials {
  gap: 32px;
}

.page-home .socials a {
  width: 40px;
  height: 40px;
}

.page-home .socials img {
  width: 16px;
  height: 16px;
}

.page-about .section { padding-top: 0; }
body.page-about .page-shell {
  background: var(--bg);
}

.page-about .container {
  width: min(1320px, calc(100% - 120px));
}

.page-about header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-about .page-shell::before {
  content: none;
  display: none;
}

.page-about .page-shell::after {
  content: none;
  display: none;
}

.page-about .about-link {
  position: relative;
  overflow: visible;
}

.page-about .about-link::after {
  content: none;
}

.page-about .about-main {
  position: relative;
  padding-top: 130px;
}

.page-about .about-main::after {
  content: "";
  position: absolute;
  left: 651px;
  top: 3009px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-about .about-main::before {
  content: "";
  position: absolute;
  left: 107px;
  top: 3300px;
  width: 1459.7626px;
  height: 678.5395px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.6;
  pointer-events: none;
}

.page-about .about-main > .section.container {
  width: 1320px;
  max-width: calc(100% - 120px);
  margin-inline: auto;
}

.page-about .about-impact-wrap {
  position: relative;
  overflow: visible;
}

.page-about .about-impact-wrap::after {
  content: "";
  position: absolute;
  left: 1273px;
  top: 377px;
  width: 1225px;
  height: 398px;
  background: url("assets/figma/mesh-bg-3.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-about .about-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-about .about-hero .hero-media {
  background-position: center center;
}

.page-about .about-hero .hero-overlay {
  background:
    radial-gradient(circle at 15% 35%, rgba(10, 254, 206, 0.16), transparent 46%),
    linear-gradient(92deg, rgba(7, 36, 59, 0.82) 36%, rgba(7, 36, 59, 0.08) 82%);
}

.page-about .about-hero .hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding-top: 60px;
  padding-left: 70px;
  padding-right: 0;
  max-width: none;
}

.page-about .about-hero .hero-content .eyebrow {
  font-size: 22px;
  margin-bottom: 16px;
  line-height: 1.1;
  max-width: 573px;
}

.page-about .about-hero h1 {
  max-width: 679px;
  font-size: 64px;
  line-height: 1.05;
  letter-spacing: 0;
}

.page-about .about-hero .lead {
  margin-top: 24px;
  max-width: 553px;
  font-size: 22px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.84);
}

.page-about .about-hero .btn-row {
  margin-top: 40px;
}

.page-about .about-hero .btn.small {
  min-width: 180px;
}

.page-about .about-split {
  display: grid;
  align-items: center;
  height: 312px;
}

.page-about .about-split-top {
  grid-template-columns: 502px 646px;
  justify-content: space-between;
  margin-top: 80px;
}

.page-about .about-split-bottom {
  grid-template-columns: 646px 502px;
  justify-content: space-between;
  margin-top: 80px;
}

.page-about .about-copy {
  display: grid;
  gap: 16px;
  height: auto;
  align-content: start;
}

.page-about .about-copy .eyebrow {
  font-size: 22px;
  margin-bottom: 0;
}

.page-about .about-copy h2 {
  font-size: 40px;
  line-height: 1.14;
  letter-spacing: 0;
}

.page-about .about-copy .muted {
  font-size: 18px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.82);
}

.page-about .about-split-media {
  width: 646px;
  height: 312px;
  border-radius: 20px;
  border: 1px solid rgba(10, 254, 206, 0.24);
  box-shadow: none;
  grid-column: auto;
}

.page-about .about-impact-wrap {
  margin-top: 80px;
}

.page-about .about-impact {
  height: 344px;
  border-radius: 20px;
  padding: 55px 48px 56px;
  border: 0;
  display: grid;
  grid-template-columns: 569px 428px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(90deg, #143875 0%, #12336d 30%, #11426c 61%, #109a93 100%);
}

.page-about .about-impact::before,
.page-about .about-impact::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.page-about .about-impact::before {
  background: url("assets/figma/mesh-bg-3.png") no-repeat calc(100% - 72px) 52% / 920px auto;
  opacity: 0.46;
  mix-blend-mode: screen;
  filter: saturate(1.02) brightness(0.9);
  z-index: 0;
}

.page-about .about-impact::after {
  background:
    linear-gradient(90deg, rgba(20, 56, 117, 0.98) 0%, rgba(18, 51, 109, 0.9) 31%, rgba(17, 66, 108, 0.48) 59%, rgba(16, 154, 147, 0.18) 100%),
    radial-gradient(circle at 80% 52%, rgba(15, 255, 224, 0.18), transparent 25%);
  z-index: 0;
}

.page-about .about-impact > * {
  position: relative;
  z-index: 1;
}

.page-about .about-impact .eyebrow {
  font-size: 22px;
  margin-bottom: 16px;
}

.page-about .about-impact h2 {
  font-size: 60px;
  line-height: 1.1;
  max-width: 569px;
}

.page-about .about-impact h3 {
  font-size: 48px;
  line-height: 1.03;
  text-align: center;
}

.page-about .about-impact .glow-banner-cta {
  width: 428px;
  text-align: center;
}

.page-about .about-impact .glow-banner-cta .btn.small {
  margin-top: 16px;
  min-width: 180px;
  height: 46.4702px;
  padding: 0 23.47px;
  border-radius: 30px;
  border: 1px solid #0afece;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: none;
  font-size: 20.117px;
  line-height: normal;
  font-family: var(--font-cta);
  font-weight: 400;
  letter-spacing: 0;
  backdrop-filter: blur(8px);
}

.page-about .about-link {
  display: grid;
  grid-template-columns: 573px 646px;
  justify-content: space-between;
  align-items: start;
  margin-top: 80px;
  min-height: 480px;
}

.page-about .about-link-copy .eyebrow {
  font-size: 19px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.page-about .about-link-copy h2 {
  font-size: 31px;
  line-height: 1.18;
  max-width: 560px;
  letter-spacing: -0.01em;
}

.page-about .about-link-copy h2 .grad {
  white-space: nowrap;
}

.page-about .about-accordion-stack {
  display: grid;
  gap: 20px;
  grid-template-rows: auto auto auto;
  width: 646px;
}

.page-about .about-accordion {
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(21, 67, 114, 0.62), rgba(10, 28, 52, 0.48));
  padding: 28px 34px;
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.page-about .about-accordion.about-accordion-open {
  min-height: 252px;
}

.page-about .about-accordion header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.page-about .about-accordion-title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.page-about .about-accordion-title .icon-chip {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin: 0;
  flex: 0 0 auto;
  background-size: 19px 19px, auto;
}

.page-about .about-accordion:nth-child(1) .icon-chip,
.page-about .about-accordion:nth-child(2) .icon-chip,
.page-about .about-accordion:nth-child(3) .icon-chip {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  box-shadow: none;
}

.page-about .about-accordion:nth-child(1) .icon-chip {
  background-image: url("assets/figma/card-icons/about-brand-experience.svg");
}

.page-about .about-accordion:nth-child(2) .icon-chip {
  background-image: url("assets/figma/card-icons/about-brand-communication.svg");
}

.page-about .about-accordion:nth-child(3) .icon-chip {
  background-image: url("assets/figma/card-icons/about-brand-relation.svg");
}

.page-about .about-accordion h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  color: #fff;
}

.page-about .about-accordion header p {
  margin: 7px 0 0;
  font-size: 16px;
  color: #0afece;
}

.page-about .about-accordion p {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  line-height: 1.45;
  max-width: 425px;
}

.page-about .about-toggle {
  width: 30.417px;
  height: 30.417px;
  border-radius: 8px;
  border: 0;
  font-size: 20px;
  line-height: 1;
  color: #071b3e;
  background: #f1f2f9;
  padding: 0;
}

.page-about .about-accordion:not(.about-accordion-open) > p {
  display: none;
}

.page-about .about-accordion.about-accordion-has-copy > p {
  color: rgba(255, 255, 255, 0.82);
}

.page-about .about-accordion:not(.about-accordion-open) {
  padding-top: 22px;
  padding-bottom: 22px;
  min-height: 104px;
  display: flex;
  align-items: center;
}

.page-about .about-accordion:not(.about-accordion-open) header {
  width: 100%;
}

.page-about .about-experience {
  margin-top: 80px;
  min-height: 1656px;
  width: 1318px !important;
  max-width: calc(100% - 114px) !important;
}

.page-about .about-experience > .eyebrow {
  font-size: 22px;
  margin: 0 auto !important;
  text-align: center;
  width: 100%;
  display: block;
}

.page-about .about-experience > h2 {
  font-size: 60.12px;
  line-height: 1.02;
  max-width: 850px;
  margin-top: 8px;
}

.page-about .about-experience > .muted {
  margin-top: 24px;
  max-width: 818px;
  font-size: 22px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.82);
}

.page-about .about-feature-stack {
  margin-top: 31px;
  display: grid;
  gap: 24px;
  width: 1318px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-about .about-feature-card {
  display: grid;
  grid-template-columns: 713px 523px;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  padding: 36px;
  height: 435px;
  border: 1.2px solid rgba(241, 242, 249, 0.12);
  background: linear-gradient(62.91deg, rgba(0, 0, 0, 0.16) 25.255%, rgba(83, 84, 108, 0.16) 98.048%);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.page-about .about-feature-card::before {
  content: "";
  position: absolute;
  left: 35px;
  top: 36px;
  bottom: 36px;
  width: 2px;
  background: linear-gradient(180deg, rgba(10, 254, 206, 0.45), rgba(255, 255, 255, 0.12));
}

.page-about .about-feature-copy {
  text-align: left;
  padding-left: 16px;
}

.page-about .about-feature-copy .eyebrow {
  font-size: 20px;
  margin-bottom: 8px;
  color: #0afece;
}

.page-about .about-feature-copy h3 {
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  color: #ffffff;
}

.page-about .about-feature-copy > p {
  margin: 14px 0 0;
  font-size: 18px;
  line-height: 1.32;
  color: rgba(255, 255, 255, 0.84);
}

.page-about .about-feature-copy .feature-list {
  margin-top: 28px;
  gap: 16px;
}

.page-about .about-feature-copy .feature-list li {
  font-size: 18px;
  line-height: 1.4;
  padding-left: 44px;
  color: #ffffff;
}

.page-about .about-feature-copy .feature-list li::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: 2px;
  background: rgba(28, 100, 186, 0.72);
  border: 0;
  box-shadow: 0 0 10px rgba(10, 254, 206, 0.2);
}

.page-about .about-feature-copy .feature-list li::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0afece;
  box-shadow: 0 0 8px rgba(10, 254, 206, 0.55);
}

.page-about .about-feature-media {
  width: 100%;
  max-width: 523px;
  height: 355px;
  border-radius: 20px;
  border: 1px solid rgba(10, 254, 206, 0.18);
  box-shadow: none;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  grid-column: auto;
  align-self: center;
  justify-self: end;
}

.page-about .about-feature-card:nth-child(2) .about-feature-media {
  max-width: 527px;
}

.page-about .about-feature-card:nth-child(3) .about-feature-media {
  max-width: 524px;
}

.page-about .about-cta {
  margin-top: 0;
  min-height: 630px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.page-about .about-cta::before {
  content: "";
  position: absolute;
  width: 744px;
  height: 744px;
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 110px, rgba(255, 255, 255, 0.1) 111px 112px, transparent 113px 170px, rgba(255,255,255,0.08) 171px 172px, transparent 173px 235px, rgba(255,255,255,0.06) 236px 237px, transparent 238px 304px, rgba(255,255,255,0.05) 305px 306px, transparent 307px);
  opacity: 0.72;
  pointer-events: none;
}

.page-about .about-cta::after {
  content: "";
  position: absolute;
  width: 601px;
  height: 601px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(10, 254, 206, 0.34), rgba(28, 100, 186, 0.18) 52%, transparent 74%);
  filter: blur(70px);
  opacity: 0.65;
  pointer-events: none;
}

.page-about .about-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 691px;
  text-align: center;
}

.page-about .about-cta h2 {
  font-size: 60px;
  line-height: 1.03;
}

.page-about .about-cta-line {
  display: block;
  width: 311px;
  margin: 12px auto 18px;
}

.page-about .about-cta-line svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-about .about-cta-line path {
  fill: none;
  stroke: #0afece;
  stroke-width: 6;
  stroke-linecap: round;
}

.page-about .about-cta .muted {
  margin: 0 auto;
  max-width: 627px;
  font-size: 20px;
  line-height: 1.6;
  color: #cac6dd;
}

.page-about .about-cta p:last-child {
  margin-top: 32px;
}

.page-about footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 114px;
  border-top: 0;
}

.page-case-use .section { padding-top: 0; }
body.page-case-use .page-shell {
  background: var(--bg);
}

.page-case-use .container {
  width: min(1326px, calc(100% - 114px));
}

.page-case-use header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-case-use .case-main {
  position: relative;
  padding-top: 130px;
}

.page-case-use .case-main::before {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 2170px;
  height: 678.54px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.6;
  pointer-events: none;
}

.page-case-use .case-main::after {
  content: "";
  position: absolute;
  left: 651px;
  top: 3009px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-case-use .case-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-case-use .case-hero .hero-overlay {
  background: linear-gradient(90deg, rgba(28, 65, 121, 0.94) 0%, rgba(28, 65, 121, 0.82) 36%, rgba(28, 65, 121, 0.28) 66%, rgba(28, 65, 121, 0) 90%);
}

.page-case-use .case-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 70px;
  padding-top: 60px;
  max-width: none;
}

.page-case-use .case-hero .eyebrow {
  font-size: 22px;
  margin-bottom: 16px;
}

.page-case-use .case-hero h1 {
  font-size: 64px;
  line-height: 1.05;
  max-width: 680px;
}

.page-case-use .case-hero .lead {
  max-width: 553px;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.84);
}

.page-case-use .case-hero .btn.small {
  margin-top: 40px;
  min-width: 164px;
}

.page-case-use .case-built {
  margin-top: 80px;
}

.page-case-use .case-built > .eyebrow { font-size: 22px; }
.page-case-use .case-built > h2 { font-size: 60.12px; line-height: 1.08; }
.page-case-use .case-built > h2 .line {
  display: block;
  white-space: nowrap;
}
.page-case-use .case-built > .muted {
  max-width: 622px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-case-use .case-built-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 422px);
  justify-content: space-between;
  gap: 30px;
}

.page-case-use .case-built-card {
  min-height: 464px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(241, 242, 249, 0.08);
  padding: 24px 24px 22px;
  text-align: left;
  display: grid;
  grid-template-rows: 106px 286px;
  gap: 24px;
  backdrop-filter: blur(8px);
}

.page-case-use .case-built-card.middle {
  grid-template-rows: 286px 106px;
}

.page-case-use .case-built-copy h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
}

.page-case-use .case-built-copy p {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.82);
}

.page-case-use .case-built-media {
  grid-column: auto;
  width: 100%;
  height: 286px;
  border-radius: 18px;
  border: 0;
  box-shadow: none;
  background-size: cover;
  background-position: center;
}

.page-case-use .case-strategic {
  margin-top: 80px;
}

.page-case-use .case-strategic > .eyebrow { font-size: 22px; }
.page-case-use .case-strategic > h2 { font-size: 60.12px; line-height: 1.08; }
.page-case-use .case-strategic > .muted {
  max-width: 622px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-case-use .case-strategic-layout {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 534px 745px;
  gap: 47px;
  align-items: start;
}

.page-case-use .case-tabs {
  gap: 24px;
}

.page-case-use .case-tabs .tab-item {
  min-height: 88px;
  padding: 26px 34px;
  border-radius: 120px;
  border: 1px solid #dddddd;
  background: transparent;
  font-size: 24px;
}

.page-case-use .case-tabs .tab-item span:first-child {
  font-size: 24px;
  color: #fff;
}

.page-case-use .case-tabs .tab-item.active {
  border: 1.5px solid #0afece;
  background: rgba(255, 255, 255, 0.2);
}

.page-case-use .case-tabs .tab-item.active span:first-child {
  color: #0afece;
}

.page-case-use .case-team-panel {
  text-align: left;
  border-radius: 30px;
  border: 1px solid #0afece;
  background: rgba(255, 255, 255, 0.1);
  padding: 40px;
  backdrop-filter: blur(6px);
}

.page-case-use .case-team-panel h3 {
  margin: 0;
  font-size: 32px;
}

.page-case-use .case-panel-list {
  margin-top: 42px;
  gap: 24px;
}

.page-case-use .case-panel-list li {
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  padding-left: 42px;
}

.page-case-use .case-panel-list li::before {
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: -1px;
  border-radius: 50%;
  background: url("assets/figma/card-icons/checkmark-circle-01.svg") center / contain no-repeat;
  border: 0;
  box-shadow: none;
}

.page-case-use .case-panel-list li::after {
  content: none;
}

.page-case-use .case-different {
  margin-top: 80px;
}

.page-case-use .case-different > .eyebrow { font-size: 22px; }
.page-case-use .case-different > h2 { font-size: 60.12px; line-height: 1.08; }
.page-case-use .case-different > .muted {
  max-width: 654px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-case-use .case-team-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 308px);
  justify-content: space-between;
  gap: 24px;
}

.page-case-use .case-team-card {
  text-align: left;
}

.page-case-use .case-team-media {
  grid-column: auto;
  width: 100%;
  height: 268.58px;
  border-radius: 30px;
  border: 2px solid #0afece;
  box-shadow: none;
  background-size: cover;
  background-position: center;
}

.page-case-use .case-team-media.case-team-media-no-title {
  background-size: auto 122%;
  background-position: center 78%;
}

.page-case-use .case-team-card h3 {
  margin: 24px 0 8px;
  font-size: 30px;
  line-height: 1.08;
}

.page-case-use .case-team-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.32;
  color: rgba(255, 255, 255, 0.82);
}

.page-case-use .case-team-card:nth-child(2) h3,
.page-case-use .case-team-card:nth-child(4) h3 {
  margin-top: 22px;
}

.page-case-use footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 64px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-capabilities .section { padding-top: 0; }
body.page-capabilities .page-shell {
  background: var(--bg);
}

.page-capabilities .container {
  width: min(1330px, calc(100% - 110px));
}

.page-capabilities header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-capabilities .cap-main {
  position: relative;
  padding-top: 130px;
}

.page-capabilities .cap-main::before {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 2170px;
  height: 678.54px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.58;
  pointer-events: none;
}

.page-capabilities .cap-main::after {
  content: "";
  position: absolute;
  left: 651px;
  top: 3009px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-capabilities .cap-main::before,
.page-capabilities .cap-main::after {
  content: none;
  display: none;
  background: none;
}

.page-capabilities .cap-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-capabilities .cap-hero .hero-overlay {
  background: linear-gradient(-90deg, rgba(38, 38, 38, 0) 9.7771%, rgb(28, 65, 121) 59.572%);
}

.page-capabilities .cap-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 62px;
  padding-top: 23px;
  max-width: none;
}

.page-capabilities .cap-hero .eyebrow {
  font-size: 22px;
  margin-bottom: 16px;
}

.page-capabilities .cap-hero h1 {
  font-size: 64px;
  line-height: 1.08;
  max-width: 721px;
}

.page-capabilities .cap-hero .lead {
  max-width: 553px;
  font-size: 22px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.84);
}

.page-capabilities .cap-hero .btn.small {
  margin-top: 24px;
  min-width: 153px;
}

.page-capabilities .cap-architecture {
  margin-top: 80px;
}

.page-capabilities .cap-architecture > .eyebrow { font-size: 22px; }
.page-capabilities .cap-architecture > h2 { font-size: 60.12px; line-height: 1.03; }
.page-capabilities .cap-architecture > h2 .grad { white-space: nowrap; }
.page-capabilities .cap-architecture > .muted {
  max-width: 654px;
  margin: 24px auto 0;
  font-size: 22px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-architecture-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 418px);
  justify-content: space-between;
  gap: 29px;
}

.page-capabilities .cap-architecture-card {
  min-height: 411px;
  border: 1px solid #7de8d3;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
}

.page-capabilities .cap-architecture-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 21, 47, 0.04) 18%, rgba(6, 21, 47, 0.38) 66%, rgba(6, 21, 47, 0.72) 100%);
}

.page-capabilities .cap-architecture-card .media-caption {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 18px 18px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-capabilities .cap-architecture-card h3 {
  margin: 0;
  font-size: 32px;
  line-height: 1.1;
  max-width: 250px;
}

.page-capabilities .cap-architecture-card p {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-architecture-card .btn.small {
  margin-top: auto;
  width: 153.94px;
  height: 46.4702px;
  padding: 0 23.47px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid #0afece;
  box-shadow: none;
  backdrop-filter: blur(8px);
  align-self: flex-start;
}

.page-capabilities .cap-architecture-card:nth-child(2) h3,
.page-capabilities .cap-architecture-card:nth-child(3) h3 {
  max-width: 210px;
}

.page-capabilities .cap-think {
  margin-top: 80px;
}

.page-capabilities .cap-think > .eyebrow { font-size: 22px; }
.page-capabilities .cap-think > h2 { font-size: 60.12px; line-height: 1.08; max-width: 850px; margin-inline: auto; }
.page-capabilities .cap-think > .muted {
  max-width: 654px;
  margin: 24px auto 0;
  font-size: 22px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-think-strip {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 198px 863px 198px;
  gap: 29px;
  align-items: center;
}

.page-capabilities .cap-think-side {
  position: relative;
  border: 1px solid #b7b7b7;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.02);
  padding: 0;
  height: 364px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, transform 180ms ease;
}

.page-capabilities .cap-think-side.right {
  border-color: rgba(255, 255, 255, 0.28);
}

.page-capabilities .cap-think-side:hover {
  transform: translateY(-2px);
}

.page-capabilities .cap-think-side .cap-think-side-media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.page-capabilities .cap-think-preview-image,
.page-capabilities .cap-think-active-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-capabilities .cap-think-preview-image {
  width: 100%;
  transform: none;
  border-radius: 30px;
}

.page-capabilities .cap-think-side::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 21, 47, 0.18), rgba(6, 21, 47, 0.44));
  pointer-events: none;
}

.page-capabilities .cap-think-side .play-chip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  z-index: 3;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
}

.page-capabilities .cap-think-arrow-icon {
  display: block;
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.page-capabilities .cap-think-arrow-prev {
  transform: rotate(180deg);
}

.page-capabilities .cap-think-main {
  height: 364px;
  border: 1px solid #0afece;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: 525px 320px;
  gap: 18px;
  align-items: center;
  padding-right: 22px;
  text-align: left;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 28px rgba(2, 17, 45, 0.26);
  overflow: hidden;
}

.page-capabilities .cap-think-main-media {
  position: relative;
  width: 525px;
  height: 364px;
  border-radius: 30px 0 0 30px;
  border: 0;
  grid-column: auto;
  box-shadow: none;
  overflow: hidden;
  background: #091427;
}

.page-capabilities .cap-think-active-image {
  border-radius: 30px 0 0 30px;
}

.page-capabilities .cap-think-main-copy {
  position: relative;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: center;
  justify-self: start;
  width: 320px;
  padding-top: 0;
}

.page-capabilities .cap-think-main-copy h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  max-width: 320px;
}

.page-capabilities .cap-think-main-copy p {
  margin: 0;
  font-size: 18px;
  line-height: 1.33;
  color: rgba(255, 255, 255, 0.82);
  max-width: 304px;
}

.page-capabilities .cap-tailored {
  margin-top: 80px;
}

.page-capabilities .cap-tailored > .eyebrow { font-size: 22px; }
.page-capabilities .cap-tailored > h2 { font-size: 60.12px; line-height: 1.08; }
.page-capabilities .cap-tailored > .muted {
  max-width: 654px;
  margin: 24px auto 0;
  font-size: 22px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-tailored-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 422px);
  gap: 30px;
  justify-content: space-between;
}

.page-capabilities .cap-tailored-card {
  min-height: 541px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(241, 242, 249, 0.1);
  padding: 24px 24px 22px;
  text-align: left;
  display: grid;
  grid-template-rows: 183px 286px;
  gap: 24px;
  backdrop-filter: blur(8px);
}

.page-capabilities .cap-tailored-card h3 {
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1.15;
}

.page-capabilities .cap-tailored-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-tailored-media {
  width: 100%;
  height: 286px;
  border-radius: 18px;
  border: 0;
  grid-column: auto;
  box-shadow: none;
}

.page-capabilities .cap-achieve {
  margin-top: 80px;
}

.page-capabilities .cap-achieve-layout {
  display: grid;
  grid-template-columns: 426px 864px;
  justify-content: space-between;
  align-items: start;
}

.page-capabilities .cap-achieve-copy .eyebrow {
  font-size: 22px;
}

.page-capabilities .cap-achieve-copy h2 {
  margin: 8px 0 0;
  font-size: 60.12px;
  line-height: 1.08;
}

.page-capabilities .cap-achieve-copy .muted {
  margin-top: 24px;
  max-width: 382px;
  font-size: 22px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-achieve-cards {
  display: grid;
  grid-template-columns: repeat(2, 418px);
  gap: 24px 28px;
}

.page-capabilities .cap-achieve-card {
  min-height: 253px;
  border: 0.838px solid #0afece;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(217,217,217,0.04));
  padding: 24px 30px;
  backdrop-filter: blur(8px);
  box-shadow: 0 3.353px 16.764px -0.838px rgba(0, 0, 0, 0);
}

.page-capabilities .cap-achieve-card.wide {
  grid-column: 1 / -1;
  min-height: 222px;
}

.page-capabilities .cap-achieve-card-head {
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-capabilities .cap-achieve-card-head .icon-chip {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  margin: 0;
  background-size: 32px 32px, auto;
}

.page-capabilities .cap-achieve-card:nth-child(1) .icon-chip,
.page-capabilities .cap-achieve-card:nth-child(2) .icon-chip,
.page-capabilities .cap-achieve-card:nth-child(3) .icon-chip {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 52px 52px;
  box-shadow: none;
}

.page-capabilities .cap-achieve-card:nth-child(1) .icon-chip {
  background-image: url("assets/figma/card-icons/cap-brand-experience.svg");
}

.page-capabilities .cap-achieve-card:nth-child(2) .icon-chip {
  background-image: url("assets/figma/card-icons/cap-brand-communication.svg");
}

.page-capabilities .cap-achieve-card:nth-child(3) .icon-chip {
  background-image: url("assets/figma/card-icons/cap-brand-relation.svg");
}

.page-capabilities .cap-achieve-card h3 {
  margin: 0;
  font-size: 30.176px;
  line-height: 1.05;
}

.page-capabilities .cap-achieve-card p {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities .cap-achieve-card-head {
  position: relative;
  padding-bottom: 18px;
}

.page-capabilities .cap-achieve-card-head::after {
  content: "";
  position: absolute;
  left: 68px;
  bottom: 0;
  width: 110.645px;
  height: 2px;
  background: linear-gradient(90deg, #1c64ba, #0afece);
}

.page-capabilities footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 80px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-capabilities-decode .section { padding-top: 0; }
body.page-capabilities-decode .page-shell {
  background: var(--bg);
}

.page-capabilities-decode .container {
  width: min(1325px, calc(100% - 114px));
}

.page-capabilities-decode header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-capabilities-decode .decode-main {
  position: relative;
  padding-top: 130px;
}

.page-capabilities-decode .decode-main::before {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 2170px;
  height: 678.54px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.56;
  pointer-events: none;
}

.page-capabilities-decode .decode-main::after {
  content: "";
  position: absolute;
  left: 651px;
  top: 3009px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-capabilities-decode .decode-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-capabilities-decode .decode-hero .hero-overlay {
  background: linear-gradient(90deg, rgba(14, 30, 55, 0.96) 0%, rgba(14, 30, 55, 0.7) 40%, rgba(14, 30, 55, 0.08) 77%);
}

.page-capabilities-decode .decode-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 62px;
  padding-top: 72px;
  max-width: none;
}

.page-capabilities-decode .decode-hero .eyebrow { font-size: 22px; margin-bottom: 16px; }
.page-capabilities-decode .decode-hero h1 { font-size: 64px; line-height: 1.08; max-width: 721px; }
.page-capabilities-decode .decode-hero .lead { max-width: 553px; font-size: 22px; line-height: 1.35; color: rgba(255, 255, 255, 0.84); }
.page-capabilities-decode .decode-hero .btn.small { margin-top: 24px; min-width: 153px; }

.page-capabilities-decode .decode-recreate {
  margin-top: 80px;
}

.page-capabilities-decode .decode-recreate > .eyebrow { font-size: 22px; }
.page-capabilities-decode .decode-recreate > h2 { font-size: 60.12px; line-height: 1.08; }
.page-capabilities-decode .decode-recreate > .muted {
  max-width: 622px;
  margin: 24px auto 0;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-decode .decode-grid-top {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 421px 436px 418px;
  gap: 25px;
}

.page-capabilities-decode .decode-grid-bottom {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 534px 759px;
  gap: 32px;
}

.page-capabilities-decode .decode-box {
  min-height: 391px;
  border: 1px solid #0afece;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  text-align: left;
  background: rgba(255, 255, 255, 0.03);
}

.page-capabilities-decode .decode-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.02) 50.128%, rgba(0,0,0,0.7) 76.471%);
  pointer-events: none;
}

.page-capabilities-decode .decode-box-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.page-capabilities-decode .decode-box-copy {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  z-index: 1;
}

.page-capabilities-decode .decode-box h3 {
  margin: 0;
  font-size: 28px;
  line-height: 1.3;
}

.page-capabilities-decode .decode-box p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-decode .decode-predict {
  margin-top: 80px;
}

.page-capabilities-decode .decode-predict > .eyebrow { font-size: 22px; }
.page-capabilities-decode .decode-predict > h2 { font-size: 60.12px; line-height: 1.08; max-width: 895px; margin-inline: auto; }
.page-capabilities-decode .decode-predict > .muted {
  max-width: 622px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-decode .decode-predict-strip {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 198px 863px 198px;
  gap: 29px;
  align-items: center;
}

.page-capabilities-decode .decode-side {
  height: 364px;
  border: 1px solid var(--glass-border);
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background: rgba(255,255,255,0.02);
  padding: 0;
  cursor: pointer;
}

.page-capabilities-decode .decode-side-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-capabilities-decode .decode-side .play-chip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  z-index: 3;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
}

.page-capabilities-decode .decode-preview-image,
.page-capabilities-decode .decode-active-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-capabilities-decode .decode-preview-image {
  width: 100%;
  transform: none;
  border-radius: 30px;
}

.page-capabilities-decode .decode-arrow-icon {
  display: block;
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}

.page-capabilities-decode .decode-arrow-prev {
  transform: rotate(180deg);
}

.page-capabilities-decode .decode-side::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 21, 47, 0.2), rgba(6, 21, 47, 0.42));
  pointer-events: none;
}

.page-capabilities-decode .decode-main-card {
  height: 364px;
  border: 1px solid #0afece;
  border-radius: 30px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
  display: grid;
  grid-template-columns: 525px 320px;
  gap: 18px;
  align-items: center;
  padding-right: 22px;
  text-align: left;
  box-shadow: 0 10px 28px rgba(2, 17, 45, 0.26);
  backdrop-filter: blur(8px);
}

.page-capabilities-decode .decode-main-media {
  position: relative;
  width: 525px;
  height: 364px;
  overflow: hidden;
}

.page-capabilities-decode .decode-main-copy h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  max-width: 295px;
}

.page-capabilities-decode .decode-main-copy p {
  margin: 0;
  font-size: 18px;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.82);
  max-width: 304px;
}

.page-capabilities-decode .decode-main-copy {
  position: relative;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: center;
  justify-self: start;
  width: 320px;
}

.page-capabilities-decode .decode-stats-wrap {
  margin-top: 80px;
}

.page-capabilities-decode .decode-stats-wrap {
  position: relative;
  overflow: visible;
}

.page-capabilities-decode .decode-stats-wrap::after {
  content: none;
  display: none;
}

body.page-capabilities-decode .page-shell::before {
  content: none;
  display: none;
  background: none;
}

.page-capabilities-decode .decode-stats-band {
  border-radius: 30px;
  min-height: 526px;
  padding: 42px 0 0;
  background: linear-gradient(250.62deg, #0afece 4.094%, #1c64ba 46.581%, #1c3664 96.74%);
}

.page-capabilities-decode .decode-stats-band > .eyebrow {
  margin: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.page-capabilities-decode .decode-stats-band > h2 {
  margin: 16px 0 0;
  font-size: 46px;
  color: #fff;
  text-align: center;
}

.page-capabilities-decode .decode-stats-grid {
  margin: 57px auto 0;
  display: grid;
  grid-template-columns: 290px 289px 290px;
  gap: 24px;
  justify-content: center;
}

.page-capabilities-decode .decode-stat {
  background: rgba(6, 21, 47, 0.2);
  border: 1px solid rgba(241, 242, 249, 0.1);
  border-radius: 20px;
  padding: 32px;
  text-align: left;
}

.page-capabilities-decode .decode-stat h3 {
  margin: 0;
  font-size: 60px;
  line-height: 1.15;
  color: #0afece;
}

.page-capabilities-decode .decode-stat p {
  margin: 16px 0 0;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
}

.page-capabilities-decode footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 64px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-capabilities-tailor .section { padding-top: 0; }
body.page-capabilities-tailor .page-shell {
  background: var(--bg);
}

.page-capabilities-tailor .container {
  width: min(1325px, calc(100% - 114px));
}

.page-capabilities-tailor header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-capabilities-tailor .tailor-main {
  position: relative;
  padding-top: 130px;
}

.page-capabilities-tailor .tailor-main::before {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 2170px;
  height: 678.54px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.56;
  pointer-events: none;
}

.page-capabilities-tailor .tailor-main::after {
  content: "";
  position: absolute;
  left: 651px;
  top: 3009px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-capabilities-tailor .tailor-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-capabilities-tailor .tailor-hero .hero-overlay {
  background: linear-gradient(90deg, rgba(14, 30, 55, 0.96) 0%, rgba(14, 30, 55, 0.7) 40%, rgba(14, 30, 55, 0.08) 77%);
}

.page-capabilities-tailor .tailor-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 62px;
  padding-top: 72px;
  max-width: none;
}

.page-capabilities-tailor .tailor-hero .eyebrow { font-size: 22px; margin-bottom: 16px; }
.page-capabilities-tailor .tailor-hero h1 { font-size: 63px; line-height: 1.08; max-width: 721px; }
.page-capabilities-tailor .tailor-hero .lead { max-width: 553px; font-size: 22px; line-height: 1.35; color: rgba(255, 255, 255, 0.84); }
.page-capabilities-tailor .tailor-hero .btn.small { margin-top: 24px; min-width: 153px; }

.page-capabilities-tailor .tailor-build {
  margin-top: 80px;
}

.page-capabilities-tailor .tailor-build > .eyebrow { font-size: 22px; }
.page-capabilities-tailor .tailor-build > h2 { font-size: 60.12px; line-height: 1.08; }
.page-capabilities-tailor .tailor-build > .muted {
  max-width: 654px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-tailor .tailor-banner {
  margin-top: 32px;
  border-radius: 20px;
  background: rgba(10, 254, 206, 0.3);
  padding: 30px 40px;
}

.page-capabilities-tailor .tailor-banner p {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
}

.page-capabilities-tailor .tailor-build-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 422px 422px 422px;
  gap: 30px;
}

.page-capabilities-tailor .tailor-card {
  min-height: 554px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(241, 242, 249, 0.1);
  border-radius: 30px;
  padding: 24px 24px 22px;
  text-align: left;
  display: grid;
  grid-template-rows: auto 286px;
  gap: 24px;
  backdrop-filter: blur(8px);
}

.page-capabilities-tailor .tailor-card.middle {
  grid-template-rows: 286px auto;
}

.page-capabilities-tailor .tailor-card-copy h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
  color: #0afece;
}

.page-capabilities-tailor .tailor-card-copy p {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-tailor .tailor-card-media {
  border-radius: 18px;
  background-size: cover;
  background-position: center;
}

.page-capabilities-tailor .tailor-design {
  margin-top: 80px;
  width: min(1317px, 100%);
}

.page-capabilities-tailor .tailor-design > .eyebrow { font-size: 22px; }
.page-capabilities-tailor .tailor-design > h2 { font-size: 60.12px; line-height: 1.08; max-width: 895px; margin-inline: auto; }
.page-capabilities-tailor .tailor-design > .muted {
  max-width: 696px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-tailor .tailor-design-strip {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 198px 863px 198px;
  gap: 29px;
  align-items: center;
}

.page-capabilities-tailor .tailor-side {
  height: 364px;
  border: 1px solid #b7b7b7;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  padding: 0;
  cursor: pointer;
}

.page-capabilities-tailor .tailor-side.next {
  border-color: rgba(255, 255, 255, 0.28);
}

.page-capabilities-tailor .tailor-side::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 21, 47, 0.18), rgba(6, 21, 47, 0.42));
}

.page-capabilities-tailor .tailor-side-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-capabilities-tailor .tailor-side .play-chip {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
  padding: 0;
}

.page-capabilities-tailor .tailor-preview-image,
.page-capabilities-tailor .tailor-active-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-capabilities-tailor .tailor-preview-left {
  width: 100%;
  transform: none;
  border-radius: 30px;
}

.page-capabilities-tailor .tailor-preview-right {
  width: 100%;
  transform: none;
}

.page-capabilities-tailor .tailor-arrow-icon {
  display: block;
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.page-capabilities-tailor .tailor-arrow-prev {
  transform: rotate(180deg);
}

.page-capabilities-tailor .tailor-main-card {
  height: 364px;
  border: 1px solid #0afece;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
  display: grid;
  grid-template-columns: 525px 320px;
  gap: 18px;
  align-items: center;
  padding-right: 22px;
  text-align: left;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 28px rgba(2, 17, 45, 0.26);
}

.page-capabilities-tailor .tailor-main-media {
  position: relative;
  width: 525px;
  height: 364px;
  overflow: hidden;
}

.page-capabilities-tailor .tailor-main-copy {
  position: relative;
  top: 1px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: center;
  justify-self: start;
  width: 320px;
}

.page-capabilities-tailor .tailor-main-copy h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  max-width: 295px;
}

.page-capabilities-tailor .tailor-main-copy p {
  margin: 0;
  font-size: 18px;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.82);
  max-width: 304px;
}

.page-capabilities-tailor .tailor-stats-wrap {
  margin-top: 80px;
}

.page-capabilities-tailor .tailor-stats-wrap {
  position: relative;
  overflow: visible;
}

.page-capabilities-tailor .tailor-stats-wrap::after {
  content: none;
  display: none;
}

body.page-capabilities-tailor .page-shell::before {
  content: none;
  display: none;
  background: none;
}

.page-capabilities-tailor .tailor-stats-band {
  border-radius: 30px;
  min-height: 526px;
  padding: 42px 0 0;
  background: linear-gradient(250.62deg, #0afece 4.094%, #1c64ba 46.581%, #1c3664 96.74%);
}

.page-capabilities-tailor .tailor-stats-band > .eyebrow {
  margin: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.page-capabilities-tailor .tailor-stats-band > h2 {
  margin: 16px 0 0;
  font-size: 46px;
  color: #fff;
  text-align: center;
}

.page-capabilities-tailor .tailor-stats-grid {
  margin: 57px auto 0;
  display: grid;
  grid-template-columns: 290px 289px 290px;
  gap: 24px;
  justify-content: center;
}

.page-capabilities-tailor .tailor-stat {
  background: rgba(6, 21, 47, 0.18);
  border: 1px solid rgba(241, 242, 249, 0.1);
  border-radius: 20px;
  padding: 32px;
  text-align: left;
}

.page-capabilities-tailor .tailor-stat h3 {
  margin: 0;
  font-size: 60px;
  line-height: 1.15;
  color: #0afece;
}

.page-capabilities-tailor .tailor-stat p {
  margin: 16px 0 0;
  font-size: 20px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.92);
}

.page-capabilities-tailor footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 64px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-capabilities-amplify .section { padding-top: 0; }
body.page-capabilities-amplify .page-shell {
  background: var(--bg);
}

.page-capabilities-amplify .container {
  width: min(1320px, calc(100% - 120px));
}

.page-capabilities-amplify header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-capabilities-amplify .amplify-main {
  position: relative;
  padding-top: 130px;
}

.page-capabilities-amplify .amplify-main::after {
  content: none;
  display: none;
  background: none;
}

.page-capabilities-amplify .amplify-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-capabilities-amplify .amplify-hero .hero-overlay {
  background: linear-gradient(90deg, rgba(14, 30, 55, 0.96) 0%, rgba(14, 30, 55, 0.7) 40%, rgba(14, 30, 55, 0.08) 77%);
}

.page-capabilities-amplify .amplify-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 62px;
  padding-top: 72px;
  max-width: none;
}

.page-capabilities-amplify .amplify-hero .eyebrow { font-size: 22px; margin-bottom: 16px; }
.page-capabilities-amplify .amplify-hero h1 { font-size: 63px; line-height: 1.08; max-width: 721px; }
.page-capabilities-amplify .amplify-hero .lead { max-width: 553px; font-size: 22px; line-height: 1.35; color: rgba(255, 255, 255, 0.84); }
.page-capabilities-amplify .amplify-hero .btn.small { margin-top: 24px; min-width: 153px; }

.page-capabilities-amplify .amplify-sync {
  margin-top: 80px;
}

.page-capabilities-amplify .amplify-sync > .eyebrow { font-size: 22px; }
.page-capabilities-amplify .amplify-sync > h2 { font-size: 60px; line-height: 1.08; }
.page-capabilities-amplify .amplify-sync > .muted {
  max-width: 622px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-amplify .amplify-cta {
  margin-top: 24px;
  min-width: 149.94px;
}

.page-capabilities-amplify .amplify-sync-grid {
  margin: 32px auto 0;
  display: grid;
  grid-template-columns: 646px 646px;
  gap: 24px;
}

.page-capabilities-amplify .amplify-sync-card {
  min-height: 298px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(241, 242, 249, 0.1);
  backdrop-filter: blur(8px);
  box-shadow: none;
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 287px);
  gap: 24px;
  align-items: center;
  text-align: left;
}

.page-capabilities-amplify .amplify-sync-copy h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
  color: #fff;
}

.page-capabilities-amplify .amplify-sync-copy p {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-amplify .amplify-sync-media {
  height: 250px;
  border-radius: 18px;
  background-size: cover;
  background-position: center;
}

.page-capabilities-amplify .amplify-connect {
  margin-top: 80px;
}

.page-capabilities-amplify .amplify-connect > .eyebrow { font-size: 22px; }
.page-capabilities-amplify .amplify-connect > h2 { font-size: 60px; line-height: 1.08; max-width: 895px; margin-inline: auto; }
.page-capabilities-amplify .amplify-connect > .muted {
  max-width: 696px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-amplify .amplify-pillars-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 422px 422px 420px;
  gap: 28px;
}

.page-capabilities-amplify .amplify-pillar-card {
  border: 1px solid rgba(10, 254, 206, 0.84);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(8px);
  padding: 22px;
  text-align: center;
}

.page-capabilities-amplify .amplify-pillar-card .icon-chip {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  margin-bottom: 16px;
  background-size: 52px 52px, auto;
}

.page-capabilities-amplify .amplify-pillar-card:nth-child(1) .icon-chip,
.page-capabilities-amplify .amplify-pillar-card:nth-child(2) .icon-chip,
.page-capabilities-amplify .amplify-pillar-card:nth-child(3) .icon-chip {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 52px 52px;
  box-shadow: none;
}

.page-capabilities-amplify .amplify-pillar-card:nth-child(1) .icon-chip {
  background-image: url("assets/figma/card-icons/amp-align-stakeholders.svg");
}

.page-capabilities-amplify .amplify-pillar-card:nth-child(2) .icon-chip {
  background-image: url("assets/figma/card-icons/amp-translate-signals.svg");
}

.page-capabilities-amplify .amplify-pillar-card:nth-child(3) .icon-chip {
  background-image: url("assets/figma/card-icons/amp-extend-influence.svg");
}

.page-capabilities-amplify .amplify-pillar-card h3 {
  margin: 0;
  font-size: 28px;
  line-height: 1.03;
  color: #fff;
}

.page-capabilities-amplify .amplify-pillar-card p {
  margin: 16px auto 0;
  max-width: 357px;
  font-size: 16px;
  line-height: 1.32;
  letter-spacing: 0.48px;
  color: rgba(255, 255, 255, 0.82);
}

.page-capabilities-amplify .amplify-stats-wrap {
  margin-top: 80px;
}

.page-capabilities-amplify .amplify-stats-wrap {
  position: relative;
  overflow: visible;
}

.page-capabilities-amplify .amplify-stats-wrap::after {
  content: none;
  display: none;
}

body.page-capabilities-amplify .page-shell::before {
  content: none;
  display: none;
  background: none;
}

.page-capabilities-amplify .amplify-stats-band {
  width: min(1326px, calc(100% + 6px));
  margin-left: -3px;
  border-radius: 30px;
  min-height: 458px;
  padding: 42px 0 0;
  background: linear-gradient(248deg, #0afece 4.094%, #1c64ba 46.581%, #1c3664 96.74%);
}

.page-capabilities-amplify .amplify-stats-band > .eyebrow {
  margin: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.page-capabilities-amplify .amplify-stats-band > h2 {
  margin: 16px 0 0;
  font-size: 46px;
  color: #fff;
  text-align: center;
}

.page-capabilities-amplify .amplify-stats-grid {
  margin: 43px auto 0;
  display: grid;
  grid-template-columns: 290px 289px 290px;
  gap: 24px;
  justify-content: center;
}

.page-capabilities-amplify .amplify-stat {
  min-height: 233px;
  background: rgba(6, 21, 47, 0.18);
  border: 1px solid rgba(241, 242, 249, 0.1);
  border-radius: 20px;
  padding: 32px;
  text-align: left;
}

.page-capabilities-amplify .amplify-stat h3 {
  margin: 0;
  font-size: 60px;
  line-height: 1.15;
  color: #0afece;
}

.page-capabilities-amplify .amplify-stat p {
  margin: 20px 0 0;
  font-size: 20px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.92);
}

.page-capabilities-amplify footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 80px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-book-call .section { padding-top: 0; }
body.page-book-call .page-shell {
  background: var(--bg);
}

.page-book-call .container {
  width: min(1328px, calc(100% - 108px));
}

.page-book-call header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-book-call .book-main {
  position: relative;
  padding-top: 130px;
}

.page-book-call .book-main::before {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 2170px;
  height: 678.54px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.5;
  pointer-events: none;
}

.page-book-call .book-main::after {
  content: "";
  position: absolute;
  left: 762px;
  top: 2365px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-book-call .book-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-book-call .book-hero .hero-overlay {
  background: linear-gradient(90deg, rgba(14, 30, 55, 0.96) 0%, rgba(14, 30, 55, 0.7) 40%, rgba(14, 30, 55, 0.08) 77%);
}

.page-book-call .book-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 62px;
  padding-top: 72px;
  max-width: none;
}

.page-book-call .book-hero .eyebrow { font-size: 22px; margin-bottom: 16px; }
.page-book-call .book-hero h1 { font-size: 63px; line-height: 1.08; max-width: 721px; }
.page-book-call .book-hero .lead { max-width: 553px; font-size: 22px; line-height: 1.35; color: rgba(255, 255, 255, 0.84); }
.page-book-call .book-hero .btn.small { margin-top: 24px; min-width: 161.94px; }

.page-book-call .book-steps {
  margin-top: 80px;
}

.page-book-call .book-steps > .eyebrow { font-size: 22px; }
.page-book-call .book-steps > h2 { font-size: 60.12px; line-height: 1.08; }

.page-book-call .book-steps-track {
  position: relative;
  margin: 22px auto 0;
  width: min(1320px, 100%);
  display: grid;
  grid-template-columns: repeat(4, 52px);
  justify-content: space-between;
  align-items: center;
}

.page-book-call .book-steps-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top: 1px solid rgba(255, 255, 255, 0.38);
}

.page-book-call .book-step-dot {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(263.44deg, #0afece 13.562%, #1c64ba 64.754%, #1c3664 109.49%);
}

.page-book-call .book-steps-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, 308px);
  gap: 24px;
  justify-content: space-between;
}

.page-book-call .book-step-card {
  min-height: 312px;
  border-radius: 20px;
  border: 0.838px solid #0afece;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(217,217,217,0.04));
  text-align: left;
  padding: 56px 22px 22px;
  backdrop-filter: blur(8px);
  box-shadow: 0 3.353px 16.764px -0.838px rgba(0, 0, 0, 0);
}

.page-book-call .book-step-card:nth-child(1),
.page-book-call .book-step-card:nth-child(4) {
  box-shadow: 0 3.353px 16.764px -0.838px rgba(0, 0, 0, 0.12);
}

.page-book-call .book-step-card h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.3;
  color: #fff;
}

.page-book-call .book-step-card p {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.36;
  letter-spacing: 0.48px;
  color: rgba(255, 255, 255, 0.82);
}

.page-book-call .book-steps-cta {
  margin-top: 18px;
  min-width: 149.94px;
}

.page-book-call .book-form-section {
  margin-top: 80px;
}

.page-book-call .book-form-section > .eyebrow { font-size: 22px; }
.page-book-call .book-form-section > h2 { font-size: 60.12px; line-height: 1.08; }
.page-book-call .book-form-section > .muted {
  max-width: 554px;
  margin: 24px auto 0;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.82);
}

.page-book-call .book-form-wrap {
  margin: 32px auto 0;
  width: min(1060px, 100%);
  border-radius: 30px;
  border: 2px solid rgba(10, 13, 23, 0.05);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(190px);
  padding: 20px 20px 20px 16px;
  display: grid;
  grid-template-columns: 566px 390px;
  gap: 24px;
  justify-content: center;
  box-shadow: 0 40px 120px rgba(6, 21, 47, 0.28);
}

.page-book-call .book-form {
  padding: 34px;
  text-align: left;
  display: grid;
  gap: 14px;
}

.page-book-call .book-form-heading {
  margin-bottom: 22px;
}

.page-book-call .book-form-heading h3 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.6px;
}

.page-book-call .book-form-heading p {
  margin: 8px 0 0;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: -0.16px;
  opacity: 0.8;
  max-width: 415px;
}

.page-book-call .book-form input,
.page-book-call .book-form textarea,
.page-book-call .book-form select {
  margin-top: 0;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.15px;
  padding: 12px 14px;
}

.page-book-call .book-form textarea {
  min-height: 56px;
  resize: vertical;
}

.page-book-call .book-form .btn {
  width: 100%;
  height: 42px;
  border-radius: 30px;
  padding: 0 18px;
  font-family: var(--font-cta);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: normal;
  margin-top: 0;
  background: linear-gradient(215.61deg, #0afece 13.562%, #1c64ba 64.754%, #1c3664 109.49%);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  font-synthesis-weight: none;
}

.page-book-call .book-form .btn:disabled {
  cursor: wait;
  opacity: 0.72;
}

.page-book-call .book-form-honeypot,
.page-book-call .book-form-turnstile {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.page-book-call .book-form-status {
  min-height: 20px;
  margin: -4px 0 0;
  font-size: 14px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.78);
}

.page-book-call .book-form-status[data-state="success"] {
  color: #0afece;
}

.page-book-call .book-form-status[data-state="error"] {
  color: #ffb6c1;
}

.page-book-call .book-form-aside {
  border: 1px solid #0afece;
  border-radius: 30px;
  background: rgba(28, 28, 28, 0.2);
  backdrop-filter: blur(10px);
  padding: 28px 22px 20px;
  text-align: left;
  min-height: 462px;
}

.page-book-call .book-form-aside h3 {
  margin: 0;
  font-size: 28px;
  line-height: 1.03;
  color: #0afece;
}

.page-book-call .book-form-aside p {
  margin: 16px 0 0;
  padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.28);
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.48px;
  color: rgba(255, 255, 255, 0.84);
}

.page-book-call .book-form-aside p:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 16px;
}

.page-book-call footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 42px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-packages .section { padding-top: 0; }
body.page-packages .page-shell {
  background: var(--bg);
}

.page-packages .container {
  width: min(1326px, calc(100% - 114px));
}

.page-packages header.nav.container {
  width: min(1316px, calc(100% - 138px));
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: transparent;
}

.page-packages .packages-main {
  position: relative;
  padding-top: 130px;
}

.page-packages .packages-main::after {
  content: "";
  position: absolute;
  left: 651px;
  top: 3009px;
  width: 1225px;
  height: 1123px;
  background: url("assets/figma/mesh-bg-2.png") top left / 1225px 1123px no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.page-packages .packages-main::before {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 2170px;
  height: 678.54px;
  background: url("assets/figma/f3de5b1d-df18-43c5-9db1-01bbf1cdd864.svg") center/cover no-repeat;
  opacity: 0.5;
  pointer-events: none;
}

.page-packages .packages-main::before,
.page-packages .packages-main::after {
  content: none;
  display: none;
  background: none;
}

.page-packages .packages-hero {
  min-height: 502px;
  border-radius: 0 0 60px 60px;
  border: 1px solid var(--hero-border-soft);
}

.page-packages .packages-hero .hero-overlay {
  background: linear-gradient(90deg, rgba(14, 30, 55, 0.96) 0%, rgba(14, 30, 55, 0.7) 40%, rgba(14, 30, 55, 0.08) 77%);
}

.page-packages .packages-hero .hero-content {
  width: 100%;
  margin: 0;
  padding-left: 62px;
  padding-top: 72px;
  max-width: none;
}

.page-packages .packages-hero .eyebrow { font-size: 22px; margin-bottom: 16px; }
.page-packages .packages-hero h1 {
  font-size: 63px;
  line-height: 70px;
  max-width: 721px;
  letter-spacing: 0;
}
.page-packages .packages-hero .lead {
  max-width: 553px;
  margin-top: 16px;
  font-size: 22px;
  line-height: normal;
  color: #fff;
}
.page-packages .packages-hero .btn.small { margin-top: 24px; min-width: 153.94px; }

.page-packages .packages-tier {
  margin-top: 80px;
}

.page-packages .packages-tier > .eyebrow {
  font-size: 22px;
  line-height: normal;
  margin-bottom: 8px;
}
.page-packages .packages-tier > h2 {
  font-size: 60.12px;
  line-height: normal;
  max-width: 896px;
  margin-inline: auto;
}
.page-packages .packages-tier > .muted {
  max-width: 654px;
  margin: 24px auto 0;
  font-size: 22px;
  line-height: normal;
  color: #fff;
}

.page-packages .packages-tier-cta {
  margin-top: 24px;
  min-width: 161.94px;
}

.page-packages .packages-plans-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 407.75px 408px 428px;
  gap: 37px;
  align-items: center;
}

.page-packages .packages-plan {
  border-radius: 30px;
  border: 1px solid rgba(254, 249, 249, 0.1);
  background: rgba(211, 211, 211, 0.05);
  backdrop-filter: blur(8px);
  padding: 40px;
  text-align: left;
  min-height: 751px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.page-packages .packages-plan.featured {
  width: 408px;
  height: 840px;
  border: 1.5px solid #0afece;
  background: rgba(255, 255, 255, 0.15);
  position: relative;
}

.page-packages .packages-recommended {
  margin: 0;
  width: 154px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18.867px;
  border-radius: 550px;
  background: #0afece;
  font-family: var(--font-cta);
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #1c64ba;
}

.page-packages .packages-plan.featured .packages-plan-head {
  margin-top: 0;
}

.page-packages .packages-plan-head h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.166;
  letter-spacing: -0.15px;
  text-transform: uppercase;
}

.page-packages .packages-plan-head h3::after {
  content: "";
  display: block;
  width: 59.514px;
  height: 3px;
  margin-top: 16px;
  background: linear-gradient(90deg, #1c64ba 0%, #0afece 100%);
  border-radius: 99px;
}

.page-packages .packages-plan-head p {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.54px;
  color: #fff;
  max-width: 328px;
}

.page-packages .packages-plan-cta {
  width: 314.566px;
  max-width: 100%;
  height: 37.867px;
  border-radius: 540px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9.434px 18.867px;
  background: linear-gradient(226.31deg, #0afece 13.562%, #1c64ba 64.754%, #1c3664 109.49%);
  font-family: var(--font-cta);
  font-weight: 400;
  font-size: 16.172px;
  line-height: normal;
  color: #fff;
}

.page-packages .packages-plan-desc {
  margin: 0;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.54px;
  color: #fff;
}

.page-packages .packages-plan-content {
  margin-top: 6px;
  padding-top: 16px;
  border-top: 2px solid transparent;
  border-image: linear-gradient(90deg, #1c64ba 0%, #0afece 100%) 1;
}

.page-packages .packages-plan-label {
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  letter-spacing: 0.56px;
  font-weight: 700;
  color: #fff;
}

.page-packages .packages-list {
  margin-top: 16px;
  width: 328px;
  max-width: 100%;
  gap: 16px;
}

.page-packages .packages-plan.featured .packages-list,
.page-packages .packages-plan:nth-child(3) .packages-list {
  width: 270.88px;
}

.page-packages .packages-list li {
  display: flex;
  align-items: center;
  min-height: 22px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 1.351;
  letter-spacing: 0.56px;
  color: #fff;
}

.page-packages .packages-list li::before {
  content: "";
  width: 22px;
  height: 22px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("assets/figma/packages-sparkle.svg") center / contain no-repeat;
  font-weight: 400;
}

.page-packages .packages-faq-wrap {
  margin-top: 80px;
  width: min(1096px, 100%);
}

.page-packages .packages-faq-wrap > h2 {
  font-size: 60.12px;
  line-height: 1.08;
  max-width: 896px;
  margin-inline: auto;
}

.page-packages .packages-faqs {
  margin-top: 32px;
  width: 1096px;
  max-width: 100%;
  gap: 16px;
}

.page-packages .packages-faqs .faq {
  border: 1px solid rgba(241, 242, 249, 0.1);
  border-radius: 12px;
  background: linear-gradient(174.42deg, rgba(255,255,255,0.02) 6.63%, rgba(255,255,255,0.059) 91.75%);
  backdrop-filter: blur(20px);
  opacity: 0.43;
  min-height: 82px;
}

.page-packages .packages-faqs .faq.open {
  border: 1.5px solid #0afece;
  border-radius: 20px;
  background: rgba(28, 26, 26, 0.3);
  opacity: 1;
  box-shadow: 0 1px 12px rgba(10, 254, 206, 0.08);
  min-height: 228px;
}

.page-packages .packages-faqs .faq button {
  padding: 8px 29px;
  min-height: 82px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  align-items: center;
}

.page-packages .packages-faqs .faq.open button {
  min-height: 92px;
  padding: 16px 29px 0;
  align-items: flex-start;
}

.page-packages .packages-faqs .faq p {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #a0a0a0;
  padding: 0 30px 22px;
}

.page-packages .packages-faqs .faq.open p {
  padding: 0 52px 32px 30px;
  margin-top: 0;
  text-align: left;
}

.page-packages footer.container {
  width: min(1432px, calc(100% - 8px));
  margin-top: 61px;
  padding-top: 40px;
  padding-bottom: 104px;
  border-top: 0;
}

.page-capabilities-decode .hero-content { max-width: 700px; padding-top: 56px; }

.page-capabilities-decode .section { padding-top: 72px; }
body.page-capabilities-decode .page-shell {
  background: var(--bg);
}

.media-overlay-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(10, 254, 206, 0.42);
  min-height: 360px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  box-shadow: 0 16px 36px rgba(2, 17, 45, 0.38);
}

.media-overlay-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 21, 47, 0.05), rgba(6, 21, 47, 0.78) 72%);
}

.media-caption {
  position: relative;
  z-index: 1;
  text-align: left;
  padding: 16px;
  width: 100%;
}

.media-caption h3 {
  margin: 0 0 8px;
  font-size: 31px;
}

.media-caption p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
}

.plan-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.plan-list li {
  padding-left: 16px;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.35;
}

.plan-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent);
  font-weight: 700;
}

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

.top-step {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--grad);
  font-weight: 700;
  margin-bottom: 14px;
}

.form-wrap {
  margin-top: 18px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(217,217,217,0.03));
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(5px);
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 24px;
}

.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
input, textarea, select {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  color: white;
  border: 1px solid var(--glass-border);
  border-radius: 6px;
  padding: 10px 12px;
  margin-top: 10px;
}

.faq-list { display: grid; gap: 10px; margin-top: 20px; }
.faq { border: 1px solid var(--glass-border); border-radius: 12px; background: linear-gradient(174deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)); }
.faq button { width: 100%; background: none; color: white; border: 0; padding: 18px 20px; display: flex; justify-content: space-between; font-size: 20px; text-align: left; }
.faq p { margin: 0; padding: 0 20px 18px; color: #a8afbb; display: none; font-size: 18px; line-height: 1.35; }
.faq p { color: rgba(255, 255, 255, 0.72); }
.faq.open { border-color: var(--accent); }
.faq.open p { display: block; }

footer {
  border-top: 0;
  margin-top: 83px;
  padding-top: 40px;
  padding-bottom: 104px;
}

.footer-top,
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-inline: auto;
  max-width: 100%;
}

.footer-top {
  width: 1326px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom {
  width: 1304px;
  padding-top: 16px;
}

.footer-bottom small {
  color: #cac6dd;
  font-family: var(--font-caption);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.footer-links {
  display: flex;
  gap: 0;
  color: #cac6dd;
  padding-right: 1px;
}

.footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 32px 48px;
  font-family: var(--font-caption);
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  color: #cac6dd;
}

.footer-top > a {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.socials {
  display: flex;
  gap: 32px;
}

.socials a {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(263.44deg, #0afece 13.562%, #1c64ba 64.754%, #1c3664 109.49%);
}

.socials img {
  width: 17px;
  height: 17px;
  object-fit: contain;
  display: block;
}

.socials a[aria-label="LinkedIn"] img {
  width: 20px;
  height: 20px;
}

.socials a[aria-label="Facebook"] img {
  width: 9px;
  height: 17px;
}

footer.container {
  width: min(1432px, calc(100% - 8px));
}

.icon-chip {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 0;
  background: linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%);
  box-shadow: 0 6px 16px rgba(4, 63, 109, 0.35);
}

.icon-chip.icon-1 { background-image: url("assets/figma/7ee0721b-6602-4ed7-b034-c0368083b180.svg"), linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%); background-size: 32px 32px, auto; background-position: center, center; }
.icon-chip.icon-2 { background-image: url("assets/figma/65349b64-0930-4fc2-8e68-8c57987837d0.svg"), linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%); background-size: 32px 32px, auto; background-position: center, center; }
.icon-chip.icon-3 { background-image: url("assets/figma/2fefba24-337d-441c-a072-f2d96026e8e1.svg"), linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%); background-size: 32px 32px, auto; background-position: center, center; }
.icon-chip.icon-4 { background-image: url("assets/figma/c8474a19-1c0f-4071-a551-3a39a30b48c0.svg"), linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%); background-size: 32px 32px, auto; background-position: center, center; }
.icon-chip.icon-5 { background-image: url("assets/figma/c3c36375-67bf-404d-93d3-c1cb2e227283.svg"), linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%); background-size: 32px 32px, auto; background-position: center, center; }
.icon-chip.icon-6 { background-image: url("assets/figma/aeb8d97a-6076-49f0-bcdd-e38785b0a01b.svg"), linear-gradient(263deg, #0afece 13.5%, #1c64ba 64.7%, #1c3664 109%); background-size: 32px 32px, auto; background-position: center, center; }
 .icon-chip.icon-1, .icon-chip.icon-2, .icon-chip.icon-3, .icon-chip.icon-4, .icon-chip.icon-5, .icon-chip.icon-6 {
  background-repeat: no-repeat, no-repeat;
}

.play-chip {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.7);
  background: rgba(255,255,255,0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  backdrop-filter: blur(2px);
}

/* PNG parity pass: visual polish from exported Figma pages, without changing the font stack. */
.page-capabilities .cap-architecture-grid {
  grid-template-columns: 512px 330px 330px;
  justify-content: center;
  gap: 28px;
}

.page-capabilities .cap-architecture-card {
  min-height: 407px;
  border-color: rgba(241, 242, 249, 0.34);
  background-position: center;
}

.page-capabilities .cap-architecture-card:first-child {
  border-color: rgba(10, 254, 206, 0.72);
}

.page-capabilities .cap-architecture-card:first-child .media-caption::after {
  content: "→";
  position: absolute;
  top: 31px;
  right: 30px;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: #06152f;
  font-size: 24px;
  line-height: 1;
}

.page-capabilities .cap-architecture-card:first-child h3 {
  max-width: 390px;
}

.page-capabilities .cap-architecture-card:nth-child(2) h3,
.page-capabilities .cap-architecture-card:nth-child(3) h3 {
  max-width: 245px;
}

.page-case-use .case-built-card,
.page-capabilities .cap-tailored-card,
.page-capabilities-tailor .tailor-card,
.page-capabilities-amplify .amplify-sync-card {
  background: rgba(255, 255, 255, 0.095);
  border-color: rgba(241, 242, 249, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
}

.page-capabilities-amplify .amplify-pillar-card,
.page-capabilities .cap-achieve-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.075), rgba(217,217,217,0.032));
  border-color: rgba(10, 254, 206, 0.78);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.page-packages .packages-faqs .faq {
  opacity: 1;
  background: linear-gradient(174.42deg, rgba(255,255,255,0.018) 6.63%, rgba(255,255,255,0.052) 91.75%);
}

.page-packages .packages-faqs .faq:not(.open) button {
  color: rgba(255, 255, 255, 0.78);
}

.page-packages .packages-faqs .faq:not(.open) {
  border-color: rgba(241, 242, 249, 0.16);
}

.cap-dropdown {
  background: rgba(8, 29, 58, 0.9);
  border: 1px solid rgba(241, 242, 249, 0.14);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px);
}

.cap-dropdown a:hover,
.cap-dropdown a.active {
  background: rgba(255, 255, 255, 0.19);
  color: #0afece;
}

@media (max-width: 1100px) {
  .page-shell::before,
  .page-shell::after {
    transform: scale(0.72);
    opacity: 0.14;
  }

  .menu-toggle { display: inline-flex; }
  .nav-links { display: none; width: 100%; order: 4; flex-wrap: wrap; gap: 14px; padding-bottom: 10px; }
  .nav-links.open { display: flex; }
  .cap-dropdown {
    position: static;
    display: flex;
    min-width: 100%;
    margin-top: 6px;
    background: rgba(255, 255, 255, 0.03);
  }
  .two-col, .stats-row, .form-wrap { grid-template-columns: 1fr !important; }
  .split-row { grid-template-columns: 1fr !important; }
  .card-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .image-card { grid-column: span 1; }
  .process-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .roles-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .glow-banner { grid-template-columns: 1fr; text-align: left; }
  .glow-banner-cta { text-align: left; }
  .pillars { grid-template-columns: 1fr; }
  .pillars > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
  .container { width: min(1326px, calc(100% - 48px)); }
  .page-home .container { width: min(1326px, calc(100% - 48px)); }
  .page-home .page-shell { padding-top: 0; }
  .page-home header.nav { min-height: 84px; margin-bottom: 0; }
  .page-home .home-hero { min-height: 620px; }
  .page-home .home-hero .hero-content { padding-top: 80px; }
  .page-home .home-main::after { display: none; }
  .page-home .home-intelligence .card-grid {
    grid-template-columns: repeat(2, 1fr);
    justify-content: initial;
  }
  .page-home .home-intelligence .two-col {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .page-home .home-intelligence .two-col > div {
    padding-inline: 0;
  }
  .page-home .home-intelligence .btn.small {
    align-self: flex-start;
  }
  .page-home .home-signals .stats-row {
    grid-template-columns: 1fr;
  }
  .page-home .home-signals > h2,
  .page-home .home-advantage h2 { font-size: 44px; }

  .page-case-use .container,
  .page-case-use header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities .container,
  .page-capabilities header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities-decode .container,
  .page-capabilities-decode header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities-tailor .container,
  .page-capabilities-tailor header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities-amplify .container,
  .page-capabilities-amplify header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-packages .container,
  .page-packages header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-book-call .container,
  .page-book-call header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-case-use header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-case-use .case-main {
    padding-top: 0;
  }

  .page-case-use .case-main::before {
    display: none;
  }

  .page-case-use .case-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-case-use .case-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-case-use .case-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-case-use .case-built-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .page-case-use .case-strategic-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .page-case-use .case-team-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .page-case-use footer.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-capabilities .cap-main {
    padding-top: 0;
  }

  .page-capabilities .cap-main::before {
    display: none;
  }

  .page-capabilities-decode header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-capabilities-decode .decode-main {
    padding-top: 0;
  }

  .page-capabilities-decode .decode-main::before {
    display: none;
  }

  .page-capabilities-decode .decode-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-capabilities-decode .decode-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-capabilities-decode .decode-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-capabilities-decode .decode-grid-top {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities-decode .decode-grid-bottom {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .page-capabilities-decode .decode-predict-strip {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .page-capabilities-decode .decode-side {
    display: block;
    min-height: 220px;
  }

  .page-capabilities-decode .decode-main-card {
    grid-template-columns: 1fr;
    height: auto;
    padding: 0;
  }

  .page-capabilities-decode .decode-main-media {
    width: 100%;
    height: 300px;
  }

  .page-capabilities-decode .decode-main-copy {
    padding: 16px 20px 22px;
  }

  .page-capabilities-decode .decode-side-media {
    display: none;
  }

  .page-capabilities-decode .decode-side::after {
    display: none;
  }

  .page-capabilities-decode .decode-stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities-decode footer.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities-tailor header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-capabilities-tailor .tailor-main {
    padding-top: 0;
  }

  .page-capabilities-tailor .tailor-main::before {
    display: none;
  }

  .page-capabilities-tailor .tailor-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-capabilities-tailor .tailor-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-capabilities-tailor .tailor-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-capabilities-tailor .tailor-build-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities-tailor .tailor-design-strip {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .page-capabilities-tailor .tailor-side {
    display: block;
    min-height: 220px;
  }

  .page-capabilities-tailor .tailor-main-card {
    grid-template-columns: 1fr;
    height: auto;
    padding: 0;
  }

  .page-capabilities-tailor .tailor-main-media {
    width: 100%;
    height: 300px;
  }

  .page-capabilities-tailor .tailor-main-copy {
    padding: 16px 20px 22px;
  }

  .page-capabilities-tailor .tailor-side-media {
    display: none;
  }

  .page-capabilities-tailor .tailor-side::after {
    display: none;
  }

  .page-capabilities-tailor .tailor-stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities-tailor footer.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities-amplify header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-capabilities-amplify .amplify-main {
    padding-top: 0;
  }

  .page-capabilities-amplify .amplify-main::before {
    display: none;
  }

  .page-capabilities-amplify .amplify-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-capabilities-amplify .amplify-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-capabilities-amplify .amplify-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-capabilities-amplify .amplify-sync-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .page-capabilities-amplify .amplify-sync-card {
    min-height: auto;
  }

  .page-capabilities-amplify .amplify-pillars-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities-amplify .amplify-stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities-amplify footer.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-book-call header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-book-call .book-main {
    padding-top: 0;
  }

  .page-book-call .book-main::before {
    display: none;
  }

  .page-book-call .book-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-book-call .book-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-book-call .book-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-book-call .book-steps-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-book-call .book-form-wrap {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .page-book-call .book-form {
    padding: 24px;
  }

  .page-book-call .book-form-aside {
    padding: 32px 24px;
  }

  .page-book-call footer.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-packages header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-packages .packages-main {
    padding-top: 0;
  }

  .page-packages .packages-main::before {
    display: none;
  }

  .page-packages .packages-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-packages .packages-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-packages .packages-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-packages .packages-plans-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-packages .packages-faqs {
    width: 100%;
  }

  .page-packages footer.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-capabilities .cap-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-capabilities .cap-hero h1 {
    font-size: 52px;
    max-width: 620px;
  }

  .page-capabilities .cap-hero .lead {
    font-size: 20px;
    max-width: 620px;
  }

  .page-capabilities .cap-architecture-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .page-capabilities .cap-think-strip {
    grid-template-columns: 56px minmax(0, 1fr) 56px;
    gap: 12px;
    align-items: stretch;
  }

  .page-capabilities .cap-think-side {
    display: block;
    height: auto;
    min-height: 220px;
    border-radius: 24px;
  }

  .page-capabilities .cap-think-main {
    grid-template-columns: 1fr;
    height: auto;
    padding: 0;
  }

  .page-capabilities .cap-think-main-media {
    width: 100%;
    height: 300px;
    border-radius: 20px 20px 0 0;
  }

  .page-capabilities .cap-think-main-copy {
    padding: 16px 20px 22px;
  }

  .page-capabilities .cap-think-side .cap-think-side-media {
    display: none;
  }

  .page-capabilities .cap-think-side::after {
    display: none;
  }

  .page-capabilities .cap-think-side .play-chip {
    top: 50%;
  }

  .page-capabilities .cap-tailored-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .page-capabilities .cap-achieve-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .page-capabilities .cap-achieve-copy .muted {
    margin-top: 24px;
    max-width: none;
  }

  .page-capabilities .cap-achieve-cards {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-capabilities footer.container {
    width: min(1326px, calc(100% - 48px));
    margin-top: 70px;
  }

  .page-about .container,
  .page-about header.nav.container {
    width: min(1326px, calc(100% - 48px));
  }

  .page-about header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: rgba(6, 21, 47, 1);
  }

  .page-about .about-main {
    padding-top: 0;
  }

  .page-about .about-main > .section.container {
    width: min(1326px, calc(100% - 48px));
    max-width: none;
  }

  .page-about .about-split,
  .page-about .about-link,
  .page-about .about-feature-card {
    height: auto;
  }

  .page-about .about-copy {
    height: auto;
  }

  .page-about .about-split-media {
    width: 100%;
    height: auto;
  }

  .page-about .about-hero .hero-content {
    padding-left: 24px;
    padding-right: 24px;
    max-width: none;
  }

  .page-about .about-hero h1 { font-size: 52px; max-width: 620px; }
  .page-about .about-hero .lead { font-size: 20px; max-width: 620px; }

  .page-about .about-impact {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 36px 28px;
  }

  .page-about .about-impact h2 { font-size: 46px; }
  .page-about .about-impact h3 { font-size: 34px; }
  .page-about .about-impact .glow-banner-cta { text-align: left; }

  .page-about .about-link-copy h2 { max-width: none; }

  .page-about .about-feature-card {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }

  .page-about .about-feature-card::before {
    left: 24px;
    top: 24px;
    bottom: 24px;
  }

  .page-about .about-feature-copy {
    padding-left: 14px;
  }

  .page-about .about-feature-media,
  .page-about .about-feature-card:nth-child(2) .about-feature-media,
  .page-about .about-feature-card:nth-child(3) .about-feature-media {
    width: 100%;
    height: 280px;
  }

  .page-about .about-cta {
    min-height: 520px;
    margin-top: 70px;
  }

  .page-about .about-cta h2 {
    font-size: 44px;
  }

  .page-about .about-experience {
    width: min(1326px, calc(100% - 48px)) !important;
    max-width: none !important;
    min-height: auto;
  }

  .page-about .about-feature-stack {
    width: 100%;
  }

  .page-about footer.container {
    width: min(1326px, calc(100% - 48px));
  }
}

@media (max-width: 900px) {
  .page-about .about-split-top {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 20px;
  }

  .page-about .about-split-bottom {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 20px;
  }

  .page-about .about-link {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .page-about .about-link {
    min-height: auto;
  }

  .page-about .about-experience {
    min-height: auto;
  }
}

@media (min-width: 1101px) and (max-width: 1439px) {
  .container,
  .page-home .container,
  .page-about .container,
  .page-case-use .container,
  .page-capabilities .container,
  .page-capabilities-decode .container,
  .page-capabilities-tailor .container,
  .page-capabilities-amplify .container,
  .page-packages .container,
  .page-book-call .container {
    width: calc(100% - 120px);
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-home header.nav,
  .page-about header.nav.container,
  .page-case-use header.nav.container,
  .page-capabilities header.nav.container,
  .page-capabilities-decode header.nav.container,
  .page-capabilities-tailor header.nav.container,
  .page-capabilities-amplify header.nav.container,
  .page-book-call header.nav.container,
  .page-packages header.nav.container {
    width: calc(100% - 138px);
    max-width: 1316px;
  }

  .page-home .home-intelligence .card-grid,
  .page-case-use .case-built-grid,
  .page-case-use .case-team-grid,
  .page-capabilities .cap-architecture-grid,
  .page-capabilities .cap-tailored-grid,
  .page-capabilities .cap-achieve-cards,
  .page-capabilities-decode .decode-grid-top,
  .page-capabilities-decode .decode-stats-grid,
  .page-capabilities-tailor .tailor-build-grid,
  .page-capabilities-tailor .tailor-stats-grid,
  .page-capabilities-amplify .amplify-pillars-grid,
  .page-capabilities-amplify .amplify-stats-grid,
  .page-book-call .book-steps-grid,
  .page-packages .packages-plans-grid {
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(var(--desktop-cols, 3), minmax(0, 1fr)) !important;
    justify-content: stretch;
  }

  .page-home .home-intelligence .card-grid,
  .page-case-use .case-team-grid {
    --desktop-cols: 4;
  }

  .page-capabilities .cap-achieve-cards,
  .page-capabilities-decode .decode-stats-grid,
  .page-capabilities-tailor .tailor-stats-grid,
  .page-capabilities-amplify .amplify-pillars-grid,
  .page-capabilities-amplify .amplify-stats-grid {
    --desktop-cols: 2;
  }

  .page-home .home-intelligence .two-col,
  .page-home .home-signals .stats-row,
  .page-about .about-split-top,
  .page-about .about-split-bottom,
  .page-about .about-link,
  .page-about .about-feature-card,
  .page-case-use .case-strategic-layout,
  .page-capabilities .cap-achieve-layout,
  .page-capabilities-decode .decode-grid-bottom,
  .page-capabilities-tailor .tailor-build-grid,
  .page-capabilities-amplify .amplify-sync-grid,
  .page-book-call .book-form-wrap {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    justify-content: stretch;
  }

  .page-capabilities .cap-think-strip,
  .page-capabilities-decode .decode-predict-strip,
  .page-capabilities-tailor .tailor-design-strip {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 160px minmax(0, 1fr) 160px !important;
    justify-content: stretch;
  }

  .page-capabilities .cap-think-main,
  .page-capabilities-decode .decode-main-card,
  .page-capabilities-tailor .tailor-main-card {
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.95fr) !important;
  }

  .page-packages .packages-plan,
  .page-packages .packages-plan.featured {
    width: 100%;
    min-width: 0;
  }

  .card,
  .media-overlay-card,
  .image-card,
  .page-home .home-signals .visual,
  .page-capabilities .cap-architecture-card,
  .page-capabilities .cap-tailored-card,
  .page-capabilities .cap-achieve-card,
  .page-capabilities-decode .decode-box,
  .page-capabilities-tailor .tailor-card,
  .page-capabilities-amplify .amplify-sync-card,
  .page-capabilities-amplify .amplify-pillar-card,
  .page-case-use .case-built-card,
  .page-case-use .case-team-panel,
  .page-about .about-feature-card,
  .page-book-call .book-step-card,
  .packages-plan {
    min-width: 0;
    max-width: 100%;
  }

  img,
  video {
    max-width: 100%;
  }
}

@media (max-width: 700px) {
  .container { width: min(1320px, calc(100% - 24px)); }

  .page-about .container,
  .page-case-use .container,
  .page-capabilities .container,
  .page-capabilities-decode .container,
  .page-capabilities-tailor .container,
  .page-capabilities-amplify .container,
  .page-packages .container,
  .page-book-call .container,
  .page-about header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-case-use header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-capabilities header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-capabilities-decode header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-capabilities-tailor header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-capabilities-amplify header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-packages header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }

  .page-book-call header.nav.container {
    width: min(1320px, calc(100% - 24px));
  }
  .hero-content { padding: 34px 0 30px 20px; }
  .eyebrow { font-size: 18px; }
  h1, h2 { font-size: 42px; }
  .lead { font-size: 17px; }
  .card-grid, .process-grid, .field-row { grid-template-columns: 1fr !important; }
  .roles-grid { grid-template-columns: 1fr !important; }
  .card[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .footer-top, .footer-bottom { flex-direction: column; align-items: flex-start; }
  .faq button { font-size: 16px; }
  .faq p { font-size: 15px; }

  .page-about .about-main::before {
    display: none;
  }

  .page-case-use .case-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-capabilities .cap-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-capabilities-decode .decode-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-capabilities-tailor .tailor-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-capabilities-amplify .amplify-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-packages .packages-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-book-call .book-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-case-use .case-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-capabilities .cap-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-capabilities-decode .decode-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-capabilities-tailor .tailor-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-capabilities-amplify .amplify-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-packages .packages-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-book-call .book-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-case-use .case-hero .eyebrow { font-size: 18px; }
  .page-case-use .case-hero h1 { font-size: 42px; max-width: none; }
  .page-case-use .case-hero .lead { font-size: 17px; max-width: none; }
  .page-case-use .case-hero .btn.small { margin-top: 22px; }

  .page-capabilities .cap-hero .eyebrow { font-size: 18px; }
  .page-capabilities .cap-hero h1 { font-size: 42px; max-width: none; }
  .page-capabilities .cap-hero .lead { font-size: 17px; max-width: none; }
  .page-capabilities .cap-hero .btn.small { margin-top: 22px; }

  .page-capabilities-decode .decode-hero .eyebrow { font-size: 18px; }
  .page-capabilities-decode .decode-hero h1 { font-size: 42px; max-width: none; }
  .page-capabilities-decode .decode-hero .lead { font-size: 17px; max-width: none; }
  .page-capabilities-decode .decode-hero .btn.small { margin-top: 22px; }

  .page-capabilities-tailor .tailor-hero .eyebrow { font-size: 18px; }
  .page-capabilities-tailor .tailor-hero h1 { font-size: 42px; max-width: none; }
  .page-capabilities-tailor .tailor-hero .lead { font-size: 17px; max-width: none; }
  .page-capabilities-tailor .tailor-hero .btn.small { margin-top: 22px; }

  .page-capabilities-amplify .amplify-hero .eyebrow { font-size: 18px; }
  .page-capabilities-amplify .amplify-hero h1 { font-size: 42px; max-width: none; }
  .page-capabilities-amplify .amplify-hero .lead { font-size: 17px; max-width: none; }
  .page-capabilities-amplify .amplify-hero .btn.small { margin-top: 22px; }

  .page-packages .packages-hero .eyebrow { font-size: 18px; }
  .page-packages .packages-hero h1 { font-size: 42px; max-width: none; }
  .page-packages .packages-hero .lead { font-size: 17px; max-width: none; }
  .page-packages .packages-hero .btn.small { margin-top: 22px; }

  .page-book-call .book-hero .eyebrow { font-size: 18px; }
  .page-book-call .book-hero h1 { font-size: 42px; max-width: none; }
  .page-book-call .book-hero .lead { font-size: 17px; max-width: none; }
  .page-book-call .book-hero .btn.small { margin-top: 22px; }

  .page-case-use .case-built,
  .page-case-use .case-strategic,
  .page-case-use .case-different {
    margin-top: 56px;
  }

  .page-capabilities .cap-architecture,
  .page-capabilities .cap-think,
  .page-capabilities .cap-tailored,
  .page-capabilities .cap-achieve {
    margin-top: 56px;
  }

  .page-capabilities-decode .decode-recreate,
  .page-capabilities-decode .decode-predict,
  .page-capabilities-decode .decode-stats-wrap {
    margin-top: 56px;
  }

  .page-capabilities-tailor .tailor-build,
  .page-capabilities-tailor .tailor-design,
  .page-capabilities-tailor .tailor-stats-wrap {
    margin-top: 56px;
  }

  .page-capabilities-amplify .amplify-sync,
  .page-capabilities-amplify .amplify-connect,
  .page-capabilities-amplify .amplify-stats-wrap {
    margin-top: 56px;
  }

  .page-packages .packages-tier,
  .page-packages .packages-faq-wrap {
    margin-top: 56px;
  }

  .page-book-call .book-steps,
  .page-book-call .book-form-section {
    margin-top: 56px;
  }

  .page-case-use .case-built > .eyebrow,
  .page-case-use .case-strategic > .eyebrow,
  .page-case-use .case-different > .eyebrow {
    font-size: 18px;
  }

  .page-capabilities .cap-architecture > .eyebrow,
  .page-capabilities .cap-think > .eyebrow,
  .page-capabilities .cap-tailored > .eyebrow,
  .page-capabilities .cap-achieve-copy .eyebrow {
    font-size: 18px;
  }

  .page-capabilities-decode .decode-recreate > .eyebrow,
  .page-capabilities-decode .decode-predict > .eyebrow,
  .page-capabilities-decode .decode-stats-band > .eyebrow {
    font-size: 18px;
  }

  .page-capabilities-tailor .tailor-build > .eyebrow,
  .page-capabilities-tailor .tailor-design > .eyebrow,
  .page-capabilities-tailor .tailor-stats-band > .eyebrow {
    font-size: 18px;
  }

  .page-capabilities-amplify .amplify-sync > .eyebrow,
  .page-capabilities-amplify .amplify-connect > .eyebrow,
  .page-capabilities-amplify .amplify-stats-band > .eyebrow {
    font-size: 18px;
  }

  .page-packages .packages-tier > .eyebrow {
    font-size: 18px;
  }

  .page-book-call .book-steps > .eyebrow,
  .page-book-call .book-form-section > .eyebrow {
    font-size: 18px;
  }

  .page-case-use .case-built > h2,
  .page-case-use .case-strategic > h2,
  .page-case-use .case-different > h2 {
    font-size: 42px;
  }

  .page-case-use .case-built > h2 .line {
    white-space: normal;
  }

  .page-capabilities .cap-architecture > h2,
  .page-capabilities .cap-think > h2,
  .page-capabilities .cap-tailored > h2,
  .page-capabilities .cap-achieve-copy h2 {
    font-size: 42px;
  }

  .page-capabilities-decode .decode-recreate > h2,
  .page-capabilities-decode .decode-predict > h2,
  .page-capabilities-decode .decode-stats-band > h2 {
    font-size: 42px;
  }

  .page-capabilities-tailor .tailor-build > h2,
  .page-capabilities-tailor .tailor-design > h2,
  .page-capabilities-tailor .tailor-stats-band > h2 {
    font-size: 42px;
  }

  .page-capabilities-amplify .amplify-sync > h2,
  .page-capabilities-amplify .amplify-connect > h2,
  .page-capabilities-amplify .amplify-stats-band > h2 {
    font-size: 42px;
  }

  .page-packages .packages-tier > h2,
  .page-packages .packages-faq-wrap > h2 {
    font-size: 42px;
  }

  .page-book-call .book-steps > h2,
  .page-book-call .book-form-section > h2 {
    font-size: 42px;
  }

  .page-case-use .case-built > .muted,
  .page-case-use .case-strategic > .muted,
  .page-case-use .case-different > .muted {
    font-size: 16px;
  }

  .page-capabilities .cap-architecture > .muted,
  .page-capabilities .cap-think > .muted,
  .page-capabilities .cap-tailored > .muted,
  .page-capabilities .cap-achieve-copy .muted {
    font-size: 16px;
  }

  .page-capabilities-decode .decode-recreate > .muted,
  .page-capabilities-decode .decode-predict > .muted {
    font-size: 16px;
  }

  .page-capabilities-tailor .tailor-build > .muted,
  .page-capabilities-tailor .tailor-design > .muted {
    font-size: 16px;
  }

  .page-capabilities-amplify .amplify-sync > .muted,
  .page-capabilities-amplify .amplify-connect > .muted {
    font-size: 16px;
  }

  .page-packages .packages-tier > .muted {
    font-size: 16px;
  }

  .page-book-call .book-form-section > .muted {
    font-size: 16px;
  }

  .page-case-use .case-built-grid,
  .page-case-use .case-team-grid {
    grid-template-columns: 1fr;
  }

  .page-capabilities .cap-architecture-grid,
  .page-capabilities .cap-tailored-grid,
  .page-capabilities .cap-achieve-cards {
    grid-template-columns: 1fr;
  }

  .page-capabilities-decode .decode-grid-top,
  .page-capabilities-decode .decode-stats-grid {
    grid-template-columns: 1fr;
  }

  .page-capabilities-tailor .tailor-build-grid,
  .page-capabilities-tailor .tailor-stats-grid {
    grid-template-columns: 1fr;
  }

  .page-capabilities-amplify .amplify-sync-grid,
  .page-capabilities-amplify .amplify-pillars-grid,
  .page-capabilities-amplify .amplify-stats-grid {
    grid-template-columns: 1fr;
  }

  .page-packages .packages-plans-grid {
    grid-template-columns: 1fr;
  }

  .page-book-call .book-steps-grid {
    grid-template-columns: 1fr;
  }

  .page-case-use .case-built-card {
    min-height: auto;
    grid-template-rows: auto auto;
    padding: 16px;
    border-radius: 20px;
  }

  .page-case-use .case-built-card.middle {
    grid-template-rows: auto auto;
  }

  .page-capabilities .cap-tailored-card {
    min-height: auto;
    grid-template-rows: auto auto;
    padding: 16px;
    border-radius: 20px;
  }

  .page-capabilities .cap-tailored-card h3 {
    font-size: 24px;
    margin-top: 0;
  }

  .page-capabilities .cap-tailored-card p {
    font-size: 15px;
  }

  .page-capabilities .cap-tailored-media {
    height: 220px;
  }

  .page-capabilities-decode .decode-box {
    min-height: 320px;
    border-radius: 20px;
  }

  .page-capabilities-decode .decode-box-copy {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .page-capabilities-decode .decode-box h3 {
    font-size: 24px;
  }

  .page-capabilities-decode .decode-box p {
    font-size: 15px;
  }

  .page-capabilities-decode .decode-main-media {
    height: 220px;
    border-radius: 20px;
  }

  .page-capabilities-decode .decode-main-copy h3 {
    font-size: 24px;
  }

  .page-capabilities-decode .decode-main-copy p {
    font-size: 15px;
  }

  .page-capabilities-tailor .tailor-card {
    min-height: auto;
    grid-template-rows: auto auto;
    padding: 16px;
    border-radius: 20px;
    gap: 16px;
  }

  .page-capabilities-tailor .tailor-card.middle {
    grid-template-rows: auto auto;
  }

  .page-capabilities-tailor .tailor-card-copy h3 {
    font-size: 24px;
  }

  .page-capabilities-tailor .tailor-card-copy p {
    font-size: 15px;
  }

  .page-capabilities-tailor .tailor-card-media {
    height: 220px;
    border-radius: 20px;
  }

  .page-capabilities-tailor .tailor-main-media {
    height: 220px;
    border-radius: 20px;
  }

  .page-capabilities-tailor .tailor-main-copy h3 {
    font-size: 24px;
  }

  .page-capabilities-tailor .tailor-main-copy p {
    font-size: 15px;
  }

  .page-capabilities-tailor .tailor-stats-band {
    padding: 24px 16px 28px;
    border-radius: 20px;
    min-height: 0;
  }

  .page-capabilities-tailor .tailor-stat {
    padding: 18px 16px;
  }

  .page-capabilities-tailor .tailor-stat h3 {
    font-size: 44px;
  }

  .page-capabilities-tailor .tailor-stat p {
    font-size: 15px;
  }

  .page-capabilities-amplify .amplify-sync-card {
    min-height: auto;
    grid-template-columns: 1fr;
    padding: 16px;
    border-radius: 20px;
    gap: 16px;
  }

  .page-capabilities-amplify .amplify-sync-copy h3 {
    font-size: 24px;
  }

  .page-capabilities-amplify .amplify-sync-copy p {
    font-size: 15px;
  }

  .page-capabilities-amplify .amplify-sync-media {
    height: 220px;
    border-radius: 20px;
  }

  .page-capabilities-amplify .amplify-pillar-card {
    padding: 20px 16px;
    border-radius: 20px;
  }

  .page-capabilities-amplify .amplify-pillar-card h3 {
    font-size: 24px;
  }

  .page-capabilities-amplify .amplify-pillar-card p {
    font-size: 15px;
    max-width: none;
    letter-spacing: 0;
  }

  .page-capabilities-amplify .amplify-stats-band {
    width: 100%;
    margin-left: 0;
    min-height: 0;
    padding: 24px 16px 28px;
    border-radius: 20px;
  }

  .page-capabilities-amplify .amplify-stat {
    min-height: auto;
    padding: 18px 16px;
  }

  .page-capabilities-amplify .amplify-stat h3 {
    font-size: 44px;
  }

  .page-capabilities-amplify .amplify-stat p {
    font-size: 15px;
  }

  .page-packages .packages-plan {
    padding: 20px 16px;
    border-radius: 20px;
  }

  .page-packages .packages-recommended {
    top: 16px;
    left: 16px;
    font-size: 12px;
    padding: 6px 18px;
  }

  .page-packages .packages-plan.featured .packages-plan-head {
    margin-top: 34px;
  }

  .page-packages .packages-plan-head h3 {
    font-size: 24px;
  }

  .page-packages .packages-plan-head p,
  .page-packages .packages-plan-desc {
    font-size: 15px;
    letter-spacing: 0;
  }

  .page-packages .packages-plan-cta {
    width: 100%;
    font-size: 14px;
  }

  .page-packages .packages-list li {
    font-size: 14px;
    letter-spacing: 0;
  }

  .page-packages .packages-faqs .faq button {
    min-height: 68px;
    padding: 10px 16px;
    font-size: 16px;
  }

  .page-packages .packages-faqs .faq p {
    font-size: 15px;
    padding: 0 16px 16px;
  }

  .page-packages .packages-faqs .faq.open {
    border-radius: 16px;
  }

  .page-book-call .book-steps-track {
    grid-template-columns: repeat(4, 40px);
  }

  .page-book-call .book-step-dot {
    width: 40px;
    height: 40px;
    font-size: 19px;
    border-radius: 10px;
  }

  .page-book-call .book-step-card {
    min-height: auto;
    padding: 20px 16px;
    border-radius: 20px;
  }

  .page-book-call .book-step-card h3 {
    font-size: 24px;
  }

  .page-book-call .book-step-card p {
    font-size: 15px;
    letter-spacing: 0;
    margin-top: 14px;
  }

  .page-book-call .book-form-wrap {
    padding: 16px;
    border-radius: 20px;
  }

  .page-book-call .book-form {
    padding: 16px;
  }

  .page-book-call .book-form-heading {
    margin-bottom: 8px;
  }

  .page-book-call .book-form-heading h3 {
    font-size: 24px;
  }

  .page-book-call .book-form-heading p {
    font-size: 15px;
  }

  .page-book-call .book-form-aside {
    padding: 20px 16px;
    border-radius: 20px;
  }

  .page-book-call .book-form-aside h3 {
    font-size: 24px;
  }

  .page-book-call .book-form-aside p {
    font-size: 15px;
    letter-spacing: 0;
  }

  .page-capabilities-decode .decode-stats-band {
    padding: 24px 16px 28px;
    border-radius: 20px;
  }

  .page-capabilities-decode .decode-stat {
    padding: 18px 16px;
  }

  .page-capabilities-decode .decode-stat h3 {
    font-size: 44px;
  }

  .page-capabilities-decode .decode-stat p {
    font-size: 15px;
  }

  .page-case-use .case-built-copy h3 { font-size: 22px; }
  .page-case-use .case-built-copy p { font-size: 16px; line-height: 1.4; }
  .page-case-use .case-built-media { height: 220px; }

  .page-case-use .case-tabs .tab-item {
    min-height: 72px;
    padding: 20px 16px;
    font-size: 16px;
  }

  .page-case-use .case-tabs .tab-item span:first-child {
    font-size: 16px;
  }

  .page-case-use .case-team-panel {
    padding: 20px 16px;
    border-radius: 20px;
  }

  .page-case-use .case-team-panel h3 {
    font-size: 28px;
  }

  .page-case-use .case-panel-list {
    margin-top: 24px;
    gap: 14px;
  }

  .page-case-use .case-panel-list li {
    font-size: 16px;
    padding-left: 34px;
  }

  .page-case-use .case-panel-list li::before {
    width: 22px;
    height: 22px;
  }

  .page-case-use .case-panel-list li::after {
    left: 7px;
    top: 6px;
    width: 7px;
    height: 4px;
  }

  .page-case-use .case-team-media {
    height: 220px;
    border-radius: 20px;
  }

  .page-capabilities .cap-architecture-card {
    min-height: 320px;
    border-radius: 20px;
  }

  .page-capabilities .cap-architecture-card h3 {
    font-size: 28px;
  }

  .page-capabilities .cap-architecture-card p {
    font-size: 15px;
    margin-top: 10px;
  }

  .page-capabilities .cap-think-main-media {
    height: 220px;
    border-radius: 20px;
  }

  .page-capabilities .cap-think-main-copy h3 {
    font-size: 24px;
  }

  .page-capabilities .cap-think-main-copy p {
    font-size: 15px;
  }

  .page-capabilities .cap-achieve-card {
    min-height: auto;
    padding: 18px 16px;
  }

  .page-capabilities .cap-achieve-card h3 {
    font-size: 24px;
  }

  .page-capabilities .cap-achieve-card p {
    font-size: 15px;
  }

  .page-case-use .case-team-card h3 {
    font-size: 24px;
    margin-top: 16px;
  }

  .page-case-use .case-team-card p {
    font-size: 15px;
  }

  .page-case-use footer.container {
    width: min(1320px, calc(100% - 24px));
    margin-top: 44px;
  }

  .page-capabilities footer.container {
    width: min(1320px, calc(100% - 24px));
    margin-top: 44px;
  }

  .page-capabilities-decode footer.container {
    width: min(1320px, calc(100% - 24px));
    margin-top: 44px;
  }

  .page-about .about-split-top,
  .page-about .about-split-bottom {
    grid-template-columns: 1fr;
    gap: 20px;
    min-height: auto;
  }

  .page-about .about-split-media {
    height: 220px;
  }

  .page-about .about-hero {
    min-height: 460px;
    border-radius: 0 0 30px 30px;
  }

  .page-about .about-hero .hero-content {
    padding: 36px 16px 30px;
  }

  .page-about .about-hero .hero-content .eyebrow {
    font-size: 18px;
    max-width: none;
  }

  .page-about .about-hero h1 {
    font-size: 42px;
    max-width: none;
  }

  .page-about .about-hero .lead {
    font-size: 17px;
    max-width: none;
    margin-top: 14px;
  }

  .page-about .about-hero .btn-row {
    margin-top: 22px;
  }

  .page-about .about-copy .eyebrow { font-size: 18px; }
  .page-about .about-copy h2 { font-size: 34px; }
  .page-about .about-copy .muted { font-size: 16px; }
  .page-about .about-split-media { min-height: 220px; }

  .page-about .about-impact { padding: 24px 16px; }
  .page-about .about-impact .eyebrow { font-size: 18px; }
  .page-about .about-impact h2 { font-size: 42px; }
  .page-about .about-impact h3 { font-size: 28px; }

  .page-about .about-link-copy .eyebrow { font-size: 18px; }
  .page-about .about-link-copy h2 { font-size: 30px; }

  .page-about .about-accordion {
    padding: 20px 16px;
  }

  .page-about .about-accordion h3 {
    font-size: 20px;
  }

  .page-about .about-accordion header p {
    font-size: 14px;
  }

  .page-about .about-accordion p {
    font-size: 14px;
  }

  .page-about .about-experience > .eyebrow { font-size: 18px; }
  .page-about .about-experience > h2 { font-size: 42px; }
  .page-about .about-experience > .muted { font-size: 16px; }

  .page-about .about-feature-card {
    padding: 16px;
  }

  .page-about .about-feature-card::before {
    left: 16px;
    top: 16px;
    bottom: 16px;
  }

  .page-about .about-feature-copy {
    padding-left: 12px;
  }

  .page-about .about-feature-copy .eyebrow { font-size: 16px; }
  .page-about .about-feature-copy h3 { font-size: 28px; }
  .page-about .about-feature-copy > p { font-size: 16px; }
  .page-about .about-feature-copy .feature-list { margin-top: 24px; gap: 14px; }
  .page-about .about-feature-copy .feature-list li {
    font-size: 16px;
    padding-left: 34px;
  }
  .page-about .about-feature-copy .feature-list li::before {
    width: 22px;
    height: 22px;
  }

  .page-about .about-feature-media {
    height: 220px;
  }

  .page-about .about-cta {
    min-height: 460px;
    margin-top: 56px;
  }

  .page-about .about-cta h2 {
    font-size: 38px;
  }

  .page-about .about-cta-line {
    width: 220px;
    margin: 10px auto 14px;
  }

  .page-about .about-cta .muted {
    font-size: 16px;
    line-height: 1.45;
  }

  .page-about .about-cta p:last-child {
    margin-top: 20px;
  }

  .page-about footer.container {
    width: min(1320px, calc(100% - 24px));
  }
}

@media (max-width: 768px) {
  html, body {
    overflow-x: hidden;
  }

  body {
    min-width: 320px;
  }

  .page-shell,
  main,
  section,
  article,
  header,
  footer,
  .container {
    max-width: 100%;
  }

  .page-shell {
    overflow-x: clip;
  }

  .container,
  .page-home .container,
  .page-about .container,
  .page-case-use .container,
  .page-capabilities .container,
  .page-capabilities-decode .container,
  .page-capabilities-tailor .container,
  .page-capabilities-amplify .container,
  .page-packages .container,
  .page-book-call .container,
  .page-about header.nav.container,
  .page-case-use header.nav.container,
  .page-capabilities header.nav.container,
  .page-capabilities-decode header.nav.container,
  .page-capabilities-tailor header.nav.container,
  .page-capabilities-amplify header.nav.container,
  .page-packages header.nav.container,
  .page-book-call header.nav.container,
  footer.container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: auto;
    margin-right: auto;
  }

  footer,
  footer.container {
    padding-bottom: 36px !important;
  }

  .bg-ellipses,
  .bg-meshes,
  .page-shell::before,
  .page-shell::after,
  .home-main::before,
  .home-main::after,
  .about-main::before,
  .about-main::after,
  .case-main::before,
  .case-main::after,
  .cap-main::before,
  .cap-main::after,
  .decode-main::before,
  .decode-main::after,
  .tailor-main::before,
  .tailor-main::after,
  .amplify-main::before,
  .amplify-main::after,
  .book-main::before,
  .book-main::after,
  .packages-main::before,
  .packages-main::after {
    display: none !important;
  }

  header.nav,
  .page-home header.nav,
  .page-about header.nav.container,
  .page-case-use header.nav.container,
  .page-capabilities header.nav.container,
  .page-capabilities-decode header.nav.container,
  .page-capabilities-tailor header.nav.container,
  .page-capabilities-amplify header.nav.container,
  .page-book-call header.nav.container,
  .page-packages header.nav.container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    min-height: 0;
    gap: 14px;
    border-radius: 22px;
    width: calc(100% - 24px) !important;
    background: rgba(6, 21, 47, 0.94);
    backdrop-filter: blur(20px);
  }

  .logo {
    width: 98px;
    max-width: 42vw;
    flex: 0 0 auto;
  }

  .menu-toggle {
    order: 2;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    min-width: 96px;
    min-height: 42px;
    padding-inline: 16px;
    border-radius: 999px;
    flex: 0 0 auto;
  }

  .menu-toggle::before {
    content: "";
    width: 16px;
    height: 12px;
    flex: 0 0 16px;
    background:
      linear-gradient(currentColor 0 0) 0 0 / 16px 2px no-repeat,
      linear-gradient(currentColor 0 0) 0 5px / 16px 2px no-repeat,
      linear-gradient(currentColor 0 0) 0 10px / 16px 2px no-repeat;
    transition: transform 180ms ease;
  }

  .menu-toggle.open::before,
  .menu-toggle[aria-expanded="true"]::before {
    background: linear-gradient(currentColor 0 0) 0 5px / 16px 2px no-repeat;
    transform: rotate(45deg);
  }

  .menu-toggle.open::after,
  .menu-toggle[aria-expanded="true"]::after {
    content: "";
    position: absolute;
    left: 17px;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
  }

  .nav-links {
    width: 100%;
    order: 4;
    display: none;
  }

  .nav-links.open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-top: 8px;
  }

  .nav-links a,
  .cap-trigger,
  .cap-dropdown a {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border-radius: 16px;
    font-size: 15px;
    line-height: 1.3;
    background: rgba(255, 255, 255, 0.03);
  }

  .cap-menu {
    width: 100%;
  }

  .cap-menu::after {
    display: none;
  }

  .cap-dropdown {
    gap: 8px;
    margin-top: 8px;
    padding: 8px;
    border-radius: 18px;
  }

  header.nav .btn.small {
    width: 100%;
    min-width: 0;
    height: 46px;
    order: 3;
    justify-content: center;
  }

  .hero,
  .hero-full,
  .page-home .home-hero,
  .page-about .about-hero,
  .page-case-use .case-hero,
  .page-capabilities .cap-hero,
  .page-capabilities-decode .decode-hero,
  .page-capabilities-tailor .tailor-hero,
  .page-capabilities-amplify .amplify-hero,
  .page-book-call .book-hero,
  .page-packages .packages-hero {
    min-height: 0 !important;
    height: auto !important;
    border-radius: 0 0 28px 28px;
  }

  .hero-media,
  .hero-overlay {
    border-radius: inherit;
  }

  .hero-content,
  .page-home .home-hero .hero-content,
  .page-about .about-hero .hero-content,
  .page-case-use .case-hero .hero-content,
  .page-capabilities .cap-hero .hero-content,
  .page-capabilities-decode .decode-hero .hero-content,
  .page-capabilities-tailor .tailor-hero .hero-content,
  .page-capabilities-amplify .amplify-hero .hero-content,
  .page-book-call .book-hero .hero-content,
  .page-packages .packages-hero .hero-content {
    max-width: 100%;
    padding: 44px 8px 36px;
  }

  .page-home .home-main {
    padding-top: 0 !important;
  }

  .page-home .home-hero .hero-content {
    padding-top: 20px;
    padding-bottom: 28px;
  }

  .page-home .home-hero .lead {
    margin-top: 16px;
  }

  .page-home .home-hero .btn-row {
    margin-top: 22px;
  }

  .hero-content .btn-row,
  .btn-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .btn,
  .btn.small,
  .packages-plan-cta,
  .packages-tier-cta,
  .book-steps-cta {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  h1,
  .page-home .home-hero h1,
  .page-about .about-hero h1,
  .page-case-use .case-hero h1,
  .page-capabilities .cap-hero h1,
  .page-capabilities-decode .decode-hero h1,
  .page-capabilities-tailor .tailor-hero h1,
  .page-capabilities-amplify .amplify-hero h1,
  .page-book-call .book-hero h1,
  .page-packages .packages-hero h1 {
    font-size: clamp(32px, 10vw, 42px) !important;
    line-height: 1.08;
    max-width: 100%;
  }

  h2,
  .page-home .home-signals > h2,
  .page-home .home-advantage h2,
  .page-about .about-impact h2,
  .page-about .about-experience > h2,
  .page-case-use .case-built > h2,
  .page-case-use .case-strategic > h2,
  .page-case-use .case-different > h2,
  .page-capabilities .cap-architecture > h2,
  .page-capabilities .cap-think > h2,
  .page-capabilities .cap-tailored > h2,
  .page-capabilities .cap-achieve-copy h2,
  .page-capabilities-decode .decode-recreate > h2,
  .page-capabilities-decode .decode-predict > h2,
  .page-capabilities-decode .decode-stats-band > h2,
  .page-capabilities-tailor .tailor-build > h2,
  .page-capabilities-tailor .tailor-design > h2,
  .page-capabilities-tailor .tailor-stats-band > h2,
  .page-capabilities-amplify .amplify-sync > h2,
  .page-capabilities-amplify .amplify-connect > h2,
  .page-capabilities-amplify .amplify-stats-band > h2,
  .page-book-call .book-steps > h2,
  .page-book-call .book-form-section > h2,
  .page-packages .packages-tier > h2,
  .page-packages .packages-faq-wrap > h2 {
    font-size: clamp(28px, 8.5vw, 40px) !important;
    line-height: 1.12;
  }

  .lead,
  .muted {
    max-width: 100%;
  }

  .section,
  .page-home .home-intelligence.section,
  .page-home .home-signals.section,
  .page-home .home-advantage.section {
    padding-top: 52px;
  }

  .page-home .home-intelligence,
  .page-home .home-signals,
  .page-home .home-advantage,
  .page-about .about-impact,
  .page-about .about-link,
  .page-about .about-experience,
  .page-case-use .case-built,
  .page-case-use .case-strategic,
  .page-case-use .case-different,
  .page-capabilities .cap-architecture,
  .page-capabilities .cap-think,
  .page-capabilities .cap-tailored,
  .page-capabilities .cap-achieve,
  .page-capabilities-decode .decode-recreate,
  .page-capabilities-decode .decode-predict,
  .page-capabilities-decode .decode-stats-wrap,
  .page-capabilities-tailor .tailor-build,
  .page-capabilities-tailor .tailor-design,
  .page-capabilities-tailor .tailor-stats-wrap,
  .page-capabilities-amplify .amplify-sync,
  .page-capabilities-amplify .amplify-connect,
  .page-capabilities-amplify .amplify-stats-wrap,
  .page-book-call .book-steps,
  .page-book-call .book-form-section,
  .page-packages .packages-tier,
  .page-packages .packages-faq-wrap {
    margin-top: 52px;
  }

  .glow-banner,
  .page-about .about-link,
  .page-about .about-impact,
  .page-about .about-link-copy,
  .page-about .about-accordion-stack,
  .page-about .about-feature-stack,
  .glow-banner-copy,
  .glow-banner-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .two-col,
  .split-row,
  .stats-row,
  .form-wrap,
  .card-grid,
  .process-grid,
  .roles-grid,
  .field-row,
  .page-home .home-intelligence .two-col,
  .page-home .home-intelligence .card-grid,
  .page-home .home-signals .stats-row,
  .page-about .about-split-top,
  .page-about .about-split-bottom,
  .page-about .about-link,
  .page-about .about-feature-card,
  .page-case-use .case-built-grid,
  .page-case-use .case-strategic-layout,
  .page-case-use .case-team-grid,
  .page-capabilities .cap-architecture-grid,
  .page-capabilities .cap-tailored-grid,
  .page-capabilities .cap-achieve-layout,
  .page-capabilities .cap-achieve-cards,
  .page-capabilities-decode .decode-grid-top,
  .page-capabilities-decode .decode-grid-bottom,
  .page-capabilities-decode .decode-stats-grid,
  .page-capabilities-tailor .tailor-build-grid,
  .page-capabilities-tailor .tailor-stats-grid,
  .page-capabilities-amplify .amplify-sync-grid,
  .page-capabilities-amplify .amplify-pillars-grid,
  .page-capabilities-amplify .amplify-stats-grid,
  .page-book-call .book-steps-grid,
  .page-book-call .book-form-wrap,
  .page-packages .packages-plans-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .page-about .about-impact,
  .page-about .about-link,
  .page-about .about-link-copy,
  .page-about .about-accordion-stack,
  .page-about .about-feature-stack {
    grid-template-columns: 1fr !important;
  }

  .page-about .about-link-copy,
  .page-about .about-accordion-stack,
  .page-about .about-feature-stack {
    justify-self: stretch;
  }

  .image-card,
  .page-home .home-intelligence .image-card,
  .page-home .home-signals .visual,
  .page-about .about-split-media,
  .page-about .about-feature-media,
  .page-case-use .case-built-media,
  .page-case-use .case-team-media,
  .page-capabilities .cap-tailored-media,
  .page-capabilities-amplify .amplify-sync-media,
  .page-capabilities-tailor .tailor-card-media {
    height: 220px !important;
    min-height: 220px;
  }

  .cap-think-strip,
  .decode-predict-strip,
  .tailor-design-strip {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .cap-think-side,
  .decode-side,
  .tailor-side {
    display: block;
    width: 100%;
    min-height: 96px !important;
    height: 96px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 20px;
    overflow: hidden;
  }

  .cap-think-side-media,
  .decode-side-media,
  .tailor-side-media {
    display: block !important;
    width: 100%;
    height: 100%;
  }

  .cap-think-preview-image,
  .decode-preview-image,
  .tailor-preview-image {
    width: 100%;
    max-width: none !important;
    height: 100%;
    object-fit: cover;
    object-position: center center !important;
    transform: none !important;
    opacity: 0.62;
  }

  .page-capabilities .cap-think-preview-image,
  .page-capabilities-decode .decode-preview-image {
    width: 100% !important;
    border-radius: 0 !important;
  }

  .page-capabilities-tailor .tailor-preview-left,
  .page-capabilities-tailor .tailor-preview-right {
    width: 100% !important;
    transform: none !important;
    border-radius: 0 !important;
  }

  .cap-think-main,
  .decode-main-card,
  .tailor-main-card {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0;
    padding: 0 !important;
    border-radius: 24px;
    overflow: hidden;
  }

  .cap-think-main-media,
  .decode-main-media,
  .tailor-main-media {
    width: 100%;
    height: 220px !important;
    min-height: 220px;
    border-radius: 0;
  }

  .cap-think-main-copy,
  .decode-main-copy,
  .tailor-main-copy {
    width: auto !important;
    max-width: none !important;
    top: auto !important;
    padding: 18px 18px 20px !important;
    gap: 14px !important;
  }

  .cap-think-main-copy h3,
  .decode-main-copy h3,
  .tailor-main-copy h3 {
    max-width: none !important;
    font-size: 24px !important;
  }

  .cap-think-main-copy p,
  .decode-main-copy p,
  .tailor-main-copy p {
    max-width: none !important;
    font-size: 15px !important;
    line-height: 1.45;
  }

  .play-chip,
  .cap-think-arrow,
  .decode-arrow,
  .tailor-arrow {
    width: 48px;
    height: 48px;
    top: 50% !important;
  }

  .tailor-banner,
  .book-form-wrap,
  .about-impact,
  .decode-stats-band,
  .tailor-stats-band,
  .amplify-stats-band {
    padding: 20px 16px !important;
    border-radius: 20px;
    min-height: 0 !important;
  }

  .book-steps-track {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100%;
    max-width: 320px;
    gap: 8px;
  }

  .book-step-dot {
    width: 100%;
    height: 38px;
  }

  .book-form,
  .book-form-aside,
  .book-step-card,
  .packages-plan,
  .faq,
  .cap-achieve-card,
  .cap-tailored-card,
  .decode-box,
  .tailor-card,
  .amplify-sync-card,
  .amplify-pillar-card,
  .case-built-card,
  .case-team-panel,
  .about-accordion,
  .about-feature-card {
    border-radius: 20px !important;
  }

  input,
  textarea,
  select {
    width: 100%;
    min-width: 0;
  }

  .footer-top,
  .footer-bottom {
    width: 100% !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .footer-links {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .footer-links a {
    padding: 0;
  }

  .socials {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .container,
  .page-home .container,
  .page-about .container,
  .page-case-use .container,
  .page-capabilities .container,
  .page-capabilities-decode .container,
  .page-capabilities-tailor .container,
  .page-capabilities-amplify .container,
  .page-packages .container,
  .page-book-call .container,
  footer.container {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  header.nav,
  .page-home header.nav,
  .page-about header.nav.container,
  .page-case-use header.nav.container,
  .page-capabilities header.nav.container,
  .page-capabilities-decode header.nav.container,
  .page-capabilities-tailor header.nav.container,
  .page-capabilities-amplify header.nav.container,
  .page-book-call header.nav.container,
  .page-packages header.nav.container {
    width: calc(100% - 20px) !important;
    padding: 12px 14px;
  }

  .hero-content,
  .page-home .home-hero .hero-content,
  .page-about .about-hero .hero-content,
  .page-case-use .case-hero .hero-content,
  .page-capabilities .cap-hero .hero-content,
  .page-capabilities-decode .decode-hero .hero-content,
  .page-capabilities-tailor .tailor-hero .hero-content,
  .page-capabilities-amplify .amplify-hero .hero-content,
  .page-book-call .book-hero .hero-content,
  .page-packages .packages-hero .hero-content {
    padding: 38px 4px 30px;
  }

  h1,
  .page-home .home-hero h1,
  .page-about .about-hero h1,
  .page-case-use .case-hero h1,
  .page-capabilities .cap-hero h1,
  .page-capabilities-decode .decode-hero h1,
  .page-capabilities-tailor .tailor-hero h1,
  .page-capabilities-amplify .amplify-hero h1,
  .page-book-call .book-hero h1,
  .page-packages .packages-hero h1 {
    font-size: 30px !important;
  }

  h2 {
    font-size: 26px !important;
  }

  .footer-links {
    grid-template-columns: 1fr;
  }

  .cap-think-main-media,
  .decode-main-media,
  .tailor-main-media,
  .page-home .home-signals .visual,
  .image-card,
  .page-about .about-split-media,
  .page-about .about-feature-media,
  .page-case-use .case-built-media,
  .page-case-use .case-team-media,
  .page-capabilities .cap-tailored-media,
  .page-capabilities-amplify .amplify-sync-media,
  .page-capabilities-tailor .tailor-card-media {
    height: 200px !important;
    min-height: 200px;
  }

  .book-form-wrap,
  .book-form,
  .book-form-aside,
  .packages-plan,
  .faq,
  .about-impact,
  .decode-stats-band,
  .tailor-stats-band,
  .amplify-stats-band {
    padding: 16px 14px !important;
  }
}

@media (max-width: 768px) {
  .page-packages .packages-plans-grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    overflow: visible;
  }

  .page-packages .packages-plan,
  .page-packages .packages-plan.featured {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
  }

  .page-packages .packages-recommended {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 154px !important;
    height: 28px !important;
    padding: 0 18.867px !important;
    margin: 0 !important;
    font-size: 14px !important;
  }

  .page-packages .packages-plan.featured .packages-plan-head {
    margin-top: 0 !important;
  }

  .page-packages .packages-plan-head,
  .page-packages .packages-plan-head p,
  .page-packages .packages-plan-desc,
  .page-packages .packages-plan-content,
  .page-packages .packages-list,
  .page-packages .packages-plan.featured .packages-list,
  .page-packages .packages-plan:nth-child(3) .packages-list {
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-packages .packages-plan-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px;
  }

  .page-packages .packages-faqs .faq,
  .page-packages .packages-faqs .faq.open {
    min-height: 0 !important;
  }

  .page-packages .packages-faqs .faq button,
  .page-packages .packages-faqs .faq.open button {
    min-height: 0 !important;
    padding: 16px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    align-items: center !important;
  }

  .page-packages .packages-faqs .faq p,
  .page-packages .packages-faqs .faq.open p {
    padding: 0 16px 18px !important;
    margin-top: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
}