@charset "UTF-8";
:root {
  --font-primary: Montserrat, Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  --font-display: Raleway, Montserrat, sans-serif;
  --font-mono: IBM Plex Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  --font-system: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 0.9375rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-display-sm: 3.5rem;
  --font-size-display: 4.5rem;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --leading-none: 1.0;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;
  --leading-loose: 1.75;
  --tracking-tightest: -0.04em;
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.01em;
  --tracking-wider: 0.02em;
  --tracking-widest: 0.08em;
  --color-white: #FDFDFD;
  --color-black: #1E293B;
  --color-gray-50: #F8F9FA;
  --color-gray-100: #F1F3F5;
  --color-gray-200: #E3E8ED;
  --color-gray-300: #CBD2DA;
  --color-gray-400: #9AA3AD;
  --color-gray-500: #64748B;
  --color-gray-600: #475569;
  --color-gray-700: #334155;
  --color-gray-800: #1E293B;
  --color-gray-900: #0F172A;
  --blue-50: #eef1fb;
  --blue-100: #D8DEFA;
  --blue-200: #B0BCF4;
  --blue-300: #7B93E8;
  --blue-400: #3D5BD9;
  --blue-500: #2541D4;
  --blue-600: #1C34A8;
  --blue-700: #152882;
  --blue-800: #0E1B5A;
  --blue-900: #060C2A;
  --purple-50: #F1EEFF;
  --purple-100: #E3DBFE;
  --purple-200: #C7B7FD;
  --purple-300: #AA94FB;
  --purple-400: #8E70FA;
  --purple-500: #724CF9;
  --purple-600: #5B3DC7;
  --purple-700: #442E95;
  --purple-800: #2E1E64;
  --purple-900: #170F32;
  --orange-50: #FFF6EC;
  --orange-300: #FBC68B;
  --orange-500: #F8A03E;
  --orange-600: #C68032;
  --orange-700: #956025;
  --amber-50: #FFF8E8;
  --amber-100: #FCECC1;
  --amber-200: #F6DE93;
  --amber-300: #FFD84D;
  --amber-400: #F2C22C;
  --amber-500: #E8A800;
  --amber-600: #B88400;
  --amber-700: #8A6100;
  --green-dark-300: #8FC88C;
  --green-dark-500: #45A340;
  --green-dark-700: #296226;
  --green-light-300: #CFE386;
  --green-light-500: #AFD136;
  --green-light-700: #697D20;
  --sec-blue-500: #1B75BB;
  --sec-blue-600: #165E96;
  --sec-red-500: #ED2D35;
  --sec-red-700: #8E1B20;
  --sec-green-500: #71AC3A;
  --sec-orange-500: #EC4D00;
  --color-brand-primary: var(--blue-500);
  --color-brand-blue: var(--blue-500);
  --color-brand-purple: var(--purple-500);
  --color-brand-orange: var(--orange-500);
  --color-brand-amber: var(--amber-500);
  --color-brand-green: var(--green-dark-500);
  /* Page-level accent — overridden per pillar page theme class */
  --color-accent: var(--color-brand-primary);
  --color-accent-dark: var(--blue-600);
  --color-accent-light: var(--blue-50);
  /* Hero gradient — overridden per theme class */
  --hero-gradient: linear-gradient(
    150deg,
    var(--blue-900) 0%,
    var(--blue-800) 60%,
    var(--blue-900) 100%
  );
  /* Hero overlay — directional dark overlay for contrast */
  --hero-overlay-top: rgba(0, 0, 0, 0.10);
  --hero-overlay-bottom: rgba(0, 0, 0, 0.05);
  --color-success: var(--sec-green-500);
  --color-success-light: rgba(113, 172, 58, 0.1);
  --color-success-dark: #5A8A2E;
  --color-error: var(--sec-red-500);
  --color-error-light: rgba(237, 45, 53, 0.1);
  --color-error-dark: #C41E25;
  --color-warning: var(--orange-500);
  --color-warning-light: rgba(248, 160, 62, 0.1);
  --color-warning-dark: #E68A1E;
  --color-info: var(--sec-blue-500);
  --color-info-light: rgba(27, 117, 187, 0.1);
  --color-info-dark: #145A8F;
  --bg-default: #FDFDFD;
  --bg-muted: var(--color-gray-100);
  --bg-raised: var(--color-gray-50);
  --bg-hover: #F0F0F0;
  --bg-active: var(--color-gray-200);
  --bg-card: #FDFDFD;
  --bg-header: rgba(231, 238, 245, 0.85);
  --text-primary: var(--color-black);
  --text-secondary: var(--color-gray-600);
  --text-tertiary: var(--color-gray-500);
  --text-disabled: var(--color-gray-400);
  --text-muted: var(--color-gray-700);
  --text-success: var(--color-success-dark);
  --text-error: var(--color-error-dark);
  --text-warning: var(--color-warning-dark);
  --text-info: var(--color-info-dark);
  --link-text: var(--sec-blue-500);
  --link-hover-text: var(--sec-orange-500);
  --link-visited-text: var(--blue-500);
  --border-color: var(--color-gray-300);
  --border-color-light: var(--color-gray-200);
  --border-color-dark: var(--color-gray-400);
  --divider-color: var(--border-color);
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  --spacing-5xl: 8rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-default: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --shadow-xl: 0 1.5rem 4rem rgba(0, 0, 0, 0.2);
  --card-shadow: var(--shadow);
  --container-max: 1200px;
  --container-pad: var(--spacing-xl);
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
  --z-toast: 9999;
  --transition-fast: all 0.15s ease;
  --transition-base: all 0.2s ease-in-out;
  --transition-slow: all 0.3s ease;
  --transition-colors: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  --transition-transform: transform 0.2s ease;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme=dark] {
  --color-brand-primary: #3141be;
  --color-brand-purple: #8E70FA;
  --color-brand-orange: #FFC980;
  --color-brand-amber: #b79746;
  --color-brand-green: #489944;
  --color-white: #FDFDFD;
  --color-black: #F5F5F5;
  --color-gray-50: #1F1F1F;
  --color-gray-100: #2A2A2A;
  --color-gray-200: #333333;
  --color-gray-300: #3A3A3A;
  --color-gray-400: #555555;
  --color-gray-500: #777777;
  --color-gray-600: #A0A0A0;
  --color-gray-700: #C8C8C8;
  --color-gray-800: #E0E0E0;
  --color-gray-900: #F5F5F5;
  --purple-50: #170F32;
  --purple-500: #8E70FA;
  --blue-50: #060C2A;
  --amber-50: #2A1F09;
  --amber-100: #F0DFB8;
  --amber-200: #E4CD97;
  --amber-300: #D7BC78;
  --amber-400: #C9AA5D;
  --amber-500: #B79746;
  --amber-600: #9C7F3D;
  --amber-700: #826936;
  --sec-blue-500: #5AAEE3;
  --sec-red-500: #FF5A60;
  --sec-green-500: #98D766;
  --sec-orange-500: #FF7E3A;
  --color-success: var(--sec-green-500);
  --color-success-light: rgba(152, 215, 102, 0.15);
  --color-success-dark: #7AB855;
  --color-error: var(--sec-red-500);
  --color-error-light: rgba(255, 90, 96, 0.15);
  --color-error-dark: #FF7A7E;
  --color-warning: var(--color-brand-orange);
  --color-warning-light: rgba(255, 201, 128, 0.15);
  --color-warning-dark: #FFB84D;
  --color-info: var(--sec-blue-500);
  --color-info-light: rgba(90, 174, 227, 0.15);
  --color-info-dark: #7BB8E8;
  --bg-default: #121212;
  --bg-muted: #1A1A1A;
  --bg-raised: #252525;
  --bg-hover: #2A2A2A;
  --bg-active: #333333;
  --bg-card: #1E1E1E;
  --bg-header: rgba(18, 18, 18, 0.9);
  --text-primary: #F5F5F5;
  --text-secondary: #C8C8C8;
  --text-tertiary: #A0A0A0;
  --text-disabled: #555555;
  --text-muted: #A0A0A0;
  --border-color: #363636;
  --border-color-light: #2A2A2A;
  --border-color-dark: #555555;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35);
  --shadow-md: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 1.5rem 4rem rgba(0, 0, 0, 0.5);
}

.theme-studios {
  --color-accent: var(--color-brand-primary);
  --color-accent-dark: var(--blue-600);
  --color-accent-light: var(--blue-50);
  --hero-gradient: linear-gradient(
    150deg,
    var(--blue-900) 0%,
    var(--blue-800) 60%,
    var(--blue-900) 100%
  );
  --hero-overlay-top: rgba(0, 0, 0, 0.10);
  --hero-overlay-bottom: rgba(0, 0, 0, 0.05);
}

.theme-platform {
  --go: #C99700;
  --cn: #FFE878;
  --cd: #FFFFFF;
  --color-accent: var(--color-brand-amber);
  --color-accent-dark: var(--amber-700);
  --color-accent-light: rgba(232, 168, 0, 0.1);
  --btn-primary-fg: var(--color-gray-900);
  --hero-gradient: linear-gradient(
    150deg,
    var(--amber-700) 0%,
    var(--orange-700) 60%,
    var(--amber-700) 100%
  );
  --hero-overlay-top: rgba(0, 0, 0, 0.50);
  --hero-overlay-bottom: rgba(0, 0, 0, 0.20);
}

.theme-advisory {
  --tp: #00C85A;
  --tp-lbl: var(--color-white);
  --cn: #80FFD0;
  --cd: #FFFFFF;
  --color-accent: var(--color-brand-green);
  --color-accent-dark: var(--green-dark-700);
  --color-accent-light: rgba(69, 163, 64, 0.1);
  --hero-gradient: linear-gradient(
    150deg,
    var(--green-dark-700) 0%,
    var(--green-dark-500) 60%,
    var(--green-dark-700) 100%
  );
  --hero-overlay-top: rgba(0, 0, 0, 0.50);
  --hero-overlay-bottom: rgba(0, 0, 0, 0.20);
}

.theme-global {
  --hero-gradient: linear-gradient(
    150deg,
    var(--blue-900) 0%,
    var(--blue-800) 60%,
    var(--blue-900) 100%
  );
  --hero-overlay-top: rgba(0, 0, 0, 0.10);
  --hero-overlay-bottom: rgba(0, 0, 0, 0.05);
}

.section-insights {
  --nav-group-accent: var(--color-brand-purple);
}

.section-about {
  --nav-group-accent: var(--color-gray-700);
}

[data-theme=dark] .theme-studios {
  --color-accent: var(--color-brand-primary);
  --color-accent-light: rgba(37, 65, 212, 0.2);
}

[data-theme=dark] .theme-platform {
  --color-accent: var(--color-brand-amber);
  --color-accent-light: rgba(232, 168, 0, 0.15);
}

[data-theme=dark] .theme-advisory {
  --color-accent: var(--color-brand-green);
  --color-accent-light: rgba(69, 163, 64, 0.15);
}

[data-theme=dark] .section-insights {
  --nav-group-accent: var(--purple-300);
}

[data-theme=dark] .section-about {
  --nav-group-accent: var(--color-gray-200);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  background-color: var(--bg-default);
  color: var(--text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--leading-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

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

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

ul[class],
ol[class] {
  list-style: none;
}

a {
  color: var(--link-text);
  text-decoration: none;
  transition: var(--transition-colors);
}
a:hover {
  color: var(--link-hover-text);
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

::selection {
  background-color: var(--color-brand-primary);
  color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  letter-spacing: var(--tracking-tight);
}

h1 {
  font-size: var(--font-size-4xl);
}
@media (min-width: 992px) {
  h1 {
    font-size: var(--font-size-5xl);
  }
}

h2 {
  font-size: var(--font-size-3xl);
}
@media (min-width: 992px) {
  h2 {
    font-size: var(--font-size-4xl);
  }
}

h3 {
  font-size: var(--font-size-2xl);
}

h4 {
  font-size: var(--font-size-xl);
}

h5 {
  font-size: var(--font-size-lg);
}

h6 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
}

.display-lg {
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tighter);
}
@media (min-width: 992px) {
  .display-lg {
    font-size: var(--font-size-display);
  }
}

.display-sm {
  font-family: var(--font-display);
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tighter);
}

p {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  max-width: 68ch;
}

.lead {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 60ch;
}

.eyebrow {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}

.section-label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}

blockquote {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-style: italic;
  line-height: var(--leading-snug);
  color: var(--text-primary);
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
}

strong {
  font-weight: var(--font-weight-bold);
}

em {
  font-style: italic;
}

.lucide,
.lucide-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.lucide {
  width: 1.25em;
  height: 1.25em;
}

.lucide-icon {
  width: 20px;
  height: 20px;
}

.icon-xs {
  width: 14px;
  height: 14px;
}

.icon-sm {
  width: 16px;
  height: 16px;
}

.icon-md {
  width: 20px;
  height: 20px;
}

.icon-lg {
  width: 24px;
  height: 24px;
}

.icon-xl {
  width: 32px;
  height: 32px;
}

.icon-2xl {
  width: 48px;
  height: 48px;
}

.icon-primary {
  color: var(--color-brand-primary);
}

.icon-amber {
  color: var(--color-brand-amber);
}

.icon-green {
  color: var(--color-brand-green);
}

.icon-purple {
  color: var(--color-brand-purple);
}

.icon-muted {
  color: var(--text-tertiary);
}

.icon-white {
  color: var(--color-white);
}

.icon-accent {
  color: var(--color-accent);
}

.vb-lockup {
  display: flex;
  align-items: center;
  gap: 16px;
}

.vb-divider {
  width: 1.5px;
  flex-shrink: 0;
}

.vb-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.entity-name {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
}

.entity-sub {
  font-family: var(--font-mono);
  font-size: var(--font-size-sm);
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-white);
  opacity: 1;
}

.entity-rule {
  height: 2px;
  border-radius: 1px;
  margin-top: 4px;
}

.capability-lockup-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  min-height: 200px;
}

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--spacing-xl);
}
@media (max-width: 576px) {
  .container {
    padding-inline: var(--spacing-lg);
  }
}

.section-wrap {
  padding-block: var(--spacing-5xl);
}
@media (max-width: 768px) {
  .section-wrap {
    padding-block: var(--spacing-4xl);
  }
}
@media (max-width: 576px) {
  .section-wrap {
    padding-block: var(--spacing-3xl);
  }
}

.bg-default {
  background-color: var(--bg-default);
}

.bg-muted {
  background-color: var(--bg-muted);
}

.bg-raised {
  background-color: var(--bg-raised);
}

.bg-dark {
  background-color: var(--color-gray-900);
  color: var(--color-white);
}

.grid {
  display: grid;
  gap: var(--spacing-xl);
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
}

.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
}

.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 992px) {
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-4 {
    grid-template-columns: 1fr;
  }
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.mb-sm {
  margin-bottom: var(--spacing-sm);
}

.mb-md {
  margin-bottom: var(--spacing-md);
}

.mb-lg {
  margin-bottom: var(--spacing-lg);
}

.mb-xl {
  margin-bottom: var(--spacing-xl);
}

.mb-2xl {
  margin-bottom: var(--spacing-2xl);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

@media (max-width: 768px) {
  .text-center-mobile {
    text-align: center;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.btn {
  --btn-primary-fg: var(--color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  border-radius: var(--radius-default);
  border: 2px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.btn:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px var(--color-accent-light, rgba(37, 65, 212, 0.15));
}

.btn--primary {
  background-color: var(--color-accent);
  color: var(--btn-primary-fg);
  border-color: var(--color-accent);
}
.btn--primary:hover {
  background-color: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
  color: var(--btn-primary-fg);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}
.btn--primary:active {
  transform: translateY(0) scale(0.98);
  box-shadow: none;
}

.btn--secondary {
  background-color: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}
.btn--secondary:hover {
  background-color: var(--color-accent);
  color: var(--btn-primary-fg);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}
.btn--secondary:active {
  transform: translateY(0) scale(0.98);
  box-shadow: none;
}

.btn--ghost-light {
  background-color: transparent;
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0.4);
}
.btn--ghost-light:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: var(--color-white);
  box-shadow: var(--shadow-md);
}
.btn--ghost-light:active {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  transform: scale(0.98);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  background-color: color-mix(in srgb, var(--bg-header) 92%, rgba(255, 255, 255, 0.98));
  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  border-bottom: 1px solid var(--border-color-light);
  transition: background-color 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out), border-color 0.2s var(--ease-out), backdrop-filter 0.2s var(--ease-out);
}
.site-header.scrolled {
  background-color: color-mix(in srgb, var(--bg-header) 96%, rgba(255, 255, 255, 0.99));
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  box-shadow: var(--shadow-sm);
}

.nav-container {
  display: flex;
  align-items: center;
  height: 88px;
  gap: var(--spacing-xl);
}

.nav-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.nav-logo__img {
  height: 36px;
  width: auto;
  display: block;
  transform: translateY(-10px);
}

.nav-logo__img--light {
  display: block;
}

.nav-logo__img--dark {
  display: none;
}

[data-theme=dark] .nav-logo__img--light {
  display: none;
}
[data-theme=dark] .nav-logo__img--dark {
  display: block;
}

.nav-list {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  list-style: none;
  flex: 1;
  justify-content: center;
}
@media (max-width: 992px) {
  .nav-list {
    display: none;
  }
}

.nav-link {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-default);
  transition: var(--transition-colors);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.nav-link:hover {
  color: var(--color-accent);
  background: color-mix(in srgb, var(--color-accent) 5%, transparent);
}
.nav-link.is-active-group {
  color: var(--nav-group-accent, var(--color-accent));
  background: color-mix(in srgb, var(--nav-group-accent, var(--color-accent)) 8%, transparent);
}
.nav-link[aria-expanded=true] {
  color: var(--color-accent);
  background: color-mix(in srgb, var(--color-accent) 8%, transparent);
}
.nav-link.is-active-group[aria-expanded=true] {
  color: var(--nav-group-accent, var(--color-accent));
  background: color-mix(in srgb, var(--nav-group-accent, var(--color-accent)) 8%, transparent);
}

.nav-chevron {
  transition: transform 0.2s var(--ease-in-out);
}
[aria-expanded=true] .nav-chevron {
  transform: rotate(180deg);
}

.nav-item--dropdown {
  position: relative;
}

.nav-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px) scale(0.98);
  min-width: 240px;
  background-color: color-mix(in srgb, var(--bg-card) 95%, transparent);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xl);
  padding: var(--spacing-sm);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s var(--ease-out), transform 0.25s var(--ease-out), visibility 0.25s var(--ease-out);
  z-index: var(--z-dropdown);
}
.nav-dropdown::before, .nav-dropdown::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.nav-dropdown::after {
  top: -8px;
  border-bottom: 8px solid var(--border-color-light);
}
.nav-dropdown::before {
  top: -6px;
  border-bottom: 7px solid color-mix(in srgb, var(--bg-card) 95%, transparent);
  z-index: 1;
}
.nav-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}

.nav-dropdown__link {
  display: block;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  border-radius: var(--radius-default);
  transition: var(--transition-base);
}
.nav-dropdown__link:hover {
  color: var(--color-accent);
  background: color-mix(in srgb, var(--color-accent) 4%, transparent);
  transform: translateX(4px);
}

.nav-cta-wrap {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .nav-cta-wrap {
    display: none;
  }
}

.nav-toggle {
  display: none;
}
@media (max-width: 992px) {
  .nav-toggle {
    --nav-toggle-size: 2.5rem;
    --nav-toggle-bar-width: 1.375rem;
    --nav-toggle-bar-height: 0.1875rem;
    --nav-toggle-bar-offset: calc(var(--spacing-xs) + 0.1875rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    width: var(--nav-toggle-size);
    height: var(--nav-toggle-size);
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--spacing-sm);
    border-radius: var(--radius-default);
    transition: background-color 0.2s var(--ease-out), color 0.2s var(--ease-out);
  }
  .nav-toggle:hover {
    background-color: color-mix(in srgb, var(--color-accent) 6%, transparent);
  }
  .nav-toggle:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    background-color: color-mix(in srgb, var(--color-accent) 8%, transparent);
  }
}

.nav-toggle__bar {
  display: block;
  width: var(--nav-toggle-bar-width);
  height: var(--nav-toggle-bar-height);
  background-color: var(--text-primary);
  border-radius: var(--radius-full);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform, opacity;
  transition: transform 0.2s var(--ease-in-out), opacity 0.2s var(--ease-in-out), background-color 0.2s var(--ease-in-out);
}
.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(1) {
  transform: translateY(var(--nav-toggle-bar-offset)) rotate(45deg);
}
.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.6);
}
.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3) {
  transform: translateY(calc(var(--nav-toggle-bar-offset) * -1)) rotate(-45deg);
}

.nav-mobile {
  display: none;
}
@media (max-width: 992px) {
  .nav-mobile {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: color-mix(in srgb, var(--bg-card) 95%, transparent);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid var(--border-color-light);
    border-bottom: 1px solid var(--border-color-light);
    box-shadow: var(--shadow-xl);
    max-height: 0;
    overflow: hidden;
    overflow-x: hidden;
    overscroll-behavior: contain;
    transition: max-height 0.35s var(--ease-in-out), border-color 0.2s var(--ease-out);
  }
  .nav-mobile.is-open {
    max-height: calc(100dvh - 5.5rem);
    overflow-y: auto;
  }
}

.nav-mobile__list {
  list-style: none;
  padding: var(--spacing-md) var(--spacing-xl) var(--spacing-xl);
}
@media (max-width: 576px) {
  .nav-mobile__list {
    padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg);
  }
}

.nav-mobile__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-md) 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  background: none;
  border: none;
  border-bottom: 1px solid var(--border-color-light);
  cursor: pointer;
  transition: var(--transition-colors);
}
.nav-mobile__link:hover {
  color: var(--color-accent);
}

.nav-mobile__dropdown {
  list-style: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s var(--ease-in-out);
}
.nav-mobile__dropdown.is-open {
  max-height: min(24rem, 45vh);
  overflow-y: auto;
}

.nav-mobile__sub-link {
  display: block;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  border-radius: var(--radius-default);
  transition: var(--transition-base);
}
.nav-mobile__sub-link:hover {
  color: var(--color-accent);
  background: color-mix(in srgb, var(--color-accent) 5%, transparent);
  transform: translateX(4px);
}

.nav-mobile__item--cta {
  padding-top: var(--spacing-lg);
}

.nav-mobile__cta {
  width: 100%;
  text-align: center;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  flex-shrink: 0;
  background: transparent;
  border: none;
  border-radius: var(--radius-full);
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition-fast);
}
.theme-toggle:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}
.theme-toggle:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 2px;
}
.theme-toggle svg {
  width: 18px;
  height: 18px;
  stroke-width: 2;
  flex-shrink: 0;
}

.theme-toggle__icon--sun {
  display: block;
}

.theme-toggle__icon--moon {
  display: none;
}

[data-theme=dark] .theme-toggle__icon--sun {
  display: none;
}
[data-theme=dark] .theme-toggle__icon--moon {
  display: block;
}

.hero-bg {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--hero-overlay-top) 0%, var(--hero-overlay-bottom) 100%), var(--hero-gradient);
}
.hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='white'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 20px 20px;
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
}
.hero-bg > * {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .hero-bg::before {
  opacity: 0.04;
}

.io-hero-lockup {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.9rem, 2vw, 1.4rem);
  max-width: 100%;
  color: var(--color-white);
}

.io-hero-lockup__mark {
  width: clamp(4.75rem, 8vw, 6.5rem);
  height: auto;
  flex-shrink: 0;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 20px rgba(232, 168, 0, 0.22));
}

.io-hero-lockup__mark-core {
  fill: rgba(255, 232, 120, 0.82);
  filter: drop-shadow(0 0 10px rgba(255, 232, 120, 0.45));
}

.io-hero-lockup__mark-center {
  fill: var(--color-white);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.55));
}

.io-hero-lockup__text {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
}

.io-hero-lockup__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 2vw, 1.85rem);
  font-weight: var(--font-weight-extrabold);
  line-height: 0.95;
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  white-space: nowrap;
  text-wrap: nowrap;
}

.io-hero-lockup__subtitle {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-200);
  white-space: nowrap;
  text-wrap: nowrap;
  opacity: 0.92;
}

.io-hero-lockup--advisory {
  --tp: #00C85A;
  --tp-lbl: var(--color-white);
  --cn: #80FFD0;
  --cd: #FFFFFF;
  width: auto;
  max-width: 100%;
  color: var(--color-white);
}

.io-hero-lockup--advisory .vb-lockup {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, 1.6vw, 1.05rem);
  width: max-content;
  max-width: 100%;
  min-width: 0;
  line-height: 1;
}

.io-hero-lockup--advisory .vb-lockup svg {
  width: clamp(4.15rem, 5vw, 4.75rem);
  height: auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 20px rgba(0, 200, 90, 0.3));
}

.io-hero-lockup--advisory .sub-tp-glow {
  filter: drop-shadow(0 0 10px rgba(128, 255, 208, 0.45));
}

.io-hero-lockup--advisory .vb-divider {
  flex: 0 0 auto;
  background: var(--tp) !important;
}

.io-hero-lockup--advisory .vb-text {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: max-content;
  align-items: flex-start;
}

.io-hero-lockup--advisory .entity-name,
.io-hero-lockup--advisory .entity-sub {
  margin: 0;
}

.io-hero-lockup--advisory .entity-name {
  font-size: clamp(1.45rem, 1.85vw, 2rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--tp-lbl);
}

.io-hero-lockup--advisory .entity-sub {
  font-family: var(--font-mono);
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  white-space: nowrap;
  text-wrap: nowrap;
  color: var(--color-white);
  opacity: 1;
}

.io-hero-lockup--advisory .entity-rule {
  height: 1.5px;
  background: var(--tp) !important;
  border-radius: 999px;
}

.io-hero-lockup--advisory-hero {
  justify-content: flex-start;
  align-items: center;
  align-self: flex-start;
  gap: 1rem;
  width: fit-content;
  max-width: min(100%, 38rem);
  margin: 0;
  text-align: left;
}

.io-hero-lockup--advisory-hero .vb-lockup svg {
  width: clamp(4rem, 5vw, 4.85rem);
}

.io-hero-lockup--advisory-hero .vb-text {
  align-items: flex-start;
}

.io-hero-lockup--advisory-hero .entity-name {
  font-size: clamp(1.4rem, 1.7vw, 1.72rem);
}

.io-hero-lockup--advisory-hero .entity-sub {
  margin-inline: 0;
  font-size: 0.66rem;
  line-height: 1.2;
  letter-spacing: 0.28em;
  white-space: nowrap;
  text-wrap: nowrap;
  text-align: left;
}

.io-hero-lockup--studios .io-hero-lockup__mark {
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 20px rgba(0, 168, 232, 0.26));
}

.io-hero-lockup--studios .io-hero-lockup__mark-core {
  fill: rgba(128, 232, 255, 0.88);
  filter: drop-shadow(0 0 10px rgba(128, 232, 255, 0.42));
}

.io-hero-lockup--studios .io-hero-lockup__mark-center {
  fill: rgba(255, 255, 255, 0.98);
  filter: drop-shadow(0 0 8px rgba(192, 240, 255, 0.42));
}

.io-hero-lockup--studios {
  --em: #00A8E8;
  --em-lbl: var(--color-white);
  --cn: rgba(128, 232, 255, 0.82);
  --cd: rgba(255, 255, 255, 0.98);
  width: auto;
  max-width: 100%;
}

.io-hero-lockup--studios .io-hero-lockup__text {
  max-width: min(100%, 15rem);
}

.io-hero-lockup--studios .io-hero-lockup__subtitle {
  color: var(--blue-200);
  white-space: normal;
  text-wrap: balance;
  line-height: 1.35;
}

.io-hero-lockup--studios .vb-lockup {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, 1.6vw, 1.05rem);
  width: max-content;
  max-width: 100%;
  min-width: 0;
  color: var(--color-white);
  line-height: 1;
}

.io-hero-lockup--studios .vb-lockup svg {
  width: clamp(4.15rem, 5vw, 4.75rem);
  height: auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 20px rgba(0, 168, 232, 0.3));
}

.io-hero-lockup--studios .sub-em-glow {
  filter: drop-shadow(0 0 10px rgba(128, 232, 255, 0.45));
}

.io-hero-lockup--studios .vb-divider {
  flex: 0 0 auto;
  background: #00A8E8 !important;
}

.io-hero-lockup--studios .vb-text {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: max-content;
  align-items: flex-start;
}

.io-hero-lockup--studios .entity-name,
.io-hero-lockup--studios .entity-sub {
  margin: 0;
}

.io-hero-lockup--studios .entity-name {
  font-size: clamp(1.45rem, 1.85vw, 2rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--em-lbl);
}

.io-hero-lockup--studios .entity-sub {
  font-family: var(--font-mono);
  font-size: 0.64rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  white-space: nowrap;
  text-wrap: nowrap;
  color: var(--color-white);
  opacity: 1;
}

.io-hero-lockup--studios .entity-rule {
  height: 1.5px;
  background: #00A8E8 !important;
  border-radius: 999px;
}

.io-hero-lockup--platform {
  --go: #C99700;
  --cn: #FFE878;
  --cd: #FFFFFF;
  width: auto;
  max-width: 100%;
  color: var(--color-white);
}

.io-hero-lockup--platform .vb-lockup {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, 1.6vw, 1.05rem);
  width: max-content;
  max-width: 100%;
  min-width: 0;
  line-height: 1;
}

.io-hero-lockup--platform .vb-lockup svg {
  width: clamp(4.15rem, 5vw, 4.75rem);
  height: auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 20px rgba(201, 151, 0, 0.3));
}

.io-hero-lockup--platform .sub-go-glow {
  filter: drop-shadow(0 0 10px rgba(255, 232, 120, 0.45));
}

.io-hero-lockup--platform .vb-divider {
  flex: 0 0 auto;
  background: var(--go) !important;
}

.io-hero-lockup--platform .vb-text {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: max-content;
  align-items: flex-start;
}

.io-hero-lockup--platform .entity-name,
.io-hero-lockup--platform .entity-sub {
  margin: 0;
}

.io-hero-lockup--platform .entity-name {
  font-size: clamp(1.45rem, 1.85vw, 2rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--color-white);
}

.io-hero-lockup--platform .entity-sub {
  font-family: var(--font-mono);
  font-size: 0.64rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  white-space: nowrap;
  text-wrap: nowrap;
  color: var(--color-white);
  opacity: 1;
}

.io-hero-lockup--platform .entity-rule {
  height: 1.5px;
  background: var(--go) !important;
  border-radius: 999px;
}

.io-hero-lockup--platform-hero {
  width: fit-content;
  max-width: min(100%, 34rem);
  margin: 0 0 var(--spacing-lg);
  text-align: left;
}

.io-hero-lockup--platform-preview {
  width: min(100%, 42rem);
  max-width: 100%;
  justify-content: flex-start;
}

.io-hero-lockup--platform-global {
  --go: #C99700;
  --cn: #FFE878;
  --cd: #FFFFFF;
}

.io-hero-lockup--studios-hero {
  justify-content: flex-start;
  align-items: center;
  align-self: flex-start;
  gap: 1rem;
  max-width: min(100%, 34rem);
  margin: 0 0 var(--spacing-lg);
  text-align: left;
}

.io-hero-lockup--studios-hero .io-hero-lockup__mark {
  width: clamp(4.1rem, 5vw, 4.9rem);
}

.io-hero-lockup--studios-hero .io-hero-lockup__text {
  white-space: nowrap;
  text-wrap: nowrap;
}

.io-hero-lockup--studios-hero .io-hero-lockup__title {
  font-size: clamp(1.45rem, 1.7vw, 1.75rem);
}

.io-hero-lockup--studios-hero .io-hero-lockup__subtitle {
  max-width: none;
  margin-inline: 0;
  font-size: 0.66rem;
  line-height: 1.35;
  letter-spacing: 0.18em;
  white-space: nowrap;
  text-wrap: nowrap;
  text-align: left;
}

@media (max-width: 576px) {
  .io-hero-lockup {
    gap: 0.85rem;
  }
  .io-hero-lockup__mark {
    width: 4.25rem;
  }
  .io-hero-lockup__title {
    font-size: 1.2rem;
  }
  .io-hero-lockup__subtitle {
    font-size: 0.65rem;
  }
  .io-hero-lockup--advisory-hero {
    gap: 0.8rem;
    max-width: 100%;
  }
  .io-hero-lockup--advisory-hero .io-hero-lockup__mark {
    width: 3.9rem;
  }
  .io-hero-lockup--advisory-hero .io-hero-lockup__text {
    align-items: flex-start;
  }
  .io-hero-lockup--advisory-hero .io-hero-lockup__subtitle {
    max-width: none;
    margin-inline: 0;
    white-space: normal;
    text-wrap: balance;
    text-align: left;
  }
  .io-hero-lockup--studios-hero {
    flex-direction: row;
    gap: 0.8rem;
    max-width: 100%;
    margin-bottom: var(--spacing-lg);
    text-align: left;
  }
  .io-hero-lockup--studios-hero .io-hero-lockup__mark {
    width: 4rem;
  }
  .io-hero-lockup--studios-hero .io-hero-lockup__text {
    align-items: flex-start;
  }
  .io-hero-lockup--studios-hero .io-hero-lockup__subtitle {
    max-width: none;
    margin-inline: 0;
    white-space: normal;
    text-wrap: balance;
    text-align: left;
  }
  .io-hero-lockup--studios .vb-lockup {
    gap: 0.72rem;
  }
  .io-hero-lockup--studios .vb-lockup svg {
    width: 3.7rem;
  }
  .io-hero-lockup--studios .vb-text {
    gap: 0.28rem;
  }
  .io-hero-lockup--studios .entity-name {
    font-size: 1.28rem;
  }
  .io-hero-lockup--studios .entity-sub {
    font-size: 0.52rem;
  }
  .io-hero-lockup--platform .vb-lockup {
    gap: 0.72rem;
  }
  .io-hero-lockup--platform .vb-lockup svg {
    width: 3.7rem;
  }
  .io-hero-lockup--platform .vb-text {
    gap: 0.28rem;
  }
  .io-hero-lockup--platform .entity-name {
    font-size: 1.28rem;
  }
  .io-hero-lockup--platform .entity-sub {
    font-size: 0.52rem;
  }
  .io-hero-lockup--platform-hero,
  .io-hero-lockup--platform-preview {
    max-width: 100%;
  }
}
.section-hero {
  position: relative;
  overflow: visible;
}

.hero-inner {
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: calc(var(--spacing-4xl) * 2);
}
@media (max-width: 768px) {
  .hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: calc(var(--spacing-4xl) * 1.5);
  }
}

.hero-content {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

.hero-eyebrow {
  color: var(--blue-300);
  margin-bottom: var(--spacing-lg);
  opacity: 0;
  animation: fadeIn 0.6s var(--ease-out) 0.1s forwards;
}

.hero-headline {
  color: var(--color-white);
  margin-bottom: var(--spacing-xl);
  opacity: 0;
  animation: fadeIn 0.7s var(--ease-out) 0.25s forwards;
}
@media (max-width: 992px) {
  .hero-headline {
    font-size: var(--font-size-display-sm);
  }
}
@media (max-width: 768px) {
  .hero-headline {
    font-size: var(--font-size-4xl);
  }
}
@media (max-width: 576px) {
  .hero-headline {
    font-size: var(--font-size-3xl);
  }
}

.hero-subheadline {
  color: var(--blue-200);
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: 0;
  opacity: 0;
  animation: fadeIn 0.7s var(--ease-out) 0.45s forwards;
}

.hero-cards-wrap {
  position: relative;
  z-index: 2;
  margin-top: calc(var(--spacing-4xl) * -1.5);
  padding-bottom: var(--spacing-4xl);
}

.hero-cards-label {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wider);
  color: var(--color-white);
  margin-bottom: var(--spacing-lg);
  opacity: 0;
  animation: fadeIn 0.6s var(--ease-out) 0.6s forwards;
}

.hero-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .hero-cards {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-inline: auto;
  }
}

.entry-card {
  background-color: var(--bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  border: 1px solid var(--border-color-light);
  transition: var(--transition-slow);
  opacity: 0;
  animation: slideUp 0.6s var(--ease-out) forwards;
}
.entry-card:nth-child(1) {
  animation-delay: 0.65s;
}
.entry-card:nth-child(2) {
  animation-delay: 0.8s;
}
.entry-card:nth-child(3) {
  animation-delay: 0.95s;
}
.entry-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-xl);
  border-color: var(--border-color-dark);
}

.entry-card--studios {
  border-top: 3px solid var(--color-brand-primary);
}

.entry-card--platform {
  border-top: 3px solid var(--color-brand-amber);
}

.entry-card--intelligence {
  border-top: 3px solid var(--color-brand-green);
}

.entry-card__inner {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.entry-card__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  margin-bottom: var(--spacing-md);
  display: block;
}

.entry-card--studios .entry-card__label {
  color: var(--color-brand-primary);
}

.entry-card--platform .entry-card__label {
  color: var(--color-brand-amber);
}

.entry-card--intelligence .entry-card__label {
  color: var(--color-brand-green);
}

.entry-card__problem {
  flex: 1;
  border-left: none;
  padding-left: 0;
  margin: 0 0 var(--spacing-xl) 0;
}
.entry-card__problem p {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-style: italic;
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: none;
}

.entry-card__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-decoration: none;
  transition: var(--transition-colors);
  margin-top: auto;
}
.entry-card__cta svg {
  transition: transform 0.2s var(--ease-in-out);
}
.entry-card__cta:hover svg {
  transform: translateX(3px);
}

.entry-card--studios .entry-card__cta {
  color: var(--color-brand-primary);
}
.entry-card--studios .entry-card__cta:hover {
  color: var(--blue-600);
}

.entry-card--platform .entry-card__cta {
  color: var(--color-brand-amber);
}
.entry-card--platform .entry-card__cta:hover {
  color: var(--amber-600);
}

.entry-card--intelligence .entry-card__cta {
  color: var(--color-brand-green);
}
.entry-card--intelligence .entry-card__cta:hover {
  color: var(--green-dark-700);
}

[data-theme=dark] .entry-card {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
}
[data-theme=dark] .hero-eyebrow {
  color: var(--blue-300);
}
[data-theme=dark] .hero-subheadline {
  color: var(--blue-200);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-eyebrow,
  .hero-headline,
  .hero-subheadline,
  .hero-cards-label,
  .entry-card {
    animation-duration: 0.01ms;
    animation-delay: 0ms;
    opacity: 1;
  }
}
.site-footer {
  background-color: var(--color-gray-900);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-xl);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-inner {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  align-items: start;
}
@media (max-width: 992px) {
  .footer-inner {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.footer-logo {
  display: inline-block;
  margin-bottom: var(--spacing-sm);
}
.footer-logo .footer-logo__img {
  height: 32px;
  width: auto;
}

.footer-tagline {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-400);
  letter-spacing: var(--tracking-wide);
  margin: 0;
}

.footer-founded {
  font-size: var(--font-size-xs);
  color: var(--color-gray-500);
  line-height: var(--leading-relaxed);
  margin: 0;
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 768px) {
  .footer-nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .footer-nav {
    grid-template-columns: 1fr 1fr;
  }
}

.footer-nav__heading {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-gray-400);
  margin-bottom: var(--spacing-md);
}

.footer-nav__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.footer-nav__link {
  font-size: var(--font-size-sm);
  color: var(--color-gray-500);
  text-decoration: none;
  transition: var(--transition-colors);
  line-height: var(--leading-normal);
}
.footer-nav__link:hover {
  color: var(--color-white);
}

.footer-legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--spacing-xl);
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .footer-legal {
    flex-direction: column;
    align-items: flex-start;
  }
}

.footer-legal__copy {
  font-size: var(--font-size-xs);
  color: var(--color-gray-600);
  margin: 0;
}

.footer-legal__links {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}

.footer-legal__link {
  font-size: var(--font-size-xs);
  color: var(--color-gray-600);
  text-decoration: none;
  transition: var(--transition-colors);
}
.footer-legal__link:hover {
  color: var(--color-white);
}

.footer-legal__link--linkedin {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}

[data-theme=dark] .site-footer {
  background-color: #0A0A0A;
  border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .footer-inner {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.home-page #problem {
  padding-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .home-page #problem {
    padding-top: var(--spacing-2xl);
  }
}
.home-page .section-hero {
  position: relative;
  overflow: hidden;
}
.home-page .hero-inner {
  position: relative;
  isolation: isolate;
}
.home-page .hero-inner > .container {
  position: relative;
  z-index: 1;
}
.home-page .hero-centered {
  max-width: 1140px;
  margin-inline: auto;
  padding-block: var(--spacing-4xl);
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .home-page .hero-centered {
    max-width: 760px;
  }
}
@media (max-width: 768px) {
  .home-page .hero-centered {
    padding-block: var(--spacing-3xl);
  }
}
.home-page .hero-layout {
  display: grid;
  grid-template-columns: minmax(13rem, 17.5rem) minmax(0, 1fr);
  gap: clamp(var(--spacing-xl), 3vw, var(--spacing-3xl));
  align-items: start;
  max-width: 980px;
  margin-inline: auto;
}
@media (max-width: 992px) {
  .home-page .hero-layout {
    grid-template-columns: 1fr;
    align-items: center;
    gap: var(--spacing-xl);
    justify-items: center;
  }
}
.home-page .hero-mark {
  width: clamp(13rem, 22vw, 17.5rem);
  justify-self: end;
  align-self: start;
  margin-top: clamp(1.35rem, 2.2vw, 2.15rem);
  pointer-events: none;
}
@media (max-width: 992px) {
  .home-page .hero-mark {
    justify-self: center;
    align-self: center;
    margin-top: 0;
    width: clamp(11rem, 34vw, 15rem);
  }
}
@media (max-width: 576px) {
  .home-page .hero-mark {
    width: clamp(10rem, 48vw, 13rem);
  }
}
.home-page .hero-mark__svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 18px 48px rgba(5, 10, 26, 0.28));
}
.home-page .hero-copy {
  max-width: 46rem;
  text-align: left;
}
@media (max-width: 992px) {
  .home-page .hero-copy {
    text-align: center;
  }
}
.home-page .hero-centered .hero-headline {
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: -0.055em;
}
.home-page .hero-centered .hero-eyebrow.homepage {
  width: auto;
  text-align: left;
  margin-left: 0 !important;
}
@media (max-width: 992px) {
  .home-page .hero-centered .hero-eyebrow.homepage {
    text-align: center;
  }
}
.home-page .hero-centered .display-lg.homepage {
  font-size: var(--home-hero-headline-size);
  max-width: 9ch;
}
.home-page .hero-headline-word {
  display: block;
}
.home-page .hero-centered .hero-tagline.homepage {
  font-size: var(--home-hero-tagline-size);
  margin-top: var(--spacing-lg) !important;
  color: var(--color-white);
  margin-bottom: var(--spacing-lg);
}
.home-page .hero-subheadline {
  max-width: 58ch;
  margin-inline: 0;
  text-align: left;
}
@media (max-width: 992px) {
  .home-page .hero-subheadline {
    margin-inline: auto;
    text-align: center;
  }
}
.home-page .hero-tagline {
  font-family: var(--font-primary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  opacity: 0.75;
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xl);
}
.home-page .hero-ring-group {
  transform-box: fill-box;
  transform-origin: center;
}
.home-page .hero-ring-group--em {
  animation: home-hero-drift-em 6s ease-in-out infinite;
}
.home-page .hero-ring-group--tp {
  animation: home-hero-drift-tp 6s ease-in-out infinite reverse;
}
.home-page .hero-ring-group--go {
  animation: home-hero-drift-go 7s ease-in-out infinite;
}
.home-page .hero-ring-shadow {
  fill: none;
  stroke-width: 3;
  opacity: 0.58;
}
.home-page .hero-ring-shadow--em {
  stroke: #001428;
}
.home-page .hero-ring-shadow--go {
  stroke: #281600;
}
.home-page .hero-ring-shadow--tp {
  stroke: #001a0c;
}
.home-page .hero-ring-main {
  fill: none;
  stroke-width: 5.6;
  opacity: 0.97;
}
.home-page .hero-ring-main--em {
  stroke: url(#hero-ring-grad-em);
  filter: url(#hero-ring-filter-em);
}
.home-page .hero-ring-main--go {
  stroke: url(#hero-ring-grad-go);
  filter: url(#hero-ring-filter-go);
}
.home-page .hero-ring-main--tp {
  stroke: url(#hero-ring-grad-tp);
  filter: url(#hero-ring-filter-tp);
}
.home-page .hero-ring-bevel {
  fill: none;
  stroke-width: 1.15;
  opacity: 0.52;
}
.home-page .hero-ring-bevel--em {
  stroke: #80e8ff;
}
.home-page .hero-ring-bevel--go {
  stroke: #ffe878;
}
.home-page .hero-ring-bevel--tp {
  stroke: #80ffd0;
}
.home-page .hero-ring-arc {
  fill: none;
  stroke-linecap: round;
}
.home-page .hero-ring-arc--outer {
  stroke-width: 1.6;
  stroke-dasharray: 96 34;
  animation: home-hero-orb-cw-s 24s linear infinite;
}
.home-page .hero-ring-arc--mid {
  stroke-width: 1.35;
  stroke-dasharray: 70 24;
  animation: home-hero-orb-ccw-m 18s linear infinite;
}
.home-page .hero-ring-arc--inner {
  stroke-width: 1.15;
  stroke-dasharray: 44 16;
  animation: home-hero-orb-cw-f 10s linear infinite;
}
.home-page .hero-ring-arc--em {
  stroke: #80e8ff;
  opacity: 0.42;
}
.home-page .hero-ring-arc--go {
  stroke: #ffe878;
  opacity: 0.42;
}
.home-page .hero-ring-arc--tp {
  stroke: #80ffd0;
  opacity: 0.42;
}
@keyframes home-hero-orb-cw-s {
  to {
    stroke-dashoffset: 125.6;
  }
}
@keyframes home-hero-orb-ccw-m {
  to {
    stroke-dashoffset: -94.2;
  }
}
@keyframes home-hero-orb-cw-f {
  to {
    stroke-dashoffset: 62.8;
  }
}
@keyframes home-hero-drift-em {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-1.5px, -1px);
  }
}
@keyframes home-hero-drift-tp {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(1.5px, -1px);
  }
}
@keyframes home-hero-drift-go {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1.5px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-page .hero-ring-group,
  .home-page .hero-ring-arc {
    animation: none !important;
  }
}
.home-page .hero-cards-wrap {
  position: relative;
  z-index: 2;
  margin-top: calc(var(--spacing-4xl) * -1.2);
}
@media (max-width: 768px) {
  .home-page .hero-cards-wrap {
    margin-top: calc(var(--spacing-3xl) * -1.1);
  }
}
.home-page .pillar-cards,
.home-page .fabric-bar {
  max-width: calc(var(--container-max) - var(--container-pad) * 2);
  margin-inline: auto;
}
@media (max-width: 576px) {
  .home-page .pillar-cards,
  .home-page .fabric-bar {
    max-width: calc(100% - var(--spacing-lg) * 2);
  }
}
.home-page .fabric-bar {
  position: relative;
  z-index: 2;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-xl);
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-3xl);
  background: var(--bg-card);
}
.home-page .fabric-bar > .container {
  max-width: none;
  padding-inline: 0;
}
.home-page .fabric-bar__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin: 0 0 var(--spacing-md);
}
.home-page .fabric-bar__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xl);
  flex-wrap: unset;
}
@media (max-width: 992px) {
  .home-page .fabric-bar__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .home-page .fabric-bar__items {
    grid-template-columns: 1fr;
  }
}
.home-page .fabric-bar__item {
  flex: 1 1 220px;
  min-width: min(220px, 100%);
}
.home-page .fabric-bar__item-name {
  display: block;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.home-page .fabric-bar__item-desc {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 2px;
}
.home-page .problem-headline {
  font-size: var(--font-size-3xl);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin-bottom: var(--spacing-2xl);
}
@media (min-width: 992px) {
  .home-page .problem-headline {
    font-size: var(--font-size-4xl);
    max-width: 900px;
  }
}
.home-page .problem-layout {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .home-page .problem-layout {
    gap: var(--spacing-2xl);
  }
}
.home-page .problem-sides {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-2xl);
  align-items: stretch;
}
@media (max-width: 992px) {
  .home-page .problem-sides {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}
.home-page .problem-side {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-sm);
  position: relative;
  overflow: hidden;
  transition: var(--transition-slow);
}
@media (max-width: 576px) {
  .home-page .problem-side {
    padding: var(--spacing-xl);
  }
}
.home-page .problem-side:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.home-page .problem-side::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle at top right, var(--card-accent-color), transparent 70%);
  opacity: 0.1;
  pointer-events: none;
}
.home-page .problem-side--expectation {
  --card-accent-color: var(--color-brand-green);
  border-top: 4px solid var(--color-brand-green);
  background: linear-gradient(135deg, rgba(69, 163, 64, 0.03) 0%, var(--bg-card) 40%);
}
.home-page .problem-side--reality {
  --card-accent-color: var(--color-error);
  border-top: 4px solid var(--color-error);
  background: linear-gradient(135deg, rgba(237, 45, 53, 0.03) 0%, var(--bg-card) 40%);
}
.home-page .problem-side__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--card-accent-color);
  margin: 0;
}
.home-page .problem-side__lead {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-md);
}
.home-page .expectation-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin: 0;
  margin-top: var(--spacing-md);
  padding: 0;
}
.home-page .expectation-list__item {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: var(--spacing-md);
  align-items: start;
}
.home-page .expectation-list__item p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  margin: 0;
  max-width: none;
}
.home-page .problem-end {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: flex-start;
  width: 100%;
}
.home-page .reality-list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.home-page .reality-list__item {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: var(--spacing-md);
  align-items: start;
}
.home-page .reality-list__item p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  margin: 0;
  max-width: none;
}
.home-page .reality-list__marker {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background-color: var(--color-brand-primary);
  margin-top: 10px;
  flex-shrink: 0;
}
.home-page .problem-audit {
  background-color: transparent;
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  margin-top: var(--spacing-5xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}
.home-page .problem-audit__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  width: 100%;
  margin-bottom: var(--spacing-2xl);
}
.home-page .audit-marker {
  font-family: var(--font-mono, monospace);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-primary);
  text-transform: uppercase;
  white-space: nowrap;
}
.home-page .problem-audit__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--spacing-4xl);
  align-items: start;
}
@media (max-width: 992px) {
  .home-page .problem-audit__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.home-page .audit-col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.home-page .audit-lead {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-muted);
  margin: 0;
  max-width: 60ch;
}
.home-page .audit-punchline {
  font-size: var(--font-size-2xl);
  font-weight: 500;
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0;
}
@media (min-width: 1200px) {
  .home-page .audit-punchline {
    font-size: var(--font-size-3xl);
  }
}
.home-page .audit-punchline .text-accent {
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-bold);
}
.home-page .audit-quote {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-top: 4px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-xs);
}
.home-page .audit-quote__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  text-transform: uppercase;
  margin: 0;
}
.home-page .audit-quote__blockquote {
  margin: 0;
  padding: 0;
}
.home-page .audit-quote__text {
  font-family: var(--font-primary);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  font-style: normal;
  line-height: 1.2;
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.02em;
  padding-left: var(--spacing-md);
}
.home-page .audit-quote__body {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-lg);
}
.home-page .audit-quote__body p {
  margin: 0;
}
.home-page .audit-quote__close {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.home-page [data-theme=dark] .problem-audit__header .audit-divider {
  background: linear-gradient(to right, var(--border-color), transparent);
}
.home-page [data-theme=dark] .audit-col--diagnosis {
  color: var(--text-secondary);
}
.home-page [data-theme=dark] .audit-quote {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
  border-top-color: var(--color-brand-primary);
}
.home-page [data-theme=dark] .audit-quote__body {
  border-top-color: var(--border-color);
}
.home-page [data-theme=dark] .problem-side {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
}
.home-page [data-theme=dark] .expectation-list__item p {
  color: var(--text-secondary);
}
.home-page .proof-headline {
  font-size: var(--font-size-3xl);
  line-height: var(--leading-tight);
  margin-bottom: var(--spacing-3xl);
}
@media (min-width: 992px) {
  .home-page .proof-headline {
    font-size: var(--font-size-4xl);
  }
}
.home-page .proof-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 992px) {
  .home-page .proof-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}
@media (max-width: 576px) {
  .home-page .proof-stats {
    grid-template-columns: 1fr;
  }
}
.home-page .stat-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-xs);
  transition: var(--transition-slow);
}
@media (max-width: 576px) {
  .home-page .stat-card {
    padding: var(--spacing-lg);
  }
}
.home-page .stat-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  border-color: var(--border-color-dark);
}
.home-page .stat-card__number {
  margin-bottom: var(--spacing-sm);
}
.home-page .stat-card__count {
  display: block;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tighter);
  color: var(--color-brand-primary);
}
@media (max-width: 768px) {
  .home-page .stat-card__count {
    font-size: var(--font-size-5xl);
  }
}
.home-page .stat-card__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.home-page .audit-story {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.home-page .audit-story__heading {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}
.home-page .audit-story__text {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 60ch;
}
.home-page .audit-badge-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: var(--spacing-xl);
}
.home-page .audit-mini-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  transition: var(--transition-slow);
  white-space: nowrap;
}
.home-page .audit-mini-badge i {
  width: 16px;
  height: 16px;
  color: var(--color-brand-primary);
  stroke-width: 2.5px;
}
.home-page .audit-mini-badge:hover {
  border-color: var(--color-brand-primary);
  color: var(--text-primary);
}
.home-page .audit-mini-badge__note {
  font-weight: var(--font-weight-regular);
  font-size: 10px;
  color: var(--text-tertiary);
  margin-left: 4px;
}
.home-page .capabilities-headline {
  font-size: var(--font-size-3xl);
  line-height: var(--leading-tight);
  margin-bottom: var(--spacing-3xl);
}
@media (min-width: 992px) {
  .home-page .capabilities-headline {
    font-size: var(--font-size-4xl);
  }
}
.home-page .capabilities-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.home-page .capability-row {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
  padding-block: var(--spacing-3xl);
  border-top: 1px solid var(--border-color-light);
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-4xl);
}
@media (min-width: 1200px) {
  .home-page .capability-row {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-5xl);
  }
}
.home-page .capability-row:last-child {
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .home-page .capability-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}
@media (max-width: 576px) {
  .home-page .capability-row {
    padding-left: var(--spacing-md);
    padding-block: var(--spacing-2xl);
  }
}
.home-page .capability-row--studios {
  border-left: 3px solid var(--color-brand-primary);
}
.home-page .capability-row--studios .capability-row__icon {
  color: var(--color-brand-primary);
}
.home-page .capability-row--platform {
  border-left: 3px solid var(--color-brand-amber);
}
.home-page .capability-row--platform .capability-row__icon {
  color: var(--color-brand-amber);
}
.home-page .capability-row--advisory {
  border-left: 3px solid var(--color-brand-green);
}
.home-page .capability-row--advisory .capability-row__icon {
  color: var(--color-brand-green);
}
.home-page .capability-row__lead {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  position: static;
}
@media (max-width: 992px) {
  .home-page .capability-row__lead {
    position: static;
  }
}
@supports (content-visibility: auto) {
  .home-page .section-capabilities,
  .home-page .section-clients,
  .home-page .section-competitive,
  .home-page .section-footer-cta {
    content-visibility: auto;
    contain-intrinsic-size: 1px 1000px;
  }
}
.home-page .capability-row__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}
.home-page .capability-row--studios .capability-row__label {
  color: var(--color-brand-primary);
}
.home-page .capability-row--platform .capability-row__label {
  color: var(--color-brand-amber);
}
.home-page .capability-row--advisory .capability-row__label {
  color: var(--color-brand-green);
}
.home-page .capability-row__heading {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
.home-page .capability-row__detail {
  font-size: var(--font-size-sm);
  line-height: 1.5;
  color: var(--text-tertiary);
  margin-top: var(--spacing-sm);
  max-width: 28ch;
}
@media (max-width: 992px) {
  .home-page .capability-row__detail {
    max-width: 65ch;
  }
}
.home-page .capability-row__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-decoration: none;
  transition: var(--transition-colors);
  margin-top: var(--spacing-md);
}
.home-page .capability-row__cta svg {
  transition: transform 0.2s var(--ease-in-out);
}
.home-page .capability-row__cta:hover svg {
  transform: translateX(3px);
}
.home-page .capability-row--studios .capability-row__cta {
  color: var(--color-brand-primary);
}
.home-page .capability-row--studios .capability-row__cta:hover {
  color: var(--blue-600);
}
.home-page .capability-row--platform .capability-row__cta {
  color: var(--color-brand-amber);
}
.home-page .capability-row--platform .capability-row__cta:hover {
  color: var(--amber-600);
}
.home-page .capability-row--advisory .capability-row__cta {
  color: var(--color-brand-green);
}
.home-page .capability-row--advisory .capability-row__cta:hover {
  color: var(--green-dark-700);
}
.home-page .capability-row__mission {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.home-page .capability-row__mission::before {
  content: "";
  width: 24px;
  height: 1px;
  background-color: var(--border-color-light);
}
.home-page .capability-row__body {
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  min-width: 0;
}
.home-page .capability-row__body p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0;
  max-width: 75ch;
}
.home-page .capability-row__body p:first-of-type {
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1.4;
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}
@media (min-width: 992px) {
  .home-page .capability-row__body p:first-of-type {
    font-size: 1.2rem;
  }
}
.home-page .section-capabilities .entity-name {
  font-size: clamp(var(--font-size-xl), var(--font-size-sm) + 1.5vw, var(--font-size-3xl));
}
.home-page .section-capabilities .entity-sub {
  font-size: clamp(0.5rem, 0.44rem + 0.18vw, 0.6rem);
  line-height: 1.2;
  letter-spacing: 0.14em;
  white-space: nowrap;
  text-wrap: nowrap;
  color: var(--text-secondary);
}
.home-page .section-capabilities .vb-lockup {
  min-width: 0;
}
.home-page .section-capabilities .vb-lockup svg {
  flex-shrink: 0;
}
.home-page .section-capabilities .vb-text {
  min-width: 0;
}
@media (max-width: 768px) {
  .home-page .section-capabilities .capability-lockup-wrap {
    padding: var(--spacing-lg) var(--spacing-md) !important;
  }
}
@media (max-width: 576px) {
  .home-page .section-capabilities .capability-lockup-wrap {
    padding: var(--spacing-md) !important;
    min-height: auto !important;
  }
}
@media (max-width: 480px) {
  .home-page .section-capabilities .vb-lockup {
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }
}
[data-theme=dark] .home-page .capability-row {
  border-top-color: var(--border-color);
}
[data-theme=dark] .home-page .capability-row:last-child {
  border-bottom-color: var(--border-color);
}
[data-theme=dark] .home-page .section-capabilities .entity-sub {
  color: var(--color-white);
}
.home-page .clients-headline {
  font-size: var(--font-size-3xl);
  line-height: var(--leading-tight);
  margin-bottom: var(--spacing-lg);
}
@media (min-width: 992px) {
  .home-page .clients-headline {
    font-size: var(--font-size-4xl);
  }
}
.home-page .clients-context {
  max-width: 720px;
  margin-bottom: var(--spacing-3xl);
}
.home-page .client-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 768px) {
  .home-page .client-groups {
    gap: var(--spacing-2xl);
  }
}
.home-page .client-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.home-page .client-group__header {
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--border-color-light);
}
.home-page .client-group__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}
.home-page .client-group__label--merged {
  color: var(--color-brand-primary);
}
.home-page .client-group--merged .client-group__header {
  border-bottom-color: var(--color-brand-primary);
}
.home-page .client-group--merged {
  overflow: hidden;
  width: 100%;
}
.home-page .sr-marquee {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  margin: var(--spacing-3xl) 0;
  margin-inline: auto;
}
.home-page .sr-marquee::before, .home-page .sr-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
.home-page .sr-marquee::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-default), transparent);
}
.home-page .sr-marquee::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-default), transparent);
}
.home-page .sr-marquee:hover .sr-marquee__track {
  animation-play-state: paused;
}
.home-page .sr-marquee__track {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xl);
  width: max-content;
  animation: home-marquee-scroll 120s linear infinite;
}
.home-page .sr-marquee__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
}
.home-page .sr-marquee__logo img {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: filter 280ms ease;
}
@keyframes home-marquee-scroll {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.home-page .client-logo-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 992px) {
  .home-page .client-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .home-page .client-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .home-page .client-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.home-page .client-logo-grid__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  min-height: 84px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--bg-card);
  position: relative;
  overflow: hidden;
}
.home-page .client-logo-grid__item::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: calc(var(--radius-md) - 2px);
  background: rgba(255, 255, 255, 0.02);
}
.home-page .client-logo-grid__img {
  display: block;
  max-width: 100%;
  max-height: 42px;
  width: auto;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.home-page .holding-credential {
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-3xl);
}
.home-page .holding-credential__inner {
  background: linear-gradient(135deg, var(--bg-raised), var(--bg-muted));
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  position: relative;
  overflow: hidden;
}
.home-page .holding-credential__inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 4px;
  background: linear-gradient(to left, var(--color-brand-primary), transparent);
}
.home-page .holding-credential__eyebrow {
  color: var(--color-brand-primary);
  margin-bottom: var(--spacing-md);
}
.home-page .holding-credential__heading {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  max-width: 600px;
  margin-bottom: var(--spacing-xl);
}
@media (min-width: 992px) {
  .home-page .holding-credential__heading {
    font-size: var(--font-size-3xl);
  }
}
.home-page .holding-names {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .home-page .holding-names {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .home-page .holding-names {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.home-page .holding-names__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  min-height: 92px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--bg-card);
  position: relative;
  overflow: hidden;
}
.home-page .holding-names__item::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: calc(var(--radius-md) - 2px);
  background: rgba(255, 255, 255, 0.02);
}
.home-page .holding-names__logo {
  display: block;
  max-width: 100%;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.home-page .holding-names__logo--zoom {
  transform: scale(2.5);
  transform-origin: center;
}
@media (max-width: 768px) {
  .home-page .holding-names__logo--zoom {
    transform: scale(1.35);
  }
}
.home-page .holding-credential__body {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 680px;
  margin: 0;
}
.home-page [data-theme=dark] .client-group__header {
  border-bottom-color: var(--border-color);
}
.home-page [data-theme=dark] .client-group--merged .client-group__header {
  border-bottom-color: var(--color-brand-primary);
}
.home-page [data-theme=dark] .client-logo-grid__item,
.home-page [data-theme=dark] .holding-names__item {
  border-color: var(--border-color);
  background: var(--bg-raised);
}
.home-page [data-theme=dark] .client-logo-grid__item::before,
.home-page [data-theme=dark] .holding-names__item::before {
  background: rgba(255, 255, 255, 0.08);
}
.home-page [data-theme=dark] .client-logo-grid__img,
.home-page [data-theme=dark] .holding-names__logo {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.1)) drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}
.home-page [data-theme=dark] .holding-credential {
  border-top-color: var(--border-color);
}
.home-page [data-theme=dark] .holding-credential__inner {
  background: linear-gradient(135deg, var(--bg-raised), var(--bg-active));
  border-color: var(--border-color);
}
.home-page [data-theme=dark] .holding-names {
  border-bottom-color: var(--border-color);
}
.home-page .competitive-headline {
  font-size: var(--font-size-3xl);
  line-height: var(--leading-tight);
  margin-bottom: var(--spacing-lg);
}
@media (min-width: 992px) {
  .home-page .competitive-headline {
    font-size: var(--font-size-4xl);
  }
}
.home-page .competitive-intro {
  margin-bottom: var(--spacing-3xl);
  max-width: 900px;
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1.6;
  color: var(--text-secondary);
}
@media (min-width: 992px) {
  .home-page .competitive-intro {
    font-size: 1.2rem;
  }
}
.home-page .comp-table-wrap {
  display: block;
  overflow-x: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: var(--spacing-4xl);
  border: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .home-page .comp-table-wrap {
    display: none;
  }
}
.home-page .comp-table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.home-page .comp-table__head-row {
  background-color: var(--bg-muted);
}
.home-page .comp-table__th {
  padding: var(--spacing-lg) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: left;
  color: var(--text-tertiary);
  border-bottom: 2px solid var(--border-color-light);
}
.home-page .comp-table__th--dimension {
  width: 25%;
}
.home-page .comp-table__th--others {
  width: 37.5%;
}
.home-page .comp-table__th--tricycle {
  width: 37.5%;
  position: relative;
}
.home-page .comp-table__th--tricycle::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-brand-primary);
}
.home-page .comp-table__th--tricycle .comp-table__th-brand {
  color: var(--color-brand-primary);
  font-size: var(--font-size-sm);
  letter-spacing: 0.1em;
}
.home-page .comp-table__row {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s var(--ease-out), transform 0.4s var(--ease-out);
  border-bottom: 1px solid var(--border-color-light);
}
.home-page .comp-table__row.is-revealed {
  opacity: 1;
  transform: translateY(0);
}
.home-page .comp-table__row:hover {
  background-color: var(--bg-hover);
}
.home-page .comp-table__row:last-child {
  border-bottom: none;
}
.home-page .comp-table__td {
  padding: var(--spacing-lg) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  vertical-align: top;
}
.home-page .comp-table__td--dimension {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
}
.home-page .comp-table__td--dimension strong {
  display: block;
  color: var(--text-primary);
  margin-bottom: 4px;
  letter-spacing: 0.1em;
}
.home-page .comp-table__td--others {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-medium);
}
.home-page .comp-table__td--tricycle {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  background-color: var(--bg-card-raised);
  border-left: 3px solid var(--color-brand-primary);
}
[data-theme=dark] .home-page .comp-table__td--tricycle {
  background-color: rgba(255, 255, 255, 0.03);
}
.home-page .no-js .comp-table__row {
  opacity: 1;
  transform: none;
}
.home-page .comp-cards {
  display: none;
}
@media (max-width: 992px) {
  .home-page .comp-cards {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-3xl);
  }
}
.home-page .comp-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.home-page .comp-card__dimension {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--bg-muted);
  border-bottom: 1px solid var(--border-color-light);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-tertiary);
}
.home-page .comp-card__body {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.home-page .comp-card__col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.home-page .comp-card__col-label {
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.home-page .comp-card__col--tricycle {
  padding-left: var(--spacing-md);
  border-left: 2px solid var(--color-brand-primary);
  background-color: var(--bg-muted);
  padding: var(--spacing-md);
  margin: 0 calc(var(--spacing-lg) * -1) calc(var(--spacing-lg) * -1);
  border-top: 1px solid var(--border-color-light);
}
.home-page .comp-card__col--tricycle .comp-card__col-label {
  color: var(--color-brand-primary);
}
.home-page .comp-card__col--tricycle p {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-md);
  color: var(--text-primary);
}
.home-page .competitive-close {
  margin-block: var(--spacing-4xl);
  padding: var(--spacing-4xl);
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--spacing-4xl);
  align-items: start;
}
@media (max-width: 992px) {
  .home-page .competitive-close {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    padding: var(--spacing-2xl);
  }
}
.home-page .competitive-close__conclusion {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.home-page .competitive-close__conclusion .dim-label {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.2em;
  color: var(--color-brand-primary);
  display: block;
}
.home-page .competitive-close__emphasis {
  font-size: var(--font-size-2xl) !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  max-width: 25ch;
}
.home-page .competitive-close__narrative p {
  font-size: var(--font-size-md);
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0;
  max-width: 50ch;
}
.home-page [data-theme=dark] .comp-table {
  background-color: var(--bg-raised);
}
.home-page [data-theme=dark] .comp-table__td--tricycle {
  background-color: var(--blue-900);
}
.home-page [data-theme=dark] .comp-table__row {
  border-bottom-color: var(--border-color);
}
.home-page [data-theme=dark] .comp-card {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
}
.home-page [data-theme=dark] .comp-card__col--tricycle {
  background-color: var(--blue-900);
}
.home-page .section-footer-cta {
  background-color: var(--blue-900);
}
.home-page .cta-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  color: var(--color-white);
  text-align: center;
  margin-bottom: var(--spacing-md);
}
@media (min-width: 992px) {
  .home-page .cta-headline {
    font-size: var(--font-size-4xl);
  }
}
.home-page .cta-subline {
  font-size: var(--font-size-lg);
  color: var(--blue-300);
  text-align: center;
  max-width: 540px;
  margin-inline: auto;
  margin-bottom: var(--spacing-4xl);
}
.home-page .cta-paths {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .home-page .cta-paths {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
    max-width: 520px;
    margin-inline: auto;
  }
}
.home-page .cta-path {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  transition: var(--transition-slow);
}
.home-page .cta-path:hover {
  border-color: var(--border-color);
  transform: translateY(-3px);
}
.home-page .cta-path__inner {
  padding: var(--spacing-xl) var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home-page .cta-path__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  margin-bottom: var(--spacing-md);
  display: block;
  color: var(--text-tertiary);
}
.home-page .cta-path--studios .cta-path__label {
  color: var(--text-tertiary);
}
.home-page .cta-path--platform .cta-path__label {
  color: var(--text-tertiary);
}
.home-page .cta-path--advisory .cta-path__label {
  color: var(--text-tertiary);
}
.home-page .cta-path__heading {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--leading-snug);
}
.home-page .cta-path__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  flex: 1;
  margin-bottom: var(--spacing-xl);
}
.home-page .cta-path__btn {
  margin-top: auto;
  align-self: flex-start;
}
@media (max-width: 992px) {
  .home-page .cta-path__btn {
    align-self: stretch;
    text-align: center;
    justify-content: center;
  }
}
.home-page .cta-path--studios .cta-path__btn:hover {
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white);
}
.home-page .cta-path--studios .cta-path__btn {
  background-color: transparent;
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary);
}
.home-page .cta-path--platform .cta-path__btn {
  background-color: transparent;
  border-color: var(--color-brand-amber);
  color: var(--color-brand-amber);
}
.home-page .cta-path--platform .cta-path__btn:hover {
  background-color: var(--color-brand-amber);
  border-color: var(--color-brand-amber);
  color: var(--color-white);
}
.home-page .cta-path--advisory .cta-path__btn {
  background-color: transparent;
  border-color: var(--color-brand-green);
  color: var(--color-brand-green);
}
.home-page .cta-path--advisory .cta-path__btn:hover {
  background-color: var(--color-brand-green);
  border-color: var(--color-brand-green);
  color: var(--color-white);
}
.home-page .cta-path--studios,
.home-page .cta-path--platform,
.home-page .cta-path--advisory {
  background-color: var(--bg-card);
}
.home-page .cta-path--platform {
  border-color: var(--border-color-light);
}
.home-page .cta-path--platform:hover {
  border-color: var(--border-color);
}
.home-page .pillar-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
@media (max-width: 992px) {
  .home-page .pillar-cards {
    grid-template-columns: 1fr;
  }
}
.home-page .pillar-card {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2xl);
  position: relative;
  isolation: isolate;
  background-color: var(--bg-card);
}
.home-page .pillar-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--pillar-accent);
  opacity: 0.04;
  pointer-events: none;
  z-index: 0;
}
.home-page .pillar-card > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 576px) {
  .home-page .pillar-card {
    padding: var(--spacing-xl);
  }
}
.home-page .pillar-card--studios {
  --pillar-accent: var(--color-brand-amber);
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .home-page .pillar-card--studios {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
}
.home-page .pillar-card--platform {
  --pillar-accent: var(--color-brand-primary);
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .home-page .pillar-card--platform {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
}
.home-page .pillar-card--advisory {
  --pillar-accent: var(--color-brand-green);
}
.home-page .pillar-card__rule {
  width: 2rem;
  height: 3px;
  border-radius: 2px;
  margin-bottom: var(--spacing-lg);
}
.home-page .pillar-card--studios .pillar-card__rule {
  background-color: var(--color-brand-amber);
}
.home-page .pillar-card--platform .pillar-card__rule {
  background-color: var(--color-brand-primary);
}
.home-page .pillar-card--advisory .pillar-card__rule {
  background-color: var(--color-brand-green);
}
.home-page .pillar-card__number {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin: 0 0 var(--spacing-xs);
}
.home-page .pillar-card__name {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs);
}
.home-page .pillar-card__subtitle {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  margin: 0 0 var(--spacing-lg);
}
.home-page .pillar-card--studios .pillar-card__subtitle {
  color: var(--color-brand-amber);
}
.home-page .pillar-card--platform .pillar-card__subtitle {
  color: var(--color-brand-primary);
}
.home-page .pillar-card--advisory .pillar-card__subtitle {
  color: var(--color-brand-green);
}
.home-page .pillar-card__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  flex: 1 1 auto;
  margin: 0 0 var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}
.home-page .pillar-card__divider {
  height: 1px;
  background-color: var(--border-color-light);
  margin: 0 0 var(--spacing-xl);
}
.home-page .pillar-card__stats {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  gap: var(--spacing-sm);
}
.home-page .pillar-card__stat {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: var(--spacing-sm);
}
.home-page .pillar-card__stat-num {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  flex-shrink: 0;
  white-space: nowrap;
}
.home-page .pillar-card--studios .pillar-card__stat-num {
  color: var(--color-brand-amber);
}
.home-page .pillar-card--platform .pillar-card__stat-num {
  color: var(--color-brand-primary);
}
.home-page .pillar-card--advisory .pillar-card__stat-num {
  color: var(--color-brand-green);
}
.home-page .pillar-card__stat-label {
  font-family: var(--font-mono);
  font-size: calc(var(--font-size-xs) * 0.92);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  white-space: normal;
  line-height: var(--leading-snug);
  padding-top: 0.2em;
}
.home-page .media-placeholder {
  width: 100%;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--bg-muted) 0%, var(--bg-raised) 100%);
  border: 1px solid var(--border-color-light);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.home-page .media-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 60%);
  pointer-events: none;
}
.home-page .media-placeholder__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  position: relative;
  z-index: 1;
  text-align: center;
  padding-inline: var(--spacing-md);
}
.home-page .hero-platform-preview {
  width: 100%;
  aspect-ratio: 16/10;
  min-height: 320px;
  margin-top: var(--spacing-md);
}
@media (min-width: 992px) {
  .home-page .hero-platform-preview {
    min-height: 440px;
  }
}
@media (max-width: 576px) {
  .home-page .hero-platform-preview {
    min-height: 240px;
    margin-top: var(--spacing-2xl);
  }
}
.home-page .capability-row__icon {
  width: 28px;
  height: 28px;
  margin-bottom: var(--spacing-sm);
  flex-shrink: 0;
}
.home-page .capability-row--studios .capability-row__icon {
  color: var(--color-brand-primary);
}
.home-page .capability-row--platform .capability-row__icon {
  color: var(--color-brand-amber);
}
.home-page .capability-row--advisory .capability-row__icon {
  color: var(--color-brand-green);
}
.home-page .capability-row--studios {
  background-color: rgba(37, 65, 212, 0.025);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid rgba(37, 65, 212, 0.14);
}
.home-page .capability-row--platform {
  background-color: rgba(245, 158, 11, 0.025);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid rgba(245, 158, 11, 0.18);
}
.home-page .capability-row--advisory {
  background-color: rgba(16, 185, 129, 0.025);
  margin-bottom: 0;
  padding-bottom: var(--spacing-2xl);
  border-bottom: none;
}
.home-page .capability-row--studios {
  border-left-width: 4px;
}
.home-page .capability-row--platform {
  border-left-width: 4px;
}
.home-page .capability-row--advisory {
  border-left-width: 4px;
}
.home-page .capability-row__media {
  width: 100%;
  aspect-ratio: unset;
  max-height: 280px;
  margin-top: var(--spacing-xl);
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
@media (max-width: 576px) {
  .home-page .capability-row__media {
    aspect-ratio: unset;
  }
}
.home-page .capability-row__media-label {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
  z-index: 1;
  background: var(--bg-card);
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-xs);
}
.home-page [data-theme=dark] .media-placeholder {
  background: linear-gradient(135deg, var(--bg-raised) 0%, var(--bg-active) 100%);
  border-color: var(--border-color);
}
.home-page [data-theme=dark] .media-placeholder::after {
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 60%);
}
.home-page [data-theme=dark] .capability-row__media {
  border-color: transparent;
}
.home-page [data-theme=dark] .capability-row--studios,
.home-page [data-theme=dark] .capability-row--platform,
.home-page [data-theme=dark] .capability-row--advisory {
  background-color: transparent;
}
.home-page .capability-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs) var(--spacing-sm);
  margin-top: var(--spacing-lg);
}
.home-page .capability-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
  color: var(--text-secondary);
  transition: var(--transition-base);
}
.home-page .capability-pill:hover {
  border-color: var(--color-brand-primary);
  color: var(--text-primary);
}
.home-page .capability-row--studios .capability-pill {
  background-color: rgba(37, 65, 212, 0.06);
  border-color: rgba(37, 65, 212, 0.18);
  color: var(--color-brand-primary);
}
.home-page .capability-row--studios .capability-pill:hover {
  background-color: rgba(37, 65, 212, 0.11);
  border-color: rgba(37, 65, 212, 0.32);
  color: var(--blue-600);
}
.home-page .capability-row--platform .capability-pill {
  background-color: rgba(249, 174, 45, 0.25);
  border-color: rgba(245, 158, 11, 0.22);
  color: var(--amber-600);
}
.home-page .capability-row--platform .capability-pill:hover {
  background-color: rgba(245, 158, 11, 0.14);
  border-color: rgba(245, 158, 11, 0.34);
  color: var(--amber-600);
}
.home-page .capability-row--advisory .capability-pill {
  background-color: rgba(16, 185, 129, 0.07);
  border-color: rgba(16, 185, 129, 0.2);
  color: var(--color-brand-green);
}
.home-page .capability-row--advisory .capability-pill:hover {
  background-color: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.32);
  color: var(--green-dark-700);
}
.home-page .stat-card__icon {
  color: var(--color-brand-primary);
  margin-bottom: var(--spacing-sm);
  opacity: 0.6;
}
.home-page .stat-card__icon svg {
  width: 20px;
  height: 20px;
}
.home-page .reality-list__icon {
  width: 16px;
  height: 16px;
  color: var(--color-error);
  margin-top: 5px;
  flex-shrink: 0;
  opacity: 0.7;
}
.home-page .expectation-list__icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-green);
  margin-top: 5px;
  flex-shrink: 0;
  opacity: 0.7;
}
.home-page .proof-certs__item svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.home-page .proof-certs__item::before {
  display: none;
}
.home-page .cta-path__icon {
  width: 44px;
  height: 44px;
  display: block;
  margin-bottom: var(--spacing-md);
  opacity: 0.75;
}
.home-page .cta-path--studios .cta-path__icon {
  color: var(--color-brand-primary);
}
.home-page .cta-path--platform .cta-path__icon {
  color: var(--color-brand-amber);
}
.home-page .cta-path--advisory .cta-path__icon {
  color: var(--color-brand-green);
}
.home-page .cta-path--studios {
  border-top: none;
}
.home-page .cta-path--platform {
  border-top: none;
}
.home-page .cta-path--advisory {
  border-top: none;
}
.home-page .trust-audit {
  margin-top: var(--spacing-5xl);
  padding-top: var(--spacing-4xl);
  border-top: 1px solid var(--border-color-light);
}
.home-page [data-theme=dark] .trust-audit {
  border-top-color: var(--border-color);
}
.home-page [data-theme=dark] .audit-mini-badge {
  background-color: var(--bg-active);
  border-color: var(--border-color);
}

.studios-page {
  --studios-tier-heading-size: clamp(var(--font-size-2xl), 2vw, var(--font-size-3xl));
  --studios-tier-body-size: var(--font-size-base);
  --studios-tier-support-size: var(--font-size-sm);
  --studios-tier-numeral-size: clamp(var(--font-size-4xl), 5vw, var(--font-size-5xl));
  --studios-tier-note-min-height: 11.5rem;
  --studios-tier-surface:
  	radial-gradient(circle at top right, rgba(28, 52, 168, 0.14), transparent 44%),
  	linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(247, 249, 255, 0.98) 100%);
  --studios-tier-border: rgba(28, 52, 168, 0.14);
  --studios-tier-highlight-surface: rgba(255, 255, 255, 0.66);
  --studios-tier-highlight-border: rgba(28, 52, 168, 0.12);
  --studios-tier-highlight-text: var(--text-primary);
  --studios-tier-highlight-dot: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--blue-600) 100%);
  --studios-tier-highlight-dot-ring: 0 0 0 0.3rem rgba(28, 52, 168, 0.12);
  --studios-tier-note-color: var(--text-tertiary);
  --studios-tier-note-border: rgba(28, 52, 168, 0.14);
  --studios-tier-icon-color: var(--color-brand-primary);
  --studios-tier-icon-surface: rgba(28, 52, 168, 0.1);
  --studios-tier-icon-ring: inset 0 0 0 1px rgba(28, 52, 168, 0.12);
  --studios-tier-label-color: var(--text-tertiary);
  --studios-tier-numeral-color: var(--color-brand-primary);
  --studios-tier-numeral-shadow: 0 10px 30px rgba(28, 52, 168, 0.18);
  --studios-tier-panel-shadow: var(--shadow-sm);
  --studios-governance-summary-size: clamp(var(--font-size-base), 1.4vw, var(--font-size-xl));
  --studios-governance-title-size: clamp(var(--font-size-xl), 1.7vw, var(--font-size-2xl));
  --studios-governance-body-size: var(--font-size-base);
  --studios-governance-detail-title-size: var(--font-size-base);
  --studios-governance-detail-body-size: var(--font-size-sm);
  --studios-governance-header-min-height: 14.75rem;
  --studios-governance-header-min-height-xl: 16rem;
  --studios-governance-surface:
  	radial-gradient(circle at 12% 18%, rgba(28, 52, 168, 0.1), transparent 26%),
  	linear-gradient(180deg, rgba(248, 250, 255, 0.98) 0%, rgba(255, 255, 255, 1) 100%);
  --studios-governance-border: rgba(28, 52, 168, 0.12);
  --studios-governance-divider: rgba(28, 52, 168, 0.14);
  --studios-governance-column-divider: rgba(28, 52, 168, 0.12);
  --studios-governance-summary-color: var(--text-primary);
  --studios-governance-label-color: var(--color-brand-primary);
  --studios-governance-body-color: var(--text-secondary);
  --studios-governance-detail-border: rgba(28, 52, 168, 0.12);
  --studios-governance-icon-color: var(--color-brand-primary);
  --studios-governance-icon-surface: rgba(28, 52, 168, 0.08);
  --studios-governance-icon-ring: inset 0 0 0 1px rgba(28, 52, 168, 0.14);
  --studios-governance-panel-shadow: var(--shadow-sm);
  --studios-warm-900: var(--blue-900);
  --studios-warm-800: var(--blue-800);
  --studios-warm-700: var(--blue-700);
  --studios-warm-200: var(--blue-100);
  --studios-warm-300: var(--blue-200);
  --studios-heritage-meta-size: var(--font-size-xs);
  --studios-heritage-caption-size: var(--font-size-sm);
  --studios-heritage-year-size: var(--font-size-sm);
  --studios-heritage-year-size-mobile: var(--font-size-xs);
  --studios-heritage-badge-value-size: var(--font-size-3xl);
  --studios-heritage-badge-value-size-mobile: var(--font-size-2xl);
  --studios-heritage-graphic-min-height: 18rem;
  --studios-heritage-graphic-min-height-mobile: 15rem;
  --studios-heritage-surface:
  	radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.96), rgba(242, 246, 255, 0.8) 48%, rgba(232, 238, 252, 0.62) 100%),
  	linear-gradient(180deg, rgba(28, 52, 168, 0.04) 0%, rgba(28, 52, 168, 0.02) 100%);
  --studios-heritage-border: rgba(28, 52, 168, 0.12);
  --studios-heritage-meta-label-color: var(--color-brand-primary);
  --studios-heritage-meta-era-color: var(--text-tertiary);
  --studios-heritage-graphic-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.1) 100%);
  --studios-heritage-graphic-border: rgba(28, 52, 168, 0.08);
  --studios-heritage-caption-color: var(--text-secondary);
  --studios-heritage-panel-shadow: var(--shadow-sm);
  --studios-heritage-credential-surface:
  	radial-gradient(circle at 50% 32%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 58%),
  	linear-gradient(180deg, rgba(28, 52, 168, 0.03) 0%, rgba(28, 52, 168, 0.01) 100%);
  --studios-heritage-field-border: rgba(28, 52, 168, 0.1);
  --studios-heritage-field-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.04) 100%);
  --studios-heritage-arc-top: var(--color-brand-primary);
  --studios-heritage-arc-left: rgba(28, 52, 168, 0.84);
  --studios-heritage-arc-right: rgba(123, 147, 232, 0.9);
  --studios-heritage-arc-shadow: 0 -10px 32px rgba(28, 52, 168, 0.08);
  --studios-heritage-arc-secondary-border: rgba(28, 52, 168, 0.18);
  --studios-heritage-badge-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(241, 246, 255, 0.9) 100%);
  --studios-heritage-badge-border: rgba(28, 52, 168, 0.16);
  --studios-heritage-badge-shadow: 0 18px 36px rgba(28, 52, 168, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  --studios-heritage-badge-ring: rgba(28, 52, 168, 0.12);
  --studios-heritage-badge-ring-inner: rgba(28, 52, 168, 0.1);
  --studios-heritage-value-color: var(--text-primary);
  --studios-heritage-unit-color: var(--color-brand-primary);
  --studios-heritage-marker-color: rgba(28, 52, 168, 0.2);
  --studios-heritage-marker-end-color: rgba(123, 147, 232, 0.24);
  --studios-heritage-node-start-color: var(--color-brand-primary);
  --studios-heritage-node-end-color: var(--blue-300);
  --studios-heritage-node-halo: 0 0 0 0.4rem rgba(28, 52, 168, 0.08);
  --studios-heritage-node-halo-end: 0 0 0 0.4rem rgba(123, 147, 232, 0.14);
  --studios-heritage-year-start-color: var(--color-brand-primary);
  --studios-heritage-year-end-color: var(--blue-300);
}
[data-theme=dark] .studios-page {
  --studios-tier-surface:
  	radial-gradient(circle at top right, rgba(123, 147, 232, 0.18), transparent 42%),
  	linear-gradient(180deg, rgba(31, 31, 31, 0.96) 0%, rgba(18, 18, 18, 0.98) 100%);
  --studios-tier-border: rgba(123, 147, 232, 0.16);
  --studios-tier-highlight-surface: rgba(255, 255, 255, 0.04);
  --studios-tier-highlight-border: rgba(123, 147, 232, 0.14);
  --studios-tier-highlight-text: var(--text-primary);
  --studios-tier-highlight-dot: linear-gradient(135deg, var(--blue-200) 0%, var(--color-brand-primary) 100%);
  --studios-tier-highlight-dot-ring: 0 0 0 0.3rem rgba(123, 147, 232, 0.16);
  --studios-tier-note-color: var(--text-secondary);
  --studios-tier-note-border: rgba(123, 147, 232, 0.14);
  --studios-tier-icon-color: var(--blue-200);
  --studios-tier-icon-surface: rgba(123, 147, 232, 0.14);
  --studios-tier-icon-ring: inset 0 0 0 1px rgba(123, 147, 232, 0.16);
  --studios-tier-label-color: var(--text-secondary);
  --studios-tier-numeral-color: var(--blue-200);
  --studios-tier-numeral-shadow: 0 10px 24px rgba(37, 65, 212, 0.24);
  --studios-tier-panel-shadow: var(--shadow-lg);
  --studios-governance-surface:
  	radial-gradient(circle at 12% 18%, rgba(123, 147, 232, 0.16), transparent 24%),
  	linear-gradient(180deg, rgba(31, 31, 31, 0.96) 0%, rgba(18, 18, 18, 0.98) 100%);
  --studios-governance-border: rgba(123, 147, 232, 0.16);
  --studios-governance-divider: rgba(123, 147, 232, 0.12);
  --studios-governance-column-divider: rgba(123, 147, 232, 0.12);
  --studios-governance-summary-color: var(--text-primary);
  --studios-governance-label-color: var(--blue-200);
  --studios-governance-body-color: var(--text-secondary);
  --studios-governance-detail-border: rgba(123, 147, 232, 0.12);
  --studios-governance-icon-color: var(--blue-200);
  --studios-governance-icon-surface: rgba(123, 147, 232, 0.14);
  --studios-governance-icon-ring: inset 0 0 0 1px rgba(123, 147, 232, 0.14);
  --studios-governance-panel-shadow: var(--shadow-lg);
  --studios-heritage-surface:
  	radial-gradient(circle at 50% 30%, rgba(61, 91, 217, 0.18), rgba(31, 31, 31, 0.96) 56%, rgba(18, 18, 18, 0.98) 100%),
  	linear-gradient(180deg, rgba(123, 147, 232, 0.04) 0%, rgba(123, 147, 232, 0.02) 100%);
  --studios-heritage-border: rgba(123, 147, 232, 0.16);
  --studios-heritage-meta-label-color: var(--blue-200);
  --studios-heritage-meta-era-color: var(--text-secondary);
  --studios-heritage-graphic-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
  --studios-heritage-graphic-border: rgba(123, 147, 232, 0.12);
  --studios-heritage-caption-color: var(--text-secondary);
  --studios-heritage-panel-shadow: var(--shadow-lg);
  --studios-heritage-credential-surface:
  	radial-gradient(circle at 50% 32%, rgba(123, 147, 232, 0.12), rgba(255, 255, 255, 0) 58%),
  	linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.005) 100%);
  --studios-heritage-field-border: rgba(123, 147, 232, 0.12);
  --studios-heritage-field-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
  --studios-heritage-arc-top: var(--blue-200);
  --studios-heritage-arc-left: rgba(123, 147, 232, 0.8);
  --studios-heritage-arc-right: rgba(176, 188, 244, 0.84);
  --studios-heritage-arc-shadow: 0 -10px 30px rgba(0, 0, 0, 0.14);
  --studios-heritage-arc-secondary-border: rgba(123, 147, 232, 0.18);
  --studios-heritage-badge-surface: linear-gradient(180deg, rgba(42, 42, 42, 0.96) 0%, rgba(31, 31, 31, 0.98) 100%);
  --studios-heritage-badge-border: rgba(123, 147, 232, 0.18);
  --studios-heritage-badge-shadow: 0 18px 36px rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  --studios-heritage-badge-ring: rgba(123, 147, 232, 0.12);
  --studios-heritage-badge-ring-inner: rgba(123, 147, 232, 0.12);
  --studios-heritage-value-color: var(--text-primary);
  --studios-heritage-unit-color: var(--blue-200);
  --studios-heritage-marker-color: rgba(123, 147, 232, 0.24);
  --studios-heritage-marker-end-color: var(--blue-100);
  --studios-heritage-node-start-color: var(--blue-200);
  --studios-heritage-node-end-color: var(--blue-100);
  --studios-heritage-node-halo: 0 0 0 0.4rem rgba(123, 147, 232, 0.12);
  --studios-heritage-node-halo-end: 0 0 0 0.4rem rgba(176, 188, 244, 0.12);
  --studios-heritage-year-start-color: var(--blue-200);
  --studios-heritage-year-end-color: var(--blue-100);
}
.studios-page .section-hero--studios {
  position: relative;
  overflow: visible;
}
.studios-page .studios-hero-inner {
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .studios-page .studios-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.studios-page .studios-hero-layout {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: var(--spacing-4xl);
  align-items: center;
}
@media (max-width: 1200px) {
  .studios-page .studios-hero-layout {
    grid-template-columns: 1fr 380px;
    gap: var(--spacing-3xl);
  }
}
@media (max-width: 992px) {
  .studios-page .studios-hero-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.studios-page .studios-hero-lead {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.studios-page .studios-hero-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-display);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  margin: 0;
}
@media (max-width: 1200px) {
  .studios-page .studios-hero-headline {
    font-size: var(--font-size-display-sm);
  }
}
@media (max-width: 992px) {
  .studios-page .studios-hero-headline {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .studios-page .studios-hero-headline {
    font-size: var(--font-size-4xl);
  }
}
@media (max-width: 576px) {
  .studios-page .studios-hero-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .studios-hero-subheadline {
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
  max-width: 560px;
  margin: 0;
}
@media (max-width: 992px) {
  .studios-page .studios-hero-subheadline {
    max-width: 100%;
  }
}
.studios-page .studios-hero-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl);
  flex-wrap: wrap;
  margin-top: var(--spacing-sm);
}
.studios-page .studios-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.studios-page .studios-hero-cta svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.studios-page .studios-hero-cta:hover svg {
  transform: translateX(3px);
}
.studios-page .studios-hero-secondary-cta {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 1px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.studios-page .studios-hero-secondary-cta:hover {
  color: var(--color-white);
  border-bottom-color: var(--color-white);
}
.studios-page .studios-section-label {
  color: var(--color-brand-primary);
}
.studios-page .tiers-headline {
  font-size: var(--font-size-4xl);
  max-width: 700px;
  margin-bottom: var(--spacing-xl);
}
@media (max-width: 992px) {
  .studios-page .tiers-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .tiers-intro {
  max-width: 680px;
  margin-bottom: var(--spacing-3xl);
}
.studios-page .tiers-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto auto auto auto 1fr;
  gap: 0 var(--spacing-xl);
  align-items: stretch;
}
@media (max-width: 992px) {
  .studios-page .tiers-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto auto auto 1fr auto auto auto auto 1fr;
  }
}
@media (max-width: 768px) {
  .studios-page .tiers-list {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    margin: var(--spacing-md) 0;
  }
}
@media (max-width: 576px) {
  .studios-page .tiers-list {
    gap: var(--spacing-md) 0;
  }
}
.studios-page .tier-row {
  position: relative;
  display: grid;
  grid-row: span 5;
  grid-template-rows: subgrid;
  align-items: start;
  gap: 0;
  padding: var(--spacing-2xl);
  background: var(--studios-tier-surface);
  border: 1px solid var(--studios-tier-border);
  border-top: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-xl);
  box-shadow: var(--studios-tier-panel-shadow);
  overflow: hidden;
}
@media (max-width: 576px) {
  .studios-page .tier-row {
    padding: var(--spacing-xl);
  }
}
@media (max-width: 768px) {
  .studios-page .tier-row {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
}
.studios-page .tier-row__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-xl);
}
.studios-page .tier-row__badge {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.studios-page .tier-row__numeral {
  font-family: var(--font-display);
  font-size: var(--studios-tier-numeral-size);
  font-weight: var(--font-weight-extrabold);
  line-height: 1;
  letter-spacing: var(--tracking-tight);
  color: var(--studios-tier-numeral-color);
  text-shadow: var(--studios-tier-numeral-shadow);
}
.studios-page .tier-row__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--studios-tier-label-color);
  margin: 0;
  max-width: none;
}
.studios-page .tier-row__content {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  gap: 0;
}
@media (max-width: 768px) {
  .studios-page .tier-row__content {
    display: contents;
  }
}
.studios-page .tier-row__heading {
  font-family: var(--font-display);
  font-size: var(--studios-tier-heading-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: 1.12;
  color: var(--text-primary);
  margin: 0;
  padding-bottom: var(--spacing-md);
  align-self: start;
}
.studios-page .tier-row__body {
  font-size: var(--studios-tier-body-size);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  padding-bottom: var(--spacing-md);
  align-self: start;
}
.studios-page .tier-row__highlights {
  list-style: none;
  padding: 0;
  padding-bottom: var(--spacing-md);
  margin: 0;
  display: grid;
  gap: var(--spacing-sm);
  align-self: start;
}
.studios-page .tier-row__highlights li {
  position: relative;
  padding: 0.85rem 0.95rem 0.85rem 2.4rem;
  font-size: var(--studios-tier-support-size);
  font-weight: var(--font-weight-semibold);
  line-height: 1.55;
  color: var(--studios-tier-highlight-text);
  background: var(--studios-tier-highlight-surface);
  border: 1px solid var(--studios-tier-highlight-border);
  border-radius: var(--radius-md);
}
.studios-page .tier-row__highlights li::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1.05rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--studios-tier-highlight-dot);
  box-shadow: var(--studios-tier-highlight-dot-ring);
}
.studios-page .tier-row__note {
  display: block;
  font-size: var(--studios-tier-support-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-relaxed);
  color: var(--studios-tier-note-color);
  margin: 0;
  padding: var(--spacing-lg) 0 0;
  border-top: 1px solid var(--studios-tier-note-border);
  align-self: start;
}
.studios-page .studios-proof-panel {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 3px solid var(--color-brand-primary);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .studios-page .studios-proof-panel {
    max-width: 560px;
  }
}
@media (max-width: 768px) {
  .studios-page .studios-proof-panel {
    padding: var(--spacing-xl);
  }
}
.studios-page .studios-proof-panel__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--blue-300);
  margin: 0;
}
.studios-page .studios-proof-panel__body {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
  margin: 0;
}
.studios-page .studios-proof-panel__body strong {
  color: var(--color-white);
  font-weight: var(--font-weight-semibold);
}
.studios-page .studios-meta-bar {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: var(--spacing-lg);
}
.studios-page .studios-meta-bar__item {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  color: var(--color-white);
  opacity: 0.8;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.studios-page .section-governance {
  padding: var(--section-padding-y) 0;
}
.studios-page .governance-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  max-width: 22ch;
  margin: 0 0 var(--spacing-xl);
}
@media (max-width: 768px) {
  .studios-page .governance-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .governance-intro {
  max-width: 68ch;
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-3xl);
}
.studios-page .governance-grid {
  margin-bottom: var(--spacing-3xl);
}
.studios-page .gov-item {
  padding: var(--spacing-xl);
  background: var(--studios-governance-surface);
  border: 1px solid var(--studios-governance-border);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-xl);
}
.studios-page .gov-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: var(--spacing-md);
  color: var(--color-accent);
}
.studios-page .gov-item__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.studios-page .gov-item__title {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm);
}
.studios-page .gov-item__body {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.studios-page .governance-system {
  padding: var(--spacing-2xl);
  background: var(--studios-governance-surface);
  border: 1px solid var(--studios-governance-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--studios-governance-panel-shadow);
}
@media (max-width: 576px) {
  .studios-page .governance-system {
    padding: var(--spacing-xl);
  }
}
.studios-page .governance-system__intro {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: var(--spacing-xl);
  align-items: start;
  margin-bottom: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .studios-page .governance-system__intro {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.studios-page .governance-system__eyebrow {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0;
}
.studios-page .governance-system__summary {
  font-size: var(--studios-governance-summary-size);
  line-height: var(--leading-relaxed);
  color: var(--studios-governance-summary-color);
  margin: 0;
}
.studios-page .governance-system__columns {
  padding-top: var(--spacing-xl);
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  border-top: 1px solid var(--studios-governance-divider);
}
@media (max-width: 992px) {
  .studios-page .governance-system__columns {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
    padding-top: 0;
    border-top: 0;
  }
}
.studios-page .governance-layer {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl) var(--spacing-xl) 0;
}
.studios-page .governance-layer + .governance-layer {
  border-left: 1px solid var(--studios-governance-column-divider);
}
@media (max-width: 992px) {
  .studios-page .governance-layer {
    padding: var(--spacing-xl) 0 0;
  }
  .studios-page .governance-layer + .governance-layer {
    border-left: 0;
    border-top: 1px solid var(--studios-governance-column-divider);
  }
}
.studios-page .governance-layer__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  min-height: var(--studios-governance-header-min-height);
}
@media (max-width: 1200px) {
  .studios-page .governance-layer__header {
    min-height: var(--studios-governance-header-min-height-xl);
  }
}
@media (max-width: 992px) {
  .studios-page .governance-layer__header {
    min-height: 0;
  }
}
.studios-page .governance-layer__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--studios-governance-label-color);
  margin: 0;
}
.studios-page .governance-layer__title {
  font-family: var(--font-display);
  font-size: var(--studios-governance-title-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: 1.16;
  color: var(--text-primary);
  margin: 0;
}
.studios-page .governance-layer__body {
  font-size: var(--studios-governance-body-size);
  line-height: var(--leading-relaxed);
  color: var(--studios-governance-body-color);
  margin: 0;
}
.studios-page .governance-layer__details {
  display: grid;
  gap: 0;
  align-content: start;
}
.studios-page .governance-detail {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-md);
  align-items: start;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--studios-governance-detail-border);
}
.studios-page .governance-detail + .governance-detail {
  margin-top: var(--spacing-md);
}
.studios-page .governance-detail__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  color: var(--studios-governance-icon-color);
  background: var(--studios-governance-icon-surface);
  box-shadow: var(--studios-governance-icon-ring);
}
.studios-page .governance-detail__icon i,
.studios-page .governance-detail__icon svg {
  width: 1rem;
  height: 1rem;
  stroke-width: 1.9;
}
.studios-page .governance-detail__title {
  font-family: var(--font-display);
  font-size: var(--studios-governance-detail-title-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  margin: 0 0 0.35rem;
}
.studios-page .governance-detail__body {
  font-size: var(--studios-governance-detail-body-size);
  line-height: var(--leading-relaxed);
  color: var(--studios-governance-body-color);
  margin: 0;
}
.studios-page .tier-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: var(--studios-tier-icon-color);
  background: var(--studios-tier-icon-surface);
  box-shadow: var(--studios-tier-icon-ring);
}
.studios-page .tier-row__icon i,
.studios-page .tier-row__icon svg {
  width: 1.35rem;
  height: 1.35rem;
  stroke-width: 1.9;
}
.studios-page .studios-meta-bar__icon {
  flex-shrink: 0;
  color: var(--color-brand-primary);
}
.studios-page .studios-meta-bar__icon i,
.studios-page .studios-meta-bar__icon svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.5;
  display: block;
}
.studios-page .heritage-section-label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-xl);
}
.studios-page .heritage-layout {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--spacing-4xl);
  align-items: start;
}
@media (max-width: 1200px) {
  .studios-page .heritage-layout {
    grid-template-columns: 1fr 360px;
    gap: var(--spacing-3xl);
  }
}
@media (max-width: 992px) {
  .studios-page .heritage-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.studios-page .heritage-text-col {
  display: flex;
  flex-direction: column;
}
.studios-page .heritage-right-col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  position: sticky;
  top: calc(72px + var(--spacing-2xl));
}
@media (max-width: 992px) {
  .studios-page .heritage-right-col {
    position: static;
  }
}
.studios-page .heritage-image-zone {
  background: var(--studios-heritage-surface);
  border: 1px solid var(--studios-heritage-border);
  border-top: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: var(--spacing-xl);
  gap: var(--spacing-lg);
  overflow: hidden;
  box-shadow: var(--studios-heritage-panel-shadow);
}
.studios-page .heritage-image-zone__label {
  font-family: var(--font-primary);
  font-size: var(--studios-heritage-meta-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--studios-heritage-meta-label-color);
  text-align: left;
}
.studios-page .heritage-image-zone__meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
}
@media (max-width: 576px) {
  .studios-page .heritage-image-zone__meta {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
}
.studios-page .heritage-image-zone__era {
  font-family: var(--font-primary);
  font-size: var(--studios-heritage-meta-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--studios-heritage-meta-era-color);
  margin: 0;
  white-space: nowrap;
}
.studios-page .heritage-image-zone__graphic {
  position: relative;
  min-height: var(--studios-heritage-graphic-min-height);
  border-radius: calc(var(--radius-lg) - 6px);
  background: var(--studios-heritage-graphic-surface);
  border: 1px solid var(--studios-heritage-graphic-border);
  padding: clamp(1rem, 2vw, 1.5rem);
}
@media (max-width: 576px) {
  .studios-page .heritage-image-zone__graphic {
    min-height: var(--studios-heritage-graphic-min-height-mobile);
    padding: 1rem;
  }
}
.studios-page .heritage-image-zone__caption {
  font-size: var(--studios-heritage-caption-size);
  line-height: var(--leading-relaxed);
  color: var(--studios-heritage-caption-color);
  text-align: left;
  margin: 0;
}
.studios-page .heritage-credential {
  position: relative;
  height: 100%;
  min-height: 100%;
  border-radius: calc(var(--radius-lg) - 10px);
  background: var(--studios-heritage-credential-surface);
  overflow: hidden;
}
.studios-page .heritage-credential__field {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(92%, 25rem);
  border: 1px solid var(--studios-heritage-field-border);
  border-radius: 1.75rem;
  background: var(--studios-heritage-field-surface);
}
.studios-page .heritage-credential__field--outer {
  top: 1rem;
  height: 52%;
}
.studios-page .heritage-credential__field--inner {
  bottom: 0.4rem;
  width: min(78%, 20rem);
  height: 58%;
}
.studios-page .heritage-credential__arc {
  position: absolute;
  left: 50%;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom: 0;
  transform: translateX(-50%);
}
.studios-page .heritage-credential__arc--main {
  bottom: 4.1rem;
  width: min(70%, 18rem);
  height: 9rem;
  border: 6px solid transparent;
  border-top-color: var(--studios-heritage-arc-top);
  border-left-color: var(--studios-heritage-arc-left);
  border-right-color: var(--studios-heritage-arc-right);
  box-shadow: var(--studios-heritage-arc-shadow);
}
.studios-page .heritage-credential__arc--secondary {
  bottom: 5rem;
  width: min(54%, 14rem);
  height: 6rem;
  border: 2px dashed var(--studios-heritage-arc-secondary-border);
  border-bottom: 0;
}
.studios-page .heritage-credential__badge {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  background: var(--studios-heritage-badge-surface);
  border: 1px solid var(--studios-heritage-badge-border);
  box-shadow: var(--studios-heritage-badge-shadow);
}
.studios-page .heritage-credential__badge::before,
.studios-page .heritage-credential__badge::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: -0.85rem;
  border: 1px solid var(--studios-heritage-badge-ring);
}
.studios-page .heritage-credential__badge::after {
  inset: 0.85rem;
  border-color: var(--studios-heritage-badge-ring-inner);
}
.studios-page .heritage-credential__value {
  font-family: var(--font-display);
  font-size: var(--studios-heritage-badge-value-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--studios-heritage-value-color);
}
.studios-page .heritage-credential__unit {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--studios-heritage-unit-color);
  line-height: 1;
}
.studios-page .heritage-credential__marker {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--studios-heritage-marker-color);
}
.studios-page .heritage-credential__marker--one {
  left: 29%;
  top: 44%;
}
.studios-page .heritage-credential__marker--two {
  left: calc(50% - 0.35rem);
  top: 19%;
}
.studios-page .heritage-credential__marker--three {
  right: 29%;
  top: 44%;
  background: var(--studios-heritage-marker-end-color);
}
.studios-page .heritage-credential__node {
  position: absolute;
  bottom: 3.55rem;
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 50%;
  box-shadow: var(--studios-heritage-node-halo);
}
.studios-page .heritage-credential__node--start {
  left: 15%;
  background: var(--studios-heritage-node-start-color);
}
.studios-page .heritage-credential__node--end {
  right: 15%;
  background: var(--studios-heritage-node-end-color);
  box-shadow: var(--studios-heritage-node-halo-end);
}
.studios-page .heritage-credential__year {
  position: absolute;
  bottom: 1.1rem;
  font-family: var(--font-primary);
  font-size: var(--studios-heritage-year-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.studios-page .heritage-credential__year--start {
  left: 10%;
  color: var(--studios-heritage-year-start-color);
}
.studios-page .heritage-credential__year--end {
  right: 10%;
  color: var(--studios-heritage-year-end-color);
}
@media (max-width: 576px) {
  .studios-page .heritage-credential__arc--main {
    width: 78%;
    height: 7.5rem;
    bottom: 3.5rem;
  }
  .studios-page .heritage-credential__arc--secondary {
    width: 60%;
    height: 5.25rem;
    bottom: 4.3rem;
  }
  .studios-page .heritage-credential__badge {
    width: 5.5rem;
    height: 5.5rem;
  }
  .studios-page .heritage-credential__value {
    font-size: var(--studios-heritage-badge-value-size-mobile);
  }
  .studios-page .heritage-credential__year {
    font-size: var(--studios-heritage-year-size-mobile);
    letter-spacing: 0.1em;
  }
  .studios-page .heritage-credential__node {
    bottom: 3rem;
  }
}
.studios-page .heritage-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-2xl);
}
@media (max-width: 768px) {
  .studios-page .heritage-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .heritage-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin: 0 0 var(--spacing-3xl);
}
.studios-page .heritage-body p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .heritage-quote {
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-xl);
  margin: 0 0 var(--spacing-3xl);
}
.studios-page .heritage-quote p {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-style: italic;
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md);
}
.studios-page .heritage-quote__attribution {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}
.studios-page .heritage-context {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .heritage-clients {
  padding-top: var(--spacing-xl);
  border-top: 1px solid rgba(230, 220, 207, 0.2);
  margin-bottom: var(--spacing-xl);
}
.studios-page .heritage-clients__label,
.studios-page .heritage-agencies__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-md);
}
.studios-page .heritage-clients__list {
  font-size: var(--font-size-sm);
  line-height: var(--leading-loose);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .heritage-agencies {
  padding-top: var(--spacing-xl);
  border-top: 1px solid rgba(230, 220, 207, 0.2);
}
.studios-page .heritage-agencies__list {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  margin: 0;
}
.studios-page .capabilities-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  max-width: 18ch;
  margin: 0 0 var(--spacing-xl);
}
@media (max-width: 768px) {
  .studios-page .capabilities-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .capabilities-intro {
  max-width: 68ch;
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-3xl);
}
.studios-page .capabilities-overview {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: var(--spacing-lg);
  align-items: start;
  padding: var(--spacing-lg) 0 var(--spacing-2xl);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .studios-page .capabilities-overview {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.studios-page .capabilities-overview__eyebrow {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0;
}
.studios-page .capabilities-overview__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}
.studios-page .capabilities-overview__list li {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.studios-page .capabilities-overview__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  text-decoration: none;
  color: var(--text-primary);
  background: rgba(28, 52, 168, 0.08);
  border: 1px solid rgba(28, 52, 168, 0.18);
  border-radius: 999px;
  padding: 0.7rem 0.95rem;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}
.studios-page .capabilities-overview__link:hover, .studios-page .capabilities-overview__link:focus-visible {
  background: rgba(28, 52, 168, 0.16);
  border-color: rgba(28, 52, 168, 0.38);
  color: var(--text-primary);
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.studios-page .capabilities-overview__link:focus-visible {
  outline: 2px solid rgba(28, 52, 168, 0.5);
  outline-offset: 2px;
}
.studios-page .capabilities-overview__link.is-active {
  background: var(--color-brand-primary);
  border-color: var(--blue-600);
  color: var(--color-white);
  box-shadow: var(--shadow-sm);
}
.studios-page .capability-groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.studios-page .capability-group {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--spacing-2xl);
  padding: var(--spacing-2xl);
  background: linear-gradient(180deg, rgba(28, 52, 168, 0.08) 0%, rgba(28, 52, 168, 0) 100%), var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 992px) {
  .studios-page .capability-group {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}
@media (max-width: 576px) {
  .studios-page .capability-group {
    padding: var(--spacing-xl);
  }
}
.studios-page .capability-group.is-filter-hidden {
  display: none;
}
.studios-page .capability-group__intro {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.studios-page .capability-group__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0;
}
.studios-page .capability-group__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 768px) {
  .studios-page .capability-group__title {
    font-size: var(--font-size-xl);
  }
}
.studios-page .capability-group__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 34ch;
}
@media (max-width: 992px) {
  .studios-page .capability-group__body {
    max-width: 100%;
  }
}
.studios-page .capability-group__rail {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--spacing-lg);
  align-items: stretch;
}
@media (max-width: 768px) {
  .studios-page .capability-group__rail {
    grid-template-columns: 1fr;
  }
}
.studios-page .capability-featured {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl);
  background: radial-gradient(circle at top right, rgba(28, 52, 168, 0.14), transparent 45%), linear-gradient(180deg, rgba(10, 19, 33, 0.04) 0%, rgba(10, 19, 33, 0.01) 100%);
  border: 1px solid rgba(28, 52, 168, 0.2);
  border-top: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  min-height: 100%;
}
@media (max-width: 576px) {
  .studios-page .capability-featured {
    padding: var(--spacing-lg);
  }
}
.studios-page .capability-featured__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.studios-page .capability-featured__num {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}
.studios-page .capability-featured__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background-color: rgba(28, 52, 168, 0.1);
  color: var(--color-brand-primary);
}
.studios-page .capability-featured__icon i,
.studios-page .capability-featured__icon svg {
  width: 1.2rem;
  height: 1.2rem;
  stroke-width: 1.8;
}
.studios-page .capability-featured__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
.studios-page .capability-featured__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 34ch;
}
@media (max-width: 768px) {
  .studios-page .capability-featured__body {
    max-width: 100%;
  }
}
.studios-page .capability-support-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1px;
  background-color: var(--border-color-light);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.studios-page .capability-support-item {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--bg-default);
}
@media (max-width: 576px) {
  .studios-page .capability-support-item {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.studios-page .capability-support-item__num {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-primary);
  padding-top: 0.15rem;
}
.studios-page .capability-support-item__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.studios-page .capability-support-item__title {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
.studios-page .capability-support-item__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .capabilities-section-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl);
  margin-top: var(--spacing-2xl);
  background: radial-gradient(circle at 10% 20%, rgba(28, 52, 168, 0.12), transparent 40%), var(--bg-card);
  border: 1px solid rgba(28, 52, 168, 0.22);
  border-radius: var(--radius-xl);
}
@media (max-width: 768px) {
  .studios-page .capabilities-section-foot {
    flex-direction: column;
    align-items: flex-start;
  }
}
.studios-page .capabilities-section-foot__copy-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.studios-page .capabilities-section-foot__eyebrow {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 768px) {
  .studios-page .capabilities-section-foot__eyebrow {
    font-size: var(--font-size-lg);
  }
}
.studios-page .capabilities-section-foot__copy {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .capabilities-section-foot__link {
  white-space: nowrap;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .studios-page .capabilities-section-foot__link {
    white-space: normal;
  }
}
.studios-page .section-bd-case-study {
  background: linear-gradient(180deg, var(--bg-default) 0%, var(--bg-muted) 100%);
}
.studios-page .bd-case-layout {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--spacing-4xl);
  align-items: start;
  margin-top: var(--spacing-2xl);
}
@media (max-width: 1200px) {
  .studios-page .bd-case-layout {
    grid-template-columns: 1fr 360px;
    gap: var(--spacing-3xl);
  }
}
@media (max-width: 992px) {
  .studios-page .bd-case-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.studios-page .bd-case-text-col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.studios-page .bd-case-right-col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  position: sticky;
  top: calc(72px + var(--spacing-2xl));
}
@media (max-width: 992px) {
  .studios-page .bd-case-right-col {
    position: static;
  }
}
.studios-page .bd-case-image-zone {
  aspect-ratio: 4/3;
  background: var(--bg-muted);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  overflow: hidden;
}
.studios-page .bd-case-image-zone__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  text-align: center;
}
.studios-page .bd-case-image-zone__hint {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}
.studios-page .bd-case-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 768px) {
  .studios-page .bd-case-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .bd-case-intro {
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .bd-case-body {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .bd-outcome {
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-md);
  background-color: var(--bg-muted);
  padding: var(--spacing-xl);
  margin: 0;
}
@media (max-width: 576px) {
  .studios-page .bd-outcome {
    padding: var(--spacing-lg);
  }
}
.studios-page .bd-outcome__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-sm);
}
.studios-page .bd-outcome__text {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-page .bd-case-link {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-brand-primary);
  padding-bottom: 2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.studios-page .bd-case-link:hover, .studios-page .bd-case-link:focus-visible {
  color: var(--color-brand-primary);
  border-bottom-color: currentColor;
}
.studios-page .bd-case-link:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 3px;
}
.studios-page .section-studios-cta {
  background: radial-gradient(circle at 14% 16%, rgba(37, 65, 212, 0.2), transparent 36%), radial-gradient(circle at 85% 80%, rgba(37, 65, 212, 0.12), transparent 40%), linear-gradient(145deg, #0b132d 0%, #0f1a3d 62%, #162754 100%);
}
.studios-page .studios-cta-label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-lg);
}
.studios-page .studios-cta-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--color-white);
  max-width: 20ch;
  margin: 0 0 var(--spacing-xl);
}
@media (max-width: 768px) {
  .studios-page .studios-cta-headline {
    font-size: var(--font-size-3xl);
  }
}
.studios-page .studios-cta-copy {
  max-width: 70ch;
  color: var(--studios-warm-200);
  margin: 0 0 var(--spacing-md);
}
.studios-page .studios-cta-copy:last-of-type {
  margin-bottom: 0;
}
.studios-page .studios-cta-actions {
  margin-top: var(--spacing-2xl);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 768px) {
  .studios-page .studios-cta-actions {
    grid-template-columns: 1fr;
  }
}
.studios-page .studios-cta-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%), rgba(22, 18, 13, 0.7);
  border: 1px solid rgba(230, 220, 207, 0.24);
  border-top: 2px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
}
@media (max-width: 576px) {
  .studios-page .studios-cta-card {
    padding: var(--spacing-lg);
  }
}
.studios-page .studios-cta-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  margin: 0;
}
.studios-page .studios-cta-card__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--studios-warm-200);
  margin: 0;
}
.studios-page .studios-cta-card .studios-hero-secondary-cta {
  color: var(--studios-warm-200);
  border-bottom-color: rgba(230, 220, 207, 0.42);
}
.studios-page .studios-cta-card .studios-hero-secondary-cta:hover, .studios-page .studios-cta-card .studios-hero-secondary-cta:focus-visible {
  color: #fff4e3;
  border-bottom-color: #fff4e3;
}
@media (max-width: 576px) {
  .studios-page .studios-cta-card .studios-hero-cta {
    width: 100%;
    justify-content: center;
  }
}

.platform-page .io-sys-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono, monospace);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-brand-amber);
  padding: 4px 10px;
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--color-brand-amber) 10%, transparent);
}
.platform-page .io-sys-badge .lucide {
  width: 14px;
  height: 14px;
  stroke-width: 2.5;
}
.platform-page .io-sys-badge--b2c {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--color-brand-amber) 5%, var(--bg-card));
  border-color: color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
}
.platform-page .io-sys-badge--b2b {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-600) 8%, var(--bg-card));
  border-color: color-mix(in srgb, var(--amber-600) 35%, transparent);
}
.platform-page .io-sys-badge--b2e {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
  border-color: color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
}
.platform-page .io-sys-badge--success {
  font-size: var(--font-size-xs) !important;
  color: var(--color-success);
  background: color-mix(in srgb, var(--color-success) 8%, var(--bg-card));
  border-color: color-mix(in srgb, var(--color-success) 35%, transparent);
}
.platform-page .io-sys-badge--error {
  font-size: var(--font-size-xs) !important;
  color: var(--color-error);
  background: color-mix(in srgb, var(--color-error) 8%, var(--bg-card));
  border-color: color-mix(in srgb, var(--color-error) 35%, transparent);
}
.platform-page .section-hero--platform {
  position: relative;
}
.platform-page .platform-hero-inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-3xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .platform-page .platform-hero-inner {
    padding-top: calc(var(--spacing-2xl) + 72px);
    padding-bottom: var(--spacing-2xl);
  }
}
.platform-page .platform-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 992px) {
  .platform-page .platform-hero-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.platform-page .platform-hero-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  max-width: 38rem;
  min-width: 0;
}
@media (max-width: 992px) {
  .platform-page .platform-hero-content {
    align-items: center;
    text-align: center;
    max-width: none;
  }
}
.platform-page .platform-hero-eyebrow {
  color: var(--amber-200);
  margin: 0;
}
.platform-page .platform-hero-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-bold);
  line-height: 1.1;
  color: var(--color-white);
  margin: 0;
}
@media (max-width: 768px) {
  .platform-page .platform-hero-headline {
    font-size: var(--font-size-2xl);
  }
}
@media (max-width: 576px) {
  .platform-page .platform-hero-headline {
    font-size: var(--font-size-xl);
  }
}
.platform-page .platform-hero-headline__line {
  display: block;
}
.platform-page .platform-hero-headline__line:not(:first-child) {
  margin-top: 0.08em;
}
.platform-page .platform-hero-subheadline {
  font-size: var(--font-size-xl);
  line-height: var(--leading-relaxed);
  color: var(--amber-200);
  max-width: 34ch;
  margin: 0;
}
@media (max-width: 768px) {
  .platform-page .platform-hero-subheadline {
    font-size: var(--font-size-lg);
    max-width: 38ch;
  }
}
.platform-page .platform-meta-bar {
  list-style: none;
  padding: var(--spacing-sm) 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--spacing-xs) var(--spacing-sm);
  width: 100%;
}
@media (max-width: 992px) {
  .platform-page .platform-meta-bar {
    justify-content: center;
  }
}
.platform-page .platform-meta-bar--hero-proof {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--spacing-xs) var(--spacing-sm);
  padding-top: var(--spacing-sm);
  max-width: 38rem;
  width: auto;
}
@media (max-width: 992px) {
  .platform-page .platform-meta-bar--hero-proof {
    justify-content: center;
  }
}
.platform-page .platform-meta-bar__item {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--amber-200);
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-full);
  padding: 0.35rem 0.75rem;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.platform-page .platform-meta-bar__item:hover {
  background-color: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.3);
}
.platform-page .platform-meta-bar__item:nth-child(6), .platform-page .platform-meta-bar__item:nth-child(7) {
  border-color: rgba(232, 168, 0, 0.5);
  background-color: rgba(232, 168, 0, 0.12);
}
.platform-page .platform-hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-md);
  flex-wrap: nowrap;
  margin-top: var(--spacing-sm);
}
@media (max-width: 992px) {
  .platform-page .platform-hero-actions {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .platform-page .platform-hero-actions {
    flex-direction: column;
    gap: var(--spacing-md);
    width: 100%;
  }
}
.platform-page .platform-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.platform-page .platform-hero-cta svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.platform-page .platform-hero-cta:hover svg {
  transform: translateX(3px);
}
@media (max-width: 576px) {
  .platform-page .platform-hero-cta {
    width: 100%;
    justify-content: center;
  }
}
.platform-page .platform-hero-secondary-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.platform-page .platform-hero-secondary-cta .lucide {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.platform-page .platform-hero-secondary-cta:hover, .platform-page .platform-hero-secondary-cta:focus-visible {
  color: var(--color-white);
  border-bottom-color: rgba(255, 255, 255, 0.7);
  outline: none;
}
.platform-page .platform-hero-secondary-cta:hover .lucide, .platform-page .platform-hero-secondary-cta:focus-visible .lucide {
  transform: translateX(3px);
}
.platform-page .platform-hero-secondary-cta:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 3px;
  border-bottom-color: transparent;
}
@media (max-width: 576px) {
  .platform-page .platform-hero-secondary-cta {
    width: 100%;
    justify-content: center;
  }
}
.platform-page .hero-platform-preview {
  --hero-preview-title: rgba(255, 255, 255, 0.98);
  --hero-preview-subtitle: rgba(255, 255, 255, 0.78);
  --hero-preview-core: #ffd84d;
  --hero-preview-center: #fff4b0;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-lg);
  overflow: visible;
  position: relative;
}
@media (max-width: 992px) {
  .platform-page .hero-platform-preview {
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }
}
@keyframes pulse-dot {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.platform-page .hero-platform-preview__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-start;
}
.platform-page .hero-platform-preview__label::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--amber-400);
  flex-shrink: 0;
  animation: pulse-dot 1.6s ease-in-out infinite;
}
.platform-page .hero-platform-preview__lockup {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(var(--spacing-md), 2vw, var(--spacing-xl));
  width: min(100%, 40rem);
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .platform-page .hero-platform-preview__lockup {
    width: min(100%, 34rem);
  }
}
@media (max-width: 576px) {
  .platform-page .hero-platform-preview__lockup {
    align-items: flex-start;
    flex-direction: row;
    text-align: left;
    width: 100%;
  }
}
.platform-page .hero-platform-preview__mark {
  width: clamp(5.75rem, 11vw, 7.75rem);
  height: clamp(5.75rem, 11vw, 7.75rem);
  flex-shrink: 0;
  overflow: visible;
  filter: drop-shadow(0 0 18px rgba(232, 168, 0, 0.28)) drop-shadow(0 0 36px rgba(232, 168, 0, 0.16));
}
@media (max-width: 576px) {
  .platform-page .hero-platform-preview__mark {
    width: clamp(5rem, 22vw, 6.25rem);
    height: clamp(5rem, 22vw, 6.25rem);
  }
}
.platform-page .hero-platform-preview__mark-core {
  fill: var(--hero-preview-core);
}
.platform-page .hero-platform-preview__mark-center {
  fill: var(--hero-preview-center);
}
.platform-page .hero-platform-preview__text {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
}
@media (max-width: 576px) {
  .platform-page .hero-platform-preview__text {
    align-items: center;
  }
}
.platform-page .hero-platform-preview__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 2vw + 1rem, 3.2rem);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tighter);
  line-height: 0.94;
  color: var(--hero-preview-title);
  white-space: nowrap;
  text-wrap: nowrap;
  text-shadow: 0 10px 32px rgba(0, 0, 0, 0.28);
}
@media (max-width: 576px) {
  .platform-page .hero-platform-preview__title {
    font-size: clamp(1.8rem, 6.5vw, 3rem);
  }
}
.platform-page .hero-platform-preview__subtitle {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-snug);
  letter-spacing: 0.03em;
  color: var(--hero-preview-subtitle);
  text-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
  font-weight: var(--font-weight-medium);
}
@media (max-width: 576px) {
  .platform-page .hero-platform-preview__subtitle {
    max-width: none;
  }
}
@media (max-width: 576px) {
  .platform-page .platform-hero-inner {
    padding-top: calc(var(--spacing-xl) + 72px);
    padding-bottom: var(--spacing-xl);
  }
  .platform-page .platform-hero-layout {
    gap: var(--spacing-xl);
  }
  .platform-page .platform-hero-content {
    width: 100%;
    gap: var(--spacing-lg);
  }
  .platform-page .io-hero-lockup--platform-preview {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
  .platform-page .io-hero-lockup--platform-preview .vb-lockup {
    width: 100%;
    justify-content: center;
    gap: 0.75rem;
  }
  .platform-page .io-hero-lockup--platform-preview .vb-lockup svg {
    width: clamp(3.8rem, 18vw, 4.6rem);
  }
  .platform-page .io-hero-lockup--platform-preview .vb-text {
    min-width: 0;
    gap: 0.25rem;
  }
  .platform-page .io-hero-lockup--platform-preview .entity-name {
    font-size: clamp(1.1rem, 6.4vw, 1.75rem);
  }
  .platform-page .io-hero-lockup--platform-preview .entity-sub {
    font-size: 0.56rem;
    letter-spacing: 0.16em;
    white-space: normal;
    text-wrap: balance;
    max-width: 20ch;
  }
  .platform-page .io-hero-lockup--platform-preview .entity-rule {
    width: min(100%, 7rem) !important;
  }
  .platform-page .platform-hero-headline {
    max-width: 9.5ch;
    text-wrap: balance;
  }
  .platform-page .platform-hero-subheadline {
    font-size: var(--font-size-base);
    max-width: 24ch;
    text-wrap: pretty;
  }
  .platform-page .platform-hero-actions {
    gap: var(--spacing-sm);
  }
  .platform-page .platform-hero-secondary-cta {
    text-align: center;
    line-height: 1.4;
  }
  .platform-page .hero-platform-preview {
    gap: var(--spacing-md);
  }
  .platform-page .hero-platform-preview > div {
    width: 100%;
    padding: var(--spacing-xl) !important;
    gap: var(--spacing-lg) !important;
  }
  .platform-page .io-diagram__boundary-label {
    font-size: 0.56rem;
    letter-spacing: 0.14em;
  }
  .platform-page .io-diagram__inner {
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.625rem;
  }
  .platform-page .io-diagram__chip {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
    text-align: center;
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    padding: 0.55rem 0.5rem;
  }
  .platform-page .io-diagram__no-access {
    max-width: 100%;
    text-align: center;
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    padding-inline: 0.9rem;
  }
}
.platform-page .section-loyalty-fabric {
  padding: var(--spacing-4xl) 0;
  background-color: var(--bg-default);
}
@media (max-width: 768px) {
  .platform-page .section-loyalty-fabric {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .loyalty-fabric-content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}
.platform-page .loyalty-fabric-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  max-width: 24ch;
  margin: 0;
}
@media (max-width: 768px) {
  .platform-page .loyalty-fabric-headline {
    font-size: var(--font-size-3xl);
  }
}
.platform-page .loyalty-progression {
  display: grid;
  gap: 0;
}
@media (min-width: 992px) {
  .platform-page .loyalty-progression {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.platform-page .loyalty-progression__step {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-xl);
  position: relative;
}
@media (min-width: 992px) {
  .platform-page .loyalty-progression__step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: var(--spacing-xl);
    right: 0;
    bottom: var(--spacing-xl);
    width: 1px;
    background: var(--border-color-light);
  }
}
@media (max-width: 992px) {
  .platform-page .loyalty-progression__step:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--spacing-xl);
    right: var(--spacing-xl);
    height: 1px;
    background: var(--border-color-light);
  }
}
.platform-page .loyalty-progression__num {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--color-brand-amber);
  opacity: 0.95;
}
.platform-page .loyalty-progression__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.platform-page .loyalty-progression__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.platform-page .loyalty-progression__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
}
.platform-page .loyalty-progression__copy {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.platform-page .loyalty-arch-callout {
  padding: var(--spacing-xl) var(--spacing-2xl);
  margin: var(--spacing-xl) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  max-width: 72ch;
  border-left: 4px solid var(--color-brand-amber);
}
@media (max-width: 576px) {
  .platform-page .loyalty-arch-callout {
    padding: var(--spacing-lg) var(--spacing-xl);
  }
}
.platform-page .loyalty-arch-callout__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin: 0;
}
.platform-page .loyalty-arch-callout__body {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
@media (max-width: 576px) {
  .platform-page .loyalty-arch-callout__body {
    font-size: var(--font-size-base);
  }
}
.platform-page .loyalty-fabric-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .platform-page .loyalty-fabric-metrics {
    grid-template-columns: 1fr;
  }
}
.platform-page .loyalty-metric-card {
  background-color: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
}
.platform-page .loyalty-metric-card__value {
  margin: 0 0 var(--spacing-xs);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--color-brand-amber);
}
.platform-page .loyalty-metric-card__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.platform-page .loyalty-accenture-quote {
  margin: 0;
  padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-2xl);
  border-left: 4px solid var(--color-brand-amber);
}
.platform-page .loyalty-accenture-quote__text {
  margin: 0 0 var(--spacing-md);
  font-family: var(--font-display);
  font-size: clamp(var(--font-size-xl), 2.5vw, var(--font-size-3xl));
  font-style: italic;
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  max-width: 52ch;
}
.platform-page .loyalty-accenture-quote__cite {
  display: block;
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.platform-page .section-buyer-nav {
  padding: var(--spacing-4xl) 0;
  background-color: var(--bg-muted);
  border-top: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-page .section-buyer-nav {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .buyer-nav-header {
  text-align: center;
  max-width: 560px;
  margin: 0 auto var(--spacing-3xl);
}
.platform-page .buyer-nav-header .eyebrow {
  color: var(--color-brand-amber);
}
@media (max-width: 768px) {
  .platform-page .buyer-nav-header {
    margin-bottom: var(--spacing-2xl);
  }
}
.platform-page .buyer-nav-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: var(--spacing-sm) 0 var(--spacing-md);
}
.platform-page .buyer-nav-intro {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .buyer-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .platform-page .buyer-nav-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin: 0 auto;
  }
}
.platform-page .buyer-card {
  --buyer-accent: var(--color-brand-amber);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--bg-card);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--buyer-accent);
  padding: var(--spacing-xl);
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  gap: var(--spacing-xl);
}
.platform-page .buyer-card:hover {
  transform: translateY(-4px);
}
.platform-page .buyer-card:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--buyer-accent) 35%, transparent), 0 10px 26px rgba(15, 23, 42, 0.12);
}
.platform-page .buyer-card.buyer-card--cmo {
  --buyer-accent: var(--color-brand-amber);
}
.platform-page .buyer-card.buyer-card--cmo .buyer-card__role {
  color: var(--color-brand-amber);
}
.platform-page .buyer-card.buyer-card--cmo:hover {
  box-shadow: 0 12px 32px rgba(232, 168, 0, 0.14);
}
.platform-page .buyer-card.buyer-card--cio {
  --buyer-accent: var(--amber-600);
}
.platform-page .buyer-card.buyer-card--cio .buyer-card__role {
  color: var(--amber-600);
}
.platform-page .buyer-card.buyer-card--cio:hover {
  box-shadow: 0 12px 32px rgba(232, 168, 0, 0.14);
}
.platform-page .buyer-card.buyer-card--cfo {
  --buyer-accent: var(--color-brand-amber);
}
.platform-page .buyer-card.buyer-card--cfo .buyer-card__role {
  color: var(--color-brand-amber);
}
.platform-page .buyer-card.buyer-card--cfo:hover {
  box-shadow: 0 12px 32px rgba(232, 168, 0, 0.18);
}
.platform-page .buyer-card__inner {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.platform-page .buyer-card__icon {
  width: 20px;
  height: 20px;
  color: var(--buyer-accent);
}
.platform-page .buyer-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.platform-page .buyer-card__role {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
}
.platform-page .buyer-card__recommended {
  font-size: 0.7rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--buyer-accent);
  background-color: color-mix(in srgb, var(--buyer-accent) 12%, var(--color-white));
  border: 1px solid color-mix(in srgb, var(--buyer-accent) 32%, transparent);
  border-radius: var(--radius-full);
  padding: 0.2rem 0.55rem;
  white-space: nowrap;
}
.platform-page .buyer-card__question {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
.platform-page .buyer-card__subline {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .buyer-card__covers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.platform-page .buyer-card__covers li {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
  background-color: var(--bg-muted);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-full);
  padding: 0.25rem 0.6rem;
  line-height: 1.2;
}
.platform-page .buyer-card__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
  color: var(--buyer-accent);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.02em;
  transition: transform 0.2s ease, color 0.2s ease;
}
.buyer-card:hover .platform-page .buyer-card__cta {
  transform: translateX(4px);
  color: var(--buyer-accent);
}
.platform-page .buyer-card__cta .lucide {
  width: 16px;
  height: 16px;
}
@media (max-width: 576px) {
  .platform-page .buyer-card {
    padding: var(--spacing-lg);
  }
  .platform-page .buyer-card__meta {
    flex-wrap: wrap;
  }
  .platform-page .buyer-card__recommended {
    order: 2;
  }
}
.platform-page .section-three-journeys {
  padding: var(--spacing-4xl) 0;
  background-color: var(--color-gray-800);
}
@media (max-width: 768px) {
  .platform-page .section-three-journeys {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .three-journeys-header {
  max-width: 760px;
  margin: 0 auto var(--spacing-3xl);
}
.platform-page .three-journeys-header .eyebrow--light {
  color: var(--color-brand-amber);
}
@media (max-width: 768px) {
  .platform-page .three-journeys-header {
    margin-bottom: var(--spacing-2xl);
  }
}
.platform-page .three-journeys-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin: var(--spacing-sm) 0 var(--spacing-lg);
  max-width: 28ch;
}
@media (max-width: 768px) {
  .platform-page .three-journeys-headline {
    font-size: var(--font-size-2xl);
  }
}
.platform-page .three-journeys-intro {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--color-gray-400);
  margin: 0;
  max-width: 70ch;
}
.platform-page .journey-grid {
  display: grid;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}
@media (min-width: 992px) {
  .platform-page .journey-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.platform-page .journey-col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg);
  border-top: 3px solid rgba(255, 255, 255, 0.12);
}
.platform-page .journey-col--b2c {
  border-top-color: var(--color-brand-amber);
}
.platform-page .journey-col--b2b {
  border-top-color: var(--amber-500);
}
.platform-page .journey-col--b2e {
  border-top-color: var(--amber-300);
}
.platform-page .journey-col__head {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.platform-page .journey-col__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  margin: var(--spacing-xs) 0 0;
}
.platform-page .journey-col__desc {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  margin: 0;
}
.platform-page .journey-col__pipeline {
  list-style: none;
  margin: auto 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.platform-page .journey-col__pipeline li {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--amber-100);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  letter-spacing: 0.02em;
}
.platform-page .journey-col__pipeline li:last-child {
  border-bottom: none;
}
.platform-page .journey-col__pipeline-terminal {
  background: rgba(232, 168, 0, 0.18);
  color: var(--color-white) !important;
  font-weight: var(--font-weight-bold) !important;
}
.platform-page .journey-col__pipeline-terminal::before {
  content: "● ";
  color: var(--color-brand-amber);
}
.platform-page .journey-signals {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}
.platform-page .journey-signals__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 var(--spacing-lg);
}
.platform-page .journey-signals__grid {
  display: grid;
  gap: var(--spacing-xl);
}
@media (min-width: 992px) {
  .platform-page .journey-signals__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.platform-page .journey-signals__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.platform-page .journey-signals__pair {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-amber);
  margin: 0;
  letter-spacing: 0.02em;
}
.platform-page .journey-signals__copy {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--color-gray-400);
  margin: 0;
}
.platform-page .journey-multiplexer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  background: rgba(232, 168, 0, 0.06);
  border: 1px solid rgba(232, 168, 0, 0.2);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  position: relative;
}
.platform-page .journey-multiplexer::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(232, 168, 0, 0.1) 0%, transparent 70%);
  pointer-events: none;
}
.platform-page .journey-multiplexer__origin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  color: var(--color-white);
  font-family: var(--font-mono, monospace);
  font-size: var(--font-size-sm);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  padding-bottom: var(--spacing-xl);
  z-index: 1;
}
.platform-page .journey-multiplexer__origin .lucide {
  width: 32px;
  height: 32px;
  color: var(--color-brand-amber);
}
.platform-page .journey-multiplexer__origin::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: var(--spacing-xl);
  background: linear-gradient(to bottom, var(--color-brand-amber), transparent);
}
.platform-page .journey-multiplexer__flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-md);
  position: relative;
  z-index: 1;
}
.platform-page .journey-multiplexer__flow::before {
  content: "";
  position: absolute;
  top: calc(var(--spacing-lg) * -1);
  left: 16%;
  right: 16%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(232, 168, 0, 0.4) 15%, rgba(232, 168, 0, 0.4) 85%, transparent 100%);
}
@media (max-width: 576px) {
  .platform-page .journey-multiplexer__flow {
    grid-template-columns: 1fr;
  }
  .platform-page .journey-multiplexer__flow::before {
    display: none;
  }
}
.platform-page .journey-multiplexer__node {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  padding: var(--spacing-md);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--color-white);
  position: relative;
}
.platform-page .journey-multiplexer__node .lucide {
  width: 20px;
  height: 20px;
  margin-bottom: var(--spacing-xs);
  color: var(--color-brand-amber);
}
.platform-page .journey-multiplexer__node::before {
  content: "";
  position: absolute;
  top: calc(var(--spacing-md) * -1 - 2px);
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: var(--spacing-md);
  background: rgba(232, 168, 0, 0.4);
}
@media (max-width: 576px) {
  .platform-page .journey-multiplexer__node::before {
    display: none;
  }
}
.platform-page .section-io-core {
  padding: var(--spacing-4xl) 0;
  background-color: var(--bg-default);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-page .section-io-core {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .io-core-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xl) var(--spacing-3xl);
  align-items: start;
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .platform-page .io-core-header {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
  }
}
.platform-page .io-core-header__left .eyebrow {
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-md);
}
.platform-page .io-core-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 768px) {
  .platform-page .io-core-headline {
    font-size: var(--font-size-2xl);
  }
}
.platform-page .io-core-header__right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-top: var(--spacing-sm);
}
.platform-page .io-core-header__right p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .io-core-stack {
  margin-bottom: var(--spacing-3xl);
  padding: var(--spacing-xl);
  background: var(--bg-muted);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
}
@media (max-width: 768px) {
  .platform-page .io-core-stack {
    margin-bottom: var(--spacing-2xl);
  }
}
.platform-page .io-core-stack__apps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .platform-page .io-core-stack__apps {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.platform-page .io-core-stack__app {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--bg-default);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
}
.platform-page .io-core-stack__app-icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.platform-page .io-core-stack__app-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  letter-spacing: var(--tracking-tight);
}
.platform-page .io-core-stack__bridge {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-md);
  height: 28px;
}
.platform-page .io-core-stack__bridge span {
  display: flex;
  justify-content: center;
}
.platform-page .io-core-stack__bridge span::after {
  content: "";
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, var(--border-color-light), rgba(232, 168, 0, 0.35));
}
@media (max-width: 768px) {
  .platform-page .io-core-stack__bridge {
    display: none;
  }
}
.platform-page .io-core-stack__base {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg) var(--spacing-xl);
  background: rgba(232, 168, 0, 0.06);
  border: 1px solid rgba(232, 168, 0, 0.2);
  border-radius: var(--radius-lg);
}
@media (max-width: 768px) {
  .platform-page .io-core-stack__base {
    flex-wrap: wrap;
  }
}
.platform-page .io-core-stack__base-icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.platform-page .io-core-stack__base-content {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}
.platform-page .io-core-stack__base-label {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--color-brand-amber);
}
.platform-page .io-core-stack__base-meta {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
}
.platform-page .io-module-groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .platform-page .io-module-groups {
    gap: var(--spacing-2xl);
  }
}
.platform-page .io-module-group__header {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--border-color-light);
}
.platform-page .io-module-group__label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-primary);
  white-space: nowrap;
}
.platform-page .io-module-group__sublabel {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  font-style: italic;
}
.platform-page .io-module-group--differentiators {
  background-color: var(--color-gray-800);
  border-radius: var(--radius-xl);
  padding: var(--spacing-2xl);
  margin-left: calc(var(--spacing-xl) * -1);
  margin-right: calc(var(--spacing-xl) * -1);
}
@media (max-width: 1200px) {
  .platform-page .io-module-group--differentiators {
    margin-left: 0;
    margin-right: 0;
  }
}
.platform-page .io-module-group--differentiators .io-module-group__header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.platform-page .io-module-group--differentiators .io-module-group__label {
  color: var(--color-brand-amber);
}
.platform-page .io-module-group--differentiators .io-module-group__sublabel {
  color: var(--color-gray-400);
}
.platform-page .io-module-grid--differentiators {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .platform-page .io-module-grid--differentiators {
    grid-template-columns: 1fr;
  }
}
.platform-page .io-module-card--featured {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 2px solid var(--color-brand-amber);
  border-radius: var(--radius-lg);
  transition: background 0.2s ease;
}
.platform-page .io-module-card--featured:hover {
  background: rgba(255, 255, 255, 0.07);
}
.platform-page .io-module-card--featured .io-module-card__icon {
  width: 22px;
  height: 22px;
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-xs);
}
.platform-page .io-module-card--featured .io-module-card__name {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--color-white);
  margin: 0;
}
.platform-page .io-module-card--featured .io-module-card__kicker {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin: 0 0 var(--spacing-sm);
}
.platform-page .io-module-card--featured .io-module-card__desc {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--color-gray-300);
  margin: 0;
}
.platform-page .io-module-card--elucidate {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  background-color: var(--bg-raised);
  border-radius: var(--radius-lg);
  border-top: 2px solid var(--color-brand-amber);
}
.platform-page .io-module-card--elucidate .io-module-card__icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
}
.platform-page .io-module-card--elucidate .io-module-card__name {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  margin: 0;
}
.platform-page .io-module-card--elucidate .io-module-card__desc {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .io-module-card__elucidate-head {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xs);
}
.platform-page .io-module-card__elucidate-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-lg);
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-page .io-module-card__elucidate-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
.platform-page .io-module-stat__value {
  display: block;
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-xs);
}
.platform-page .io-module-stat__label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--text-secondary);
}
.platform-page .io-module-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.platform-page .io-module-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg) var(--spacing-xl);
  background-color: var(--bg-raised);
  border-bottom: 1px solid var(--border-color-light);
  transition: background-color 0.15s ease;
}
.platform-page .io-module-row:last-child {
  border-bottom: none;
}
.platform-page .io-module-row:hover {
  background-color: var(--bg-card);
}
.platform-page .io-module-row__icon {
  width: 18px;
  height: 18px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
  margin-top: 3px;
}
.platform-page .io-module-row__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.platform-page .io-module-row__name {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
.platform-page .io-module-row__desc {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .fabric-apps-header {
  max-width: 860px;
  margin: 0 0 var(--spacing-3xl);
  text-align: left;
}
.platform-page .fabric-apps-header .eyebrow {
  color: var(--amber-300);
}
@media (max-width: 768px) {
  .platform-page .fabric-apps-header {
    margin-bottom: var(--spacing-2xl);
  }
}
.platform-page .fabric-apps-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin: var(--spacing-sm) 0 var(--spacing-lg);
}
@media (max-width: 768px) {
  .platform-page .fabric-apps-headline {
    font-size: var(--font-size-2xl);
  }
}
.platform-page .fabric-apps-intro {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--amber-200);
  margin: 0;
}
.platform-page .section-fabric-apps {
  background: var(--color-gray-800);
  padding: var(--spacing-4xl) 0;
}
@media (max-width: 768px) {
  .platform-page .section-fabric-apps {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .fabric-app-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .platform-page .fabric-app-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .platform-page .fabric-app-list {
    grid-template-columns: 1fr;
  }
}
.platform-page .io-fabric-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .platform-page .io-fabric-bento-grid {
    grid-template-columns: 1fr;
  }
}
.platform-page .io-fabric-bento-card {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2xl);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-xl);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.platform-page .io-fabric-bento-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.platform-page .io-fabric-bento-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.15);
}
.platform-page .io-fabric-bento-card:hover::before {
  opacity: 1;
}
@media (max-width: 768px) {
  .platform-page .io-fabric-bento-card {
    padding: var(--spacing-xl);
  }
}
.platform-page .io-fabric-bento-card.fabric-app-card--loyalty:hover {
  box-shadow: 0 12px 32px rgba(232, 168, 0, 0.18);
  border-color: rgba(232, 168, 0, 0.4);
}
.platform-page .io-fabric-bento-card.fabric-app-card--procurement:hover {
  box-shadow: 0 12px 32px rgba(232, 168, 0, 0.18);
  border-color: rgba(232, 168, 0, 0.4);
}
.platform-page .io-fabric-bento-card.fabric-app-card--ai:hover {
  box-shadow: 0 12px 32px rgba(232, 168, 0, 0.18);
  border-color: rgba(232, 168, 0, 0.4);
}
.platform-page .io-fabric-bento-card__icon-layer {
  margin-bottom: var(--spacing-2xl);
}
.platform-page .io-fabric-bento-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xl);
  flex: 1;
}
.platform-page .io-fabric-bento-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  margin: 0;
}
.platform-page .io-fabric-bento-card__tagline {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-style: italic;
  color: var(--amber-200);
  margin: 0 0 var(--spacing-sm);
}
.platform-page .io-fabric-bento-card__desc {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  margin: 0;
}
.platform-page .io-fabric-bento-card__footer {
  padding-top: var(--spacing-md);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
}
.platform-page .io-fabric-bento-card__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  text-decoration: none;
  transition: color 0.2s ease;
}
.platform-page .io-fabric-bento-card__cta svg {
  transition: transform 0.2s ease;
}
.io-fabric-bento-card:hover .platform-page .io-fabric-bento-card__cta svg {
  transform: translateX(4px);
}
.platform-page .section-commercial {
  padding: var(--spacing-4xl) 0;
  background-color: var(--bg-default);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-page .section-commercial {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .commercial-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xl) var(--spacing-3xl);
  align-items: start;
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .platform-page .commercial-header {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
  }
}
.platform-page .commercial-header__left .eyebrow {
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-md);
}
.platform-page .commercial-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 768px) {
  .platform-page .commercial-headline {
    font-size: var(--font-size-2xl);
  }
}
.platform-page .commercial-header__right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-top: var(--spacing-sm);
}
.platform-page .commercial-header__right > p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .commercial-header__signal {
  display: grid;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-sm);
  padding: var(--spacing-lg);
  border-left: 3px solid var(--color-brand-amber);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-brand-amber) 9%, var(--bg-card)) 0%, color-mix(in srgb, var(--color-brand-amber) 3%, var(--bg-card)) 100%);
}
.platform-page .commercial-header__signal-label {
  margin: 0;
  font-family: var(--font-mono, monospace);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.platform-page .commercial-header__signal-copy {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  max-width: 52ch;
}
.platform-page .commercial-principles {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .platform-page .commercial-principles {
    margin-bottom: var(--spacing-2xl);
  }
}
.platform-page .commercial-principles__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin: 0;
}
.platform-page .commercial-principles__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--spacing-2xl);
  align-items: start;
}
@media (max-width: 992px) {
  .platform-page .commercial-principles__layout {
    grid-template-columns: 1fr;
  }
}
.platform-page .principle-feature {
  position: relative;
  display: grid;
  gap: var(--spacing-lg);
  padding: clamp(1.75rem, 2vw, 2.5rem);
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand-amber) 18%, transparent) 0, transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 4%, var(--bg-card)) 0%, var(--bg-card) 100%);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 22%, var(--border-color-light));
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.platform-page .principle-feature::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-brand-amber) 45%, transparent), transparent);
}
.platform-page .principle-feature__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.platform-page .principle-feature__eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.platform-page .principle-feature__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(var(--font-size-2xl), 3vw, var(--font-size-4xl));
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  max-width: 16ch;
}
.platform-page .principle-feature__desc {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 56ch;
}
.platform-page .principle-feature__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
}
.platform-page .principle-feature__list li {
  display: grid;
  gap: 0.2rem;
  padding-top: var(--spacing-md);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.platform-page .principle-feature__list-title {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.02em;
  color: var(--text-primary);
}
.platform-page .principle-feature__list-copy {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.platform-page .commercial-principles__support {
  display: grid;
  gap: var(--spacing-md);
  align-content: start;
}
.platform-page .principle-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing-sm) var(--spacing-lg);
  padding: var(--spacing-lg) 0;
  position: relative;
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-page .principle-item {
    gap: var(--spacing-sm) var(--spacing-md);
  }
}
.platform-page .principle-item--compact:first-child {
  border-top: none;
  padding-top: 0;
}
.platform-page .principle-item__num {
  font-family: var(--font-mono, monospace);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  color: var(--color-brand-amber);
  background: rgba(232, 168, 0, 0.08);
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-full);
  width: fit-content;
  height: fit-content;
}
.platform-page .principle-item__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.platform-page .principle-item__head {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.platform-page .principle-item__icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.platform-page .principle-item__name {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0;
}
.platform-page .principle-item__desc {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .io-commercial-compare {
  display: grid;
  gap: var(--spacing-xl);
}
.platform-page .io-commercial-compare__intro {
  display: grid;
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  gap: var(--spacing-lg);
  align-items: end;
}
@media (max-width: 768px) {
  .platform-page .io-commercial-compare__intro {
    grid-template-columns: 1fr;
  }
}
.platform-page .io-commercial-compare__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.platform-page .io-commercial-compare__copy {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 58ch;
}
.platform-page .io-commercial-compare__table {
  padding: var(--spacing-lg) var(--spacing-xl);
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 2%, var(--bg-card)) 0%, var(--bg-card) 100%);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
}
@media (max-width: 768px) {
  .platform-page .io-commercial-compare__table {
    padding: var(--spacing-lg);
  }
}
.platform-page .io-commercial-compare__columns,
.platform-page .io-commercial-compare__row {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-xl);
  align-items: start;
}
@media (max-width: 992px) {
  .platform-page .io-commercial-compare__columns,
  .platform-page .io-commercial-compare__row {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
}
.platform-page .io-commercial-compare__columns {
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .platform-page .io-commercial-compare__columns {
    display: none;
  }
}
.platform-page .io-commercial-compare__column-heading {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.platform-page .io-commercial-compare__row {
  padding: var(--spacing-lg) 0;
  border-top: 1px solid var(--border-color-light);
}
.platform-page .io-commercial-compare__row:first-of-type {
  border-top: none;
  padding-top: var(--spacing-xl);
}
@media (max-width: 992px) {
  .platform-page .io-commercial-compare__row:first-of-type {
    padding-top: 0;
  }
}
.platform-page .io-commercial-compare__row-label {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  padding-top: 0.2rem;
}
@media (max-width: 992px) {
  .platform-page .io-commercial-compare__row-label {
    padding-bottom: var(--spacing-sm);
  }
}
.platform-page .io-commercial-compare__cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  min-width: 0;
}
.platform-page .io-commercial-compare__cell p {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.platform-page .io-commercial-compare__cell--incumbent {
  border-right: 1px solid var(--border-color-light);
  padding-right: var(--spacing-xl);
}
@media (max-width: 992px) {
  .platform-page .io-commercial-compare__cell--incumbent {
    border-right: none;
    padding-right: 0;
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border-color-light);
  }
}
.platform-page .io-commercial-compare__cell--io p {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
.platform-page .section-infrastructure {
  background-color: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
}
@media (max-width: 768px) {
  .platform-page .section-infrastructure {
    padding: var(--spacing-3xl) 0;
  }
}
.platform-page .infra-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
  margin-bottom: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .platform-page .infra-header {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
  }
}
.platform-page .infra-header__lead .eyebrow {
  color: var(--amber-400);
  letter-spacing: 0.08em;
  margin-bottom: var(--spacing-md);
}
.platform-page .infra-header__heading {
  font-size: var(--font-size-3xl);
  font-weight: 600;
  line-height: var(--leading-tight);
  color: var(--text-primary);
  max-width: 22ch;
}
@media (max-width: 768px) {
  .platform-page .infra-header__heading {
    font-size: var(--font-size-2xl);
  }
}
.platform-page .infra-header__intro > p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
@media (max-width: 768px) {
  .platform-page .infra-header__intro p {
    font-size: var(--font-size-base);
  }
}
.platform-page .infra-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) repeat(2, minmax(0, 1fr));
  gap: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .platform-page .infra-proof-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}
.platform-page .infra-proof-group {
  display: grid;
  grid-template-rows: minmax(8.5rem, auto) 1fr;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl);
  background: color-mix(in srgb, var(--bg-card) 92%, var(--color-white) 8%);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  min-width: 0;
}
@media (max-width: 768px) {
  .platform-page .infra-proof-group {
    grid-template-rows: auto;
    padding: var(--spacing-lg);
  }
}
.platform-page .infra-proof-group--featured {
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand-amber) 18%, transparent) 0, transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 5%, var(--bg-card)) 0%, var(--bg-card) 100%);
  border-color: color-mix(in srgb, var(--color-brand-amber) 24%, var(--border-color-light));
}
.platform-page .infra-proof-group__head {
  display: grid;
  align-content: start;
  gap: var(--spacing-sm);
}
.platform-page .infra-proof-group__eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.platform-page .infra-proof-group__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  max-width: 20ch;
}
.platform-page .infra-proof-list {
  display: grid;
  gap: var(--spacing-md);
}
.platform-page .infra-proof-item {
  display: grid;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
  min-width: 0;
}
.platform-page .infra-proof-item:first-child {
  padding-top: 0;
  border-top: none;
}
.platform-page .infra-proof-item__title-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
}
.platform-page .infra-proof-item__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--color-brand-amber);
}
.platform-page .infra-proof-item__title {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.platform-page .infra-proof-item__copy {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.platform-page .infra-deployment-proof {
  margin-top: var(--spacing-2xl);
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  align-items: start;
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-page .infra-deployment-proof {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-xl);
  }
}
.platform-page .infra-deployment-proof__head {
  display: grid;
  gap: var(--spacing-sm);
}
.platform-page .infra-deployment-proof__eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.platform-page .infra-deployment-proof__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .platform-page .infra-deployment-proof__title {
    font-size: var(--font-size-xl);
  }
}
.platform-page .infra-deployment-proof__copy {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 48ch;
}
.platform-page .infra-industry-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: var(--spacing-sm);
}
.platform-page .infra-industry-list li {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, var(--border-color-light));
  border-radius: var(--radius-full);
}
@media (max-width: 576px) {
  .platform-page .infra-industry-list li {
    white-space: normal;
  }
}
.platform-page .section-cta-close {
  background-color: var(--color-gray-800);
  padding: var(--spacing-4xl) 0;
}
.platform-page .cta-close-header {
  text-align: left;
  max-width: 640px;
  margin: 0 auto var(--spacing-3xl);
}
.platform-page .cta-close-header .eyebrow {
  color: var(--amber-300);
  letter-spacing: 0.09em;
  margin-bottom: var(--spacing-md);
}
.platform-page .cta-close-header__heading {
  font-size: var(--font-size-4xl);
  font-weight: 700;
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin-bottom: var(--spacing-lg);
}
@media (max-width: 768px) {
  .platform-page .cta-close-header__heading {
    font-size: var(--font-size-3xl);
  }
}
@media (max-width: 576px) {
  .platform-page .cta-close-header__heading {
    font-size: var(--font-size-2xl);
  }
}
.platform-page .cta-close-header__subhead {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--amber-200);
}
@media (max-width: 576px) {
  .platform-page .cta-close-header__subhead {
    font-size: var(--font-size-base);
  }
}
.platform-page .section-cta-close .cta-paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-xl);
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .platform-page .section-cta-close .cta-paths {
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
  }
}
@media (max-width: 576px) {
  .platform-page .section-cta-close .cta-paths {
    grid-template-columns: 1fr;
    max-width: 520px;
  }
}
.platform-page .cta-path .cta-path__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--spacing-2xl);
  background: color-mix(in srgb, var(--color-white) 96%, var(--bg-card) 4%);
  border: 1px solid color-mix(in srgb, var(--color-gray-900) 10%, var(--border-color-light));
  border-radius: var(--radius-lg);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 576px) {
  .platform-page .cta-path .cta-path__inner {
    padding: var(--spacing-xl);
  }
}
.platform-page .cta-path:hover .cta-path__inner {
  transform: translateY(-2px);
  background: var(--color-white);
  border-color: color-mix(in srgb, var(--color-gray-900) 18%, var(--border-color-light));
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}
.platform-page .cta-path--advisory .cta-path__inner {
  background: color-mix(in srgb, var(--color-white) 94%, var(--bg-card) 6%);
  border-color: color-mix(in srgb, var(--color-gray-900) 12%, var(--border-color-light));
}
.platform-page .cta-path--advisory:hover .cta-path__inner {
  background: var(--color-white);
  border-color: color-mix(in srgb, var(--color-gray-900) 18%, var(--border-color-light));
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}
.platform-page .cta-path__time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-primary);
  background: color-mix(in srgb, var(--color-gray-900) 6%, var(--color-white) 94%);
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: var(--spacing-md);
  width: fit-content;
}
.platform-page .cta-path--advisory .cta-path__time {
  color: var(--text-primary);
  background: color-mix(in srgb, var(--color-gray-900) 8%, var(--color-white) 92%);
}
.platform-page .cta-path__label {
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md);
  text-align: left;
}
.platform-page .cta-path--advisory .cta-path__label {
  color: var(--text-secondary);
}
.platform-page .cta-path__heading {
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin-bottom: var(--spacing-lg);
  text-align: left;
}
.platform-page .cta-path__desc {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  flex: 1;
  margin-bottom: var(--spacing-xl);
  text-align: left;
}
.platform-page .cta-path__btn {
  align-self: flex-start;
  margin-top: auto;
}
.platform-page .cta-path--advisory .cta-path__btn.btn--outline-light {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--color-gray-900) 12%, var(--border-color-light));
  background: rgba(255, 255, 255, 0.9);
}
.platform-page .cta-path--advisory .cta-path__btn.btn--outline-light:hover, .platform-page .cta-path--advisory .cta-path__btn.btn--outline-light:focus-visible {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--color-gray-900) 20%, var(--border-color-light));
  background: rgb(255, 255, 255);
}
[data-theme=dark] .platform-page .platform-hero-eyebrow,
[data-theme=dark] .platform-page .platform-hero-subheadline {
  color: var(--amber-100);
}
[data-theme=dark] .platform-page .platform-meta-bar__item {
  color: var(--amber-100);
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}
[data-theme=dark] .platform-page .platform-meta-bar__item:hover {
  background-color: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.2);
}
[data-theme=dark] .platform-page .platform-meta-bar__item:nth-child(6), [data-theme=dark] .platform-page .platform-meta-bar__item:nth-child(7) {
  border-color: color-mix(in srgb, var(--color-brand-amber) 45%, rgba(255, 255, 255, 0.08));
  background-color: color-mix(in srgb, var(--color-brand-amber) 14%, rgba(255, 255, 255, 0.03));
}
[data-theme=dark] .platform-page .platform-hero-secondary-cta {
  color: rgba(255, 255, 255, 0.82);
  border-bottom-color: rgba(255, 255, 255, 0.42);
}
[data-theme=dark] .platform-page .platform-hero-secondary-cta:hover, [data-theme=dark] .platform-page .platform-hero-secondary-cta:focus-visible {
  color: var(--color-white);
  border-bottom-color: rgba(255, 255, 255, 0.72);
}
[data-theme=dark] .platform-page .platform-hero-secondary-cta:focus-visible {
  outline-color: rgba(255, 255, 255, 0.62);
}
[data-theme=dark] .platform-page .hero-platform-preview {
  --hero-preview-title: rgba(255, 255, 255, 0.98);
  --hero-preview-subtitle: rgba(255, 255, 255, 0.82);
}
[data-theme=dark] .platform-page .hero-platform-preview__label {
  color: rgba(255, 255, 255, 0.62);
}
[data-theme=dark] .platform-page .buyer-card {
  background-color: var(--bg-raised);
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.18);
}
[data-theme=dark] .platform-page .buyer-card.buyer-card--cmo:hover, [data-theme=dark] .platform-page .buyer-card.buyer-card--cio:hover, [data-theme=dark] .platform-page .buyer-card.buyer-card--cfo:hover {
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}
[data-theme=dark] .platform-page .buyer-card:focus-visible {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--buyer-accent) 30%, transparent), 0 12px 30px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .platform-page .buyer-card__recommended {
  background-color: color-mix(in srgb, var(--buyer-accent) 16%, var(--bg-card));
  border-color: color-mix(in srgb, var(--buyer-accent) 36%, var(--border-color));
}
[data-theme=dark] .platform-page .buyer-card__covers li {
  background-color: var(--bg-default);
  border-color: var(--border-color);
  color: var(--text-secondary);
}
[data-theme=dark] .platform-page .section-three-journeys,
[data-theme=dark] .platform-page .section-fabric-apps,
[data-theme=dark] .platform-page .section-cta-close {
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-default) 88%, black 12%) 0%, color-mix(in srgb, var(--bg-default) 96%, black 4%) 100%);
}
[data-theme=dark] .platform-page .three-journeys-intro,
[data-theme=dark] .platform-page .journey-col__desc,
[data-theme=dark] .platform-page .journey-signals__copy,
[data-theme=dark] .platform-page .io-module-group--differentiators .io-module-group__sublabel,
[data-theme=dark] .platform-page .io-module-card--featured .io-module-card__desc {
  color: var(--text-secondary);
}
[data-theme=dark] .platform-page .journey-col,
[data-theme=dark] .platform-page .journey-signals,
[data-theme=dark] .platform-page .journey-multiplexer,
[data-theme=dark] .platform-page .journey-multiplexer__node,
[data-theme=dark] .platform-page .io-fabric-bento-card,
[data-theme=dark] .platform-page .io-module-card--featured {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .platform-page .journey-col {
  border-top-color: rgba(255, 255, 255, 0.14);
}
[data-theme=dark] .platform-page .journey-col--b2c {
  border-top-color: var(--color-brand-amber);
}
[data-theme=dark] .platform-page .journey-col--b2b {
  border-top-color: var(--amber-400);
}
[data-theme=dark] .platform-page .journey-col--b2e {
  border-top-color: var(--amber-200);
}
[data-theme=dark] .platform-page .journey-col__pipeline {
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .platform-page .journey-col__pipeline li {
  color: var(--amber-100);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .platform-page .journey-col__pipeline-terminal {
  background: rgba(232, 168, 0, 0.14);
}
[data-theme=dark] .platform-page .journey-signals__label {
  color: rgba(255, 255, 255, 0.56);
}
[data-theme=dark] .platform-page .journey-multiplexer {
  background: color-mix(in srgb, var(--color-brand-amber) 8%, rgba(255, 255, 255, 0.02));
  border-color: color-mix(in srgb, var(--color-brand-amber) 26%, rgba(255, 255, 255, 0.08));
}
[data-theme=dark] .platform-page .journey-multiplexer::before {
  background: radial-gradient(circle at 50% 0%, rgba(232, 168, 0, 0.08) 0%, transparent 70%);
}
[data-theme=dark] .platform-page .journey-multiplexer__flow::before,
[data-theme=dark] .platform-page .journey-multiplexer__node::before {
  background: rgba(232, 168, 0, 0.34);
}
[data-theme=dark] .platform-page .io-core-stack {
  background: var(--bg-muted);
  border-color: var(--border-color);
}
[data-theme=dark] .platform-page .io-core-stack__app {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme=dark] .platform-page .io-core-stack__base {
  background: color-mix(in srgb, var(--color-brand-amber) 10%, var(--bg-card));
  border-color: color-mix(in srgb, var(--color-brand-amber) 28%, var(--border-color));
}
[data-theme=dark] .platform-page .io-module-group--differentiators {
  background: color-mix(in srgb, var(--bg-default) 86%, black 14%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .platform-page .io-module-group--differentiators .io-module-group__header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .platform-page .io-module-card--featured {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}
[data-theme=dark] .platform-page .io-module-card--featured:hover {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .platform-page .fabric-apps-headline {
  color: var(--text-primary);
}
[data-theme=dark] .platform-page .fabric-apps-intro {
  color: var(--amber-100);
}
[data-theme=dark] .platform-page .io-fabric-bento-card {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24);
}
[data-theme=dark] .platform-page .io-fabric-bento-card::before {
  background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
}
[data-theme=dark] .platform-page .io-fabric-bento-card:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.16);
}
[data-theme=dark] .platform-page .io-fabric-bento-card__title,
[data-theme=dark] .platform-page .io-fabric-bento-card__cta {
  color: var(--text-primary);
}
[data-theme=dark] .platform-page .io-fabric-bento-card__tagline {
  color: var(--amber-100);
}
[data-theme=dark] .platform-page .io-fabric-bento-card__desc {
  color: var(--amber-200);
}
[data-theme=dark] .platform-page .io-fabric-bento-card__footer {
  border-top-color: rgba(255, 255, 255, 0.12);
}
[data-theme=dark] .platform-page .commercial-header__signal,
[data-theme=dark] .platform-page .principle-feature,
[data-theme=dark] .platform-page .io-commercial-compare__table,
[data-theme=dark] .platform-page .infra-proof-group,
[data-theme=dark] .platform-page .infra-proof-group--featured,
[data-theme=dark] .platform-page .infra-deployment-proof {
  box-shadow: none;
}
[data-theme=dark] .platform-page .principle-item__num {
  background: color-mix(in srgb, var(--color-brand-amber) 16%, transparent);
}
[data-theme=dark] .platform-page .cta-close-header__heading {
  color: var(--text-primary);
}
[data-theme=dark] .platform-page .cta-close-header__subhead {
  color: var(--amber-100);
}
[data-theme=dark] .platform-page .cta-path .cta-path__inner,
[data-theme=dark] .platform-page .cta-path--advisory .cta-path__inner {
  background: var(--bg-raised);
  border-color: var(--border-color);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
}
[data-theme=dark] .platform-page .cta-path:hover .cta-path__inner,
[data-theme=dark] .platform-page .cta-path--advisory:hover .cta-path__inner {
  background: var(--bg-card);
  border-color: var(--border-color-dark);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .platform-page .cta-path__time,
[data-theme=dark] .platform-page .cta-path--advisory .cta-path__time {
  color: var(--text-primary);
  background: color-mix(in srgb, var(--color-white) 8%, var(--bg-default) 92%);
}
[data-theme=dark] .platform-page .cta-path__label,
[data-theme=dark] .platform-page .cta-path--advisory .cta-path__label {
  color: var(--text-tertiary);
}
[data-theme=dark] .platform-page .cta-path--advisory .cta-path__btn.btn--outline-light {
  color: var(--text-primary);
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.02);
}
[data-theme=dark] .platform-page .cta-path--advisory .cta-path__btn.btn--outline-light:hover, [data-theme=dark] .platform-page .cta-path--advisory .cta-path__btn.btn--outline-light:focus-visible {
  color: var(--text-primary);
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
}

.io-diagram__boundary-label {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.45;
  color: var(--color-white);
  margin: 0 0 0.5rem;
}

.io-diagram__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 0.75rem;
}

.io-diagram__chip {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--color-white);
}

.io-diagram__chip--sage {
  border-color: var(--color-brand-amber);
}

.io-diagram__no-access {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid var(--color-brand-amber);
  color: var(--color-brand-amber);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.advisory-page {
  background-color: var(--bg-default);
}
.advisory-page .eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-green);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
}
.section-pa-hero .advisory-page .eyebrow {
  color: var(--color-brand-green);
  border-left-color: var(--color-brand-green);
}

.image-placeholder {
  width: 100%;
  background: linear-gradient(135deg, var(--bg-muted) 0%, var(--bg-raised) 100%);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.image-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
}
.image-placeholder .placeholder-icon {
  width: 48px;
  height: 48px;
  color: var(--color-accent);
  opacity: 0.5;
}

.image-placeholder--hero {
  aspect-ratio: 16/9;
  margin-bottom: var(--spacing-xl);
}

.image-placeholder--landscape {
  aspect-ratio: 16/9;
  margin-top: var(--spacing-lg);
}

.image-placeholder--tall {
  position: sticky;
  top: 100px;
  height: calc(100% - 2rem);
  min-height: 400px;
}

.section-advisory-hero {
  position: relative;
}

.advisory-hero-inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.advisory-hero-inner .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .advisory-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}

.advisory-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
  min-width: 0;
}
@media (max-width: 992px) {
  .advisory-hero-grid {
    grid-template-columns: 1fr;
  }
}

.advisory-hero-copy {
  min-width: 0;
}

.advisory-eyebrow {
  color: var(--color-accent);
  letter-spacing: var(--tracking-widest);
}

.advisory-hero-headline {
  font-size: var(--font-size-display-sm);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin: var(--spacing-xl) 0;
}
@media (max-width: 992px) {
  .advisory-hero-headline {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .advisory-hero-headline {
    font-size: var(--font-size-4xl);
  }
}

.advisory-hero-copy p {
  max-width: none;
}

.advisory-hero-visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl);
  min-width: 0;
}
@media (max-width: 992px) {
  .advisory-hero-visual {
    margin-top: var(--spacing-2xl);
  }
}

.advisory-hero-mark-panel {
  width: min(100%, 36rem);
  padding: var(--spacing-xl);
}

.advisory-hero-mark-panel--overview {
  width: min(100%, 38rem);
  padding: clamp(1.5rem, 2.8vw, 2rem);
  border-radius: var(--radius-xl);
}

.advisory-hero-mark-panel--overview .advisory-hero-mark-panel__caption {
  margin-bottom: var(--spacing-lg);
}

.advisory-hero-mark-panel--overview .vb-lockup svg {
  width: clamp(5rem, 8vw, 6rem);
}

.advisory-hero-mark-panel--overview .entity-name {
  font-size: clamp(1.75rem, 2.2vw, 2.2rem);
}

.advisory-hero-mark-panel--overview .entity-sub {
  font-size: 0.72rem;
}

[data-theme=dark] .advisory-hero-mark-panel {
  background: rgba(0, 0, 0, 0.24);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme=dark] .advisory-hero-mark-panel--overview {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.08) 100%), rgba(0, 0, 0, 0.24);
}

.advisory-hero-mark-panel__caption {
  margin: 0 0 var(--spacing-md);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(192, 255, 232, 0.74);
}

.advisory-hero-mark-panel .io-hero-lockup {
  width: auto;
  max-width: 100%;
  overflow: visible;
}

.advisory-hero-lead {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
  margin-bottom: var(--spacing-lg);
}

.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

[data-theme=dark] .glass-panel {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.advisory-proof-card {
  padding: var(--spacing-2xl);
}
.advisory-proof-card .proof-card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.advisory-proof-card .proof-card-header .lucide-icon {
  color: var(--color-accent);
  width: 24px;
  height: 24px;
}
.advisory-proof-card p {
  color: var(--color-white);
  opacity: 0.85;
  margin: 0 0 var(--spacing-md) 0;
  max-width: none;
  line-height: var(--leading-relaxed);
}
.advisory-proof-card p:last-child {
  margin-bottom: 0;
}

.advisory-hero-visual .advisory-proof-card {
  width: min(100%, 32rem);
}

@media (max-width: 576px) {
  .advisory-hero-inner {
    padding-top: calc(var(--spacing-2xl) + 72px);
    padding-bottom: var(--spacing-2xl);
  }
  .advisory-hero-grid {
    gap: var(--spacing-xl);
  }
  .advisory-hero-copy {
    width: 100%;
  }
  .io-hero-lockup--advisory-hero {
    width: 100%;
    max-width: 100%;
  }
  .io-hero-lockup--advisory-hero .vb-lockup {
    width: 100%;
    gap: 0.75rem;
  }
  .io-hero-lockup--advisory-hero .vb-lockup svg {
    width: clamp(3.6rem, 18vw, 4.4rem);
  }
  .io-hero-lockup--advisory-hero .vb-text {
    min-width: 0;
    gap: 0.25rem;
  }
  .io-hero-lockup--advisory-hero .entity-name {
    font-size: clamp(1.15rem, 6vw, 1.7rem);
  }
  .io-hero-lockup--advisory-hero .entity-sub {
    font-size: 0.56rem;
    letter-spacing: 0.15em;
    white-space: normal;
    text-wrap: balance;
    max-width: 22ch;
  }
  .io-hero-lockup--advisory-hero .entity-rule {
    width: min(100%, 7rem) !important;
  }
  .advisory-hero-headline {
    max-width: 10ch;
    margin: var(--spacing-lg) 0;
    font-size: clamp(2rem, 10vw, 2.8rem);
    text-wrap: balance;
  }
  .advisory-hero-lead {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-md);
    max-width: 30ch;
    text-wrap: pretty;
  }
  .advisory-hero-visual {
    margin-top: var(--spacing-lg);
    gap: var(--spacing-lg);
  }
  .advisory-hero-visual .advisory-proof-card {
    width: 100%;
    padding: var(--spacing-xl);
  }
  .advisory-proof-card .proof-card-header {
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .advisory-proof-card p {
    font-size: var(--font-size-base);
  }
}
.advisory-proof-card__label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-white) !important;
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  margin: 0 !important;
}

.section-advisory-difference,
.section-advisory-proof,
.section-advisory-buyers,
.section-advisory-doors,
.section-advisory-cta {
  padding: var(--spacing-4xl) 0;
  background-color: var(--bg-default);
}
@media (max-width: 768px) {
  .section-advisory-difference,
  .section-advisory-proof,
  .section-advisory-buyers,
  .section-advisory-doors,
  .section-advisory-cta {
    padding: var(--spacing-3xl) 0;
  }
}

.section-advisory-engagements,
.section-advisory-model,
.section-advisory-verticals {
  background-color: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .section-advisory-engagements,
  .section-advisory-model,
  .section-advisory-verticals {
    padding: var(--spacing-3xl) 0;
  }
}

.advisory-section-head {
  display: grid;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}
.advisory-section-head h2 {
  font-size: var(--font-size-4xl);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 768px) {
  .advisory-section-head h2 {
    font-size: var(--font-size-3xl);
  }
}
.advisory-section-head p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  margin: 0;
  max-width: 72ch;
}

.difference-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .difference-bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .difference-bento-grid {
    grid-template-columns: 1fr;
  }
}

.bento-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: var(--transition-transform);
  display: flex;
  flex-direction: column;
}
.bento-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}
.bento-card .bento-icon {
  width: 32px;
  height: 32px;
  color: var(--color-accent);
  margin-bottom: var(--spacing-lg);
}
.bento-card h3 {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-xl);
  color: var(--text-primary);
}
.bento-card p {
  margin: 0;
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}

.bento-card--large {
  grid-column: span 2;
}
@media (max-width: 576px) {
  .bento-card--large {
    grid-column: 1;
  }
}

.bento-card--wide {
  grid-column: span 2;
}
@media (max-width: 576px) {
  .bento-card--wide {
    grid-column: 1;
  }
}

.bento-card--accent {
  background: var(--color-accent-light);
  border-color: var(--color-accent);
  grid-column: 1/-1;
}
@media (max-width: 576px) {
  .bento-card--accent {
    grid-column: 1;
  }
}

.engagement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .engagement-grid {
    grid-template-columns: 1fr;
  }
}

.engagement-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  position: relative;
  overflow: hidden;
}
.engagement-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--color-accent);
  opacity: 0;
  transition: var(--transition-fast);
}
.engagement-card:hover::before {
  opacity: 1;
}
.engagement-card .engagement-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
}
.engagement-card .engagement-card__index {
  font-size: var(--font-size-sm);
  color: var(--color-accent);
  letter-spacing: var(--tracking-widest);
  font-weight: var(--font-weight-bold);
}
.engagement-card .engagement-icon {
  color: var(--text-tertiary);
  width: 24px;
  height: 24px;
}
.engagement-card h3 {
  font-size: var(--font-size-2xl);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}
.engagement-card p {
  color: var(--text-secondary);
  margin: 0;
}
.engagement-card .engagement-card__deliver {
  margin-top: var(--spacing-lg) !important;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
  color: var(--text-primary) !important;
  font-size: var(--font-size-sm);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.engagement-card .engagement-card__deliver i {
  color: var(--color-success);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.engagement-card--wide {
  grid-column: 1/-1;
}

.proof-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .proof-layout {
    grid-template-columns: 1fr;
  }
}

.advisory-proof-quote {
  margin: 0;
  background-color: var(--color-accent-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  position: relative;
}
.advisory-proof-quote .quote-icon {
  color: var(--color-accent);
  width: 32px;
  height: 32px;
  margin-bottom: var(--spacing-md);
  opacity: 0.5;
}
.advisory-proof-quote p {
  font-size: var(--font-size-xl);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  font-style: italic;
  margin: 0;
}

.proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 576px) {
  .proof-grid {
    grid-template-columns: 1fr;
  }
}

.proof-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  background-color: var(--bg-card);
}
.proof-item .proof-icon {
  color: var(--color-accent);
  width: 24px;
  height: 24px;
  margin-bottom: var(--spacing-sm);
}
.proof-item h3 {
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-lg);
}
.proof-item p {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
}

.buyers-layout {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .buyers-layout {
    grid-template-columns: 1fr;
  }
}

.buyers-door-visual {
  position: sticky;
  top: 100px;
  align-self: start;
  min-height: 400px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  background: linear-gradient(140deg, var(--bg-muted) 0%, var(--bg-card) 100%);
  display: grid;
  place-items: center;
  padding: var(--spacing-xl);
  gap: var(--spacing-md);
}
@media (max-width: 992px) {
  .buyers-door-visual {
    position: static;
    min-height: auto;
    margin: 0 auto;
    max-width: 380px;
  }
}

.buyers-door-visual__svg {
  width: min(88%, 260px);
  height: auto;
  display: block;
}

.buyers-door-visual__caption {
  margin: 0;
  text-align: center;
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

.buyer-rows {
  display: grid;
  gap: var(--spacing-md);
}

.buyer-row {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  background: var(--bg-card);
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  transition: var(--transition-transform);
}
.buyer-row:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-sm);
}
.buyer-row .buyer-avatar {
  background: var(--color-accent-light);
  color: var(--color-accent);
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.buyer-row .buyer-avatar i {
  width: 24px;
  height: 24px;
}
.buyer-row .buyer-details h3 {
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-xl);
  color: var(--text-primary);
}
.buyer-row .buyer-details .buyer-row__q {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}
.buyer-row .buyer-details p:last-child {
  margin: 0;
  color: var(--text-secondary);
}

.pipeline-container {
  padding: var(--spacing-2xl) 0;
  max-width: 800px;
  margin: 0 auto;
}

.model-steps-pipeline {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.model-steps-pipeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  width: 2px;
  background: var(--border-color);
  z-index: 1;
}
@media (max-width: 576px) {
  .model-steps-pipeline::before {
    left: 20px;
  }
}

.model-step-node {
  display: flex;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
  position: relative;
  z-index: 2;
}
@media (max-width: 576px) {
  .model-step-node {
    gap: var(--spacing-lg);
  }
}
.model-step-node:last-child {
  margin-bottom: 0;
}
.model-step-node .node-icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-full);
  background: var(--color-accent);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 0 0 8px var(--bg-muted);
}
@media (max-width: 576px) {
  .model-step-node .node-icon {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 6px var(--bg-muted);
  }
}
.model-step-node .node-icon i {
  width: 20px;
  height: 20px;
}
.model-step-node .node-content {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  flex-grow: 1;
  position: relative;
}
.model-step-node .node-content::before {
  content: "";
  position: absolute;
  top: 24px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: var(--bg-card);
  border-left: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
  transform: rotate(45deg);
}
@media (max-width: 576px) {
  .model-step-node .node-content::before {
    top: 19px;
  }
}
.model-step-node .node-content .node-num {
  position: absolute;
  top: var(--spacing-lg);
  right: var(--spacing-lg);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--border-color-light);
}
.model-step-node .node-content h3 {
  margin: 0 0 var(--spacing-sm) 0;
  color: var(--text-primary);
  font-size: var(--font-size-xl);
}
.model-step-node .node-content p {
  margin: 0;
  color: var(--text-secondary);
}

.doors-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .doors-grid {
    grid-template-columns: 1fr;
  }
}

.door-card {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  background-color: var(--bg-card);
  padding: var(--spacing-xl);
  text-align: center;
  transition: var(--transition-transform);
}
.door-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}
.door-card .door-card__visual {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--spacing-md);
  background: var(--color-accent-light);
  color: var(--color-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}
.door-card .door-card__visual i {
  width: 32px;
  height: 32px;
}
.door-card h3 {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-xl);
}
.door-card p {
  margin: 0;
  color: var(--text-secondary);
}

.doors-note {
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--border-color-dark);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  background-color: var(--color-accent-light);
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}
.doors-note .note-icon {
  color: var(--color-accent);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.doors-note h3 {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
}
.doors-note p {
  margin: 0;
  color: var(--text-primary);
  opacity: 0.9;
}

.vertical-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .vertical-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .vertical-grid {
    grid-template-columns: 1fr;
  }
}

.vertical-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
.vertical-card .vertical-card__icon {
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}
.vertical-card .vertical-card__icon i {
  width: 32px;
  height: 32px;
}
.vertical-card h3 {
  font-size: var(--font-size-lg);
  margin: 0 0 var(--spacing-sm) 0;
}
.vertical-card p {
  color: var(--text-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
}

.section-advisory-cta {
  background: var(--hero-gradient);
}
.section-advisory-cta .eyebrow {
  color: var(--color-white);
  border-color: var(--color-white);
}

.advisory-cta-inner {
  max-width: 960px;
  margin: 0 auto;
}
.advisory-cta-inner h2 {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--spacing-md);
  color: var(--color-white);
}
@media (max-width: 768px) {
  .advisory-cta-inner h2 {
    font-size: var(--font-size-3xl);
  }
}
.advisory-cta-inner > p {
  max-width: 70ch;
  margin: var(--spacing-lg) 0;
  color: var(--color-white);
}

.advisory-cta-card {
  margin-top: var(--spacing-xl);
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
}
.advisory-cta-card h3 {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-2xl);
}
.advisory-cta-card p {
  max-width: 62ch;
  color: var(--text-primary);
}
.advisory-cta-card .btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}
.advisory-cta-card .btn i {
  width: 18px;
  height: 18px;
}

.advisory-cta-grid {
  margin-top: var(--spacing-lg);
  display: grid;
  gap: var(--spacing-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .advisory-cta-grid {
    grid-template-columns: 1fr;
  }
}

.advisory-cta-mini {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  text-align: left;
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}
.advisory-cta-mini .cta-mini-icon {
  color: var(--color-accent);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.advisory-cta-mini h3 {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
}
.advisory-cta-mini p {
  margin: 0;
  max-width: none;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
}

/* ICON GRID */
.icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 3px;
}

.icon-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: 3px;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  transition: border-color 0.15s;
}

.icon-card:hover {
  border-color: var(--border-color-dark);
}

.icon-card svg {
  display: block;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
}

.icon-label {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-secondary);
  text-align: center;
  line-height: 1.5;
}

.icon-sub {
  font-size: 11px;
  color: var(--text-tertiary);
  text-align: center;
  margin-top: 2px;
}

.about-page {
  background-color: var(--bg-default);
  --color-pillar-studio: var(--color-brand-primary);
  --color-pillar-platform: var(--color-brand-amber);
  --color-pillar-advisory: var(--color-brand-green);
}
.about-page .abt-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-primary);
  font-family: var(--font-display);
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-white);
}
.about-page .abt-eyebrow--light {
  color: var(--blue-200);
  border-color: var(--color-brand-cyan);
}
.about-page .section-about-hero {
  position: relative;
  overflow: hidden;
}
.about-page .about-hero-inner {
  background: var(--hero-gradient);
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
  position: relative;
}
.about-page .about-hero-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 24px 24px;
  mask-image: radial-gradient(ellipse at center, black, transparent 80%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .about-page .about-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.about-page .about-hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--spacing-3xl);
  align-items: center;
}
@media (max-width: 992px) {
  .about-page .about-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.about-page .about-hero-content h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .about-page .about-hero-content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .about-page .about-hero-content h1 {
    font-size: var(--font-size-4xl);
  }
}
.about-page .about-hero-prose {
  margin: var(--spacing-xl) 0 0;
  color: var(--color-white);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
}
.about-page .about-hero-prose p {
  margin: 0 0 var(--spacing-md) 0;
  color: var(--color-white) !important;
}
.about-page .about-hero-prose strong {
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
}
.about-page .about-hero-visual {
  display: flex;
  justify-content: center;
  position: relative;
}
.about-page .about-trinity-cluster {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 320px;
}
.about-page .about-trinity-cluster .trinity-card {
  position: absolute;
  width: 220px;
  padding: var(--spacing-lg);
  transition: var(--transition-base);
}
.about-page .about-trinity-cluster .trinity-card:hover {
  transform: translateY(-8px) scale(1.05);
  z-index: 10;
  border-color: rgba(255, 255, 255, 0.4);
}
.about-page .about-trinity-cluster .trinity-card--studios {
  top: 0;
  left: 0;
  border-top: 2px solid var(--color-pillar-studio);
}
.about-page .about-trinity-cluster .trinity-card--io {
  top: 60px;
  right: 0;
  border-top: 2px solid var(--color-pillar-platform);
}
.about-page .about-trinity-cluster .trinity-card--advisory {
  bottom: 0;
  left: 60px;
  border-top: 2px solid var(--color-pillar-advisory);
}
.about-page .about-trinity-cluster .trinity-card .trinity-card__icon {
  width: 24px;
  height: 24px;
  margin-bottom: var(--spacing-sm);
}
.about-page .about-trinity-cluster .trinity-card .trinity-card__icon.icon-studio {
  color: var(--color-pillar-studio);
}
.about-page .about-trinity-cluster .trinity-card .trinity-card__icon.icon-io {
  color: var(--color-pillar-platform);
}
.about-page .about-trinity-cluster .trinity-card .trinity-card__icon.icon-advisory {
  color: var(--color-pillar-advisory);
}
.about-page .about-trinity-cluster .trinity-card h4 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-white);
  margin: 0 0 4px;
}
.about-page .about-trinity-cluster .trinity-card p {
  font-size: 11px;
  color: var(--blue-200);
  margin: 0;
}
@media (max-width: 576px) {
  .about-page .about-trinity-cluster {
    display: none;
  }
}
.about-page .about-hero-stats {
  margin-top: var(--spacing-3xl);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .about-page .about-hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .about-page .about-hero-stats {
    grid-template-columns: 1fr;
  }
}
.about-page .about-stat {
  padding: var(--spacing-lg);
  border-left: 2px solid var(--color-brand-cyan);
}
.about-page .about-stat .about-stat__value {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-white);
  line-height: 1;
}
.about-page .about-stat .about-stat__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--blue-200);
  margin-top: 8px;
}
.about-page .section-about-origin {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
}
.about-page .about-section-head {
  margin-bottom: var(--spacing-3xl);
}
.about-page .about-section-head h2 {
  font-family: var(--font-display);
  font-size: clamp(2rem, 6vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.about-page .about-section-head p {
  margin-top: var(--spacing-lg);
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  max-width: 680px;
}
.about-page .about-section-head--dark h2 {
  color: var(--color-white);
}
.about-page .about-section-head--dark p {
  color: var(--blue-100);
}
.about-page .about-origin-timeline {
  position: relative;
  padding-left: var(--spacing-3xl);
  margin-top: var(--spacing-3xl);
}
.about-page .about-origin-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 2px;
  background: linear-gradient(to bottom, var(--color-pillar-studio), var(--color-pillar-platform), var(--color-pillar-advisory));
  opacity: 0.3;
}
.about-page .origin-chapter {
  position: relative;
  margin-bottom: var(--spacing-3xl);
  padding-left: var(--spacing-2xl);
}
.about-page .origin-chapter:last-child {
  margin-bottom: 0;
}
.about-page .origin-chapter::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -27px;
  width: 14px;
  height: 14px;
  background: var(--bg-muted);
  border: 2px solid var(--color-pillar-studio);
  border-radius: var(--radius-full);
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.about-page .origin-chapter--io::before {
  border-color: var(--color-pillar-platform);
}
.about-page .origin-chapter--ai::before {
  border-color: var(--color-brand-cyan);
}
.about-page .origin-chapter--whole::before {
  border-color: var(--color-pillar-advisory);
}
.about-page .origin-chapter .origin-chapter__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-sm);
}
.about-page .origin-chapter .origin-chapter__header .lucide-icon {
  width: 20px;
  height: 20px;
  color: var(--text-tertiary);
}
.about-page .origin-chapter .origin-chapter__header h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.about-page .origin-chapter .origin-chapter__sub {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-md);
  display: block;
}
.about-page .origin-chapter .origin-chapter__body {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.about-page .origin-chapter .origin-chapter__body .about-pull-quote {
  margin: var(--spacing-lg) 0 0;
  padding: var(--spacing-md) var(--spacing-lg);
  background: rgba(0, 0, 0, 0.02);
  border-left: 3px solid var(--color-brand-amber);
  font-style: italic;
  color: var(--text-primary);
}
.about-page .section-about-capabilities,
.about-page .section-about-heritage {
  background: var(--blue-900);
  padding: var(--spacing-4xl) 0;
  color: var(--color-white);
  position: relative;
  overflow: hidden;
}
.about-page .section-about-capabilities::after,
.about-page .section-about-heritage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at bottom right, rgba(0, 240, 255, 0.05), transparent 60%);
}
.about-page .about-capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .about-page .about-capability-grid {
    grid-template-columns: 1fr;
  }
}
.about-page .about-capability {
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.about-page .about-capability:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.3);
}
.about-page .about-capability .about-capability__icon {
  width: 32px;
  height: 32px;
  color: var(--color-brand-cyan);
  margin-bottom: var(--spacing-sm);
}
.about-page .about-capability h3 {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  margin: 0;
}
.about-page .about-capability .about-capability__sub {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--blue-200);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
}
.about-page .about-capability p {
  color: var(--blue-100) !important;
  line-height: var(--leading-relaxed);
  margin: 0;
  flex: 1;
}
.about-page .about-capability .btn-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-brand-cyan);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  font-size: var(--font-size-sm);
  transition: var(--transition-base);
}
.about-page .about-capability .btn-link:hover {
  gap: 12px;
}
.about-page .section-about-proof {
  padding: var(--spacing-4xl) 0;
  background: var(--bg-default);
}
.about-page .client-record-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 768px) {
  .about-page .client-record-section {
    gap: var(--spacing-2xl);
  }
}
.about-page .client-record-section__marquee-frame {
  width: min(100%, var(--container-max) + var(--container-pad) * 2);
  margin-inline: auto;
}
.about-page .client-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.about-page .client-group__header {
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--border-color-light);
}
.about-page .client-group__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}
.about-page .client-group__label--merged {
  color: var(--color-brand-primary);
}
.about-page .client-group--merged .client-group__header {
  border-bottom-color: var(--color-brand-primary);
}
.about-page .client-group--merged {
  overflow: hidden;
  width: 100%;
}
.about-page .sr-marquee {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  margin: var(--spacing-3xl) 0;
  margin-inline: auto;
}
.about-page .sr-marquee::before, .about-page .sr-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
.about-page .sr-marquee::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-default), transparent);
}
.about-page .sr-marquee::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-default), transparent);
}
.about-page .sr-marquee:hover .sr-marquee__track {
  animation-play-state: paused;
}
.about-page .sr-marquee__track {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xl);
  width: max-content;
  animation: about-marquee-scroll 120s linear infinite;
}
.about-page .sr-marquee__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
}
.about-page .sr-marquee__logo img {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: filter 280ms ease;
}
@keyframes about-marquee-scroll {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.about-page .about-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .about-page .about-proof-grid {
    grid-template-columns: 1fr;
  }
}
.about-page .about-proof-card {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  border-top: 3px solid var(--color-pillar-platform);
}
.about-page .about-proof-card--studio {
  border-color: var(--color-pillar-studio);
}
.about-page .about-proof-card--advisory {
  border-color: var(--color-pillar-advisory);
}
.about-page .about-proof-card h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.about-page .about-proof-card p {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.about-page .about-heritage-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 992px) {
  .about-page .about-heritage-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .about-page .about-heritage-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.about-page .heritage-card {
  padding: var(--spacing-lg);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-sm);
  transition: var(--transition-base);
}
.about-page .heritage-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--color-brand-cyan);
}
.about-page .heritage-card .heritage-card__icon-svg {
  width: 56px;
  height: 56px;
  display: block;
  color: var(--blue-100);
  opacity: 0.9;
  flex-shrink: 0;
}
.about-page .heritage-card span {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--blue-100);
}
.about-page .section-about-cta {
  background: var(--hero-gradient);
  padding: var(--spacing-4xl) 0;
  position: relative;
  overflow: hidden;
}
.about-page .section-about-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at bottom left, rgba(0, 240, 255, 0.05), transparent 70%);
}
.about-page .about-cta-doors {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .about-page .about-cta-doors {
    grid-template-columns: 1fr;
  }
}
.about-page .about-door {
  --door-accent: var(--blue-200);
  position: relative;
  padding: var(--spacing-2xl);
  display: grid;
  grid-template-rows: auto 88px minmax(2.4em, auto) minmax(8.5rem, 1fr) auto;
  gap: var(--spacing-md);
  transition: var(--transition-base);
  border-top: 0;
  background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, 0.04), transparent 60%), rgba(255, 255, 255, 0.02);
}
.about-page .about-door::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: var(--door-accent);
}
.about-page .about-door:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.3);
}
.about-page .about-door--one {
  --door-accent: var(--blue-300, #4f7dff);
}
.about-page .about-door--two {
  --door-accent: var(--color-brand-amber);
}
.about-page .about-door--three {
  --door-accent: var(--color-brand-green);
}
.about-page .about-door .about-door__icon {
  margin: 0;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  align-self: start;
}
.about-page .about-door .about-door__icon-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.about-page .about-door .about-door__label {
  font-size: 10px;
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--blue-200);
  margin: 0;
}
.about-page .about-door h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  color: var(--color-white);
  margin: 0;
}
.about-page .about-door p {
  font-size: var(--font-size-sm);
  color: var(--blue-200) !important;
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 30ch;
}
.about-page .about-door .btn {
  margin-top: var(--spacing-lg);
  align-self: start;
  justify-self: start;
}
.about-page .about-cta-note {
  margin-top: var(--spacing-4xl);
  padding: var(--spacing-3xl);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.about-page .about-cta-note::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 40px;
  right: 40px;
  height: 2px;
  background: linear-gradient(to right, transparent, var(--color-brand-cyan), transparent);
}
.about-page .about-cta-note h3 {
  font-size: var(--font-size-2xl);
  color: var(--color-white);
  margin-bottom: var(--spacing-md);
}
.about-page .about-cta-note p {
  font-size: var(--font-size-lg);
  color: var(--blue-100) !important;
  margin-bottom: var(--spacing-xl);
  max-width: 800px;
}

.insights-page {
  background-color: var(--bg-default);
}

.section-in-hero {
  position: relative;
  overflow: visible;
}

.in-hero__inner {
  background: linear-gradient(to bottom, var(--blue-900), var(--blue-800));
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .in-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
@media (max-width: 576px) {
  .in-hero__inner {
    padding-top: calc(var(--spacing-2xl) + 72px);
    padding-bottom: var(--spacing-2xl);
  }
}

.in-hero__inner h1 {
  color: var(--color-white);
}

.in-hero__inner p {
  color: var(--blue-200);
  max-width: 680px;
}

.in-eyebrow {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-primary);
  text-transform: uppercase;
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.in-hero__headline {
  font-family: var(--font-display);
  font-size: clamp(var(--font-size-2xl), 5vw, var(--font-size-display-sm));
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin-bottom: var(--spacing-xl);
  max-width: 22ch;
}
@media (max-width: 992px) {
  .in-hero__headline {
    max-width: 18ch;
  }
}
@media (max-width: 576px) {
  .in-hero__headline {
    font-size: clamp(var(--font-size-xl), 9vw, var(--font-size-3xl));
    max-width: 12ch;
    margin-bottom: var(--spacing-lg);
  }
}

.in-hero__lead {
  font-size: clamp(var(--font-size-base), 2vw, var(--font-size-lg));
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 64ch;
}
@media (max-width: 576px) {
  .in-hero__lead {
    max-width: 34ch;
  }
}

.insights-page .client-record-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 768px) {
  .insights-page .client-record-section {
    gap: var(--spacing-2xl);
  }
}
.insights-page .client-record-section__marquee-frame {
  width: min(100%, var(--container-max) + var(--container-pad) * 2);
  margin-inline: auto;
}
.insights-page .client-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.insights-page .client-group__header {
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--border-color-light);
}
.insights-page .client-group__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}
.insights-page .client-group__label--merged {
  color: var(--color-brand-primary);
}
.insights-page .client-group--merged .client-group__header {
  border-bottom-color: var(--color-brand-primary);
}
.insights-page .client-group--merged {
  overflow: hidden;
  width: 100%;
}
.insights-page .sr-marquee {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  margin: var(--spacing-3xl) 0;
  margin-inline: auto;
}
.insights-page .sr-marquee::before, .insights-page .sr-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 768px) {
  .insights-page .sr-marquee::before, .insights-page .sr-marquee::after {
    width: 88px;
  }
}
@media (max-width: 576px) {
  .insights-page .sr-marquee::before, .insights-page .sr-marquee::after {
    width: 56px;
  }
}
.insights-page .sr-marquee::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-default), transparent);
}
.insights-page .sr-marquee::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-default), transparent);
}
.insights-page .sr-marquee:hover .sr-marquee__track {
  animation-play-state: paused;
}
.insights-page .sr-marquee__track {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xl);
  width: max-content;
  animation: insights-marquee-scroll 120s linear infinite;
}
.insights-page .sr-marquee__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
}
.insights-page .sr-marquee__logo img {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: filter 280ms ease;
}

@keyframes insights-marquee-scroll {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.in-badge {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  border-radius: var(--radius-full);
  padding: 0.25rem var(--spacing-sm);
  line-height: 1;
  margin-bottom: var(--spacing-md);
}
.in-badge--or {
  color: var(--color-brand-green);
  background-color: var(--color-success-light);
}
.in-badge--perspective {
  color: var(--color-brand-primary);
  background-color: color-mix(in srgb, var(--color-brand-primary) 10%, transparent);
}
.in-badge--fn {
  color: var(--color-brand-amber);
  background-color: var(--color-warning-light);
}

.section-in-featured {
  background-color: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
}

.in-featured__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xl);
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
@media (max-width: 992px) {
  .in-featured__card {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.in-featured__content {
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .in-featured__content {
    padding: var(--spacing-xl);
  }
}
@media (max-width: 576px) {
  .in-featured__content {
    padding: var(--spacing-lg);
  }
}

.in-featured__title {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}
@media (max-width: 768px) {
  .in-featured__title {
    font-size: var(--font-size-2xl);
  }
}

.in-featured__excerpt {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-xl);
}

.in-featured__visual {
  background: linear-gradient(135deg, var(--blue-100), var(--blue-200));
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.in-featured__image-placeholder {
  color: var(--color-brand-primary);
  padding: var(--spacing-2xl);
  background: var(--bg-card);
  border-radius: 50%;
  box-shadow: var(--shadow-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-in-hub {
  background-color: var(--bg-default);
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-3xl);
}

.in-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-3xl);
  justify-content: center;
}
@media (max-width: 576px) {
  .in-filters {
    flex-direction: column;
    align-items: stretch;
  }
}

.in-filter-btn {
  background: none;
  border: 1px solid var(--border-color);
  background-color: var(--bg-card);
  padding: var(--spacing-sm) var(--spacing-lg);
  min-height: 44px;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  cursor: pointer;
  touch-action: manipulation;
  transition: var(--transition-colors);
}
@media (max-width: 576px) {
  .in-filter-btn {
    width: 100%;
  }
}
.in-filter-btn:hover {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary);
}
.in-filter-btn.is-active {
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white);
}

.in-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .in-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .in-grid {
    grid-template-columns: 1fr;
  }
}

.in-card {
  display: flex;
  transition: opacity 0.3s ease;
}

.in-card__inner {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  transition: var(--transition-slow);
}
.in-card__inner:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  border-color: var(--color-brand-primary);
}

.in-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  margin-bottom: var(--spacing-xs);
}
.in-card__title a {
  color: var(--text-primary);
  text-decoration: none;
}
.in-card__title a:hover {
  color: var(--color-brand-primary);
}

.in-card__meta {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-md);
  font-weight: var(--font-weight-semibold);
}

.in-card__excerpt {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-xl);
  flex-grow: 1;
}

.in-card__link {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.in-card__link:hover {
  text-decoration: underline;
}

.cs-navigate {
  background-color: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}

.cs-evidence-block {
  max-width: 800px;
  margin: 0 auto var(--spacing-4xl);
  text-align: center;
}

.cs-evidence-block__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}

.cs-evidence-block__desc {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}

.cs-navigate-wrap {
  text-align: center;
}

.cs-navigate__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-xs);
}

.cs-navigate__desc {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-2xl);
}

.cs-navigate-table {
  max-width: 840px;
  margin-inline: auto;
  text-align: left;
}

.cs-navigate__row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: var(--spacing-xl);
  padding: var(--spacing-lg) 0;
  border-bottom: 1px solid var(--border-color-light);
  align-items: baseline;
}
.cs-navigate__row:first-child {
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .cs-navigate__row {
    grid-template-columns: 1fr;
    gap: var(--spacing-xs);
  }
}

.cs-navigate__dt {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--text-tertiary);
}

.cs-navigate__dd {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.cs-navigate__dd a {
  color: var(--color-brand-primary);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
}
.cs-navigate__dd a:hover {
  color: var(--orange-500);
}

.cs-body-full {
  max-width: 72ch;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.cs-section-label {
  display: block;
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-sm);
}

.cs-section {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
.cs-section--alt {
  background-color: var(--bg-muted);
}

.cs-headline-md {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
  margin-bottom: var(--spacing-lg);
}
@media (max-width: 768px) {
  .cs-headline-md {
    font-size: var(--font-size-2xl);
  }
}

.cs-body p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md);
  max-width: 72ch;
}
.cs-body strong {
  color: var(--text-primary);
}

.cs-callout-panel {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-xl);
  margin-top: var(--spacing-xl);
}
.cs-callout-panel h4 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-md);
}

.cs-workflow-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.cs-workflow-list li {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  padding-left: var(--spacing-lg);
  position: relative;
}
.cs-workflow-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--text-primary);
}

.cs-outcomes-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-xl);
}
.cs-outcomes-table th {
  text-align: left;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 2px solid var(--border-color-light);
}
.cs-outcomes-table td {
  padding: var(--spacing-md);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-color-light);
  line-height: var(--leading-relaxed);
  vertical-align: top;
}
.cs-outcomes-table .cs-metric-cell {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.cs-outcomes-table tr:last-child td {
  border-bottom: none;
}

[data-theme=dark] .cs-callout-panel {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
}
[data-theme=dark] .cs-outcomes-table th, [data-theme=dark] .cs-outcomes-table td {
  border-color: var(--border-color);
}

.cs-detail-page {
  padding-bottom: var(--spacing-5xl);
}
.cs-detail-page .cs-hero {
  background: var(--hero-gradient);
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: 0;
  text-align: left;
}
@media (max-width: 768px) {
  .cs-detail-page .cs-hero {
    padding-top: calc(var(--spacing-3xl) + 72px);
  }
}
@media (max-width: 576px) {
  .cs-detail-page .cs-hero {
    padding-top: calc(var(--spacing-2xl) + 72px);
  }
}
.cs-detail-page .cs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 10px 10px, var(--color-white) 1px, transparent 1.25px);
  background-repeat: repeat;
  background-size: 20px 20px;
  opacity: 0.04;
  pointer-events: none;
}
.cs-detail-page .cs-hero__client {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  color: var(--color-white);
  opacity: 0.8;
  font-family: var(--font-display);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .cs-detail-page .cs-hero__client {
    font-size: var(--font-size-xs);
    gap: var(--spacing-sm);
  }
}
@media (max-width: 576px) {
  .cs-detail-page .cs-hero__client {
    margin-bottom: var(--spacing-md);
    letter-spacing: var(--tracking-wide);
  }
}
.cs-detail-page .cs-hero__client span {
  padding-left: var(--spacing-sm);
  border-left: 1px solid color-mix(in srgb, var(--color-white) 30%, transparent);
}
@media (max-width: 576px) {
  .cs-detail-page .cs-hero__client span {
    padding-left: 0;
    padding-top: 0.15rem;
    border-left: none;
    width: 100%;
  }
}
.cs-detail-page .cs-hero__headline {
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: clamp(var(--font-size-2xl), 4.8vw, var(--font-size-display-sm));
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  max-width: 900px;
  margin-bottom: var(--spacing-xl);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-hero__headline {
    max-width: 16ch;
  }
}
@media (max-width: 576px) {
  .cs-detail-page .cs-hero__headline {
    font-size: clamp(var(--font-size-xl), 9vw, var(--font-size-3xl));
    max-width: 12ch;
    margin-bottom: var(--spacing-lg);
  }
}
.cs-detail-page .cs-hero__subheadline {
  color: var(--color-white);
  opacity: 0.9;
  font-size: clamp(var(--font-size-base), 2vw, var(--font-size-lg));
  line-height: var(--leading-relaxed);
  max-width: 68ch;
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-hero__subheadline {
    margin-bottom: var(--spacing-2xl);
  }
}
@media (max-width: 576px) {
  .cs-detail-page .cs-hero__subheadline {
    max-width: 36ch;
  }
}
.cs-detail-page .cs-meta-bar {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: var(--spacing-xl) 0;
  margin-top: var(--spacing-2xl);
}
@media (max-width: 576px) {
  .cs-detail-page .cs-meta-bar {
    padding: var(--spacing-lg) 0;
    margin-top: var(--spacing-lg);
  }
}
.cs-detail-page .cs-meta-bar .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--spacing-xl);
}
@media (max-width: 576px) {
  .cs-detail-page .cs-meta-bar .container {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}
.cs-detail-page .cs-meta-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  color: var(--color-white);
}
.cs-detail-page .cs-meta-item strong {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.cs-detail-page .cs-meta-item span {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  font-weight: var(--font-weight-medium);
  opacity: 0.75;
}
.cs-detail-page .cs-section {
  padding: var(--spacing-5xl) 0;
}
.cs-detail-page .cs-section--alt {
  background: var(--bg-raised);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-section {
    padding: var(--spacing-3xl) 0;
  }
}
.cs-detail-page .cs-section-label {
  display: inline-block;
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
}
.cs-detail-page .cs-headline-md {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--leading-tight);
}
@media (max-width: 576px) {
  .cs-detail-page .cs-headline-md {
    font-size: var(--font-size-2xl);
  }
}
.cs-detail-page .cs-body {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 800px;
}
.cs-detail-page .cs-body p {
  margin-bottom: var(--spacing-lg);
}
.cs-detail-page .cs-body--full {
  max-width: 100%;
}
.cs-detail-page .cs-grid-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-4xl);
  align-items: center;
}
@media (max-width: 992px) {
  .cs-detail-page .cs-grid-split {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.cs-detail-page .cs-grid-split--reverse .cs-grid-split__visual {
  order: -1;
}
@media (max-width: 992px) {
  .cs-detail-page .cs-grid-split--reverse .cs-grid-split__visual {
    order: 0;
  }
}
.cs-detail-page .cs-grid-split--content-only {
  display: block;
  max-width: 72ch;
}
.cs-detail-page .cs-grid-split__visual {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
}
.cs-detail-page .cs-grid-split__visual img {
  width: 100%;
  height: auto;
  display: block;
}
.cs-detail-page .cs-callout-panel {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  padding: var(--spacing-3xl);
  box-shadow: var(--shadow-lg);
  position: relative;
  overflow: hidden;
}
.cs-detail-page .cs-callout-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--border-color-light);
}
.cs-detail-page .cs-callout-panel h4 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-lg);
}
.cs-detail-page .cs-stat-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .cs-detail-page .cs-stat-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .cs-detail-page .cs-stat-cards {
    grid-template-columns: 1fr;
  }
}
.cs-detail-page .cs-stat-cards .cs-callout-panel {
  height: 100%;
}
.cs-detail-page .cs-stat-cards .cs-callout-panel p {
  font-size: var(--font-size-sm);
  margin-bottom: 0;
}
.cs-detail-page .cs-workflow-list {
  list-style: none;
  padding: 0;
  margin: var(--spacing-xl) 0 0;
  display: grid;
  gap: var(--spacing-md);
}
.cs-detail-page .cs-workflow-list--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-workflow-list--grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}
.cs-detail-page .cs-workflow-list--grid .cs-callout-panel {
  padding: var(--spacing-xl);
  height: 100%;
}
.cs-detail-page .cs-workflow-list--grid .cs-callout-panel p {
  font-size: var(--font-size-sm);
  margin-bottom: 0;
}
.cs-detail-page .cs-workflow-list--rows {
  gap: var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
}
.cs-detail-page .cs-workflow-list--steps {
  gap: var(--spacing-xl);
}
.cs-detail-page .cs-workflow-list li {
  display: flex;
  gap: var(--spacing-md);
  font-size: var(--font-size-base);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 576px) {
  .cs-detail-page .cs-workflow-list li {
    flex-direction: column;
    gap: var(--spacing-xs);
  }
}
.cs-detail-page .cs-workflow-list li strong {
  color: var(--text-primary);
  white-space: nowrap;
}
@media (max-width: 576px) {
  .cs-detail-page .cs-workflow-list li strong {
    white-space: normal;
  }
}
.cs-detail-page .cs-workflow-step {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.cs-detail-page .cs-workflow-step p {
  margin-bottom: 0;
}
.cs-detail-page .cs-workflow-step strong {
  display: block;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
}
.cs-detail-page .cs-workflow-row {
  display: grid;
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  align-items: start;
}
@media (max-width: 768px) {
  .cs-detail-page .cs-workflow-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.cs-detail-page .cs-workflow-row p {
  margin-bottom: 0;
}
.cs-detail-page .cs-workflow-row__label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.cs-detail-page .cs-sage-section {
  padding: var(--spacing-5xl) 0;
  background: var(--bg-raised);
  color: var(--text-primary);
}
.cs-detail-page .cs-sage-grid {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
.cs-detail-page .cs-sage-item, .cs-detail-page .cs-sage-card {
  display: grid;
  grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: var(--transition-base);
}
.cs-detail-page .cs-sage-item:hover, .cs-detail-page .cs-sage-card:hover {
  background: color-mix(in srgb, var(--color-white) 5%, transparent);
  border-color: var(--color-accent);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-sage-item, .cs-detail-page .cs-sage-card {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl);
  }
}
@media (max-width: 576px) {
  .cs-detail-page .cs-sage-item, .cs-detail-page .cs-sage-card {
    padding: var(--spacing-lg);
  }
}
.cs-detail-page .cs-sage-query {
  font-style: italic;
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
}
@media (max-width: 576px) {
  .cs-detail-page .cs-sage-query {
    font-size: var(--font-size-base);
  }
}
.cs-detail-page .cs-sage-query::before {
  content: "“";
}
.cs-detail-page .cs-sage-query::after {
  content: "”";
}
.cs-detail-page .cs-sage-response {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.cs-detail-page .cs-sage-response strong {
  display: block;
  color: var(--text-primary);
  text-transform: uppercase;
  font-size: var(--font-size-xs);
  letter-spacing: var(--tracking-widest);
  margin-bottom: var(--spacing-xs);
}
.cs-detail-page .cs-outcomes-wrap {
  margin-top: var(--spacing-3xl);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-lg);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-outcomes-wrap {
    overflow-x: visible;
  }
}
.cs-detail-page .cs-outcomes-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
  background: transparent !important;
}
.cs-detail-page .cs-outcomes-table th,
.cs-detail-page .cs-outcomes-table td {
  padding: var(--spacing-lg);
  text-align: left;
  border-bottom: 1px solid var(--border-color-light);
  overflow-wrap: anywhere;
}
@media (max-width: 768px) {
  .cs-detail-page .cs-outcomes-table {
    min-width: 0;
    display: block;
  }
  .cs-detail-page .cs-outcomes-table thead {
    display: none;
  }
  .cs-detail-page .cs-outcomes-table tbody {
    display: grid;
    gap: var(--spacing-lg);
  }
  .cs-detail-page .cs-outcomes-table tr {
    display: grid;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
  }
  .cs-detail-page .cs-outcomes-table th,
  .cs-detail-page .cs-outcomes-table td {
    display: grid;
    grid-template-columns: minmax(0, 140px) minmax(0, 1fr);
    gap: var(--spacing-md);
    align-items: start;
    padding: 0;
    border-bottom: none;
  }
  .cs-detail-page .cs-outcomes-table td::before {
    content: attr(data-label);
    font-family: var(--font-display);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    color: var(--text-tertiary);
  }
}
@media (max-width: 576px) {
  .cs-detail-page .cs-outcomes-table tr {
    padding: var(--spacing-md);
  }
  .cs-detail-page .cs-outcomes-table th,
  .cs-detail-page .cs-outcomes-table td {
    grid-template-columns: 1fr;
    gap: var(--spacing-xs);
  }
}
.cs-detail-page .cs-outcomes-table th {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  background: var(--bg-muted);
}
.cs-detail-page .cs-outcomes-table td {
  vertical-align: top;
}
.cs-detail-page .cs-outcomes-table .cs-metric-cell {
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  width: auto;
  min-width: 160px;
}
.cs-detail-page .cs-outcomes-table .cs-result-cell {
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
  width: auto;
  min-width: 140px;
}
.cs-detail-page .cs-outcomes-table .cs-how-cell {
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
}
.cs-detail-page .cs-article-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-5xl);
  align-items: center;
  background: var(--hero-gradient);
  border-radius: var(--radius-lg);
  padding: var(--spacing-4xl);
  margin-top: var(--spacing-4xl);
}
@media (max-width: 992px) {
  .cs-detail-page .cs-article-cta {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl);
  }
}
.cs-detail-page .cs-article-cta__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: rgba(255, 255, 255, 0.5);
  display: block;
  margin-bottom: var(--spacing-md);
}
.cs-detail-page .cs-article-cta__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  line-height: var(--leading-tight);
  margin: 0 0 var(--spacing-lg);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-article-cta__title {
    font-size: var(--font-size-xl);
  }
}
.cs-detail-page .cs-article-cta__body {
  font-size: var(--font-size-base);
  color: rgba(255, 255, 255, 0.7);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 52ch;
}
.cs-detail-page .cs-article-cta__card {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.cs-detail-page .cs-article-cta__card-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-primary);
}
.cs-detail-page .cs-article-cta__card-title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  line-height: var(--leading-snug);
}
.cs-detail-page .cs-article-cta__card-body {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.cs-detail-page .cs-footer-ctas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xl);
  margin-top: var(--spacing-5xl);
}
@media (max-width: 768px) {
  .cs-detail-page .cs-footer-ctas {
    grid-template-columns: 1fr;
  }
}
.cs-detail-page .cs-cta-card {
  padding: var(--spacing-3xl);
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: var(--transition-base);
  text-decoration: none;
}
.cs-detail-page .cs-cta-card--studios {
  background: linear-gradient(150deg, var(--color-brand-primary) 0%, var(--blue-700) 100%);
  color: var(--color-white);
}
.cs-detail-page .cs-cta-card--studios:hover {
  box-shadow: var(--shadow-xl);
  transform: translateY(-4px);
}
.cs-detail-page .cs-cta-card--advisory {
  background: linear-gradient(150deg, var(--green-dark-700) 0%, var(--green-dark-500) 60%, var(--green-dark-700) 100%);
  color: var(--color-white);
}
.cs-detail-page .cs-cta-card--advisory:hover {
  box-shadow: var(--shadow-xl);
  transform: translateY(-4px);
}
.cs-detail-page .cs-cta-card--platform {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  color: var(--text-primary);
  box-shadow: var(--shadow-sm);
}
.cs-detail-page .cs-cta-card--platform:hover {
  border-color: var(--color-brand-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}
.cs-detail-page .cs-cta-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}
.cs-detail-page .cs-cta-card__desc {
  font-size: var(--font-size-base);
  opacity: 0.9;
}
.cs-detail-page .cs-related-context {
  margin-top: var(--spacing-5xl);
  padding-top: var(--spacing-4xl);
  border-top: 1px solid var(--border-color-light);
}
.cs-detail-page .cs-context-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .cs-detail-page .cs-context-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}
@media (max-width: 768px) {
  .cs-detail-page .cs-context-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.cs-detail-page .cs-context-col h5 {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-lg);
}
.cs-detail-page .cs-context-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.cs-detail-page .cs-context-col ul a {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  text-decoration: none;
}
.cs-detail-page .cs-context-col ul a:hover {
  color: var(--color-brand-primary);
}

[data-theme=dark] .cs-detail-page .cs-meta-bar {
  background: rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .cs-detail-page .cs-outcomes-table th {
  background: var(--bg-raised);
}
[data-theme=dark] .cs-detail-page .cs-sage-section {
  background: var(--bg-raised);
}
[data-theme=dark] .cs-detail-page .cs-sage-item,
[data-theme=dark] .cs-detail-page .cs-sage-card {
  background: var(--bg-raised);
  border-color: var(--border-color);
}
[data-theme=dark] .cs-detail-page .cs-article-cta__card {
  background-color: var(--bg-card);
}

.studios-capabilities-page {
  background-color: var(--bg-default);
}

.studios-capabilities-page .sc-section-head {
  margin-bottom: var(--spacing-3xl);
}
.studios-capabilities-page .sc-section-head h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-section-head h2 {
    font-size: var(--font-size-2xl);
  }
}
.studios-capabilities-page .sc-section-head p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 72ch;
}
.studios-capabilities-page .section-sc-hero {
  position: relative;
  overflow: visible;
}
.studios-capabilities-page .sc-hero__inner {
  background: linear-gradient(180deg, var(--hero-overlay-top) 0%, var(--hero-overlay-bottom) 100%), var(--hero-gradient);
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.studios-capabilities-page .sc-hero__content {
  display: flex;
  flex-direction: column;
  margin-inline: auto;
}
.studios-capabilities-page .sc-eyebrow {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-primary);
  text-transform: uppercase;
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.studios-capabilities-page .sc-hero__headline {
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin-inline: auto;
  text-wrap: balance;
  margin-bottom: var(--spacing-xl);
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-hero__headline {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-hero__headline {
    font-size: var(--font-size-4xl);
  }
}
.studios-capabilities-page .sc-hero__lead {
  font-size: var(--font-size-lg);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
}
.studios-capabilities-page .sc-stat-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  width: 100%;
  max-width: 68rem;
  margin-top: var(--spacing-3xl);
  margin-inline: auto;
  padding-top: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-stat-bar {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-stat-bar {
    grid-template-columns: 1fr;
  }
}
.studios-capabilities-page .sc-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  text-align: center;
  padding: var(--spacing-lg) var(--spacing-xl);
  border-right: 1px solid var(--color-accent-light);
}
.studios-capabilities-page .sc-stat:first-child {
  padding-left: var(--spacing-xl);
}
.studios-capabilities-page .sc-stat:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-stat {
    padding: var(--spacing-lg);
    border-right: none;
    border-bottom: 1px solid var(--color-accent-light);
  }
  .studios-capabilities-page .sc-stat:nth-child(odd) {
    padding-left: 0;
  }
  .studios-capabilities-page .sc-stat:nth-last-child(-n+2) {
    border-bottom: none;
  }
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-stat {
    padding: var(--spacing-md) 0;
    border-right: none;
    border-bottom: 1px solid var(--color-accent-light);
  }
  .studios-capabilities-page .sc-stat:last-child {
    border-bottom: none;
  }
}
.studios-capabilities-page .sc-stat__value {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-primary);
  line-height: 1;
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-stat__value {
    font-size: var(--font-size-3xl);
  }
}
.studios-capabilities-page .sc-stat__label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-snug);
}
.studios-capabilities-page .sc-tiers {
  background-color: var(--bg-muted);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
.studios-capabilities-page .sc-tier-row {
  display: grid;
  align-items: start;
  grid-template-columns: 350px 1fr;
  gap: var(--spacing-3xl);
  padding: var(--spacing-3xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.studios-capabilities-page .sc-tier-row:first-child {
  border-top: none;
  padding-top: 0;
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-tier-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    padding: var(--spacing-2xl) 0;
  }
}
.studios-capabilities-page .sc-tier-row__lead {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-tier-row__lead {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-md);
  }
}
.studios-capabilities-page .sc-tier-row__numeral {
  font-family: var(--font-display);
  font-size: var(--font-size-display);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-primary);
  line-height: 1;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-tier-row__numeral {
    font-size: var(--font-size-4xl);
    opacity: 1;
  }
}
.studios-capabilities-page .sc-tier-row__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.studios-capabilities-page .sc-tier-row__label {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
}
.studios-capabilities-page .sc-tier-row__body p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: none;
}
.studios-capabilities-page .sc-pillars {
  background-color: var(--bg-default);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
.studios-capabilities-page .sc-pillars h2,
.studios-capabilities-page .sc-pillars h3 {
  scroll-margin-top: 160px;
}
.studios-capabilities-page .sc-pillars-filter {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-2xl);
}
.studios-capabilities-page .sc-pillars-filter__label {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0;
}
.studios-capabilities-page .sc-pillars-filter__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}
.studios-capabilities-page .sc-pillars-filter__btn {
  appearance: none;
  border: 1px solid var(--border-color-light);
  background: var(--bg-card);
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  cursor: pointer;
  transition: var(--transition-colors);
}
.studios-capabilities-page .sc-pillars-filter__btn:hover, .studios-capabilities-page .sc-pillars-filter__btn:focus-visible {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--color-brand-primary) 40%, var(--border-color-light));
  outline: none;
}
.studios-capabilities-page .sc-pillars-filter__btn.is-active {
  color: var(--text-primary);
  border-color: var(--color-brand-primary);
  background: color-mix(in srgb, var(--color-brand-primary) 11%, var(--bg-card));
}
.studios-capabilities-page .sc-pillar-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl);
  justify-content: start;
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-pillar-grid {
    grid-template-columns: 1fr;
  }
}
.studios-capabilities-page .sc-pillar-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-left: 2px solid var(--color-brand-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  box-shadow: var(--shadow-sm);
  transition: opacity 220ms ease, transform 220ms ease;
}
.studios-capabilities-page .sc-pillar-card.is-filter-hidden {
  display: none;
}
.studios-capabilities-page .sc-pillar-card__icon {
  color: var(--color-brand-primary);
  margin-bottom: var(--spacing-xs);
}
.studios-capabilities-page .sc-pillar-card__icon i,
.studios-capabilities-page .sc-pillar-card__icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
  display: block;
}
.studios-capabilities-page .sc-pillar-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.studios-capabilities-page .sc-pillar-card__num {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  letter-spacing: var(--tracking-wider);
}
.studios-capabilities-page .sc-pillar-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
}
.studios-capabilities-page .sc-pillar-card__body {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: none;
  flex: 1;
}
.studios-capabilities-page .sc-pillar-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--border-color-light);
  margin-top: auto;
}
.studios-capabilities-page .sc-pillar-card__tag {
  font-size: 0.65rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
  border: 1px solid var(--border-color-light);
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  line-height: 1.4;
}
.studios-capabilities-page .sc-services {
  background-color: var(--bg-muted);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
.studios-capabilities-page .sc-inline-cta {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-brand-primary) 42%, var(--border-color-light));
  background: radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--color-brand-primary) 20%, transparent) 0%, transparent 52%), linear-gradient(115deg, color-mix(in srgb, var(--bg-card) 94%, var(--color-brand-primary)) 0%, color-mix(in srgb, var(--bg-default) 90%, var(--bg-card)) 100%);
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--spacing-xl);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-inline-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
.studios-capabilities-page .sc-inline-cta__copy {
  max-width: 70ch;
}
.studios-capabilities-page .sc-inline-cta__eyebrow {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-sm);
}
.studios-capabilities-page .sc-inline-cta__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-inline-cta__title {
    font-size: var(--font-size-lg);
  }
}
.studios-capabilities-page .sc-inline-cta__body {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.studios-capabilities-page .sc-services-layout {
  margin-top: var(--spacing-3xl);
}
.studios-capabilities-page .sc-service-list {
  display: block;
}
.studios-capabilities-page .sc-service-item {
  display: grid;
  grid-template-columns: minmax(100px, 130px) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  padding: clamp(1.75rem, 3vw, 2.5rem) 0;
  border-top: 1px solid var(--border-color-light);
  align-items: start;
  transition: transform 200ms ease;
}
.studios-capabilities-page .sc-service-item:last-of-type {
  border-bottom: 1px solid var(--border-color-light);
}
.studios-capabilities-page .sc-service-item:hover, .studios-capabilities-page .sc-service-item:focus-within {
  transform: translateX(6px);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-service-item {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
    padding: var(--spacing-lg) 0;
  }
}
.studios-capabilities-page .sc-service-item--strategy {
  --sc-service-accent: var(--color-brand-primary);
}
.studios-capabilities-page .sc-service-item--events {
  --sc-service-accent: var(--amber-500);
}
.studios-capabilities-page .sc-service-item--platform {
  --sc-service-accent: var(--blue-500);
}
.studios-capabilities-page .sc-service-item--growth {
  --sc-service-accent: var(--green-500);
}
.studios-capabilities-page .sc-service-item--sales {
  --sc-service-accent: var(--amber-600);
}
.studios-capabilities-page .sc-service-item--product {
  --sc-service-accent: var(--blue-400);
}
.studios-capabilities-page .sc-service-item--outreach {
  --sc-service-accent: var(--green-600);
}
.studios-capabilities-page .sc-service-item--brand {
  --sc-service-accent: var(--color-brand-primary);
}
.studios-capabilities-page .sc-service-item__meta {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  align-self: start;
  padding-top: 0.15rem;
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-service-item__meta {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-sm);
  }
}
.studios-capabilities-page .sc-service-item__index {
  font-family: var(--font-display);
  font-size: clamp(2.75rem, 4.5vw, 4rem);
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1;
  color: color-mix(in srgb, var(--sc-service-accent, var(--color-brand-primary)) 75%, var(--text-tertiary));
}
.studios-capabilities-page .sc-service-item__eyebrow {
  font-size: 0.6875rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.studios-capabilities-page .sc-service-item__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-service-item__header {
    align-items: flex-start;
  }
}
.studios-capabilities-page .sc-service-item__icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sc-service-accent, var(--color-brand-primary));
  background: color-mix(in srgb, var(--sc-service-accent, var(--color-brand-primary)) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--sc-service-accent, var(--color-brand-primary)) 18%, transparent);
  flex: 0 0 auto;
}
.studios-capabilities-page .sc-service-item__icon i,
.studios-capabilities-page .sc-service-item__icon svg {
  width: 1.1rem;
  height: 1.1rem;
  stroke-width: 1.75;
  display: block;
}
.studios-capabilities-page .sc-service-item__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding-left: var(--spacing-xl);
  border-left: 2px solid color-mix(in srgb, var(--sc-service-accent, var(--color-brand-primary)) 18%, transparent);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-service-item__content {
    padding-left: var(--spacing-md);
  }
}
.studios-capabilities-page .sc-service-item__name {
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
}
.studios-capabilities-page .sc-service-item__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.studios-capabilities-page .sc-service-item__signal {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-relaxed);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--sc-service-accent, var(--color-brand-primary));
  margin: var(--spacing-xs) 0 0;
}
.studios-capabilities-page .sc-services-feature {
  margin-top: var(--spacing-xl);
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr) auto;
  gap: var(--spacing-xl);
  padding: clamp(1.5rem, 3vw, 2rem) 0 0;
  border-top: 1px solid color-mix(in srgb, var(--color-brand-primary) 34%, var(--border-color-light));
  background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-brand-primary) 10%, transparent) 0%, transparent 34%), linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-brand-primary) 4%, transparent) 100%);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-services-feature {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}
.studios-capabilities-page .sc-services-feature__copy {
  max-width: 36ch;
}
.studios-capabilities-page .sc-services-feature__eyebrow {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-sm);
}
.studios-capabilities-page .sc-services-feature__title {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md);
  max-width: 20ch;
}
.studios-capabilities-page .sc-services-feature__body {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 58ch;
}
.studios-capabilities-page .sc-services-feature__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--spacing-md);
  align-content: start;
  padding-top: var(--spacing-xs);
}
.studios-capabilities-page .sc-services-feature__list li {
  position: relative;
  padding-left: var(--spacing-lg);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.studios-capabilities-page .sc-services-feature__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: var(--color-brand-primary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-brand-primary) 16%, transparent);
}
.studios-capabilities-page .sc-services-feature .btn {
  justify-self: start;
  align-self: start;
  margin-top: var(--spacing-xs);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-services-feature .btn {
    align-self: start;
  }
}
.studios-capabilities-page .sc-model {
  background-color: var(--bg-muted);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
.studios-capabilities-page .sc-model__intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-model__intro-grid {
    grid-template-columns: 1fr;
  }
}
.studios-capabilities-page .sc-model__copy p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: none;
}
.studios-capabilities-page .sc-model__copy p:last-child {
  margin-bottom: 0;
}
.studios-capabilities-page .sc-rate-stat {
  border-top: 2px solid var(--color-brand-primary);
  padding-top: var(--spacing-lg);
}
.studios-capabilities-page .sc-rate-stat__eyebrow {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-sm);
}
.studios-capabilities-page .sc-rate-stat__number {
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 6vw, 5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  line-height: 1;
  margin: 0 0 var(--spacing-md);
}
.studios-capabilities-page .sc-rate-stat__number span {
  font-size: 0.55em;
  vertical-align: super;
}
.studios-capabilities-page .sc-rate-stat__body {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.studios-capabilities-page .sc-model__subsections {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}
.studios-capabilities-page .sc-model__subsection h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-lg);
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-md);
}
.studios-capabilities-page .sc-model__subsection p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: none;
}
.studios-capabilities-page .sc-model__subsection p:last-child {
  margin-bottom: 0;
}
.studios-capabilities-page .sc-image-zone {
  aspect-ratio: 4/3;
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  overflow: hidden;
}
.studios-capabilities-page .sc-image-zone__label {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  text-align: center;
  padding: 0 var(--spacing-lg);
}
.studios-capabilities-page .sc-image-zone__hint {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}
.studios-capabilities-page .sc-advantage-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.studios-capabilities-page .sc-advantage-list__item {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  padding-left: var(--spacing-xl);
  position: relative;
}
.studios-capabilities-page .sc-advantage-list__item::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-bold);
}
.studios-capabilities-page .sc-advantage-list__item strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
.studios-capabilities-page .sc-workflow-steps {
  list-style: none;
  padding: 0;
  margin: var(--spacing-xl) 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-workflow-steps {
    grid-template-columns: 1fr;
  }
}
.studios-capabilities-page .sc-workflow-steps__item {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--spacing-md);
  align-items: baseline;
  padding: var(--spacing-sm) 0;
  border-top: 1px solid var(--border-color-light);
}
.studios-capabilities-page .sc-workflow-steps__item:last-of-type {
  border-bottom: 1px solid var(--border-color-light);
}
.studios-capabilities-page .sc-workflow-steps__num {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wider);
  color: var(--color-brand-primary);
}
.studios-capabilities-page .sc-workflow-steps__name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  line-height: var(--leading-snug);
}
.studios-capabilities-page .sc-workflow-steps__note {
  font-weight: var(--font-weight-regular);
  color: var(--text-tertiary);
  font-style: italic;
}
.studios-capabilities-page .sc-stats-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: var(--spacing-3xl);
  border-top: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-stats-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-stats-strip {
    grid-template-columns: 1fr;
  }
}
.studios-capabilities-page .sc-stats-strip__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-right: 1px solid var(--border-color-light);
}
.studios-capabilities-page .sc-stats-strip__item:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-stats-strip__item:nth-child(2) {
    border-right: none;
  }
  .studios-capabilities-page .sc-stats-strip__item:nth-child(3) {
    border-right: 1px solid var(--border-color-light);
  }
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-stats-strip__item {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
    padding: var(--spacing-lg) 0;
  }
  .studios-capabilities-page .sc-stats-strip__item:last-child {
    border-bottom: none;
  }
}
.studios-capabilities-page .sc-stats-strip__number {
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  line-height: 1;
}
.studios-capabilities-page .sc-stats-strip__number span {
  font-size: 0.6em;
}
.studios-capabilities-page .sc-stats-strip__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.studios-capabilities-page .sc-sage {
  background-color: var(--bg-default);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
.studios-capabilities-page .sc-sage-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-sage-layout {
    grid-template-columns: 1fr;
  }
}
.studios-capabilities-page .sc-sage-dimensions {
  list-style: none;
  padding: 0;
  margin: 0;
}
.studios-capabilities-page .sc-sage-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(100px, 160px) 2.25rem;
  gap: var(--spacing-lg);
  align-items: center;
  padding: var(--spacing-md) 0;
  border-top: 1px solid var(--border-color-light);
  transition: opacity 160ms ease;
}
.studios-capabilities-page .sc-sage-item:last-of-type {
  border-bottom: 1px solid var(--border-color-light);
}
.studios-capabilities-page .sc-sage-item--flagged .sc-sage-item__title {
  color: var(--amber-600, #d97706);
}
.studios-capabilities-page .sc-sage-item--flagged .sc-sage-item__bar {
  background: var(--amber-500, #f59e0b);
}
.studios-capabilities-page .sc-sage-item--flagged .sc-sage-item__score {
  color: var(--amber-600, #d97706);
}
@media (max-width: 576px) {
  .studios-capabilities-page .sc-sage-item {
    grid-template-columns: minmax(0, 1fr) 2.25rem;
  }
  .studios-capabilities-page .sc-sage-item .sc-sage-item__track {
    display: none;
  }
}
.studios-capabilities-page .sc-sage-item__meta {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-sm);
}
.studios-capabilities-page .sc-sage-item__num {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  letter-spacing: var(--tracking-wider);
  flex-shrink: 0;
}
.studios-capabilities-page .sc-sage-item__title {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
}
.studios-capabilities-page .sc-sage-item__track {
  height: 3px;
  background: var(--border-color-light);
  border-radius: 999px;
  overflow: hidden;
}
.studios-capabilities-page .sc-sage-item__bar {
  height: 100%;
  width: var(--score);
  background: var(--color-brand-primary);
  border-radius: 999px;
}
.studios-capabilities-page .sc-sage-item__score {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  text-align: right;
  letter-spacing: var(--tracking-tight);
}
.studios-capabilities-page .sc-sage-insight {
  position: sticky;
  top: calc(72px + var(--spacing-xl));
  background: #0f1923;
  border-top: 2px solid var(--color-brand-primary);
  padding: var(--spacing-xl);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}
@media (max-width: 992px) {
  .studios-capabilities-page .sc-sage-insight {
    position: static;
    border-radius: var(--radius-md);
    border-top-width: 3px;
  }
}
.studios-capabilities-page .sc-sage-insight__label {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-md);
}
.studios-capabilities-page .sc-sage-insight__dimension {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: var(--spacing-md);
}
.studios-capabilities-page .sc-sage-insight__dim-name {
  font-family: var(--font-display);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: rgba(255, 255, 255, 0.9);
}
.studios-capabilities-page .sc-sage-insight__dim-score {
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--amber-400, #fbbf24);
  line-height: 1;
}
.studios-capabilities-page .sc-sage-insight__body {
  font-size: var(--font-size-sm);
  color: var(--color-white);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-lg);
}
.studios-capabilities-page .sc-sage-insight__note {
  font-size: var(--font-size-xs);
  color: var(--color-white);
  line-height: var(--leading-relaxed);
  margin: 0;
  font-style: italic;
}
.studios-capabilities-page .sc-validation-quote {
  border-top: 2px solid var(--color-brand-primary);
  padding-top: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
  max-width: 72ch;
}
.studios-capabilities-page .sc-validation-quote__eyebrow {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-md);
}
.studios-capabilities-page .sc-validation-quote__body {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-lg);
}
.studios-capabilities-page .sc-validation-quote__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand-primary);
  text-decoration: none;
}
.studios-capabilities-page .sc-validation-quote__cta i, .studios-capabilities-page .sc-validation-quote__cta svg {
  width: 1rem;
  height: 1rem;
  stroke-width: 2;
}
.studios-capabilities-page .sc-validation-quote__cta:hover {
  text-decoration: underline;
}
.studios-capabilities-page .sc-cta {
  background: var(--hero-gradient);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  position: relative;
  overflow: hidden;
}
.studios-capabilities-page .sc-cta__inner {
  max-width: 800px;
  margin-inline: auto;
  width: auto;
  background: transparent;
}
.studios-capabilities-page .sc-cta__headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  margin-bottom: var(--spacing-md);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-cta__headline {
    font-size: var(--font-size-2xl);
  }
}
.studios-capabilities-page .sc-cta__lead {
  font-size: var(--font-size-lg);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-2xl);
  max-width: none;
}
.studios-capabilities-page .sc-entry-list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.studios-capabilities-page .sc-entry-list__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-xs) var(--spacing-md);
  align-items: start;
}
.studios-capabilities-page .sc-entry-list__icon {
  color: var(--color-brand-primary);
  padding-top: 2px;
  grid-row: 1;
}
.studios-capabilities-page .sc-entry-list__icon i,
.studios-capabilities-page .sc-entry-list__icon svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
  display: block;
}
.studios-capabilities-page .sc-entry-list__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  grid-column: 2;
}
.studios-capabilities-page .sc-entry-list__desc {
  font-size: var(--font-size-sm);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
  grid-column: 2;
}
.studios-capabilities-page .sc-entry-list__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.studios-capabilities-page .sc-entry-list__desc {
  font-size: var(--font-size-sm);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
}
.studios-capabilities-page .sc-testimonial {
  position: relative;
  margin: 0 0 var(--spacing-3xl);
  padding: var(--spacing-2xl) var(--spacing-xl);
  border-left: 3px solid var(--color-brand-primary);
}
.studios-capabilities-page .sc-testimonial::before {
  content: "“";
  font-family: var(--font-display);
  font-size: 6rem;
  line-height: 0.8;
  color: var(--color-brand-primary);
  opacity: 0.2;
  position: absolute;
  top: var(--spacing-sm);
  left: var(--spacing-sm);
  pointer-events: none;
}
.studios-capabilities-page .sc-testimonial p {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-style: italic;
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: none;
}
@media (max-width: 768px) {
  .studios-capabilities-page .sc-testimonial p {
    font-size: var(--font-size-base);
  }
}
.studios-capabilities-page .sc-testimonial cite {
  display: block;
  font-size: var(--font-size-sm);
  font-style: normal;
  color: var(--blue-300);
  letter-spacing: var(--tracking-wide);
}
.studios-capabilities-page .sc-testimonial__note {
  color: var(--blue-300);
  font-style: italic;
}

.section-sw-hero {
  position: relative;
}

.sw-hero__inner {
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}

.sw-hero__content {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.sw-hero__content h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  text-wrap: balance;
}
@media (max-width: 992px) {
  .sw-hero__content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .sw-hero__content h1 {
    font-size: var(--font-size-4xl);
  }
}

.sw-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-primary);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}

.sw-hero__subhead {
  margin: var(--spacing-xl) 0 0;
  max-width: 44rem;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
}

.sw-hero__stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-2xl);
  width: 100%;
  max-width: 68rem;
  margin-top: var(--spacing-3xl);
  align-items: stretch;
}
@media (max-width: 992px) {
  .sw-hero__stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-xl);
  }
}
@media (max-width: 768px) {
  .sw-hero__stat-grid {
    gap: var(--spacing-md);
  }
}
@media (max-width: 576px) {
  .sw-hero__stat-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}

.sw-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-sm);
  text-align: center;
  padding: var(--spacing-xl);
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.02);
}
@media (max-width: 992px) {
  .sw-hero__stat {
    padding: var(--spacing-lg);
  }
}
@media (max-width: 768px) {
  .sw-hero__stat {
    padding: var(--spacing-md);
    gap: var(--spacing-xs);
  }
}
.sw-hero__stat .lucide {
  color: var(--color-brand-primary);
}

.sw-hero__stat-value {
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tight);
  color: var(--color-brand-primary);
  word-break: keep-all;
}
@media (max-width: 992px) {
  .sw-hero__stat-value {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .sw-hero__stat-value {
    font-size: var(--font-size-4xl);
  }
}

.sw-hero__stat-label {
  display: block;
  max-width: 18ch;
  margin-inline: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-snug);
  text-wrap: balance;
  color: var(--color-white);
  opacity: 0.85;
}
@media (max-width: 768px) {
  .sw-hero__stat-label {
    max-width: 16ch;
  }
}
@media (max-width: 576px) {
  .sw-hero__stat-label {
    max-width: 22ch;
  }
}

.section-sw-feature {
  margin-top: 0;
}

.sw-feature__inner {
  background: var(--bg-default);
  border-top: 1px solid rgba(255, 216, 77, 0.16);
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-feature__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}

.sw-feature__type {
  margin: 0 0 var(--spacing-lg);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}

.sw-feature__headline {
  margin: 0 0 var(--spacing-xl);
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
}
@media (max-width: 992px) {
  .sw-feature__headline {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .sw-feature__headline {
    font-size: var(--font-size-4xl);
  }
}

.sw-feature__intro {
  margin: 0 0 var(--spacing-3xl);
  max-width: 720px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sw-feature__visual-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
  align-items: stretch;
}
@media (max-width: 992px) {
  .sw-feature__visual-layout {
    grid-template-columns: 1fr;
  }
}

.sw-feature__image-zone {
  width: 100%;
  height: 100%;
  min-height: 340px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-xl);
}
@media (max-width: 992px) {
  .sw-feature__image-zone {
    height: auto;
    aspect-ratio: 16/9;
    min-height: unset;
  }
}

.sw-feature__image-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #4b5563, #6b7280);
  position: relative;
}
.sw-feature__image-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.14) 0%, rgba(15, 23, 42, 0.28) 100%);
}
.sw-feature__image-inner > * {
  position: relative;
  z-index: 1;
}

.sw-feature__image-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-gray-200);
}

.sw-feature__meta {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.sw-feature__meta > div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: var(--spacing-xs) var(--spacing-lg);
  padding: var(--spacing-md) 0;
  border-top: 1px solid var(--border-color-light);
  align-items: baseline;
}
.sw-feature__meta > div:last-child {
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 576px) {
  .sw-feature__meta > div {
    grid-template-columns: 1fr;
  }
}
.sw-feature__meta dt {
  color: var(--color-brand-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.sw-feature__meta dd {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
}

.sw-nlq__heading {
  margin: 0 0 var(--spacing-xl);
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}

.sw-nlq-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sw-nlq-item {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
  border-top: 1px solid var(--border-color-light);
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  font-style: italic;
}
.sw-nlq-item:first-child {
  border-top: none;
}

.sw-nlq-item__num {
  display: block;
  padding-top: 3px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  color: var(--color-brand-primary);
  font-style: normal;
}

.sw-nlq__callout {
  margin-top: var(--spacing-xl);
  max-width: 680px;
  padding-top: var(--spacing-xl);
}
.sw-nlq__callout p {
  margin: 0;
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}

.sw-nlq__callout-label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}

.sw-feature__outcomes {
  margin-top: var(--spacing-3xl);
}
.sw-feature__outcomes h3 {
  margin: 0 0 var(--spacing-xl);
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}

.sw-outcomes-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: 0;
  margin: 0;
  list-style: none;
}

.sw-outcomes-item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
}
.sw-outcomes-item::before {
  content: "→";
  flex-shrink: 0;
  padding-top: 2px;
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-bold);
}

.sw-feature__cta {
  margin-top: var(--spacing-3xl);
}

.section-sw-categories {
  background-color: var(--bg-muted);
}

.sw-categories__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-categories__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sw-categories__inner h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .sw-categories__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sw-categories__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 640px;
  margin: 0 0 var(--spacing-3xl);
}

.sw-categories-list {
  margin: 0;
  padding: 0;
}

.sw-categories-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto auto 1fr auto;
  gap: 0;
}
@media (max-width: 992px) {
  .sw-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto auto 1fr auto);
  }
}
@media (max-width: 768px) {
  .sw-categories-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
}

.sw-category-card {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  border-top: 1px solid var(--border-color-light);
}
.sw-category-card:first-child {
  padding-left: 0;
}
.sw-category-card:not(:first-child) {
  border-left: 1px solid var(--border-color-light);
  padding-left: var(--spacing-xl);
}
@media (max-width: 992px) {
  .sw-category-card:first-child, .sw-category-card:nth-child(3) {
    padding-left: 0;
    border-left: none;
  }
  .sw-category-card:nth-child(2) {
    padding-left: var(--spacing-xl);
  }
  .sw-category-card:nth-child(4) {
    border-left: 1px solid var(--border-color-light);
    padding-left: var(--spacing-xl);
  }
}
@media (max-width: 768px) {
  .sw-category-card {
    display: flex;
    flex-direction: column;
    grid-row: auto;
    padding-left: 0;
    border-left: none;
  }
  .sw-category-card:nth-child(2), .sw-category-card:nth-child(4) {
    padding-left: 0;
    border-left: none;
  }
}

.sw-category-card--platform {
  border-top: 2px solid var(--color-brand-primary);
}

.sw-category-card__kicker {
  margin: 0 0 var(--spacing-lg);
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  font-weight: var(--font-weight-light);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--color-brand-primary);
}

.sw-category-name {
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}

.sw-category-desc {
  margin: 0;
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  padding-bottom: var(--spacing-xl);
}

.sw-category-card__signal {
  margin-top: 0;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  line-height: var(--leading-normal);
}

.section-sw-gallery {
  background-color: var(--bg-default);
}

.sw-gallery__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-gallery__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sw-gallery__inner h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .sw-gallery__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sw-gallery__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 720px;
  margin: 0 0 var(--spacing-3xl);
}

.sw-gallery-grid {
  display: flex;
  flex-direction: column;
}

.sw-gallery-tile {
  display: grid;
  grid-template-columns: minmax(80px, 100px) minmax(0, 1fr) minmax(240px, 340px);
  gap: var(--spacing-2xl);
  align-items: start;
  padding: clamp(1.75rem, 3vw, 2.5rem) 0;
  border-top: 1px solid var(--border-color-light);
}
.sw-gallery-tile:last-of-type {
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .sw-gallery-tile {
    grid-template-columns: minmax(60px, 80px) minmax(0, 1fr);
  }
}
@media (max-width: 768px) {
  .sw-gallery-tile {
    grid-template-columns: minmax(48px, 60px) minmax(0, 1fr);
    gap: var(--spacing-lg);
  }
}

.sw-gallery-tile--large {
  border-top: 2px solid var(--color-brand-primary);
}

.sw-tile__index {
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  font-weight: var(--font-weight-light);
  letter-spacing: -0.02em;
  line-height: 1;
  color: color-mix(in srgb, var(--color-brand-primary) 40%, var(--text-tertiary));
  padding-top: 4px;
}

.sw-tile__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.sw-tile__category {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin-bottom: var(--spacing-xs);
}

.sw-tile__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  line-height: var(--leading-snug);
}

.sw-tile__client {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0;
}

.sw-tile__meta {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin: 0;
  line-height: var(--leading-relaxed);
}

.sw-tile__right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: flex-start;
}
@media (max-width: 992px) {
  .sw-tile__right {
    grid-column: 2;
    margin-top: var(--spacing-md);
  }
}
@media (max-width: 768px) {
  .sw-tile__right {
    grid-column: 1/-1;
    margin-top: 0;
  }
}

.sw-tile__outcome {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0;
  line-height: var(--leading-relaxed);
}

.sw-tile__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand-primary);
  text-decoration: none;
  transition: gap 180ms ease;
}
.sw-tile__cta:hover {
  gap: var(--spacing-sm);
  text-decoration: underline;
}
.sw-tile__cta svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.section-sw-holding {
  background-color: var(--bg-muted);
}

.sw-holding__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-holding__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sw-holding__inner h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .sw-holding__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sw-holding__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 680px;
  margin: 0;
}

.studios-work-page .holding-names {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-md);
  margin: var(--spacing-3xl) 0 var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .studios-work-page .holding-names {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .studios-work-page .holding-names {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.studios-work-page .holding-names__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  min-height: 92px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--bg-card);
  position: relative;
  overflow: hidden;
}
.studios-work-page .holding-names__item::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: calc(var(--radius-md) - 2px);
  background: rgba(255, 255, 255, 0.02);
}

.studios-work-page .holding-names__item--publicis {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brand-primary) 35%, transparent);
}

.studios-work-page .holding-names__logo {
  display: block;
  max-width: 100%;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.studios-work-page .holding-names__logo--zoom {
  max-height: 64px;
  transform: scale(2.2);
  transform-origin: center;
}
@media (max-width: 768px) {
  .studios-work-page .holding-names__logo--zoom {
    transform: scale(1.9);
  }
}

.sw-holding-callout {
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-xl);
  max-width: 680px;
}

.sw-holding-callout__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-sm);
}

.sw-holding-callout__body {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  margin: 0;
}

[data-theme=dark] .studios-work-page .holding-names {
  border-bottom-color: var(--border-color);
}

[data-theme=dark] .studios-work-page .holding-names__item {
  border-color: var(--border-color);
  background: var(--bg-raised);
}
[data-theme=dark] .studios-work-page .holding-names__item::before {
  background: rgba(255, 255, 255, 0.08);
}

[data-theme=dark] .studios-work-page .holding-names__logo {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.1)) drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}

.section-sw-testimonials {
  background-color: var(--bg-default);
}

.sw-testimonials__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-testimonials__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sw-testimonials__inner h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .sw-testimonials__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sw-testimonials__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 600px;
  margin: 0 0 var(--spacing-3xl);
}

.sw-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
  align-items: start;
}
@media (max-width: 768px) {
  .sw-testimonials-grid {
    grid-template-columns: 1fr;
  }
}

.sw-testimonial {
  position: relative;
  padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) calc(var(--spacing-xl) + 24px);
  border-left: 3px solid color-mix(in srgb, var(--color-brand-primary) 85%, #fff 15%);
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  margin: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.sw-testimonial:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: color-mix(in srgb, var(--color-brand-primary) 35%, var(--border-color-light));
}
.sw-testimonial::before {
  content: "“";
  position: absolute;
  top: var(--spacing-md);
  left: var(--spacing-md);
  font-size: 3.4rem;
  line-height: 1;
  color: var(--color-brand-primary);
  opacity: 0.3;
  font-family: var(--font-display);
  font-weight: var(--font-weight-extrabold);
  pointer-events: none;
}
.sw-testimonial p {
  font-size: var(--font-size-base);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  font-style: italic;
  margin: 0 0 var(--spacing-md);
}
.sw-testimonial cite {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  font-style: normal;
  display: block;
  margin-bottom: var(--spacing-md);
}
.sw-testimonial .sw-testimonial__attribution-name {
  display: block;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.sw-testimonial .sw-testimonial__attribution-title {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}
.sw-testimonial .sw-testimonial__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 36px;
}
.sw-testimonial .sw-testimonial__logo img {
  max-height: 36px;
  width: auto;
  height: auto;
  transition: opacity var(--transition-fast);
}
.sw-testimonial:hover .sw-testimonial__logo img {
  opacity: 0.85;
}

.sw-testimonial--featured {
  margin-bottom: var(--spacing-lg);
  padding-right: clamp(var(--spacing-2xl), 5vw, var(--spacing-4xl));
  padding-top: var(--spacing-2xl);
}
.sw-testimonial--featured p {
  font-size: var(--font-size-lg);
  max-width: none;
  margin-bottom: var(--spacing-lg);
}
.sw-testimonial--featured cite {
  margin-bottom: var(--spacing-sm);
}
.sw-testimonial--featured .sw-testimonial__logo {
  margin-top: var(--spacing-sm);
}
@media (max-width: 768px) {
  .sw-testimonial--featured {
    padding-right: var(--spacing-xl);
  }
}

.sw-testimonial--compact {
  padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-lg) + 20px);
}
.sw-testimonial--compact::before {
  top: var(--spacing-sm);
  left: var(--spacing-sm);
  font-size: 2.5rem;
  opacity: 0.22;
}
.sw-testimonial--compact p {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--spacing-sm);
}
.sw-testimonial--compact cite {
  margin-bottom: var(--spacing-sm);
}
.sw-testimonial--compact .sw-testimonial__attribution-name {
  font-size: var(--font-size-xs);
}
.sw-testimonial--compact .sw-testimonial__attribution-title {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}
.sw-testimonial--compact .sw-testimonial__logo {
  min-height: 28px;
}
.sw-testimonial--compact .sw-testimonial__logo img {
  max-height: 28px;
  opacity: 0.45;
}
.sw-testimonial--compact:hover .sw-testimonial__logo img {
  opacity: 0.72;
}

.section-sw-history {
  background-color: var(--bg-muted);
}

.sw-history__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-history__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sw-history__inner h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .sw-history__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sw-history__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 100%;
  margin: 0;
}

.sw-history-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  margin-top: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .sw-history-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}

.sw-history__narrative {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.sw-history-proof {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding-top: var(--spacing-xl);
  border-top: 2px solid var(--color-brand-primary);
}

.sw-history-proof__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}

.sw-history-metrics {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.sw-history-metric {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-lg);
  margin: 0;
  padding: var(--spacing-md) 0;
  border-top: 1px solid var(--border-color-light);
}
.sw-history-metric:last-child {
  border-bottom: 1px solid var(--border-color-light);
}
.sw-history-metric strong {
  flex-shrink: 0;
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  font-weight: var(--font-weight-light);
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--color-brand-primary);
  min-width: 3rem;
}
.sw-history-metric span {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-snug);
}

.sw-industry-groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.sw-industry-group__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}

.sw-industry-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}

.sw-industry-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.75rem;
  background-color: var(--bg-muted);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

.sw-client-record {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 100%;
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-xl);
  margin: 0;
}

[data-theme=dark] .sw-category-card,
[data-theme=dark] .sw-testimonial {
  border-color: var(--border-color);
}

[data-theme=dark] .sw-industry-badge {
  background-color: color-mix(in srgb, var(--bg-raised) 88%, black 12%);
  border-color: var(--border-color);
}

.section-sw-cta {
  background: var(--hero-gradient);
}

.sw-cta__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sw-cta__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}

.sw-cta__heading {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  margin: 0 0 var(--spacing-xl);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .sw-cta__heading {
    font-size: var(--font-size-2xl);
    max-width: none;
  }
}

.sw-cta__subhead {
  font-size: var(--font-size-lg);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-3xl);
}

.sw-entry-list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.sw-entry-item {
  color: var(--color-white);
  opacity: 0.85;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
}
.sw-entry-item .lucide {
  color: var(--color-brand-primary);
}
.sw-entry-item strong {
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
  padding-left: var(--spacing-md);
}

.sw-cta-quote {
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-xl);
  margin: var(--spacing-3xl) 0;
  font-style: italic;
  font-size: var(--font-size-lg);
}
.sw-cta-quote p {
  margin: 0;
  line-height: var(--leading-relaxed);
  color: var(--color-white);
}
.sw-cta-quote cite {
  display: block;
  color: var(--color-white);
  opacity: 1;
  font-size: var(--font-size-sm);
  font-style: normal;
  margin-top: var(--spacing-md);
}

.section-sr-hero {
  position: relative;
}

.sr-hero__inner {
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}

.sr-hero__content {
  max-width: 74rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}
.sr-hero__content h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  text-wrap: balance;
}
@media (max-width: 992px) {
  .sr-hero__content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .sr-hero__content h1 {
    font-size: var(--font-size-4xl);
  }
}

.sr-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-primary);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}

.sr-hero__subhead {
  margin: var(--spacing-xl) 0 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
}

.sr-hero__stat-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-2xl);
  width: 100%;
  max-width: 68rem;
  margin-top: var(--spacing-3xl);
}
@media (max-width: 576px) {
  .sr-hero__stat-bar {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}

.sr-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding-inline: var(--spacing-lg);
  text-align: center;
}
.sr-hero__stat:nth-child(-n+2) {
  border-right: 1px solid var(--color-accent-light);
}
@media (max-width: 576px) {
  .sr-hero__stat {
    padding-right: 0;
  }
  .sr-hero__stat:nth-child(-n+2) {
    border-right: none;
    border-bottom: 1px solid var(--color-accent-light);
    padding-bottom: var(--spacing-lg);
  }
}

.sr-hero__stat-value {
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tight);
  color: var(--color-brand-primary);
}
@media (max-width: 768px) {
  .sr-hero__stat-value {
    font-size: var(--font-size-5xl);
  }
}

.sr-hero__stat-divider {
  display: inline-block;
  width: 28px;
  height: 4px;
  margin-top: 14px;
  border-radius: var(--radius-full);
  background-color: var(--color-brand-primary);
}

.sr-hero__stat-label {
  display: block;
  max-width: 20ch;
  margin-inline: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-snug);
  color: var(--color-white);
  opacity: 0.85;
}

.sr-hero__stat-icon {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  color: var(--color-brand-primary);
}

.section-sr-compliance {
  background-color: var(--bg-muted);
}

.sr-compliance__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-compliance__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sr-compliance__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .sr-compliance__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sr-compliance__intro {
  margin: 0 0 var(--spacing-3xl);
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sr-compliance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xl);
}
@media (max-width: 768px) {
  .sr-compliance-grid {
    grid-template-columns: 1fr;
  }
}

.sr-compliance-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-lg);
  background-color: var(--bg-card);
}

.sr-compliance-card__header {
  display: flex;
  align-items: center;
}

.sr-compliance-card__icon {
  color: var(--color-brand-primary);
  margin-right: var(--spacing-md);
}

.sr-compliance-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: 28px;
  padding: 0 var(--spacing-sm);
  border-radius: var(--radius-sm);
  background-color: var(--blue-300);
  color: var(--blue-600);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.sr-compliance-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sr-compliance-card__list li {
  position: relative;
  padding-left: var(--spacing-lg);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sr-compliance-card__list li::before {
  content: "·";
  position: absolute;
  left: 0;
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-bold);
}

.section-sr-workflow {
  background-color: var(--bg-default);
}

.sr-workflow__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-workflow__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sr-workflow__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .sr-workflow__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sr-workflow__intro {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sr-timeline {
  list-style: none;
  padding: 0;
  margin: var(--spacing-3xl) 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.sr-timeline::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--border-color-light);
  z-index: 0;
}

.sr-timeline__step {
  display: flex;
  gap: var(--spacing-xl);
  padding-bottom: var(--spacing-2xl);
  position: relative;
  z-index: 1;
}
.sr-timeline__step:last-child {
  padding-bottom: 0;
}

.sr-timeline__marker {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.sr-timeline__num {
  font-family: var(--font-display);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--font-size-lg);
  line-height: 1;
}

.sr-timeline__step--tricycle .sr-timeline__marker {
  background: var(--blue-100);
}

.sr-timeline__step--tricycle .sr-timeline__num {
  color: var(--blue-700);
}

.sr-timeline__step--client .sr-timeline__marker {
  background: var(--bg-raised);
  border: 2px solid var(--border-color);
}

.sr-timeline__step--client .sr-timeline__num {
  color: var(--text-secondary);
}

.sr-timeline__step--complete .sr-timeline__marker {
  background: var(--blue-600);
}

.sr-timeline__step--complete .sr-timeline__num {
  color: var(--color-white);
}

.sr-timeline__body {
  padding-top: var(--spacing-sm);
  flex: 1;
}

.sr-timeline__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  margin-bottom: var(--spacing-sm);
}

.sr-timeline__stage {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}

.sr-timeline__clock {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  padding: 2px var(--spacing-sm);
  border-radius: var(--radius-full);
}
.sr-timeline__clock .lucide {
  margin-right: var(--spacing-sm);
}

.sr-timeline__clock--run {
  background: rgba(37, 65, 212, 0.15);
  color: var(--blue-600);
}

.sr-timeline__clock--pause {
  background: var(--bg-raised);
  color: var(--text-tertiary);
  border: 1px solid var(--border-color);
}

.sr-timeline__clock--done {
  background: rgba(37, 65, 212, 0.15);
  color: var(--blue-600);
}

.sr-timeline__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}

.section-sr-sage {
  background-color: var(--bg-muted);
}

.sr-sage__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-sage__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sr-sage__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .sr-sage__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sr-sage__intro {
  margin: 0 0 var(--spacing-3xl);
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sr-sage-validation {
  border-left: 3px solid var(--color-brand-primary);
  background: var(--bg-card);
  border-radius: var(--radius-md);
  padding: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.sr-sage-validation__image-zone {
  height: 168px;
  margin: 0 0 var(--spacing-lg);
  padding: var(--spacing-lg);
  border: 1px dashed var(--border-color);
  border-radius: var(--radius-md);
  background: radial-gradient(circle at 20% 20%, rgba(37, 65, 212, 0.16) 0, transparent 45%), radial-gradient(circle at 80% 75%, rgba(37, 65, 212, 0.1) 0, transparent 45%), var(--bg-raised);
}

.sr-sage-validation__image-inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--border-color-light);
  border-radius: calc(var(--radius-md) - 2px);
  background: linear-gradient(160deg, rgba(37, 65, 212, 0.12), rgba(37, 65, 212, 0.02));
}

.sr-sage-validation__image-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--blue-600);
}

.sr-sage-validation__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
  margin: 0 0 var(--spacing-sm);
}

.sr-sage-validation__body {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-lg);
}

.sr-sage-validation__link {
  font-size: var(--font-size-sm);
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}
.sr-sage-validation__link:hover {
  text-decoration: underline;
}

.sr-sage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .sr-sage-grid {
    grid-template-columns: 1fr;
  }
}

.sr-sage-section {
  padding: var(--spacing-2xl);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  height: 100%;
}
@media (max-width: 768px) {
  .sr-sage-section {
    padding: var(--spacing-xl);
  }
}
.sr-sage-section h3 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.sr-sage-section p {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sr-sage-section .lucide {
  color: var(--blue-600);
}

.sr-sage-section__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  background: rgba(37, 65, 212, 0.15);
  flex-shrink: 0;
}

.section-sr-clients {
  background-color: var(--bg-default);
}

.sr-clients__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-clients__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sr-clients__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .sr-clients__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sr-clients__intro {
  margin: 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sr-marquee {
  overflow: hidden;
  position: relative;
  margin: var(--spacing-3xl) 0;
}
.sr-marquee::before, .sr-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
.sr-marquee::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-default), transparent);
}
.sr-marquee::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-default), transparent);
}
.sr-marquee:hover .sr-marquee__track {
  animation-play-state: paused;
}

.sr-marquee__track {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xl);
  width: max-content;
  animation: sr-marquee-scroll 45s linear infinite;
}

.sr-marquee__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
}
.sr-marquee__logo img {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: filter 280ms ease;
}

@keyframes sr-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.sr-credential-statement {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: var(--spacing-3xl);
  padding-top: var(--spacing-xl);
  border-top: 2px solid var(--color-brand-primary);
  align-items: start;
}
@media (max-width: 768px) {
  .sr-credential-statement {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}

.sr-credential-statement__eyebrow {
  margin: 0;
  padding-top: var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-primary);
}

.sr-credential-statement__body {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.section-sr-outcomes {
  background-color: var(--bg-muted);
}

.sr-outcomes__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-outcomes__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sr-outcomes__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .sr-outcomes__inner h2 {
    font-size: var(--font-size-2xl);
  }
}

.sr-outcomes__intro {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sr-outcomes__disclaimer {
  margin: var(--spacing-lg) 0 0;
  max-width: 680px;
  font-size: var(--font-size-sm);
  font-style: italic;
  color: var(--text-tertiary);
}

.sr-outcomes-spotlight {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .sr-outcomes-spotlight {
    grid-template-columns: 1fr;
  }
}

.sr-outcome-feature {
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  background: linear-gradient(160deg, rgba(37, 65, 212, 0.12), rgba(37, 65, 212, 0.03));
  box-shadow: var(--shadow-sm);
}

.sr-outcome-feature__label {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-primary);
}
.sr-outcome-feature__label .lucide {
  color: var(--blue-600);
}

.sr-outcome-feature__metric {
  margin: 0 0 var(--spacing-sm);
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.4vw, 2.75rem);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-none);
  color: var(--blue-600);
}

.sr-outcome-feature__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}

.sr-outcomes-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .sr-outcomes-list {
    grid-template-columns: 1fr;
  }
}

.sr-outcome-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  transition: transform 220ms ease, border-color 220ms ease;
}
.sr-outcome-row:hover {
  transform: translateY(-2px);
  border-color: rgba(37, 65, 212, 0.38);
}
@media (max-width: 768px) {
  .sr-outcome-row {
    padding: var(--spacing-lg);
  }
}
.sr-outcome-row dt {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  font-size: var(--font-size-base);
}
.sr-outcome-row dt .lucide {
  color: var(--blue-600);
}
.sr-outcome-row dd {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  margin: 0;
}

.section-sr-cta {
  background: var(--hero-gradient);
}

.sr-cta__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .sr-cta__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.sr-cta__inner h2 {
  margin: 0 0 var(--spacing-xl);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--color-white);
}
@media (max-width: 768px) {
  .sr-cta__inner h2 {
    font-size: var(--font-size-2xl);
    max-width: none;
  }
}

.sr-cta__body {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
}

.sr-entry-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin: var(--spacing-3xl) 0;
}

.sr-entry-item {
  font-size: var(--font-size-base);
  color: var(--color-white);
  opacity: 0.85;
  line-height: var(--leading-relaxed);
}
.sr-entry-item strong {
  color: var(--color-white);
}
.sr-entry-item .lucide {
  color: var(--color-brand-primary);
  margin-right: var(--spacing-sm);
}

.sr-cta-quote {
  border-left: 3px solid var(--color-brand-primary);
  padding-left: var(--spacing-xl);
  max-width: 620px;
  margin: var(--spacing-3xl) 0;
  font-size: var(--font-size-lg);
  font-style: italic;
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.85;
}
.sr-cta-quote cite {
  display: block;
  font-size: var(--font-size-sm);
  font-style: normal;
  color: var(--color-white);
  margin-top: var(--spacing-md);
}

.loyalty-os-page {
  background-color: var(--bg-default);
}
.loyalty-os-page .lo-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-amber);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-sys-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono, monospace);
  font-size: 0.65rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber-600);
  padding: 4px 10px;
  background: color-mix(in srgb, var(--color-brand-amber) 2%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--color-brand-amber) 10%, transparent);
}
.loyalty-os-page .lo-sys-badge .lucide-icon {
  width: 12px;
  height: 12px;
  stroke-width: 2.5;
}
.loyalty-os-page .section-lo-hero {
  position: relative;
}
.loyalty-os-page .lo-hero__inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.loyalty-os-page .lo-hero__inner > .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-hero__content {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap: var(--spacing-3xl);
  align-items: center;
  min-width: 0;
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-hero__content {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-hero__content {
    gap: var(--spacing-xl);
  }
}
.loyalty-os-page .lo-hero__copy {
  max-width: 720px;
  min-width: 0;
}
.loyalty-os-page .lo-hero__copy h1 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-hero__copy h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-hero__copy h1 {
    font-size: var(--font-size-4xl);
  }
}
.loyalty-os-page .lo-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--amber-300);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-300);
}
.loyalty-os-page .lo-hero__subhead {
  margin: var(--spacing-xl) 0 0;
  max-width: 660px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--amber-200);
}
.loyalty-os-page .lo-hero__subline {
  margin: var(--spacing-md) 0 0;
  font-size: var(--font-size-sm);
  color: var(--amber-300);
  font-style: italic;
}
.loyalty-os-page .lo-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
}
.loyalty-os-page .lo-hero__visual {
  position: relative;
  min-width: 0;
}
.loyalty-os-page .lo-hero__visual-frame {
  position: relative;
  padding: var(--spacing-xl);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-xl);
  box-shadow: 0 18px 48px rgba(2, 6, 23, 0.28);
  overflow: hidden;
}
.loyalty-os-page .lo-hero__visual-frame::before {
  content: "";
  position: absolute;
  inset: 18% -10% auto 45%;
  height: 200px;
  background: radial-gradient(circle, rgba(232, 168, 0, 0.22), transparent 72%);
  pointer-events: none;
}
.loyalty-os-page .lo-hero__visual-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(232, 168, 0, 0.06));
  pointer-events: none;
}
.loyalty-os-page .lo-hero__visual-label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin: 0 0 var(--spacing-xl);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-200);
}
.loyalty-os-page .lo-hero__visual-label .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--amber-400);
}
.loyalty-os-page .lo-hero__venn {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-xl) 0;
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-hero__venn {
    padding: var(--spacing-md) 0;
    transform: scale(0.85);
  }
}
.loyalty-os-page .lo-hero__venn-wrapper {
  position: relative;
  width: 340px;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loyalty-os-page .lo-hero__venn-glow {
  position: absolute;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle at center, rgba(232, 168, 0, 0.4), transparent 70%);
  filter: blur(40px);
  z-index: 0;
  animation: pulseGlow 6s ease-in-out infinite alternate;
}
@keyframes pulseGlow {
  0% {
    opacity: 0.6;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1.05);
  }
}
.loyalty-os-page .lo-hero__venn-circle {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  mix-blend-mode: hard-light;
}
.loyalty-os-page .lo-hero__venn-circle--consumer {
  top: 40px;
  left: 18px;
  background: radial-gradient(circle at 30% 30%, rgba(232, 168, 0, 0.35), rgba(232, 168, 0, 0.05));
  border-color: rgba(232, 168, 0, 0.4);
  animation: circleBreathBlue 5s ease-in-out infinite;
}
.loyalty-os-page .lo-hero__venn-circle--partner {
  top: 40px;
  right: 18px;
  background: radial-gradient(circle at 70% 30%, rgba(167, 139, 250, 0.35), rgba(167, 139, 250, 0.05));
  border-color: rgba(167, 139, 250, 0.4);
  animation: circleBreathPurple 6s ease-in-out 1.5s infinite;
}
.loyalty-os-page .lo-hero__venn-circle--employee {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 80%, rgba(52, 211, 153, 0.35), rgba(52, 211, 153, 0.05));
  border-color: rgba(52, 211, 153, 0.4);
  animation: circleBreathGreen 5.5s ease-in-out 0.75s infinite;
}
@keyframes circleBreathBlue {
  0%, 100% {
    opacity: 0.8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  }
  50% {
    opacity: 1;
    box-shadow: 0 8px 40px rgba(232, 168, 0, 0.2);
  }
}
@keyframes circleBreathPurple {
  0%, 100% {
    opacity: 0.8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  }
  50% {
    opacity: 1;
    box-shadow: 0 8px 40px rgba(167, 139, 250, 0.2);
  }
}
@keyframes circleBreathGreen {
  0%, 100% {
    opacity: 0.8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  }
  50% {
    opacity: 1;
    box-shadow: 0 8px 40px rgba(52, 211, 153, 0.2);
  }
}
.loyalty-os-page .lo-hero__venn-label {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--color-white);
  text-align: center;
  pointer-events: none;
}
.loyalty-os-page .lo-hero__venn-label .lo-hero__venn-label-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
.loyalty-os-page .lo-hero__venn-label .lo-hero__venn-label-icon .lucide-icon {
  width: 18px;
  height: 18px;
}
.loyalty-os-page .lo-hero__venn-label span {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}
.loyalty-os-page .lo-hero__venn-label--consumer {
  top: 5px;
  left: -15px;
  animation: labelFadeIn 0.5s ease both 0.3s;
}
.loyalty-os-page .lo-hero__venn-label--consumer .lucide-icon {
  color: var(--amber-300);
}
.loyalty-os-page .lo-hero__venn-label--consumer .lo-hero__venn-label-icon {
  border-color: rgba(232, 168, 0, 0.5);
}
.loyalty-os-page .lo-hero__venn-label--partner {
  top: 5px;
  right: -15px;
  animation: labelFadeIn 0.5s ease both 0.5s;
}
.loyalty-os-page .lo-hero__venn-label--partner .lucide-icon {
  color: #a78bfa;
}
.loyalty-os-page .lo-hero__venn-label--partner .lo-hero__venn-label-icon {
  border-color: rgba(167, 139, 250, 0.5);
}
.loyalty-os-page .lo-hero__venn-label--employee {
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  animation: labelFadeInCenter 0.5s ease both 0.7s;
}
.loyalty-os-page .lo-hero__venn-label--employee .lucide-icon {
  color: #34d399;
}
.loyalty-os-page .lo-hero__venn-label--employee .lo-hero__venn-label-icon {
  border-color: rgba(52, 211, 153, 0.5);
}
@keyframes labelFadeInCenter {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes labelFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.loyalty-os-page .lo-hero__venn-core {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(232, 168, 0, 0.7);
  box-shadow: 0 0 50px rgba(232, 168, 0, 0.3), inset 0 0 24px rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  animation: corePulse 4s ease-in-out infinite;
}
.loyalty-os-page .lo-hero__venn-core::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(232, 168, 0, 0.7), rgba(167, 139, 250, 0.5), rgba(52, 211, 153, 0.6), rgba(232, 168, 0, 0.7));
  animation: rotateBorder 8s linear infinite;
  opacity: 0.5;
  z-index: -1;
}
.loyalty-os-page .lo-hero__venn-core strong {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  line-height: var(--leading-tight);
}
@keyframes corePulse {
  0%, 100% {
    box-shadow: 0 0 50px rgba(232, 168, 0, 0.3), inset 0 0 24px rgba(255, 255, 255, 0.12);
  }
  50% {
    box-shadow: 0 0 70px rgba(232, 168, 0, 0.5), inset 0 0 32px rgba(255, 255, 255, 0.18);
  }
}
@keyframes rotateBorder {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loyalty-os-page .lo-hero__venn-intersection {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  opacity: 0.25;
}
.loyalty-os-page .lo-hero__venn-intersection--cp {
  top: 70px;
  left: 135px;
  background: radial-gradient(circle at center, rgba(111, 164, 249, 0.8), transparent 70%);
}
.loyalty-os-page .lo-hero__venn-intersection--ce {
  top: 150px;
  left: 74px;
  background: radial-gradient(circle at center, rgba(54, 200, 200, 0.8), transparent 70%);
}
.loyalty-os-page .lo-hero__venn-intersection--pe {
  top: 150px;
  left: 196px;
  background: radial-gradient(circle at center, rgba(110, 175, 202, 0.8), transparent 70%);
}
.loyalty-os-page .lo-hero__visual-caption {
  position: relative;
  z-index: 1;
  margin-top: var(--spacing-lg);
  margin-bottom: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--amber-200);
  text-align: center;
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-hero__inner {
    padding-top: calc(var(--spacing-2xl) + 72px);
    padding-bottom: var(--spacing-2xl);
  }
  .loyalty-os-page .lo-hero__content {
    gap: var(--spacing-xl);
  }
  .loyalty-os-page .lo-hero__copy {
    width: 100%;
    text-align: center;
  }
  .loyalty-os-page .lo-hero__copy h1 {
    max-width: 10ch;
    margin-inline: auto;
    font-size: clamp(2rem, 10vw, 2.7rem);
    text-wrap: balance;
  }
  .loyalty-os-page .io-hero-lockup--platform-hero {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--spacing-md);
    text-align: center;
  }
  .loyalty-os-page .io-hero-lockup--platform-hero .vb-lockup {
    width: 100%;
    justify-content: center;
    gap: 0.75rem;
  }
  .loyalty-os-page .io-hero-lockup--platform-hero .vb-lockup svg {
    width: clamp(3.6rem, 18vw, 4.5rem);
  }
  .loyalty-os-page .io-hero-lockup--platform-hero .vb-text {
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
  }
  .loyalty-os-page .io-hero-lockup--platform-hero .entity-name {
    font-size: clamp(1.15rem, 6vw, 1.7rem);
  }
  .loyalty-os-page .io-hero-lockup--platform-hero .entity-sub {
    font-size: 0.56rem;
    letter-spacing: 0.16em;
    white-space: normal;
    text-wrap: balance;
    max-width: 20ch;
  }
  .loyalty-os-page .io-hero-lockup--platform-hero .entity-rule {
    width: min(100%, 7rem) !important;
  }
  .loyalty-os-page .lo-hero__subhead {
    margin-top: var(--spacing-lg);
    max-width: 30ch;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--font-size-base);
    text-wrap: pretty;
  }
  .loyalty-os-page .lo-hero__subline {
    max-width: 28ch;
    margin-left: auto;
    margin-right: auto;
    line-height: var(--leading-relaxed);
  }
  .loyalty-os-page .lo-hero__actions {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-xl);
  }
  .loyalty-os-page .lo-hero__actions > a {
    width: 100%;
    justify-content: center;
  }
  .loyalty-os-page .lo-hero__visual-frame {
    padding: var(--spacing-lg);
  }
  .loyalty-os-page .lo-hero__visual-label {
    margin-bottom: var(--spacing-lg);
    justify-content: center;
    text-align: center;
  }
  .loyalty-os-page .lo-hero__venn {
    overflow: hidden;
    padding: var(--spacing-xs) 0 0;
    transform: none;
  }
  .loyalty-os-page .lo-hero__venn-wrapper {
    width: 286px;
    height: 286px;
  }
  .loyalty-os-page .lo-hero__venn-glow {
    width: 204px;
    height: 204px;
  }
  .loyalty-os-page .lo-hero__venn-circle {
    width: 170px;
    height: 170px;
  }
  .loyalty-os-page .lo-hero__venn-circle--consumer {
    top: 34px;
    left: 14px;
  }
  .loyalty-os-page .lo-hero__venn-circle--partner {
    top: 34px;
    right: 14px;
  }
  .loyalty-os-page .lo-hero__venn-circle--employee {
    bottom: 9px;
  }
  .loyalty-os-page .lo-hero__venn-core {
    width: 124px;
    height: 124px;
  }
  .loyalty-os-page .lo-hero__venn-core strong {
    font-size: 0.92rem;
  }
  .loyalty-os-page .lo-hero__venn-label {
    gap: 0.35rem;
  }
  .loyalty-os-page .lo-hero__venn-label .lo-hero__venn-label-icon {
    width: 32px;
    height: 32px;
  }
  .loyalty-os-page .lo-hero__venn-label .lo-hero__venn-label-icon .lucide-icon {
    width: 16px;
    height: 16px;
  }
  .loyalty-os-page .lo-hero__venn-label span {
    font-size: 0.69rem;
    letter-spacing: 0.03em;
  }
  .loyalty-os-page .lo-hero__venn-label--consumer {
    top: 2px;
    left: -4px;
  }
  .loyalty-os-page .lo-hero__venn-label--partner {
    top: 2px;
    right: -4px;
  }
  .loyalty-os-page .lo-hero__venn-label--employee {
    bottom: -6px;
  }
  .loyalty-os-page .lo-hero__venn-intersection {
    width: 58px;
    height: 58px;
  }
  .loyalty-os-page .lo-hero__venn-intersection--cp {
    top: 60px;
    left: 114px;
  }
  .loyalty-os-page .lo-hero__venn-intersection--ce {
    top: 126px;
    left: 63px;
  }
  .loyalty-os-page .lo-hero__venn-intersection--pe {
    top: 126px;
    left: 165px;
  }
  .loyalty-os-page .lo-hero__visual-caption {
    margin-top: var(--spacing-md);
    font-size: var(--font-size-xs);
  }
}
.loyalty-os-page .section-lo-problem {
  background: var(--bg-muted);
}
.loyalty-os-page .lo-problem__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-problem__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-problem__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-problem__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-problem-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: var(--spacing-2xl);
  align-items: start;
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-problem-layout {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-problem-content {
  min-width: 0;
}
.loyalty-os-page .lo-problem__intro {
  margin: 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .lo-problem-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
}
.loyalty-os-page .lo-problem-row {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: var(--spacing-md) var(--spacing-xl);
  padding: var(--spacing-lg) var(--spacing-xl);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
  cursor: default;
}
.loyalty-os-page .lo-problem-row:hover {
  border-color: color-mix(in srgb, var(--color-brand-amber) 36%, var(--border-color-light));
  box-shadow: var(--shadow-sm);
}
.loyalty-os-page .lo-problem-row:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-brand-amber) 55%, var(--border-color-light));
  outline-offset: 2px;
}
.loyalty-os-page .lo-problem-row.is-active {
  background: color-mix(in srgb, var(--color-brand-amber) 7%, var(--bg-card));
  border-color: color-mix(in srgb, var(--color-brand-amber) 48%, var(--border-color-light));
  box-shadow: var(--shadow-sm);
}
.loyalty-os-page .lo-problem-row.is-dimmed {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-problem-row {
    grid-template-columns: 1fr;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}
.loyalty-os-page .lo-problem-row__label {
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  font-size: var(--font-size-base);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin: 0;
}
.loyalty-os-page .lo-problem-row__label .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
  margin-top: 0.2em;
  padding: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-brand-amber) 10%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, var(--border-color-light));
  flex-shrink: 0;
}
.loyalty-os-page .lo-problem-row__desc {
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-base);
  margin: 0;
}
.loyalty-os-page .lo-problem__close {
  margin: var(--spacing-2xl) 0 0;
  max-width: 640px;
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .lo-problem-visual {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  position: sticky;
  top: calc(84px + var(--spacing-md));
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-problem-visual {
    position: static;
  }
}
.loyalty-os-page .lo-problem-chart,
.loyalty-os-page .lo-problem-placeholder {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
}
.loyalty-os-page .lo-problem-chart__label {
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-problem-chart__rows {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-problem-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px auto;
  align-items: center;
  gap: var(--spacing-sm);
  transition: opacity 0.2s ease;
}
.loyalty-os-page .lo-problem-bar.is-dimmed {
  opacity: 0.4;
}
.loyalty-os-page .lo-problem-bar.is-active .lo-problem-bar__name {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
.loyalty-os-page .lo-problem-bar.is-active .lo-problem-bar__track {
  border-color: color-mix(in srgb, var(--color-brand-amber) 48%, var(--border-color-light));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brand-amber) 20%, transparent);
}
.loyalty-os-page .lo-problem-bar.is-active .lo-problem-bar__fill {
  background: linear-gradient(90deg, var(--color-brand-amber), var(--amber-600));
}
.loyalty-os-page .lo-problem-bar.is-active .lo-problem-bar__value {
  color: var(--text-primary);
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-problem-bar {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
.loyalty-os-page .lo-problem-bar__name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
.loyalty-os-page .lo-problem-bar__track {
  height: 8px;
  background: var(--color-gray-200);
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid var(--border-color-light);
}
.loyalty-os-page .lo-problem-bar__fill {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--color-brand-amber), var(--amber-500));
  transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.loyalty-os-page .lo-problem-bar__value {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-problem-bar__value {
    justify-self: end;
  }
}
.loyalty-os-page .lo-problem-chart__note {
  margin: var(--spacing-md) 0 0;
  font-size: var(--font-size-xs);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
}
.loyalty-os-page .lo-problem-chart__insight {
  margin: var(--spacing-md) 0 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, var(--border-color-light));
  border-radius: var(--radius-sm);
}
.loyalty-os-page .lo-problem-placeholder__frame {
  display: grid;
  place-items: center;
  gap: var(--spacing-sm);
  min-height: 150px;
  border-radius: var(--radius-md);
  border: 1px dashed color-mix(in srgb, var(--color-brand-amber) 35%, var(--border-color-light));
  background: color-mix(in srgb, var(--color-brand-amber) 4%, var(--bg-card));
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  text-align: center;
  padding: var(--spacing-md);
}
.loyalty-os-page .lo-problem-placeholder__frame .lucide-icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-problem-placeholder__caption {
  margin: var(--spacing-sm) 0 0;
  font-size: var(--font-size-xs);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
}
.loyalty-os-page .section-lo-journeys {
  background: var(--bg-default);
}
.loyalty-os-page .lo-journeys__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-journeys__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-journeys__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-journeys__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-journeys__intro {
  margin: 0;
  max-width: 640px;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .lo-journeys-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--spacing-xl);
  row-gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-journeys-grid {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-journey-card {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--color-brand-amber);
  padding: var(--spacing-2xl);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-journey-card {
    grid-row: auto;
    grid-template-rows: auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
  }
}
.loyalty-os-page .lo-journey-card__content {
  display: contents;
}
.loyalty-os-page .lo-journey-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.loyalty-os-page .lo-journey-card__icon {
  width: 32px;
  height: 32px;
  color: var(--color-brand-amber);
  stroke-width: 1.5;
}
.loyalty-os-page .lo-journey-card__type {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-xs);
}
.loyalty-os-page .lo-journey-card__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.loyalty-os-page .lo-journey-card__stages {
  display: grid;
  gap: 0.35rem;
  font-size: var(--font-size-xs);
  color: var(--color-brand-amber);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-relaxed);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--bg-raised);
  border-radius: var(--radius-sm);
  border-left: 2px solid var(--color-brand-amber);
  margin: 0;
}
.loyalty-os-page .lo-journey-card__stage-lane {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 0;
  padding: 0;
}
.loyalty-os-page .lo-journey-card__stage-lane li {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.loyalty-os-page .lo-journey-card__stage-lane li:not(:last-child)::after {
  content: "→";
  margin-left: 0.5rem;
  font-weight: var(--font-weight-bold);
  opacity: 0.85;
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-journey-card__stage-lane {
    gap: 0.3rem 0.45rem;
  }
  .loyalty-os-page .lo-journey-card__stage-lane li:not(:last-child)::after {
    margin-left: 0.4rem;
  }
}
.loyalty-os-page .lo-journey-card__body {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.loyalty-os-page .lo-journey-card__stat {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-md);
  margin: 0;
}
.loyalty-os-page .lo-journey-card__stat strong {
  color: var(--color-brand-amber);
  font-weight: var(--font-weight-bold);
}
.loyalty-os-page .lo-multiplexer-callout {
  margin-top: var(--spacing-2xl);
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-brand-amber);
}
.loyalty-os-page .lo-multiplexer-callout__inner {
  padding: var(--spacing-xl) var(--spacing-2xl);
  display: flex;
  gap: var(--spacing-xl);
  align-items: flex-start;
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-multiplexer-callout__inner {
    flex-direction: column;
  }
}
.loyalty-os-page .lo-multiplexer-callout__icon {
  width: 28px;
  height: 28px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
  margin-top: 2px;
}
.loyalty-os-page .lo-multiplexer-callout__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin: 0 0 var(--spacing-sm);
}
.loyalty-os-page .lo-multiplexer-callout__body {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.loyalty-os-page .lo-multiplexer-diagram {
  margin-top: var(--spacing-2xl);
  display: grid;
  gap: var(--spacing-xl);
}
.loyalty-os-page .lo-multiplexer-diagram__intro {
  display: grid;
  gap: var(--spacing-sm);
  max-width: 74ch;
}
.loyalty-os-page .lo-multiplexer-diagram__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-multiplexer-diagram__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.loyalty-os-page .lo-multiplexer-diagram__board {
  position: relative;
  padding: clamp(1.5rem, 2vw, 2.5rem);
  background: linear-gradient(180deg, #0d1627 0%, #101b31 100%);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, #314155);
  border-radius: var(--radius-xl);
  box-shadow: 0 22px 50px rgba(2, 6, 23, 0.28);
  overflow: hidden;
}
.loyalty-os-page .lo-multiplexer-diagram__board::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(232, 168, 0, 0.08) 0%, transparent 42%), radial-gradient(circle at top right, rgba(232, 168, 0, 0.05) 0%, transparent 30%);
  pointer-events: none;
}
.loyalty-os-page .lo-multiplexer-diagram__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(280px, 1.1fr) minmax(300px, 1.25fr);
  gap: var(--spacing-xl);
  align-items: center;
}
@media (max-width: 1200px) {
  .loyalty-os-page .lo-multiplexer-diagram__grid {
    grid-template-columns: minmax(200px, 0.8fr) minmax(260px, 1fr) minmax(280px, 1.15fr);
    gap: var(--spacing-lg);
  }
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-multiplexer-diagram__grid {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-multiplexer-input,
.loyalty-os-page .lo-multiplexer-core,
.loyalty-os-page .lo-multiplexer-output {
  background: rgba(13, 24, 44, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg);
}
.loyalty-os-page .lo-multiplexer-input {
  position: relative;
  padding: var(--spacing-xl);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}
.loyalty-os-page .lo-multiplexer-input::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--spacing-xl) * -1);
  width: var(--spacing-xl);
  height: 1px;
  background: linear-gradient(90deg, rgba(232, 168, 0, 0.55), transparent);
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-multiplexer-input::after {
    display: none;
  }
}
.loyalty-os-page .lo-multiplexer-input__eyebrow,
.loyalty-os-page .lo-multiplexer-core__eyebrow,
.loyalty-os-page .lo-multiplexer-output-group__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.46);
}
.loyalty-os-page .lo-multiplexer-input__title {
  margin: 0 0 var(--spacing-xs);
  font-family: var(--font-display);
  font-size: clamp(var(--font-size-xl), 2.2vw, var(--font-size-2xl));
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--color-white);
}
.loyalty-os-page .lo-multiplexer-input__meta {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: rgba(255, 255, 255, 0.62);
}
.loyalty-os-page .lo-multiplexer-input__arrow {
  margin-top: var(--spacing-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-brand-amber) 14%, transparent);
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-multiplexer-input__arrow .lucide-icon {
  width: 28px;
  height: 28px;
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-multiplexer-input__arrow {
    display: none;
  }
}
.loyalty-os-page .lo-multiplexer-flow {
  position: relative;
  display: grid;
  gap: var(--spacing-md);
}
.loyalty-os-page .lo-multiplexer-flow::before {
  content: "";
  position: absolute;
  top: 18%;
  right: calc(var(--spacing-xl) * -1);
  width: var(--spacing-xl);
  height: 1px;
  background: linear-gradient(90deg, rgba(232, 168, 0, 0.55), transparent);
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-multiplexer-flow::before {
    display: none;
  }
}
.loyalty-os-page .lo-multiplexer-core {
  padding: clamp(1.5rem, 2vw, 2.25rem);
  border-color: rgba(232, 168, 0, 0.72);
  background: linear-gradient(180deg, rgba(53, 47, 31, 0.96) 0%, rgba(45, 40, 27, 0.96) 100%);
  text-align: center;
  box-shadow: 0 16px 40px rgba(232, 168, 0, 0.08);
}
.loyalty-os-page .lo-multiplexer-core__eyebrow {
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-md);
}
.loyalty-os-page .lo-multiplexer-core__title {
  margin: 0 0 var(--spacing-sm);
  font-family: var(--font-display);
  font-size: clamp(var(--font-size-3xl), 3vw, 2.9rem);
  font-weight: var(--font-weight-extrabold);
  line-height: 1;
  color: var(--color-white);
}
.loyalty-os-page .lo-multiplexer-core__meta {
  margin: 0;
  font-family: var(--font-mono, monospace);
  font-size: var(--font-size-lg);
  letter-spacing: 0.03em;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-multiplexer-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-sm);
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-multiplexer-stats {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-multiplexer-stat {
  padding: var(--spacing-md) var(--spacing-sm);
  text-align: center;
  background: rgba(16, 27, 48, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
}
.loyalty-os-page .lo-multiplexer-stat__value {
  display: block;
  margin-bottom: 0.15rem;
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-multiplexer-stat__label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
.loyalty-os-page .lo-multiplexer-output-group {
  align-self: stretch;
}
.loyalty-os-page .lo-multiplexer-output-group__label {
  margin-bottom: var(--spacing-md);
}
.loyalty-os-page .lo-multiplexer-output-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-multiplexer-output {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-color: rgba(232, 168, 0, 0.72);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}
.loyalty-os-page .lo-multiplexer-output__icon {
  width: 18px;
  height: 18px;
  color: var(--color-brand-amber);
  margin-top: 0.2rem;
  flex-shrink: 0;
}
.loyalty-os-page .lo-multiplexer-output__title {
  margin: 0;
  font-size: clamp(var(--font-size-base), 1.6vw, var(--font-size-xl));
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--color-white);
}
.loyalty-os-page .lo-multiplexer-output__desc {
  margin: 0.15rem 0 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: rgba(255, 255, 255, 0.58);
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-multiplexer-diagram__board {
    padding: var(--spacing-xl);
  }
  .loyalty-os-page .lo-multiplexer-flow {
    order: 2;
  }
  .loyalty-os-page .lo-multiplexer-output-group {
    order: 3;
  }
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-multiplexer-diagram__board {
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
  }
  .loyalty-os-page .lo-multiplexer-input,
  .loyalty-os-page .lo-multiplexer-core,
  .loyalty-os-page .lo-multiplexer-output {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }
  .loyalty-os-page .lo-multiplexer-input__meta,
  .loyalty-os-page .lo-multiplexer-output__desc,
  .loyalty-os-page .lo-multiplexer-core__meta {
    font-size: var(--font-size-base);
  }
  .loyalty-os-page .lo-multiplexer-output {
    gap: var(--spacing-sm);
  }
}
.loyalty-os-page .section-lo-maturity {
  background: var(--bg-muted);
}
.loyalty-os-page .lo-maturity__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-maturity__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-maturity__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-maturity__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-maturity__intro {
  margin: 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .lo-maturity-spectrum {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--spacing-sm);
  margin-top: var(--spacing-3xl);
  position: relative;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-maturity-spectrum {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-maturity-track {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  height: 4px;
  background: color-mix(in srgb, var(--border-color-light) 50%, transparent);
  border-radius: 4px;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-maturity-track {
    display: none;
  }
}
.loyalty-os-page .lo-maturity-track__fill {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-brand-amber) 20%, transparent) 40%, color-mix(in srgb, var(--color-brand-amber) 60%, transparent) 60%, var(--color-brand-amber) 100%);
}
.loyalty-os-page .lo-stage {
  padding: var(--spacing-xl) var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.loyalty-os-page .lo-stage:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--color-brand-amber) 8%, rgba(0, 0, 0, 0.05));
  border-color: color-mix(in srgb, var(--color-brand-amber) 30%, var(--border-color-light));
}
.loyalty-os-page .lo-stage--1,
.loyalty-os-page .lo-stage--2 {
  background: var(--bg-card);
}
.loyalty-os-page .lo-stage--1 .lo-stage__num,
.loyalty-os-page .lo-stage--2 .lo-stage__num {
  color: var(--text-tertiary);
}
.loyalty-os-page .lo-stage--1 .lo-stage__label,
.loyalty-os-page .lo-stage--2 .lo-stage__label {
  color: var(--text-secondary);
}
.loyalty-os-page .lo-stage--1 .lo-stage__desc,
.loyalty-os-page .lo-stage--2 .lo-stage__desc {
  color: var(--text-tertiary);
}
.loyalty-os-page .lo-stage--3 {
  border-top: 2px solid color-mix(in srgb, var(--color-brand-amber) 30%, transparent);
}
.loyalty-os-page .lo-stage--3 .lo-stage__num {
  color: var(--color-brand-amber);
  opacity: 0.7;
}
.loyalty-os-page .lo-stage--3 .lo-stage__label {
  color: var(--text-primary);
}
.loyalty-os-page .lo-stage--3 .lo-stage__desc {
  color: var(--text-secondary);
}
.loyalty-os-page .lo-stage--4 {
  border-top: 2px solid color-mix(in srgb, var(--color-brand-amber) 60%, transparent);
}
.loyalty-os-page .lo-stage--4 .lo-stage__num {
  color: var(--color-brand-amber);
  opacity: 0.85;
}
.loyalty-os-page .lo-stage--4 .lo-stage__label {
  color: var(--text-primary);
  font-weight: var(--font-weight-bold);
}
.loyalty-os-page .lo-stage--4 .lo-stage__desc {
  color: var(--text-secondary);
}
.loyalty-os-page .lo-stage--5 {
  border-top: 2px solid var(--color-brand-amber);
  background: color-mix(in srgb, var(--color-brand-amber) 4%, var(--bg-card));
}
.loyalty-os-page .lo-stage--5 .lo-stage__num {
  color: var(--color-brand-amber);
  font-weight: var(--font-weight-extrabold);
}
.loyalty-os-page .lo-stage--5 .lo-stage__label {
  color: var(--text-primary);
  font-weight: var(--font-weight-extrabold);
}
.loyalty-os-page .lo-stage--5 .lo-stage__desc {
  color: var(--text-primary);
}
.loyalty-os-page .lo-stage__num {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  background: var(--bg-default);
  padding: 2px 8px;
  border-radius: var(--radius-full);
  align-self: flex-start;
  border: 1px solid var(--border-color-light);
}
.loyalty-os-page .lo-stage__label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  margin: var(--spacing-sm) 0 0;
}
.loyalty-os-page .lo-stage__desc {
  font-size: var(--font-size-md);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-md);
  flex: 1;
}
.loyalty-os-page .lo-maturity-note {
  margin-top: var(--spacing-2xl);
  max-width: 680px;
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  font-style: italic;
  border-left: 3px solid var(--color-brand-amber);
  padding-left: var(--spacing-xl);
  margin: var(--spacing-2xl) 0 0;
}
.loyalty-os-page .section-lo-capabilities {
  background: var(--bg-default);
}
.loyalty-os-page .lo-capabilities__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-capabilities__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-capabilities__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-capabilities__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-cap-intro {
  max-width: 760px;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.loyalty-os-page .lo-cap-architecture {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg) var(--spacing-xl);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 25%, transparent);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--amber-50));
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-cap-architecture {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm);
  }
}
.loyalty-os-page .lo-cap-architecture__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--text-primary);
  white-space: nowrap;
}
.loyalty-os-page .lo-cap-architecture__flow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-cap-architecture__flow {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-xs);
  }
}
.loyalty-os-page .lo-cap-seq-step {
  display: flex;
  align-items: center;
  flex: 1;
}
.loyalty-os-page .lo-cap-seq-step:last-child {
  flex: 0;
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-cap-seq-step {
    flex-direction: column;
    align-items: flex-start;
  }
}
.loyalty-os-page .lo-cap-seq-step__core {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-mono, monospace);
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-brand-amber);
  padding: 8px 16px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
  background: var(--bg-raised);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--color-brand-amber) 8%, transparent);
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
.loyalty-os-page .lo-cap-seq-step__core .lucide-icon {
  width: 14px;
  height: 14px;
}
.loyalty-os-page .lo-cap-seq-step__conn {
  flex: 1;
  height: 2px;
  background: color-mix(in srgb, var(--color-brand-amber) 30%, transparent);
  position: relative;
  min-width: 24px;
  z-index: 1;
}
.loyalty-os-page .lo-cap-seq-step__conn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent color-mix(in srgb, var(--color-brand-amber) 80%, transparent);
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-cap-seq-step__conn {
    height: 16px;
    width: 2px;
    margin-left: 24px;
  }
  .loyalty-os-page .lo-cap-seq-step__conn::after {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 4px 0 4px;
    border-color: color-mix(in srgb, var(--color-brand-amber) 80%, transparent) transparent transparent transparent;
  }
}
.loyalty-os-page .lo-cap-clusters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--spacing-xl);
  row-gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-cap-clusters {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-cap-cluster {
  --lo-cap-cluster-color: var(--color-brand-amber);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: 0 10px 26px -22px rgba(17, 34, 68, 0.45);
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-cap-cluster {
    grid-row: auto;
    grid-template-rows: auto;
    display: block;
  }
}
.loyalty-os-page .lo-cap-cluster::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: var(--lo-cap-cluster-color);
}
.loyalty-os-page .lo-cap-cluster--decide {
  --lo-cap-cluster-color: color-mix(in srgb, var(--color-brand-amber) 80%, #0d4d8b 20%);
}
.loyalty-os-page .lo-cap-cluster--activate {
  --lo-cap-cluster-color: color-mix(in srgb, var(--color-brand-amber) 78%, #2f7f36 22%);
}
.loyalty-os-page .lo-cap-cluster--govern {
  --lo-cap-cluster-color: color-mix(in srgb, var(--color-brand-amber) 72%, #24344d 28%);
}
.loyalty-os-page .lo-cap-cluster__head {
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
}
.loyalty-os-page .lo-cap-cluster__kicker {
  margin: 0 0 var(--spacing-xs);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lo-cap-cluster-color);
}
.loyalty-os-page .lo-cap-cluster__title {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xl);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.loyalty-os-page .lo-cap-cluster__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.loyalty-os-page .lo-cap-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.loyalty-os-page .lo-cap-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-left: 2px solid transparent;
  padding: var(--spacing-md) 0 var(--spacing-md) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.loyalty-os-page .lo-cap-card + .lo-cap-card {
  border-top: 1px dashed var(--border-color-light);
}
.loyalty-os-page .lo-cap-card:hover {
  border-left-color: var(--lo-cap-cluster-color, var(--color-brand-amber));
  background: color-mix(in srgb, var(--lo-cap-cluster-color, var(--color-brand-amber)) 6%, transparent);
}
.loyalty-os-page .lo-cap-card__meta {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-cap-card__icon {
  width: 24px;
  height: 24px;
  color: var(--lo-cap-cluster-color, var(--color-brand-amber));
  stroke-width: 1.5;
  margin-top: 1px;
}
.loyalty-os-page .lo-cap-card__name {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.loyalty-os-page .lo-cap-card__tag {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--lo-cap-cluster-color, var(--color-brand-amber));
  margin-top: 3px;
}
.loyalty-os-page .lo-cap-card__outcome {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.loyalty-os-page .lo-cap-card__body {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .section-lo-evangelist {
  background: var(--bg-muted);
}
.loyalty-os-page .lo-evangelist__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-evangelist__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-evangelist__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-evangelist__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-evangelist-quote {
  font-size: var(--font-size-xl);
  font-style: italic;
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  text-align: center;
  max-width: 720px;
  margin: var(--spacing-3xl) auto;
  position: relative;
  padding: 0 var(--spacing-2xl);
}
.loyalty-os-page .lo-evangelist-quote::before {
  content: '"';
  position: absolute;
  top: -0.2em;
  left: 0;
  font-size: 4rem;
  color: var(--color-brand-amber);
  opacity: 0.25;
  font-family: var(--font-display);
  font-weight: var(--font-weight-extrabold);
  line-height: 1;
}
.loyalty-os-page .lo-evangelist-intro {
  max-width: 640px;
  margin: 0 auto var(--spacing-3xl);
  text-align: center;
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .lo-evangelist-stages {
  list-style: none;
  padding: 0;
  margin: var(--spacing-3xl) auto;
  max-width: 760px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
.loyalty-os-page .lo-evangelist-stages::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, var(--border-color-light), var(--color-brand-amber));
  z-index: 0;
}
.loyalty-os-page .lo-evangelist-stage {
  display: flex;
  gap: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  position: relative;
  z-index: 1;
}
.loyalty-os-page .lo-evangelist-stage:last-child {
  padding-bottom: 0;
}
.loyalty-os-page .lo-evangelist-stage__body {
  background: color-mix(in srgb, var(--bg-card) 92%, var(--color-brand-amber) 8%);
  border: 1px solid color-mix(in srgb, var(--border-color-light) 86%, var(--color-brand-amber) 14%);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  flex: 1;
}
.loyalty-os-page .lo-evangelist-stage__marker {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--bg-card);
  border: 2px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.lo-evangelist-stage:last-child .loyalty-os-page .lo-evangelist-stage__marker {
  border-color: var(--color-brand-amber);
  background: color-mix(in srgb, var(--color-brand-amber) 15%, var(--bg-card));
}
.loyalty-os-page .lo-evangelist-stage__marker .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-evangelist-stage__name {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  padding-top: var(--spacing-xs);
}
.loyalty-os-page .lo-evangelist-stage__desc {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.loyalty-os-page .lo-evangelist-proof {
  display: flex;
  gap: var(--spacing-xl);
  align-items: flex-start;
  padding-bottom: var(--spacing-xl);
  position: relative;
  z-index: 1;
}
.loyalty-os-page .lo-evangelist-proof__marker {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-brand-amber) 14%, var(--amber-50));
  border: 2px solid color-mix(in srgb, var(--color-brand-amber) 42%, var(--border-color));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.loyalty-os-page .lo-evangelist-proof__marker .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-evangelist-proof__text {
  margin: 0;
  flex: 1;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  font-style: italic;
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  background: color-mix(in srgb, var(--color-brand-amber) 7%, var(--amber-50));
  border: 1px dashed color-mix(in srgb, var(--color-brand-amber) 42%, transparent);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
}
@media (max-width: 576px) {
  .loyalty-os-page .lo-evangelist-stage,
  .loyalty-os-page .lo-evangelist-proof {
    gap: var(--spacing-md);
  }
  .loyalty-os-page .lo-evangelist-stage__body,
  .loyalty-os-page .lo-evangelist-proof__text {
    padding: var(--spacing-md);
  }
}
.loyalty-os-page .section-lo-governance {
  background: var(--bg-default);
}
.loyalty-os-page .lo-governance__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-governance__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-governance__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-governance__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-fraud-callout {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-brand-amber);
  padding: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}
.loyalty-os-page .lo-fraud-callout__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}
.loyalty-os-page .lo-fraud-callout__icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-fraud-callout__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin: 0;
}
.loyalty-os-page .lo-fraud-callout__body {
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  font-size: var(--font-size-base);
}
.loyalty-os-page .lo-fraud-callout__subheading {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.loyalty-os-page .lo-fraud-callout__meta {
  list-style: none;
  margin: var(--spacing-md) 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-fraud-callout__meta li {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-primary);
  padding: 3px var(--spacing-sm);
  border-radius: var(--radius-full);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-raised));
}
.loyalty-os-page .lo-governance-controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl) var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-governance-controls {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-governance-control {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  border-left: 2px solid var(--color-brand-amber);
  transition: background-color 0.2s ease;
}
.loyalty-os-page .lo-governance-control__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}
.loyalty-os-page .lo-governance-control__icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
  margin-top: 2px;
  flex-shrink: 0;
}
.loyalty-os-page .lo-governance-control__name {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.loyalty-os-page .lo-governance-control__outcome {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.loyalty-os-page .lo-governance-control__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.loyalty-os-page .lo-governance-assurance {
  background: color-mix(in srgb, var(--color-brand-amber) 7%, var(--bg-raised));
  border: 1px dashed color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl) var(--spacing-2xl);
  text-align: center;
}
.loyalty-os-page .lo-governance-assurance__intro {
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-secondary);
}
.loyalty-os-page .lo-governance-assurance__badges {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  justify-content: center;
}
.loyalty-os-page .section-lo-outcomes {
  background: var(--bg-muted);
}
.loyalty-os-page .lo-outcomes__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-outcomes__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-outcomes__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-outcomes__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-outcomes__disclaimer {
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
  font-style: italic;
  max-width: 640px;
  line-height: var(--leading-relaxed);
  margin: var(--spacing-xl) 0 var(--spacing-2xl);
}
.loyalty-os-page .lo-outcomes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-outcomes-grid {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-outcome-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  border-top: 3px solid var(--color-brand-amber);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.loyalty-os-page .lo-outcome-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--color-brand-amber) 8%, rgba(0, 0, 0, 0.05));
}
.loyalty-os-page .lo-outcome-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-outcome-card__header .lucide-icon {
  color: var(--color-brand-amber);
  width: 20px;
  height: 20px;
}
.loyalty-os-page .lo-outcome-card__vertical {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.loyalty-os-page .lo-outcome-card__type {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-outcome-card__result {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-md);
  flex: 1;
}
.loyalty-os-page .section-lo-currency {
  background: var(--bg-default);
}
.loyalty-os-page .lo-currency__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-currency__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-currency__inner h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-currency__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-currency__intro {
  margin: var(--spacing-xl) 0 0;
  max-width: 860px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-currency__intro {
    font-size: var(--font-size-base);
  }
}
.loyalty-os-page .lo-currency-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xl);
  margin-top: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .loyalty-os-page .lo-currency-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-currency-grid {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-currency-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--color-brand-amber);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.loyalty-os-page .lo-currency-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--color-brand-amber) 8%, rgba(0, 0, 0, 0.05));
}
.loyalty-os-page .lo-currency-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-currency-card__icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
}
.loyalty-os-page .lo-currency-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.loyalty-os-page .lo-currency-card__body {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.loyalty-os-page .lo-currency-list {
  list-style: none;
  margin: 0;
  padding: var(--spacing-sm) 0 0;
  display: grid;
  gap: var(--spacing-sm);
}
.loyalty-os-page .lo-currency-list__item {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: start;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--border-color-light);
}
.loyalty-os-page .lo-currency-list__icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
  margin-top: 2px;
}
.loyalty-os-page .lo-currency-list__label {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.loyalty-os-page .lo-currency-list__desc {
  margin: 2px 0 0;
  font-size: var(--font-size-xs);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
}
.loyalty-os-page .section-lo-cta {
  background: var(--amber-700);
}
.loyalty-os-page .lo-cta__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-cta__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.loyalty-os-page .lo-cta__inner h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-cta__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.loyalty-os-page .lo-cta__subhead {
  margin: var(--spacing-xl) 0 0;
  max-width: 600px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
}
.loyalty-os-page .lo-cta-paths {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin: var(--spacing-3xl) 0;
}
@media (max-width: 768px) {
  .loyalty-os-page .lo-cta-paths {
    grid-template-columns: 1fr;
  }
}
.loyalty-os-page .lo-cta-path {
  background: var(--bg-raised);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: border-color 0.2s ease;
}
.loyalty-os-page .lo-cta-path:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background-color: var(--bg-muted);
  transform: translateY(-2px);
}
.loyalty-os-page .lo-cta-path__icon {
  width: 28px;
  height: 28px;
  color: var(--amber-500);
}
.loyalty-os-page .lo-cta-path__heading {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.loyalty-os-page .lo-cta-path__body {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  flex: 1;
}

.procurement-intelligence-page {
  background-color: var(--bg-default);
}
.procurement-intelligence-page .pi-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-amber);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.section-pi-hero .procurement-intelligence-page .pi-eyebrow {
  border-left-color: var(--amber-300);
  color: var(--amber-300);
}
.procurement-intelligence-page .section-pi-hero {
  position: relative;
}
.procurement-intelligence-page .pi-hero__inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.procurement-intelligence-page .pi-hero__inner > .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.procurement-intelligence-page .pi-hero__content {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: var(--spacing-3xl);
  align-items: center;
}
.procurement-intelligence-page .pi-hero__content h1 {
  margin: var(--spacing-lg) 0 var(--spacing-sm) 0;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-hero__content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-hero__content h1 {
    font-size: var(--font-size-4xl);
  }
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-hero__content {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.procurement-intelligence-page .pi-hero__copy {
  max-width: 760px;
}
.procurement-intelligence-page .pi-hero__aside {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  align-self: center;
  align-items: flex-start;
}
.procurement-intelligence-page .pi-hero__platform-lockup {
  max-width: 100%;
}
.procurement-intelligence-page .pi-hero-diagnostics {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin: var(--spacing-2xl) 0 var(--spacing-xl);
  max-width: 680px;
}
.procurement-intelligence-page .pi-diagnostic-chip {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  background: rgba(15, 23, 42, 0.4);
  border: 1px solid rgba(232, 168, 0, 0.2);
  border-radius: var(--radius-sm);
  backdrop-filter: blur(8px);
  gap: var(--spacing-md);
  transform-origin: left center;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.procurement-intelligence-page .pi-diagnostic-chip:hover {
  border-color: rgba(232, 168, 0, 0.5);
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .procurement-intelligence-page .pi-diagnostic-chip {
    align-items: flex-start;
  }
}
.procurement-intelligence-page .pi-diagnostic-chip__sys {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--amber-300);
  background: rgba(232, 168, 0, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.05em;
  flex-shrink: 0;
  margin-top: 1px;
}
.procurement-intelligence-page .pi-diagnostic-chip__text {
  font-size: 0.9375rem;
  color: var(--amber-100);
  line-height: 1.4;
}
.procurement-intelligence-page .pi-hero__intro {
  font-size: var(--font-size-base);
  color: var(--color-white);
  max-width: 680px;
  line-height: var(--leading-relaxed);
  margin: 0;
  font-weight: var(--font-weight-normal);
}
.procurement-intelligence-page .pi-hero__callout-glass {
  background: rgba(15, 23, 42, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid var(--amber-300);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl) var(--spacing-2xl);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 460px;
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-hero__callout-glass {
    max-width: 720px;
  }
}
.procurement-intelligence-page .pi-hero__callout-glass-head {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--amber-300);
}
.procurement-intelligence-page .pi-hero__callout-glass-head .lucide-icon {
  width: 20px;
  height: 20px;
}
.procurement-intelligence-page .pi-hero__callout-glass-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.procurement-intelligence-page .pi-hero__callout-glass-body {
  font-size: 0.9375rem;
  color: var(--amber-100);
  line-height: 1.6;
  margin: 0;
}
.procurement-intelligence-page .section-pi-problem {
  background: var(--bg-muted);
}
.procurement-intelligence-page .pi-problem__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-problem__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.procurement-intelligence-page .pi-problem__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-problem__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.procurement-intelligence-page .pi-problem__intro {
  margin: 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.procurement-intelligence-page .pi-problem-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, var(--spacing-2xl));
  margin-top: clamp(var(--spacing-2xl), 4vw, var(--spacing-3xl) + 0.5rem);
  align-items: stretch;
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-problem-grid {
    grid-template-columns: 1fr;
  }
}
.procurement-intelligence-page .pi-problem-card {
  position: relative;
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid color-mix(in srgb, var(--border-color-light) 84%, transparent);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}
.procurement-intelligence-page .pi-problem-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--color-brand-amber), transparent 78%);
  opacity: 0.7;
}
.procurement-intelligence-page .pi-problem-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  border-color: color-mix(in srgb, var(--color-brand-amber) 24%, var(--border-color-light));
  background: color-mix(in srgb, var(--bg-card) 94%, var(--amber-50));
}
.procurement-intelligence-page .pi-problem-card:hover .pi-problem-card__icon-wrap {
  border-color: color-mix(in srgb, var(--color-brand-amber) 32%, transparent);
  background: color-mix(in srgb, var(--color-brand-amber) 12%, transparent);
}
.procurement-intelligence-page .pi-problem-card:hover .pi-problem-card__icon-wrap .lucide-icon {
  color: var(--amber-700);
}
.procurement-intelligence-page .pi-problem-card:nth-child(5) {
  grid-column: 1/-1;
  max-width: min(46rem, 100%);
  justify-self: center;
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-problem-card:nth-child(5) {
    max-width: 100%;
  }
}
.procurement-intelligence-page .pi-problem-card__head {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.procurement-intelligence-page .pi-problem-card__icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, transparent);
  background: color-mix(in srgb, var(--color-brand-amber) 4%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.procurement-intelligence-page .pi-problem-card__icon-wrap .lucide-icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
  transition: color 0.2s ease;
}
.procurement-intelligence-page .pi-problem-card__label {
  font-size: clamp(var(--font-size-lg), 1.5vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  line-height: var(--leading-snug);
}
.procurement-intelligence-page .pi-problem-card__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 42ch;
}
.procurement-intelligence-page .pi-problem-diagnostic {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: var(--spacing-2xl);
  align-items: stretch;
  margin-top: clamp(var(--spacing-2xl), 4vw, var(--spacing-3xl));
  padding-top: var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 14%, var(--border-color-light));
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-problem-diagnostic {
    grid-template-columns: 1fr;
  }
}
.procurement-intelligence-page .pi-problem__close {
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  background: linear-gradient(165deg, color-mix(in srgb, var(--color-brand-amber) 8%, var(--amber-50)), var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 25%, transparent);
  border-left: 3px solid var(--color-brand-amber);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-sm);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}
.procurement-intelligence-page .pi-problem__close-kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.procurement-intelligence-page .pi-problem__close-body {
  margin: 0;
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-base);
}
.procurement-intelligence-page .pi-systems-visual {
  width: 100%;
  background: var(--bg-raised);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-color-light);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-systems-visual {
    max-width: 100%;
  }
}
.procurement-intelligence-page .pi-systems-visual__inner {
  width: 100%;
  display: grid;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl);
}
.procurement-intelligence-page .pi-systems-visual__kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.procurement-intelligence-page .pi-drag-chart {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.procurement-intelligence-page .pi-drag-row {
  display: grid;
  grid-template-columns: minmax(200px, 1.2fr) minmax(180px, 3fr) auto;
  gap: var(--spacing-md);
  align-items: center;
}
@media (max-width: 576px) {
  .procurement-intelligence-page .pi-drag-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
.procurement-intelligence-page .pi-drag-row__label {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
@media (max-width: 576px) {
  .procurement-intelligence-page .pi-drag-row__label {
    font-size: var(--font-size-xs);
  }
}
.procurement-intelligence-page .pi-drag-row__track {
  height: 8px;
  border-radius: var(--radius-full);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 22%, transparent);
  overflow: hidden;
}
.procurement-intelligence-page .pi-drag-row__fill {
  display: block;
  height: 100%;
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--color-brand-amber), var(--amber-500));
}
.procurement-intelligence-page .pi-drag-row__value {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  color: var(--text-secondary);
}
@media (max-width: 576px) {
  .procurement-intelligence-page .pi-drag-row__value {
    justify-self: end;
  }
}
.procurement-intelligence-page .pi-systems-visual__label {
  margin: var(--spacing-sm) 0 0;
  padding-top: var(--spacing-md);
  border-top: 1px dashed var(--border-color-light);
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
}
.procurement-intelligence-page .section-pi-model {
  background: linear-gradient(180deg, var(--bg-muted) 0%, color-mix(in srgb, var(--color-brand-amber) 4%, var(--bg-default)) 42%, var(--bg-default) 100%);
}
.procurement-intelligence-page .pi-model__inner {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-model__inner {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
}
.procurement-intelligence-page .pi-model__inner h2 {
  margin: 0 0 var(--spacing-lg);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-model__inner h2 {
    font-size: var(--font-size-2xl);
  }
}
.procurement-intelligence-page .pi-model__intro {
  margin: 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.procurement-intelligence-page .pi-model-strip {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 22%, transparent);
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card));
  display: grid;
  gap: var(--spacing-xs);
}
.procurement-intelligence-page .pi-model-strip__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.procurement-intelligence-page .pi-model-strip__body {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.procurement-intelligence-page .pi-model__section-title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: var(--spacing-2xl) 0 var(--spacing-xl);
  line-height: var(--leading-snug);
}
.procurement-intelligence-page .pi-model-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-model-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .procurement-intelligence-page .pi-model-rail {
    grid-template-columns: 1fr;
  }
}
.procurement-intelligence-page .pi-model-step {
  position: relative;
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
  display: grid;
  gap: var(--spacing-sm);
}
@media (min-width: 993px) {
  .procurement-intelligence-page .pi-model-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 46px;
    right: calc(var(--spacing-lg) * -0.8);
    width: var(--spacing-lg);
    height: 2px;
    background: color-mix(in srgb, var(--color-brand-amber) 35%, transparent);
  }
  .procurement-intelligence-page .pi-model-step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 42px;
    right: calc(var(--spacing-lg) * -0.8);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid color-mix(in srgb, var(--color-brand-amber) 45%, transparent);
    transform: translateX(100%);
  }
}
.procurement-intelligence-page .pi-model-step__index {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.procurement-intelligence-page .pi-model-step__head {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.procurement-intelligence-page .pi-model-step__head .lucide-icon {
  color: var(--color-brand-amber);
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.procurement-intelligence-page .pi-model-step__head h4 {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-snug);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.procurement-intelligence-page .pi-model-step__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.procurement-intelligence-page .section-pi-usecases {
  position: relative;
  padding: calc(var(--spacing-5xl) + var(--spacing-md)) 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 3%, var(--bg-light)) 0%, var(--bg-light) 38%, var(--bg-white) 100%);
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid color-mix(in srgb, var(--border-light) 75%, transparent);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .section-pi-usecases {
    padding: var(--spacing-5xl) 0;
  }
}
.procurement-intelligence-page .pi-usecases__inner h2 {
  color: var(--text-primary);
  font-size: clamp(1.75rem, 5vw, 2.125rem);
  line-height: 1.2;
  margin: var(--spacing-md) 0 var(--spacing-lg);
  max-width: 18ch;
}
.procurement-intelligence-page .pi-usecases__intro {
  color: var(--text-secondary);
  font-size: 1.0625rem;
  line-height: 1.6;
  max-width: 650px;
  margin-bottom: var(--spacing-2xl);
}
.procurement-intelligence-page .pi-usecase-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
@media (min-width: 768px) {
  .procurement-intelligence-page .pi-usecase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .procurement-intelligence-page .pi-usecase-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--spacing-xl);
  }
  .procurement-intelligence-page .pi-usecase-grid .pi-usecase-card {
    grid-column: span 3;
  }
  .procurement-intelligence-page .pi-usecase-grid .pi-usecase-card:nth-child(n+5) {
    grid-column: span 4;
  }
}
.procurement-intelligence-page .pi-usecase-card {
  background-color: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all 0.3s ease;
  cursor: pointer;
}
.procurement-intelligence-page .pi-usecase-card:hover {
  border-color: var(--color-brand-amber);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.procurement-intelligence-page .pi-usecase-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.procurement-intelligence-page .pi-usecase-card__num {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-brand-amber);
  font-family: var(--font-mono);
  flex-shrink: 0;
}
.procurement-intelligence-page .pi-usecase-card__icon {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.procurement-intelligence-page .pi-usecase-card__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.4;
  margin: 0;
}
.procurement-intelligence-page .pi-usecase-card__desc {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}
.procurement-intelligence-page .section-pi-bayer {
  padding: calc(var(--spacing-5xl) + var(--spacing-md)) 0;
  background: linear-gradient(180deg, var(--bg-white) 0%, color-mix(in srgb, var(--color-brand-amber) 3%, var(--bg-white)) 100%);
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid color-mix(in srgb, var(--border-light) 78%, transparent);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .section-pi-bayer {
    padding: var(--spacing-5xl) 0;
  }
}
.procurement-intelligence-page .pi-bayer__inner h2 {
  color: var(--text-primary);
  font-size: clamp(1.75rem, 5vw, 2.125rem);
  line-height: 1.2;
  margin: var(--spacing-md) 0 var(--spacing-lg);
  max-width: 17ch;
}
.procurement-intelligence-page .pi-bayer-validation {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: var(--spacing-2xl);
  align-items: start;
  margin-bottom: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-bayer-validation {
    grid-template-columns: 1fr;
  }
}
.procurement-intelligence-page .pi-bayer__context {
  color: var(--text-secondary);
  font-size: 1.0625rem;
  line-height: 1.6;
  margin: 0;
}
.procurement-intelligence-page .pi-bayer-quote {
  position: relative;
  margin: 0;
  padding: 1px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.procurement-intelligence-page .pi-bayer-quote::before {
  content: '"';
  position: absolute;
  top: -14px;
  left: 12px;
  font-size: 4rem;
  color: var(--color-brand-amber);
  opacity: 0.16;
  line-height: 1;
  z-index: 2;
}
.procurement-intelligence-page .pi-bayer-quote__inner {
  background: var(--bg-card);
  border-radius: calc(var(--radius-lg) - 1px);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  position: relative;
  z-index: 1;
}
.procurement-intelligence-page .pi-bayer-quote blockquote {
  font-size: 1.125rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  margin: 0;
  padding: 0;
  border: none;
}
.procurement-intelligence-page .pi-bayer-quote figcaption {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  margin: 0;
}
.procurement-intelligence-page .pi-bayer-quote__note {
  display: block;
  font-size: 0.8125rem;
  color: #999;
  font-style: normal;
  margin-top: var(--spacing-xs);
}
.procurement-intelligence-page .pi-bayer__section-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: var(--spacing-xl) 0 var(--spacing-lg);
}
.procurement-intelligence-page .pi-bayer-outcomes-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-bayer-outcomes-grid {
    grid-template-columns: 1fr;
  }
}
.procurement-intelligence-page .pi-bayer-outcome-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-light);
  border-top: 3px solid color-mix(in srgb, var(--color-brand-amber) 55%, transparent);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: grid;
  gap: var(--spacing-sm);
}
.procurement-intelligence-page .pi-bayer-outcome-card__label {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.procurement-intelligence-page .pi-bayer-outcome-card__impact {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
}
.procurement-intelligence-page .pi-bayer-outcome-card__body {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
}
.procurement-intelligence-page .pi-bayer-banner {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-3xl);
  background: var(--color-brand-amber);
  border-radius: var(--radius-xl);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--color-brand-amber) 20%, transparent);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-bayer-banner {
    padding: var(--spacing-2xl);
  }
}
.procurement-intelligence-page .pi-bayer-banner__watermark {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.15;
  pointer-events: none;
}
.procurement-intelligence-page .pi-bayer-banner__watermark .lucide-icon {
  width: 240px;
  height: 240px;
  color: var(--color-white);
}
.procurement-intelligence-page .pi-bayer-banner__content {
  position: relative;
  z-index: 1;
  max-width: 65%;
}
@media (max-width: 992px) {
  .procurement-intelligence-page .pi-bayer-banner__content {
    max-width: 100%;
  }
}
.procurement-intelligence-page .pi-bayer-banner__label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 var(--spacing-md);
}
.procurement-intelligence-page .pi-bayer-banner__body {
  color: var(--color-white);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.procurement-intelligence-page .pi-bayer-banner__link {
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  margin-top: var(--spacing-lg);
  transition: opacity 0.2s ease;
}
.procurement-intelligence-page .pi-bayer-banner__link:hover {
  opacity: 0.8;
}
.procurement-intelligence-page .section-pi-advantages {
  padding: var(--spacing-5xl) 0;
  background-color: var(--bg-light);
  border-top: 1px solid var(--border-light);
}
.procurement-intelligence-page .pi-advantages__inner h2 {
  color: var(--text-primary);
  font-size: clamp(1.75rem, 5vw, 2.125rem);
  line-height: 1.2;
  margin: var(--spacing-md) 0 var(--spacing-lg);
}
.procurement-intelligence-page .pi-advantages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
.procurement-intelligence-page .pi-advantage-item {
  background-color: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all 0.3s ease;
}
.procurement-intelligence-page .pi-advantage-item:hover {
  border-color: var(--color-brand-amber);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.procurement-intelligence-page .pi-advantage-item__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.procurement-intelligence-page .pi-advantage-item__icon {
  width: 24px;
  height: 24px;
  stroke-width: 1.75;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.procurement-intelligence-page .pi-advantage-item__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}
.procurement-intelligence-page .pi-advantage-item__body {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}
.procurement-intelligence-page .section-pi-sage {
  position: relative;
  overflow: clip;
  padding: var(--spacing-5xl) 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-white) 88%, var(--amber-50)) 0%, var(--bg-white) 45%, color-mix(in srgb, var(--amber-50) 42%, var(--bg-white)) 100%);
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid color-mix(in srgb, var(--border-light) 72%, transparent);
}
.procurement-intelligence-page .section-pi-sage::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(color-mix(in srgb, var(--color-brand-amber) 16%, transparent) 0.9px, transparent 0.9px);
  background-size: 14px 14px;
  opacity: 0.32;
  pointer-events: none;
}
.procurement-intelligence-page .section-pi-sage > * {
  position: relative;
  z-index: 1;
}
.procurement-intelligence-page .pi-sage__inner h2 {
  color: var(--text-primary);
  font-size: clamp(1.75rem, 5vw, 2.125rem);
  line-height: 1.2;
  margin: var(--spacing-md) 0 var(--spacing-lg);
}
.procurement-intelligence-page .pi-sage__intro {
  color: var(--text-secondary);
  font-size: 1.0625rem;
  line-height: 1.6;
  max-width: 750px;
  margin-bottom: var(--spacing-3xl);
}
.procurement-intelligence-page .pi-sage-terminal {
  background: #0f172a;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
  margin: var(--spacing-4xl) 0;
  overflow: hidden;
}
.procurement-intelligence-page .pi-sage-terminal__header {
  background: #1e293b;
  padding: var(--spacing-md) var(--spacing-xl);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  gap: var(--spacing-lg);
}
.procurement-intelligence-page .pi-sage-terminal__dots {
  display: flex;
  gap: 8px;
}
.procurement-intelligence-page .pi-sage-terminal__dots span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.procurement-intelligence-page .pi-sage-terminal__dots span:nth-child(1) {
  background: #ef4444;
}
.procurement-intelligence-page .pi-sage-terminal__dots span:nth-child(2) {
  background: #eab308;
}
.procurement-intelligence-page .pi-sage-terminal__dots span:nth-child(3) {
  background: #22c55e;
}
.procurement-intelligence-page .pi-sage-terminal__title {
  font-family: monospace;
  font-size: 0.75rem;
  color: #94a3b8;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.procurement-intelligence-page .pi-sage-queries {
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.05);
}
.procurement-intelligence-page .pi-sage-query {
  background-color: #0f172a;
  padding: var(--spacing-xl);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spacing-lg);
  align-items: start;
  transition: background-color 0.22s ease;
}
.procurement-intelligence-page .pi-sage-query:hover {
  background-color: #1e293b;
}
.procurement-intelligence-page .pi-sage-query.is-expanded {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  background-color: #1e293b;
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-sage-query {
    grid-template-columns: 1fr;
    padding: var(--spacing-lg);
  }
  .procurement-intelligence-page .pi-sage-query.is-expanded {
    grid-template-columns: 1fr;
  }
}
.procurement-intelligence-page .pi-sage-query__toggle {
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.procurement-intelligence-page .pi-sage-query__toggle:focus-visible {
  outline: 2px solid var(--amber-300);
  outline-offset: 4px;
  border-radius: var(--radius-sm);
}
.procurement-intelligence-page .pi-sage-query__prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--amber-300);
}
.procurement-intelligence-page .pi-sage-query__prompt .pi-sage-query__prompt-left {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.procurement-intelligence-page .pi-sage-query__prompt .lucide-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}
.procurement-intelligence-page .pi-sage-query__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition: transform 0.22s ease;
}
.procurement-intelligence-page .pi-sage-query.is-expanded .pi-sage-query__chevron {
  transform: rotate(180deg);
}
.procurement-intelligence-page .pi-sage-query__text {
  font-size: 1.125rem;
  font-weight: 500;
  color: #f8fafc;
  display: block;
  margin: 0;
  line-height: 1.5;
  font-family: monospace;
}
.procurement-intelligence-page .pi-sage-query__a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: 0 var(--spacing-md);
  background: rgba(232, 168, 0, 0.05);
  border-left: 2px solid var(--amber-300);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  opacity: 0;
  transform: translateY(8px) scale(0.995);
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.32s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), max-height 0.48s cubic-bezier(0.22, 1, 0.36, 1), padding-top 0.4s cubic-bezier(0.22, 1, 0.36, 1), padding-bottom 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-sage-query__a {
    padding: 0 var(--spacing-sm);
  }
}
.procurement-intelligence-page .pi-sage-query.is-expanded .pi-sage-query__a {
  opacity: 1;
  transform: translateY(0) scale(1);
  max-height: 260px;
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  pointer-events: auto;
}
@media (max-width: 768px) {
  .procurement-intelligence-page .pi-sage-query.is-expanded .pi-sage-query__a {
    max-height: 360px;
  }
}
.procurement-intelligence-page .pi-sage-query__response-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #7dd3fc;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.procurement-intelligence-page .pi-sage-query__response-label::before {
  content: ">";
  font-family: monospace;
  font-size: 0.85rem;
  line-height: 1;
}
.procurement-intelligence-page .pi-sage-query__response-text {
  font-size: 0.9375rem;
  color: #cbd5e1;
  line-height: 1.6;
  margin: 0;
  font-family: monospace;
}
@media (prefers-reduced-motion: reduce) {
  .procurement-intelligence-page .pi-sage-query,
  .procurement-intelligence-page .pi-sage-query__chevron,
  .procurement-intelligence-page .pi-sage-query__a {
    transition: none;
  }
}
.procurement-intelligence-page .pi-sage__footnote {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  background-color: var(--bg-muted);
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-brand-amber);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--text-secondary);
}
.procurement-intelligence-page .pi-sage__footnote .lucide-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--color-brand-amber);
  margin-top: 2px;
}
.procurement-intelligence-page .pi-sage__footnote-link {
  color: var(--color-brand-amber);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}
.procurement-intelligence-page .pi-sage__footnote-link:hover {
  text-decoration: underline;
}
.procurement-intelligence-page .pi-sage__footnote-link .lucide-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.1em;
  transition: transform 0.2s ease;
}
.procurement-intelligence-page .pi-sage__footnote-link:hover .lucide-icon {
  transform: translateX(3px);
}
.procurement-intelligence-page .section-pi-buyers {
  padding: var(--spacing-5xl) 0;
  background-color: var(--bg-light);
  border-top: 1px solid var(--border-light);
}
.procurement-intelligence-page .pi-buyers__inner h2 {
  color: var(--text-primary);
  font-size: clamp(1.75rem, 5vw, 2.125rem);
  line-height: 1.2;
  margin: var(--spacing-md) 0 var(--spacing-lg);
}
.procurement-intelligence-page .pi-buyers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
.procurement-intelligence-page .pi-buyer-card {
  background-color: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-md);
  transition: all 0.3s ease;
}
.procurement-intelligence-page .pi-buyer-card:hover {
  border-color: var(--color-brand-amber);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.procurement-intelligence-page .pi-buyer-card__icon {
  width: 32px;
  height: 32px;
  stroke-width: 1.75;
  color: var(--color-brand-amber);
}
.procurement-intelligence-page .pi-buyer-card__role {
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-brand-amber);
}
.procurement-intelligence-page .pi-buyer-card__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}
.procurement-intelligence-page .pi-buyer-card__body {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}
.procurement-intelligence-page .section-pi-cta {
  padding: var(--spacing-5xl) 0;
  background-color: var(--amber-700);
  background-image: linear-gradient(135deg, var(--amber-700) 0%, var(--amber-600) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--amber-100);
}
.procurement-intelligence-page .pi-cta__inner h2 {
  color: var(--amber-100);
  font-size: clamp(1.75rem, 5vw, 2.125rem);
  line-height: 1.2;
  margin: 0 0 var(--spacing-lg);
}
.procurement-intelligence-page .pi-cta__subhead {
  color: var(--color-white);
  font-size: 1.0625rem;
  line-height: 1.6;
  margin-bottom: var(--spacing-3xl);
}
.procurement-intelligence-page .pi-cta-paths {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
}
.procurement-intelligence-page .pi-cta-path {
  background-color: var(--bg-raised);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: flex-start;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.procurement-intelligence-page .pi-cta-path:hover {
  background-color: var(--bg-muted);
  transform: translateY(-2px);
}
.procurement-intelligence-page .pi-cta-path__icon {
  width: 24px;
  height: 24px;
  stroke-width: 1.75;
  color: var(--amber-500);
}
.procurement-intelligence-page .pi-cta-path__heading {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.3;
}
.procurement-intelligence-page .pi-cta-path__body {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}
.procurement-intelligence-page .pi-cta-path .btn {
  margin-top: var(--spacing-sm);
  align-self: flex-start;
}

.commercial-model-page .cm-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-amber);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.section-cm-hero .commercial-model-page .cm-eyebrow {
  border-left-color: var(--amber-300);
  color: var(--amber-300);
}
.commercial-model-page .section-cm-hero {
  position: relative;
  overflow: visible;
}
.commercial-model-page .cm-hero__inner {
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: calc(var(--spacing-4xl) * 1.5);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: calc(var(--spacing-4xl) * 1.5);
  }
}
.commercial-model-page .cm-hero-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
}
@media (max-width: 992px) {
  .commercial-model-page .cm-hero-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.commercial-model-page .cm-hero-content {
  max-width: 600px;
}
.commercial-model-page .cm-hero__headline {
  margin: 0;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-hero__headline {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .commercial-model-page .cm-hero__headline {
    font-size: var(--font-size-4xl);
  }
}
.commercial-model-page .cm-hero__subhead {
  margin: var(--spacing-xl) 0 0;
  max-width: 660px;
  color: var(--amber-200);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
}
.commercial-model-page .cm-hero-card-col {
  position: relative;
  z-index: 5;
}
.commercial-model-page .cm-hero__model-box {
  padding: var(--spacing-2xl);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid var(--amber-300);
  border-radius: var(--radius-lg);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
}
.commercial-model-page .cm-hero__model-label {
  margin: 0 0 var(--spacing-xl);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-300);
}
.commercial-model-page .cm-hero__model-lines {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-hero__model-lines li {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  color: var(--color-white);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
}
.commercial-model-page .cm-hero__model-lines li span {
  flex: 1;
}
.commercial-model-page .cm-hero-icon {
  color: var(--amber-300);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}
.commercial-model-page .section-cm-problem {
  background-color: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-problem__inner h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-problem__intro {
  margin: var(--spacing-lg) 0 var(--spacing-3xl);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-problem-frame {
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-xl) var(--spacing-2xl);
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card)), var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 16%, var(--border-color-light));
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-problem-frame {
    padding: var(--spacing-lg) var(--spacing-xl);
  }
}
.commercial-model-page .cm-problem-frame__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-problem-frame__body {
  margin: 0;
  max-width: 72ch;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.commercial-model-page .cm-problem-matrix-wrap {
  overflow-x: auto;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-md);
  background: var(--bg-card);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-problem-matrix-wrap {
    display: none;
  }
}
.commercial-model-page .cm-problem-matrix {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--bg-card);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-problem-matrix {
    display: none;
  }
}
.commercial-model-page .cm-problem-matrix__th {
  padding: var(--spacing-lg) var(--spacing-xl);
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  background: var(--bg-raised);
  border-bottom: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-problem-matrix__th--dimension {
  width: 20%;
}
.commercial-model-page .cm-problem-matrix__th--response {
  width: 25%;
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-raised));
  color: var(--text-primary);
  border-left: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-problem-matrix__row {
  border-bottom: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-problem-matrix__row:last-child {
  border-bottom: none;
}
.commercial-model-page .cm-problem-matrix__row:nth-child(even) .cm-problem-matrix__cell:not(.cm-problem-matrix__cell--response) {
  background: color-mix(in srgb, var(--bg-raised) 65%, var(--bg-card));
}
.commercial-model-page .cm-problem-matrix__row:hover .cm-problem-matrix__cell:not(.cm-problem-matrix__cell--response) {
  background: color-mix(in srgb, var(--bg-hover) 70%, var(--bg-card));
}
.commercial-model-page .cm-problem-matrix__row:hover .cm-problem-matrix__cell--response {
  background: color-mix(in srgb, var(--color-brand-amber) 12%, var(--bg-card));
}
.commercial-model-page .cm-problem-matrix__cell {
  padding: var(--spacing-xl);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  vertical-align: top;
  color: var(--text-secondary);
  background: var(--bg-card);
}
.commercial-model-page .cm-problem-matrix__cell--dimension {
  color: var(--text-primary);
  font-weight: var(--font-weight-bold);
}
.commercial-model-page .cm-problem-matrix__cell--response {
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card));
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  border-left: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-problem-matrix__title-wrap {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-problem-matrix__title-wrap strong,
.commercial-model-page .cm-problem-matrix__title-wrap small {
  display: block;
}
.commercial-model-page .cm-problem-matrix__title-wrap strong {
  margin-bottom: var(--spacing-xs);
  font-size: var(--font-size-base);
  line-height: var(--leading-tight);
}
.commercial-model-page .cm-problem-matrix__title-wrap small {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-problem-matrix__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--color-brand-amber);
  margin-top: 2px;
}
.commercial-model-page .cm-problem-stack {
  display: none;
  margin-top: 0;
}
@media (max-width: 992px) {
  .commercial-model-page .cm-problem-stack {
    display: grid;
    gap: var(--spacing-lg);
  }
}
.commercial-model-page .cm-problem-stack__item {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base, all 0.2s ease);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-problem-stack__item:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--border-color);
}
.commercial-model-page .cm-problem-stack__heading {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-problem-stack__heading h3 {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-problem-stack__eyebrow {
  margin: 0 0 var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-problem-stack__icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-problem-stack__details {
  margin: 0;
  display: grid;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-problem-stack__details div {
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-problem-stack__details dt {
  margin: 0 0 var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-problem-stack__details dd {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-problem-stack__response {
  padding: var(--spacing-md);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
}
.commercial-model-page .cm-problem-stack__response dt,
.commercial-model-page .cm-problem-stack__response dd {
  color: var(--text-primary);
}
.commercial-model-page .cm-problem-quote-wrap {
  margin-top: var(--spacing-3xl);
  position: relative;
}
.commercial-model-page .cm-problem-quote {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-3xl);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border-color-light);
  position: relative;
  overflow: hidden;
}
.commercial-model-page .cm-problem-quote::before {
  content: '"';
  position: absolute;
  top: -40px;
  left: 20px;
  font-size: 180px;
  line-height: 1;
  font-family: var(--font-display);
  color: color-mix(in srgb, var(--color-brand-amber) 10%, var(--bg-muted));
  opacity: 0.7;
  z-index: 0;
}
.commercial-model-page .cm-problem-quote p {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xl);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  font-style: italic;
  margin: 0;
}
.commercial-model-page .cm-problem-quote cite {
  position: relative;
  z-index: 1;
  display: block;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  margin-top: var(--spacing-xl);
}
.commercial-model-page .cm-problem-quote cite::before {
  content: "-";
  margin-right: var(--spacing-xs);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-problem-quote {
    padding: var(--spacing-2xl);
  }
  .commercial-model-page .cm-problem-quote p {
    font-size: var(--font-size-lg);
  }
}
.commercial-model-page .section-cm-model {
  background-color: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-model__inner h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-model__intro {
  margin: var(--spacing-lg) 0 var(--spacing-3xl);
  max-width: 62ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-model-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 992px) {
  .commercial-model-page .cm-model-editorial {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.commercial-model-page .cm-model-editorial__story {
  display: grid;
  gap: var(--spacing-xl);
  align-content: start;
}
.commercial-model-page .cm-model-editorial__kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-model-editorial__headline {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-model-editorial__headline {
    max-width: 14ch;
  }
}
@media (max-width: 768px) {
  .commercial-model-page .cm-model-editorial__headline {
    max-width: none;
    font-size: clamp(1.75rem, 7vw, 2.5rem);
  }
}
.commercial-model-page .cm-model-editorial__body {
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-model-editorial__body p {
  margin: 0;
  max-width: 62ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-model-editorial__emphasis {
  margin: 0;
  max-width: 38ch;
  padding-left: var(--spacing-lg);
  border-left: 3px solid var(--color-brand-amber);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.commercial-model-page .cm-model-editorial__rail {
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-model__chart-kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-model__chart-title {
  margin: 0;
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.commercial-model-page .cm-model__chart-summary {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-chart-wrap {
  display: grid;
  gap: var(--spacing-lg);
  background: var(--bg-card);
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 4%, var(--bg-card)), var(--bg-card));
  border-radius: var(--radius-xl);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 16%, var(--border-color-light));
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-chart-wrap {
    padding: var(--spacing-lg);
  }
}
.commercial-model-page .cm-chart-stage {
  position: relative;
  min-height: 19rem;
  width: 100%;
}
.commercial-model-page .cm-chart-stage canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 768px) {
  .commercial-model-page .cm-chart-stage {
    min-height: 17rem;
  }
}
@media (max-width: 576px) {
  .commercial-model-page .cm-chart-stage {
    min-height: 15rem;
  }
}
.commercial-model-page .cm-model-principles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 576px) {
  .commercial-model-page .cm-model-principles {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-model-principle {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 16%, var(--border-color-light));
  background: color-mix(in srgb, var(--color-brand-amber) 5%, var(--bg-card));
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base, all 0.2s ease);
}
.commercial-model-page .cm-model-principle:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.commercial-model-page .cm-model-principle__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-model-principle__body {
  margin: 0;
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-base);
}
.commercial-model-page .section-cm-comparison {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .section-cm-comparison h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-section-intro {
  margin: var(--spacing-lg) 0 0;
  max-width: 62ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-comparison-frame {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-xl) var(--spacing-2xl);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 14%, var(--border-color-light));
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card)), var(--bg-card));
  box-shadow: var(--shadow-sm);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-comparison-frame {
    padding: var(--spacing-lg) var(--spacing-xl);
  }
}
.commercial-model-page .cm-comparison-frame__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-comparison-frame__body {
  margin: 0;
  max-width: 68ch;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.commercial-model-page .cm-comparison-matrix-wrap {
  margin-top: var(--spacing-2xl);
  overflow-x: auto;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-md);
  background: var(--bg-card);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-comparison-matrix-wrap {
    display: none;
  }
}
.commercial-model-page .cm-comparison-matrix {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--bg-card);
}
.commercial-model-page .cm-comparison-matrix__th {
  padding: var(--spacing-lg) var(--spacing-xl);
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  background: var(--bg-raised);
  border-bottom: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-comparison-matrix__th--dimension {
  width: 18%;
}
.commercial-model-page .cm-comparison-matrix__th--brand {
  width: 27%;
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-raised));
  color: var(--text-primary);
  border-left: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-comparison-matrix__row {
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-comparison-matrix__row {
    border-bottom: none;
  }
}
.commercial-model-page .cm-comparison-matrix__row:last-child {
  border-bottom: none;
}
.commercial-model-page .cm-comparison-matrix__row:nth-child(even) .cm-comparison-matrix__cell:not(.cm-comparison-matrix__cell--brand) {
  background: color-mix(in srgb, var(--bg-raised) 65%, var(--bg-card));
}
.commercial-model-page .cm-comparison-matrix__row:hover .cm-comparison-matrix__cell:not(.cm-comparison-matrix__cell--brand) {
  background: color-mix(in srgb, var(--bg-hover) 70%, var(--bg-card));
}
.commercial-model-page .cm-comparison-matrix__row:hover .cm-comparison-matrix__cell--brand {
  background: color-mix(in srgb, var(--color-brand-amber) 12%, var(--bg-card));
}
.commercial-model-page .cm-comparison-matrix__cell {
  padding: var(--spacing-xl);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  vertical-align: top;
  color: var(--text-secondary);
  background: var(--bg-card);
}
.commercial-model-page .cm-comparison-matrix__cell--dimension {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.commercial-model-page .cm-comparison-matrix__cell--brand {
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card));
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  border-left: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-comparison-stack {
  display: none;
  margin-top: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-comparison-stack {
    display: grid;
    gap: var(--spacing-lg);
  }
}
.commercial-model-page .cm-comparison-stack__item {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base, all 0.2s ease);
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-comparison-stack__item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--border-color);
}
.commercial-model-page .cm-comparison-stack__title {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-comparison-stack__details {
  margin: 0;
  display: grid;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-comparison-stack__details div {
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-comparison-stack__details dt {
  margin: 0;
  margin-bottom: var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-comparison-stack__details dd {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-comparison-stack__brand {
  padding: var(--spacing-md);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
}
.commercial-model-page .cm-comparison-stack__brand dt,
.commercial-model-page .cm-comparison-stack__brand dd {
  color: var(--text-primary);
}
.commercial-model-page .section-cm-sourcecode {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .section-cm-sourcecode h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-sourcecode-decision {
  margin: var(--spacing-2xl) auto 0;
  padding: var(--spacing-3xl);
  border-radius: var(--radius-2xl, 1.5rem);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 7%, var(--bg-card)), var(--bg-card));
  box-shadow: var(--shadow-md);
  display: grid;
  gap: var(--spacing-xl);
  text-align: center;
}
@media (max-width: 768px) {
  .commercial-model-page .cm-sourcecode-decision {
    padding: var(--spacing-2xl);
  }
}
.commercial-model-page .cm-sourcecode-decision__kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-sourcecode-decision__headline {
  margin: 0 auto;
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-sourcecode-decision__headline {
    max-width: none;
    font-size: var(--font-size-xl);
  }
}
.commercial-model-page .cm-sourcecode-decision__body {
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-sourcecode-decision__body p {
  margin: 0 auto;
  max-width: 68ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-sourcecode-decision__emphasis {
  margin: 0 auto;
  max-width: 42ch;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.commercial-model-page .cm-sourcecode-transfer {
  margin-top: var(--spacing-3xl);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  overflow: hidden;
  background: var(--bg-card);
  box-shadow: var(--shadow-md);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-sourcecode-transfer {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-sourcecode-transfer__item {
  padding: var(--spacing-2xl);
  display: grid;
  gap: var(--spacing-md);
  background: var(--bg-card);
  position: relative;
}
.commercial-model-page .cm-sourcecode-transfer__item:not(:last-child) {
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-sourcecode-transfer__item:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
}
.commercial-model-page .cm-sourcecode-transfer__item:nth-child(2) {
  background: color-mix(in srgb, var(--bg-raised) 50%, var(--bg-card));
}
.commercial-model-page .cm-sourcecode-transfer__item h3 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-sourcecode-transfer__item p {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-sourcecode-transfer__icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-sourcecode-commercial {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-xl) var(--spacing-2xl);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  display: grid;
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-sourcecode-commercial {
    padding: var(--spacing-xl);
  }
}
.commercial-model-page .cm-sourcecode-commercial__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-sourcecode-commercial__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-sourcecode-commercial__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-sourcecode-commercial__body {
  margin: 0;
  max-width: 72ch;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-sourcecode-heading {
  margin: var(--spacing-4xl) 0 var(--spacing-2xl);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.commercial-model-page .cm-sourcecode-fit {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-sourcecode-fit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .commercial-model-page .cm-sourcecode-fit {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-sourcecode-fit__item {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  background: var(--bg-card);
  display: grid;
  gap: var(--spacing-sm);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base, all 0.2s ease);
}
.commercial-model-page .cm-sourcecode-fit__item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--border-color);
}
.commercial-model-page .cm-sourcecode-fit__item h4 {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-sourcecode-fit__item p {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .section-cm-cfo {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .section-cm-cfo h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-brief {
  margin-top: var(--spacing-2xl);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 992px) {
  .commercial-model-page .cm-cfo-brief {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.commercial-model-page .cm-cfo-brief__story {
  display: grid;
  gap: var(--spacing-xl);
  align-content: start;
}
.commercial-model-page .cm-cfo-brief__kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-cfo-brief__headline {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-cfo-brief__headline {
    max-width: none;
    font-size: var(--font-size-xl);
  }
}
.commercial-model-page .cm-cfo-brief__body {
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-cfo-brief__body p {
  margin: 0;
  max-width: 64ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-cfo-brief__emphasis {
  margin: 0;
  max-width: 42ch;
  padding-left: var(--spacing-lg);
  border-left: 3px solid var(--color-brand-amber);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-brief__rail {
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-cfo-panel {
  padding: var(--spacing-2xl);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card)), var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  box-shadow: var(--shadow-md);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-cfo-panel {
    padding: var(--spacing-xl);
  }
}
.commercial-model-page .cm-cfo-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}
.commercial-model-page .cm-cfo-panel__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-cfo-panel__icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-cfo-panel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-cfo-panel__list li {
  padding-top: var(--spacing-lg);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 14%, var(--border-color-light));
}
.commercial-model-page .cm-cfo-panel__list span {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-panel__list p {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-cfo-note {
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}
.commercial-model-page .cm-cfo-note__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-cfo-note__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-cfo-ledger {
  margin-top: var(--spacing-4xl);
  display: grid;
  gap: var(--spacing-xl);
}
.commercial-model-page .cm-cfo-ledger__header {
  display: grid;
  gap: var(--spacing-sm);
}
.commercial-model-page .cm-cfo-ledger__kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-cfo-ledger__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-ledger__table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-md);
  background: var(--bg-card);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-cfo-ledger__table-wrap {
    display: none;
  }
}
.commercial-model-page .cm-cfo-ledger__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--bg-card);
}
.commercial-model-page .cm-cfo-ledger__th {
  padding: var(--spacing-lg) var(--spacing-xl);
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
  background: var(--bg-raised);
  border-bottom: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-cfo-ledger__th--dimension {
  width: 18%;
}
.commercial-model-page .cm-cfo-ledger__th--impact {
  width: 28%;
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-raised));
  color: var(--text-primary);
  border-left: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-cfo-ledger__cell {
  padding: var(--spacing-xl);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  vertical-align: top;
  color: var(--text-secondary);
  background: var(--bg-card);
  border-bottom: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-cfo-ledger__cell--dimension {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-ledger__cell--impact {
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card));
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  border-left: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-cfo-ledger__table tbody tr:last-child .cm-cfo-ledger__cell {
  border-bottom: none;
}
.commercial-model-page .cm-cfo-ledger__table tbody tr:nth-child(even) .cm-cfo-ledger__cell:not(.cm-cfo-ledger__cell--impact) {
  background: color-mix(in srgb, var(--bg-raised) 65%, var(--bg-card));
}
.commercial-model-page .cm-cfo-ledger__table tbody tr:hover .cm-cfo-ledger__cell:not(.cm-cfo-ledger__cell--impact) {
  background: color-mix(in srgb, var(--bg-hover) 70%, var(--bg-card));
}
.commercial-model-page .cm-cfo-ledger__table tbody tr:hover .cm-cfo-ledger__cell--impact {
  background: color-mix(in srgb, var(--color-brand-amber) 12%, var(--bg-card));
}
.commercial-model-page .cm-cfo-ledger__stack {
  display: none;
}
@media (max-width: 992px) {
  .commercial-model-page .cm-cfo-ledger__stack {
    display: grid;
    gap: var(--spacing-lg);
  }
}
.commercial-model-page .cm-cfo-ledger__stack-item {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--shadow-sm);
  display: grid;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-cfo-ledger__stack-item h4 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-ledger__stack-item dl {
  margin: 0;
  display: grid;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-cfo-ledger__stack-item div {
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-cfo-ledger__stack-item dt {
  margin: 0 0 var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.commercial-model-page .cm-cfo-ledger__stack-item dd {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-cfo-ledger__stack-impact {
  padding: var(--spacing-md);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
}
.commercial-model-page .cm-cfo-ledger__stack-impact dt,
.commercial-model-page .cm-cfo-ledger__stack-impact dd {
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-support {
  margin-top: var(--spacing-4xl);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-xl);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-brand-amber) 10%, var(--bg-card)), var(--bg-card));
  box-shadow: var(--shadow-md);
  display: grid;
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-cfo-support {
    padding: var(--spacing-xl);
  }
}
.commercial-model-page .cm-cfo-support__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-cfo-support__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-cfo-support__icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-cfo-support__body {
  margin: 0;
  max-width: 70ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.commercial-model-page .cm-cfo-support__points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-cfo-support__points {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-cfo-support__points li {
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 16%, var(--border-color-light));
  background: color-mix(in srgb, var(--color-brand-amber) 7%, var(--bg-card));
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.commercial-model-page .section-cm-support {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .section-cm-support h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-support-flow {
  margin-top: var(--spacing-3xl);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .commercial-model-page .cm-support-flow {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-support-step {
  position: relative;
  padding: var(--spacing-xl);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  display: grid;
  gap: var(--spacing-lg);
  transition: var(--transition-base, all 0.2s ease);
}
.commercial-model-page .cm-support-step:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--border-color);
}
.commercial-model-page .cm-support-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 38px;
  right: calc(var(--spacing-lg) * -0.5);
  width: var(--spacing-lg);
  height: 1px;
  background: color-mix(in srgb, var(--color-brand-amber) 22%, var(--border-color-light));
}
@media (max-width: 992px) {
  .commercial-model-page .cm-support-step:not(:last-child)::after {
    display: none;
  }
}
.commercial-model-page .cm-support-step h3 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-support-step p {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-support-step__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-support-step__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 var(--spacing-sm);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-brand-amber) 10%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-support-step__icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-support-coverage {
  margin-top: var(--spacing-3xl);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-support-coverage {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-support-coverage__column {
  padding: var(--spacing-2xl);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  display: grid;
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-support-coverage__column {
    padding: var(--spacing-xl);
  }
}
.commercial-model-page .cm-support-coverage__column--included {
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card)), var(--bg-card));
  border-color: color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.commercial-model-page .cm-support-coverage__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
}
.commercial-model-page .cm-support-coverage__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.cm-support-coverage__column--included .commercial-model-page .cm-support-coverage__label {
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-support-coverage__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--text-tertiary);
}
.cm-support-coverage__column--included .commercial-model-page .cm-support-coverage__icon {
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-support-coverage__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-support-coverage__list li {
  position: relative;
  padding-left: calc(var(--spacing-lg) + var(--spacing-xs));
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.commercial-model-page .cm-support-coverage__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--text-tertiary) 70%, transparent);
}
.cm-support-coverage__column--included .commercial-model-page .cm-support-coverage__list li::before {
  background: var(--color-brand-amber);
}
.commercial-model-page .cm-support-accountability {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-xl) var(--spacing-2xl);
  border-radius: var(--radius-xl);
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 16%, var(--border-color-light));
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-brand-amber) 9%, var(--bg-card)), var(--bg-card));
  box-shadow: var(--shadow-sm);
  display: grid;
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .commercial-model-page .cm-support-accountability {
    padding: var(--spacing-xl);
  }
}
.commercial-model-page .cm-support-accountability__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.commercial-model-page .cm-support-accountability__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-support-accountability__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-brand-amber);
}
.commercial-model-page .cm-support-accountability__body {
  margin: 0;
  max-width: 72ch;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.commercial-model-page .section-cm-faq {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.commercial-model-page .section-cm-faq h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.commercial-model-page .cm-faq-list {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  overflow: hidden;
}
.commercial-model-page .cm-faq-item {
  border-bottom: 1px solid var(--border-color-light);
}
.commercial-model-page .cm-faq-item:last-child {
  border-bottom: none;
}
.commercial-model-page .cm-faq-item__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl);
  background: var(--bg-card);
  border: none;
  cursor: pointer;
  text-align: left;
}
.commercial-model-page .cm-faq-item__trigger:hover, .commercial-model-page .cm-faq-item__trigger[aria-expanded=true] {
  background: var(--bg-raised);
}
.commercial-model-page .cm-faq-item__question {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
}
.commercial-model-page .cm-faq-item__chevron {
  width: 18px;
  height: 18px;
  color: var(--text-tertiary);
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
[aria-expanded=true] .commercial-model-page .cm-faq-item__chevron {
  transform: rotate(180deg);
}
.commercial-model-page .cm-faq-item__answer {
  padding: 0 var(--spacing-xl) var(--spacing-xl);
  background: var(--bg-raised);
}
.commercial-model-page .cm-faq-item__answer p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.commercial-model-page .section-cm-cta {
  background: var(--amber-700);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid color-mix(in srgb, var(--amber-300) 20%, transparent);
}
.commercial-model-page .section-cm-cta h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--color-white);
}
.commercial-model-page .cm-cta-subhead {
  margin: var(--spacing-lg) 0 0;
  color: var(--color-white);
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-lg);
}
.commercial-model-page .cm-cta-paths {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin: var(--spacing-3xl) 0 0;
}
@media (max-width: 768px) {
  .commercial-model-page .cm-cta-paths {
    grid-template-columns: 1fr;
  }
}
.commercial-model-page .cm-cta-path {
  background: var(--bg-raised);
  border: 1px solid color-mix(in srgb, var(--amber-200) 16%, var(--amber-900));
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base, all 0.2s ease);
}
.commercial-model-page .cm-cta-path:hover {
  background: var(--bg-muted);
  transform: translateY(-2px);
}
.commercial-model-page .cm-cta-path__icon {
  width: 28px;
  height: 28px;
  color: var(--amber-500);
}
.commercial-model-page .cm-cta-path__heading {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.commercial-model-page .cm-cta-path__body {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  flex: 1;
  margin: 0;
}

.sovereign-ai-page .sa-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-amber);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.section-sa-hero .sovereign-ai-page .sa-eyebrow {
  border-left-color: var(--amber-300);
  color: var(--amber-300);
}
.sovereign-ai-page .sa-section-intro {
  margin: var(--spacing-lg) 0 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-subhead {
  margin: var(--spacing-3xl) 0 var(--spacing-xl);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.sovereign-ai-page .section-sa-hero {
  position: relative;
}
.sovereign-ai-page .sa-hero__inner {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.26) 100%), var(--hero-gradient);
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.sovereign-ai-page .sa-hero__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='white'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 20px 20px;
  opacity: 0.035;
  pointer-events: none;
  z-index: 0;
}
.sovereign-ai-page .sa-hero__inner::after {
  content: "";
  position: absolute;
  top: -10%;
  right: -5%;
  width: 60%;
  height: 80%;
  background: radial-gradient(ellipse, rgba(232, 168, 0, 0.35), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.sovereign-ai-page .sa-hero__inner > .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.sovereign-ai-page .sa-hero__content {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  gap: var(--spacing-3xl);
  align-items: center;
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-hero__content {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.sovereign-ai-page .sa-hero__content h1 {
  margin: var(--spacing-lg) 0 0 0;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-hero__content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-hero__content h1 {
    font-size: var(--font-size-4xl);
  }
}
.sovereign-ai-page .sa-hero__subhead {
  margin: var(--spacing-xl) 0 0;
  max-width: 660px;
  color: var(--amber-200);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
}
.sovereign-ai-page .sa-hero__differentiators {
  list-style: none;
  padding: 0;
  margin: var(--spacing-2xl) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 560px;
}
.sovereign-ai-page .sa-hero__differentiators li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  color: var(--amber-200);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
}
.sovereign-ai-page .sa-hero__check {
  width: 18px;
  height: 18px;
  color: var(--amber-300);
  flex-shrink: 0;
  margin-top: 2px;
}
.sovereign-ai-page .sa-hero__commitment {
  margin-top: var(--spacing-3xl);
  max-width: 680px;
  padding: var(--spacing-2xl);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 3px solid var(--amber-300);
  border-radius: var(--radius-md);
}
.sovereign-ai-page .sa-hero__commitment-label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-300);
}
.sovereign-ai-page .sa-hero__commitment-body {
  font-size: var(--font-size-sm);
  color: var(--amber-200);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.sovereign-ai-page .sa-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
}
.sovereign-ai-page .sa-hero__actions .btn--ghost-light:hover {
  color: var(--color-white);
}
.sovereign-ai-page .sa-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  list-style: none;
  padding: 0;
  margin: var(--spacing-xl) 0;
}
.sovereign-ai-page .sa-hero__badges li {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--amber-200);
}
.sovereign-ai-page .sa-hero__visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-hero__visual {
    gap: var(--spacing-md);
  }
}
.sovereign-ai-page .sa-hero__platform-lockup {
  max-width: 100%;
}
.sovereign-ai-page .sa-hero__visual-frame {
  position: relative;
  padding: var(--spacing-xl);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-xl);
  box-shadow: 0 18px 48px rgba(2, 6, 23, 0.28);
  overflow: hidden;
}
.sovereign-ai-page .sa-hero__visual-frame::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -15%;
  width: 70%;
  height: 60%;
  background: radial-gradient(circle, rgba(232, 168, 0, 0.18), transparent 70%);
  pointer-events: none;
}
.sovereign-ai-page .sa-hero__visual-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(232, 168, 0, 0.05));
  pointer-events: none;
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-hero__visual-frame {
    display: none;
  }
}
.sovereign-ai-page .sa-hero__visual-label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin: 0 0 var(--spacing-xl);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-200);
}
.sovereign-ai-page .sa-hero__live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);
  animation: sa-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
  .sovereign-ai-page .sa-hero__live-dot {
    animation: none;
  }
}
@keyframes sa-pulse {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(74, 222, 128, 0.08);
  }
}
.sovereign-ai-page .sa-hero__status-list {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.sovereign-ai-page .sa-hero__status-list li {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--amber-100);
}
.sovereign-ai-page .sa-hero__status-list li .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--amber-300);
  flex-shrink: 0;
}
.sovereign-ai-page .sa-hero__visual-divider {
  position: relative;
  z-index: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: var(--spacing-xl) 0 var(--spacing-lg);
}
.sovereign-ai-page .sa-hero__visual-note {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xs);
  color: var(--amber-300);
  margin: 0;
  text-align: center;
  font-style: italic;
  letter-spacing: var(--tracking-wide);
}
.sovereign-ai-page .section-sa-problem {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-problem h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-problem-list {
  list-style: none;
  padding: 0;
  margin: var(--spacing-2xl) 0 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-lg);
  align-items: start;
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-problem-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-problem-list {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-problem-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: start;
  min-height: 100%;
  padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-xl) 0;
  border-right: 1px solid color-mix(in srgb, var(--color-brand-amber) 14%, var(--border-color-light));
}
.sovereign-ai-page .sa-problem-item:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-problem-item {
    padding-right: var(--spacing-md);
  }
  .sovereign-ai-page .sa-problem-item:nth-child(2n) {
    border-right: none;
  }
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-problem-item {
    padding: 0 0 var(--spacing-lg);
    border-right: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-brand-amber) 14%, var(--border-color-light));
  }
  .sovereign-ai-page .sa-problem-item:last-child {
    border-bottom: none;
  }
}
.sovereign-ai-page .sa-problem-item__rail {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding-top: 2px;
}
.sovereign-ai-page .sa-problem-item__index {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  white-space: nowrap;
}
.sovereign-ai-page .sa-problem-item__index::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin-left: var(--spacing-sm);
  background: color-mix(in srgb, var(--color-brand-amber) 30%, var(--border-color-light));
}
.sovereign-ai-page .sa-problem-item__icon {
  width: 18px;
  height: 18px;
  color: var(--color-brand-amber);
  opacity: 0.8;
  margin-top: 1px;
}
.sovereign-ai-page .sa-problem-item__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-problem-item__kicker {
  margin: 0;
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  opacity: 0.9;
}
.sovereign-ai-page .sa-problem-item__title {
  margin: 0;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-problem-item__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-problem-pullquote {
  margin: var(--spacing-3xl) 0 0;
  padding-top: var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, var(--border-color-light));
}
.sovereign-ai-page .sa-problem-pullquote__quote {
  margin: 0;
  max-width: 58rem;
  padding-left: var(--spacing-xl);
  border-left: 3px solid color-mix(in srgb, var(--color-brand-amber) 58%, transparent);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-problem-pullquote__quote {
    padding-left: var(--spacing-lg);
  }
}
.sovereign-ai-page .sa-problem-pullquote__quote p {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 2vw, 1.4rem);
  font-weight: var(--font-weight-semibold);
  font-style: italic;
  line-height: 1.5;
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-problem-pullquote__caption {
  margin: var(--spacing-md) 0 0 var(--spacing-xl);
  max-width: 38rem;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-problem-pullquote__caption {
    margin-left: var(--spacing-lg);
  }
}
.sovereign-ai-page .section-sa-competitive {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
}
.sovereign-ai-page .sa-competitive-layout {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.sovereign-ai-page .sa-competitive-layout h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-competitive-ledger {
  margin-top: var(--spacing-2xl);
}
.sovereign-ai-page .sa-competitive-ledger__row {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.05fr) minmax(0, 1.05fr);
  gap: var(--spacing-lg);
  align-items: start;
  padding: var(--spacing-lg) 0;
}
.sovereign-ai-page .sa-competitive-ledger__row:first-child {
  border-top: none;
}
@media (max-width: 992px) {
  .sovereign-ai-page .sa-competitive-ledger__row {
    grid-template-columns: minmax(180px, 0.8fr) 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-competitive-ledger__row {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) 0;
  }
}
.sovereign-ai-page .sa-competitive-ledger__row--head {
  padding-top: 0;
  border-top: none;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-competitive-ledger__row--head {
    display: none;
  }
}
.sovereign-ai-page .sa-competitive-ledger__cell {
  min-width: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-competitive-ledger__cell p {
  margin: 0;
}
[role=columnheader] .sovereign-ai-page .sa-competitive-ledger__cell, .sovereign-ai-page .sa-competitive-ledger__cell[role=columnheader] {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-competitive-ledger__cell--vendor {
  padding-right: var(--spacing-md);
}
.sovereign-ai-page .sa-competitive-ledger__label {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-competitive-ledger__meta {
  margin: var(--spacing-xs) 0 0;
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.sovereign-ai-page .sa-competitive-decision {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 28%, var(--border-color-light));
}
.sovereign-ai-page .sa-competitive-decision__label {
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-competitive-decision__grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1fr) minmax(0, 0.9fr);
  gap: var(--spacing-lg);
  align-items: start;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-competitive-decision__grid {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-competitive-decision__grid h3 {
  margin: 0;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-competitive-decision__grid p {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-competitive-decision__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-competitive-decision__list li {
  position: relative;
  padding-left: var(--spacing-lg);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-competitive-decision__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-brand-amber);
  transform: translateY(-50%);
}
.sovereign-ai-page .section-sa-architecture {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-architecture h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-isolation-diagram {
  margin: var(--spacing-3xl) 0;
}
.sovereign-ai-page .sa-isolation-diagram__inner {
  display: flex;
  align-items: stretch;
  gap: var(--spacing-xl);
  justify-content: center;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-isolation-diagram__inner {
    flex-direction: column;
    gap: var(--spacing-lg);
  }
}
.sovereign-ai-page .sa-isolation-box {
  flex: 1;
  max-width: 360px;
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-isolation-box {
    max-width: 100%;
  }
}
.sovereign-ai-page .sa-isolation-box--yours {
  background: var(--bg-card);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
  border: 2px solid var(--color-brand-amber);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.8s ease;
}
.sovereign-ai-page .sa-isolation-box--yours .sa-isolation-box__icon,
.sovereign-ai-page .sa-isolation-box--yours .sa-isolation-box__label {
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-isolation-box--yours .sa-isolation-box__items li {
  color: var(--text-primary);
}
.sovereign-ai-page .sa-isolation-box--yours .sa-isolation-box__items li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-brand-amber);
  font-weight: var(--font-weight-bold);
}
.sovereign-ai-page .sa-isolation-box--shared {
  background: var(--bg-raised);
  border: 2px solid var(--border-color);
  opacity: 0.75;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sovereign-ai-page .sa-isolation-box--shared .sa-isolation-box__icon,
.sovereign-ai-page .sa-isolation-box--shared .sa-isolation-box__label,
.sovereign-ai-page .sa-isolation-box--shared .sa-isolation-box__items li {
  color: var(--text-tertiary);
}
.sovereign-ai-page .sa-isolation-box--shared .sa-isolation-box__items li::before {
  content: "×";
  position: absolute;
  left: 0;
  color: var(--text-tertiary);
}
.sovereign-ai-page .sa-isolation-diagram.is-separated .sa-isolation-box--yours {
  transform: translateX(-1.5rem);
  box-shadow: 0 0 48px rgba(232, 168, 0, 0.18);
}
.sovereign-ai-page .sa-isolation-diagram.is-separated .sa-isolation-box--shared {
  transform: translateX(1.5rem);
}
.sovereign-ai-page .sa-isolation-diagram.is-separated .sa-isolation-barrier {
  opacity: 1;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-isolation-diagram.is-separated .sa-isolation-box--yours,
  .sovereign-ai-page .sa-isolation-diagram.is-separated .sa-isolation-box--shared {
    transform: none;
  }
}
.sovereign-ai-page .sa-isolation-box__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.sovereign-ai-page .sa-isolation-box__icon {
  width: 24px;
  height: 24px;
}
.sovereign-ai-page .sa-isolation-box__label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
}
.sovereign-ai-page .sa-isolation-box__items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-isolation-box__items li {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  padding-left: var(--spacing-lg);
  position: relative;
}
.sovereign-ai-page .sa-isolation-box__badge {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  align-self: flex-start;
  margin-top: auto;
  background: var(--bg-raised);
  background: color-mix(in srgb, var(--color-brand-amber) 15%, var(--bg-card));
  color: var(--color-brand-amber);
  border: 1px solid var(--color-brand-amber);
}
.sovereign-ai-page .sa-isolation-box__badge--risk {
  background: var(--bg-raised);
  color: var(--text-tertiary);
  border: 1px solid var(--border-color);
}
.sovereign-ai-page .sa-isolation-barrier {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  flex-shrink: 0;
  padding: 0 var(--spacing-sm);
  opacity: 0.4;
  transition: opacity 0.6s ease 0.5s;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-isolation-barrier {
    flex-direction: row;
    padding: var(--spacing-sm) 0;
    opacity: 1;
  }
}
.sovereign-ai-page .sa-isolation-barrier__line {
  width: 2px;
  flex: 1;
  background: var(--border-color-light);
  border-left: 2px dashed var(--border-color);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-isolation-barrier__line {
    height: 2px;
    width: auto;
    border-left: none;
    border-top: 2px dashed var(--border-color);
  }
}
.sovereign-ai-page .sa-isolation-barrier__label {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  white-space: nowrap;
  padding: var(--spacing-xs);
  writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-isolation-barrier__label {
    writing-mode: horizontal-tb;
  }
}
.sovereign-ai-page .sa-arch-principle {
  margin: 0 0 var(--spacing-3xl);
  padding: var(--spacing-xl) 0 0;
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, var(--border-color-light));
  max-width: 56rem;
}
.sovereign-ai-page .sa-arch-principle__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-arch-principle__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  max-width: 48rem;
}
.sovereign-ai-page .sa-arch-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacing-2xl);
  row-gap: 0;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-arch-list {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-arch-item {
  padding: var(--spacing-lg) 0 var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 14%, var(--border-color-light));
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-arch-item--wide {
  grid-column: 1/-1;
}
.sovereign-ai-page .sa-arch-item__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-arch-item__icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.sovereign-ai-page .sa-arch-item__title {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-arch-item__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 40rem;
}
.sovereign-ai-page .sa-chat-panel {
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: auto;
}
.sovereign-ai-page .sa-chat-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sovereign-ai-page .sa-chat-tag {
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}
.sa-chat-row--user .sovereign-ai-page .sa-chat-tag {
  color: var(--text-tertiary);
}
.sa-chat-row--sage .sovereign-ai-page .sa-chat-tag {
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-chat-bubble {
  font-size: var(--font-size-xs);
  line-height: var(--leading-relaxed);
  border-radius: var(--radius-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  margin: 0;
}
.sovereign-ai-page .sa-chat-bubble--user {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  color: var(--text-secondary);
  font-style: italic;
}
.sovereign-ai-page .sa-chat-bubble--sage {
  background: var(--bg-card);
  background: color-mix(in srgb, var(--color-brand-amber) 8%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, transparent);
  color: var(--text-primary);
}
.sovereign-ai-page .section-sa-modes {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-modes h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-modes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-modes-grid {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-mode-card {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--color-brand-amber);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.sovereign-ai-page .sa-mode-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.sovereign-ai-page .sa-mode-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.sovereign-ai-page .sa-mode-card__icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: var(--bg-raised);
  background: color-mix(in srgb, var(--color-brand-amber) 12%, var(--bg-card));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sovereign-ai-page .sa-mode-card__icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-mode-card__mode {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-xs);
}
.sovereign-ai-page .sa-mode-card__question {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  font-style: italic;
}
.sovereign-ai-page .sa-mode-card__desc {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.sovereign-ai-page .sa-modes-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin: var(--spacing-2xl) 0 var(--spacing-3xl);
}
.sovereign-ai-page .sa-modes-strip__item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-modes-strip__item em {
  font-style: normal;
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-amber);
  font-size: var(--font-size-xs);
  letter-spacing: var(--tracking-wide);
}
.sovereign-ai-page .section-sa-validation {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-validation h2 {
  margin: 0;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-validation-attribution {
  margin: var(--spacing-lg) 0 0;
  max-width: 640px;
  font-size: var(--font-size-sm);
  font-style: italic;
  color: var(--text-tertiary);
  line-height: var(--leading-relaxed);
}
.sovereign-ai-page .sa-validation-context {
  margin: var(--spacing-lg) 0 0;
  max-width: 720px;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-validation-phase {
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  align-items: start;
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-validation-phase {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-validation-phase__intro {
  padding-top: var(--spacing-sm);
}
.sovereign-ai-page .sa-validation-phase__kicker {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-validation-phase__summary {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 26rem;
}
.sovereign-ai-page .sa-validation-points {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid color-mix(in srgb, var(--border-color-light) 88%, transparent);
}
.sovereign-ai-page .sa-validation-point {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: var(--spacing-lg);
  padding: var(--spacing-lg) 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-color-light) 88%, transparent);
}
@media (max-width: 576px) {
  .sovereign-ai-page .sa-validation-point {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.sovereign-ai-page .sa-validation-point__rail {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
  white-space: nowrap;
}
.sovereign-ai-page .sa-validation-point__rail::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin-left: var(--spacing-sm);
  background: color-mix(in srgb, var(--color-brand-amber) 28%, var(--border-color-light));
}
@media (max-width: 576px) {
  .sovereign-ai-page .sa-validation-point__rail::after {
    display: none;
  }
}
.sovereign-ai-page .sa-validation-point__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-validation-point__label {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-validation-point__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 48rem;
}
.sovereign-ai-page .sa-validation-points--solution .sa-validation-point__rail {
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-validation-proof {
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  align-items: start;
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-validation-proof {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-validation-proof__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-validation-proof__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 26rem;
}
.sovereign-ai-page .sa-validation-query {
  margin-top: 0;
  margin-bottom: 0;
}
.sovereign-ai-page .sa-validation-principle {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 20%, var(--border-color-light));
  max-width: 56rem;
}
.sovereign-ai-page .sa-validation-principle__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-validation-principle__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}
.sovereign-ai-page .section-sa-queries {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-queries h2 {
  margin: 0;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-query-table {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  margin-top: var(--spacing-3xl);
}
.sovereign-ai-page .sa-query-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.sovereign-ai-page .sa-query-group__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-query-group__cards {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-query-group__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-amber);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-brand-amber);
  margin-bottom: var(--spacing-md);
}
.sovereign-ai-page .sa-query-group__header .lucide-icon {
  width: 18px;
  height: 18px;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-query-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sovereign-ai-page .sa-query-card__q {
  flex: 1;
  padding: var(--spacing-lg) var(--spacing-xl);
  border-bottom: 1px solid var(--border-color-light);
  background: var(--bg-raised);
}
.sovereign-ai-page .sa-query-card__prompt {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-sm);
}
.sovereign-ai-page .sa-query-card__prompt .lucide-icon {
  width: 12px;
  height: 12px;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-query-card__text {
  font-size: var(--font-size-base);
  color: var(--text-primary);
  font-style: italic;
  margin: 0;
  line-height: var(--leading-relaxed);
}
.sovereign-ai-page .sa-query-card__a {
  padding: var(--spacing-lg) var(--spacing-xl);
  background: var(--bg-card);
  background: color-mix(in srgb, var(--color-brand-amber) 6%, var(--bg-card));
}
.sovereign-ai-page .sa-query-card__response-label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand-amber);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--tracking-wide);
}
.sovereign-ai-page .sa-query-card__response-text {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.sovereign-ai-page .section-sa-regulated {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-regulated h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-regulated-lede {
  margin-top: var(--spacing-2xl);
  max-width: 54rem;
  padding-top: var(--spacing-lg);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.sovereign-ai-page .sa-regulated-lede__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-regulated-lede__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 46rem;
}
.sovereign-ai-page .sa-regulated-list {
  list-style: none;
  padding: 0;
  margin: var(--spacing-3xl) 0 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid color-mix(in srgb, var(--border-color-light) 88%, transparent);
}
.sovereign-ai-page .sa-regulated-item {
  display: grid;
  grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);
  gap: var(--spacing-2xl);
  align-items: start;
  padding: var(--spacing-xl) 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-color-light) 88%, transparent);
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-regulated-item {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
}
.sovereign-ai-page .sa-regulated-item__rail {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.sovereign-ai-page .sa-regulated-item__icon {
  width: 22px;
  height: 22px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
  margin-top: 2px;
}
.sovereign-ai-page .sa-regulated-item__sector {
  margin: 0 0 var(--spacing-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-regulated-item__title {
  margin: 0;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-regulated-item__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 50rem;
}
.sovereign-ai-page .section-sa-ciso {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.sovereign-ai-page .section-sa-ciso h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-ciso-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin: var(--spacing-2xl) 0 var(--spacing-3xl);
}
.sovereign-ai-page .sa-ciso-strip__item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-ciso-strip__item .lucide-icon {
  width: 12px;
  height: 12px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.sovereign-ai-page .sa-ciso-intro {
  margin-top: 0;
  max-width: 56rem;
  padding-top: var(--spacing-lg);
  border-top: 1px solid color-mix(in srgb, var(--color-brand-amber) 18%, var(--border-color-light));
}
.sovereign-ai-page .sa-ciso-intro__label {
  margin: 0 0 var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-ciso-intro__body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 48rem;
}
.sovereign-ai-page .sa-ciso-specs {
  list-style: none;
  padding: 0;
  margin: var(--spacing-3xl) 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacing-2xl);
  row-gap: 0;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-ciso-specs {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-ciso-spec {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: var(--spacing-md);
  padding: var(--spacing-lg) 0 var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--border-color-light) 88%, transparent);
  align-items: start;
}
.sovereign-ai-page .sa-ciso-spec__index {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1;
  color: color-mix(in srgb, var(--color-brand-amber) 62%, transparent);
  padding-top: 2px;
}
.sovereign-ai-page .sa-ciso-spec__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-ciso-spec__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.sovereign-ai-page .sa-ciso-spec__icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-amber);
  flex-shrink: 0;
}
.sovereign-ai-page .sa-ciso-spec__label {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
}
.sovereign-ai-page .sa-ciso-spec__desc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.sovereign-ai-page .sa-ciso-package {
  position: relative;
  overflow: hidden;
  background: var(--amber-700);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  margin-top: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.sovereign-ai-page .sa-ciso-package::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='white'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 20px 20px;
  opacity: 0.025;
  pointer-events: none;
}
.sovereign-ai-page .sa-ciso-package__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.sovereign-ai-page .sa-ciso-package__icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sovereign-ai-page .sa-ciso-package__icon {
  width: 22px;
  height: 22px;
  color: var(--amber-300);
}
.sovereign-ai-page .sa-ciso-package__label {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--amber-300);
  margin: 0;
}
.sovereign-ai-page .sa-ciso-package__body {
  position: relative;
  z-index: 1;
  color: var(--amber-100);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 680px;
}
.sovereign-ai-page .sa-ciso-package__cta {
  position: relative;
  z-index: 1;
  align-self: flex-start;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-ciso-package__cta {
    align-self: stretch;
    text-align: center;
  }
}
.sovereign-ai-page .section-sa-cta {
  background: var(--amber-700);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid color-mix(in srgb, var(--amber-300) 20%, transparent);
}
.sovereign-ai-page .section-sa-cta h2 {
  margin: 0;
  max-width: 14ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--color-white);
}
.sovereign-ai-page .sa-cta-subhead {
  max-width: 600px;
  margin: var(--spacing-lg) 0 0;
  color: var(--amber-100);
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-lg);
}
.sovereign-ai-page .sa-cta-paths {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin: var(--spacing-3xl) 0;
}
@media (max-width: 768px) {
  .sovereign-ai-page .sa-cta-paths {
    grid-template-columns: 1fr;
  }
}
.sovereign-ai-page .sa-cta-path {
  background: var(--bg-raised);
  border: 1px solid color-mix(in srgb, var(--color-gray-900) 10%, var(--border-color-light));
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  color: var(--color-gray-900);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.sovereign-ai-page .sa-cta-path:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--color-gray-900) 18%, var(--border-color-light));
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}
.sovereign-ai-page .sa-cta-path__icon {
  width: 28px;
  height: 28px;
  color: var(--color-brand-amber);
}
.sovereign-ai-page .sa-cta-path__heading {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  line-height: var(--leading-snug);
}
.sovereign-ai-page .sa-cta-path__body {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  flex: 1;
  margin: 0;
}

.loyalty-audit-page .la-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-accent);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-accent);
}
.loyalty-audit-page .la-subhead {
  margin: var(--spacing-3xl) 0 var(--spacing-xl);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  text-align: center;
}
.loyalty-audit-page .la-problem-list {
  margin-top: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
}
.loyalty-audit-page .la-problem-row {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--spacing-3xl);
  padding: var(--spacing-2xl) 0;
  border-bottom: 1px solid var(--border-color-light);
  align-items: baseline;
}
.loyalty-audit-page .la-problem-row:first-child {
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-problem-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.loyalty-audit-page .la-problem-term {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  line-height: var(--leading-snug);
  padding-right: var(--spacing-xl);
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-problem-term {
    border-right: none;
    border-bottom: none;
    padding-right: 0;
  }
}
.loyalty-audit-page .la-problem-def {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 68ch;
}
.loyalty-audit-page .la-spectrum-cards {
  margin: var(--spacing-3xl) 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-color-light);
  display: flex;
  flex-direction: column;
}
.loyalty-audit-page .la-spectrum-row {
  display: grid;
  gap: 0;
}
.loyalty-audit-page .la-spectrum-row--top {
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-spectrum-row--top {
    grid-template-columns: 1fr;
  }
}
.loyalty-audit-page .la-spectrum-row--bottom {
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-spectrum-row--bottom {
    grid-template-columns: 1fr;
  }
}
.loyalty-audit-page .la-stage-card {
  padding: var(--spacing-xl);
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  align-content: start;
  height: 100%;
  gap: var(--spacing-sm);
  border-right: 1px solid var(--border-color-light);
}
.loyalty-audit-page .la-stage-card:last-child {
  border-right: none;
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-stage-card {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
  .loyalty-audit-page .la-stage-card:last-child {
    border-bottom: none;
  }
}
.loyalty-audit-page .la-stage-card__num {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.loyalty-audit-page .la-stage-card__label {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-extrabold);
  margin: 0;
}
.loyalty-audit-page .la-stage-card__desc {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  align-self: stretch;
  margin: 0;
}
.loyalty-audit-page .la-stage-card__signs {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  margin: 0;
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-sm);
}
.loyalty-audit-page .la-stage-card__signs strong {
  font-weight: var(--font-weight-bold);
}
.loyalty-audit-page .la-stage-card--1,
.loyalty-audit-page .la-stage-card--2 {
  background: var(--bg-card);
}
.loyalty-audit-page .la-stage-card--1 .la-stage-card__num,
.loyalty-audit-page .la-stage-card--2 .la-stage-card__num {
  color: var(--text-tertiary);
}
.loyalty-audit-page .la-stage-card--1 .la-stage-card__label,
.loyalty-audit-page .la-stage-card--2 .la-stage-card__label {
  color: var(--text-secondary);
}
.loyalty-audit-page .la-stage-card--1 .la-stage-card__desc,
.loyalty-audit-page .la-stage-card--1 .la-stage-card__signs,
.loyalty-audit-page .la-stage-card--2 .la-stage-card__desc,
.loyalty-audit-page .la-stage-card--2 .la-stage-card__signs {
  color: var(--text-tertiary);
}
.loyalty-audit-page .la-stage-card--3 {
  background: color-mix(in srgb, var(--color-accent) 6%, var(--bg-card));
}
.loyalty-audit-page .la-stage-card--3 .la-stage-card__num {
  color: var(--color-accent);
}
.loyalty-audit-page .la-stage-card--3 .la-stage-card__label {
  color: var(--text-primary);
}
.loyalty-audit-page .la-stage-card--3 .la-stage-card__desc,
.loyalty-audit-page .la-stage-card--3 .la-stage-card__signs {
  color: var(--text-primary);
}
.loyalty-audit-page .la-stage-card--4 {
  background: color-mix(in srgb, var(--color-accent) 12%, var(--bg-card));
}
.loyalty-audit-page .la-stage-card--4 .la-stage-card__num {
  color: var(--color-accent);
  font-weight: var(--font-weight-extrabold);
}
.loyalty-audit-page .la-stage-card--4 .la-stage-card__label {
  color: var(--text-primary);
}
.loyalty-audit-page .la-stage-card--4 .la-stage-card__desc,
.loyalty-audit-page .la-stage-card--4 .la-stage-card__signs {
  color: var(--text-primary);
}
.loyalty-audit-page .la-stage-card--5 {
  background: color-mix(in srgb, var(--color-accent) 20%, var(--bg-card));
  border-top: 3px solid var(--color-accent);
}
.loyalty-audit-page .la-stage-card--5 .la-stage-card__num {
  color: var(--color-accent);
  font-weight: var(--font-weight-extrabold);
}
.loyalty-audit-page .la-stage-card--5 .la-stage-card__label {
  color: var(--text-primary);
}
.loyalty-audit-page .la-stage-card--5 .la-stage-card__desc {
  color: var(--text-primary);
}
.loyalty-audit-page .la-stage-card--5 .la-stage-card__signs {
  color: var(--text-secondary);
}
.loyalty-audit-page .la-dimensions-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--spacing-2xl);
}
.loyalty-audit-page .la-dim-th {
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 2px solid var(--border-color-light);
}
.loyalty-audit-page .la-dim-th--num {
  width: 48px;
  color: var(--color-brand-green);
}
.loyalty-audit-page .la-dim-row {
  border-bottom: 1px solid var(--border-color-light);
  transition: var(--transition-base);
}
.loyalty-audit-page .la-dim-row:last-child {
  border-bottom: none;
}
.loyalty-audit-page .la-dim-row:hover {
  background-color: color-mix(in srgb, var(--color-brand-green) 4%, transparent);
}
.loyalty-audit-page .la-dim-num {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  padding: var(--spacing-lg) var(--spacing-md);
  vertical-align: top;
  white-space: nowrap;
}
.loyalty-audit-page .la-dim-name {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  vertical-align: top;
  width: 220px;
  white-space: nowrap;
}
.loyalty-audit-page .la-dim-desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  padding: var(--spacing-lg) var(--spacing-md);
  vertical-align: top;
}
[data-theme=dark] .loyalty-audit-page .la-dim-th,
[data-theme=dark] .loyalty-audit-page .la-dim-row td {
  border-color: var(--border-color);
}
[data-theme=dark] .loyalty-audit-page .la-dim-row:hover {
  background-color: var(--bg-raised);
}

.loyalty-audit-page .la-deliverables-wrap {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-top: var(--spacing-3xl);
}
.loyalty-audit-page .la-deliverables-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.4fr;
  gap: 0;
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-deliverables-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-deliverables-grid {
    grid-template-columns: 1fr;
  }
}
.loyalty-audit-page .la-deliverable {
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  border-right: 1px solid var(--border-color-light);
}
.loyalty-audit-page .la-deliverable:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-deliverable {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
  .loyalty-audit-page .la-deliverable:nth-child(odd) {
    border-right: 1px solid var(--border-color-light);
  }
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-deliverable {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
  .loyalty-audit-page .la-deliverable:last-child {
    border-bottom: none;
  }
}
.loyalty-audit-page .la-deliverable--04 {
  background-color: color-mix(in srgb, var(--color-brand-green) 5%, var(--bg-card));
  border-left: 3px solid var(--color-brand-green);
}
.loyalty-audit-page .la-deliverable__num {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.loyalty-audit-page .la-deliverable--04 .la-deliverable__num {
  color: var(--color-brand-green);
}
.loyalty-audit-page .la-deliverable__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
}
.loyalty-audit-page .la-deliverable__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  flex: 1;
}
.loyalty-audit-page .la-deliverable__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  background-color: color-mix(in srgb, var(--color-brand-green) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-brand-green) 30%, transparent);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-brand-green);
  margin-top: auto;
  width: fit-content;
}
.loyalty-audit-page .la-timeline-footer {
  border-top: 1px solid var(--border-color-light);
  background-color: var(--bg-muted);
  padding: var(--spacing-xl) var(--spacing-2xl);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-2xl);
  flex-wrap: wrap;
}
.loyalty-audit-page .la-timeline-footer__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  white-space: nowrap;
  flex-shrink: 0;
}
.loyalty-audit-page .la-timeline-footer__steps {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
  flex: 1;
}
.loyalty-audit-page .la-timeline-step {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.loyalty-audit-page .la-timeline-step__name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.loyalty-audit-page .la-timeline-step__duration {
  font-size: var(--font-size-xs);
  color: var(--color-brand-green);
  font-weight: var(--font-weight-semibold);
}
.loyalty-audit-page .la-timeline-footer__arrow {
  color: var(--text-tertiary);
  font-size: var(--font-size-lg);
  flex-shrink: 0;
}
.loyalty-audit-page .la-timeline-footer__total {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  font-style: italic;
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-timeline-footer__total {
    margin-left: 0;
    width: 100%;
  }
}
.loyalty-audit-page .section-advisory-cta .advisory-cta-header h2 {
  color: var(--color-white);
}
.loyalty-audit-page .section-advisory-cta .la-cta-intro {
  color: rgba(255, 255, 255, 0.75);
}
.loyalty-audit-page .la-situations {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-3xl);
}
.loyalty-audit-page .la-situation {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: var(--spacing-2xl);
  padding: var(--spacing-3xl) 0;
  border-bottom: 1px solid var(--border-color-light);
  align-items: baseline;
}
.loyalty-audit-page .la-situation:first-child {
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-situation {
    grid-template-columns: 48px 1fr;
    gap: var(--spacing-lg);
    padding: var(--spacing-2xl) 0;
  }
}
.loyalty-audit-page .la-situation__num {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-green);
  opacity: 0.85;
  line-height: 1;
  letter-spacing: -0.04em;
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-situation__num {
    font-size: var(--font-size-3xl);
  }
}
.loyalty-audit-page .la-situation__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.loyalty-audit-page .la-situation__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-tight);
  margin: 0;
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-situation__title {
    font-size: var(--font-size-xl);
  }
}
.loyalty-audit-page .la-situation__body {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 72ch;
}
@media (max-width: 768px) {
  .loyalty-audit-page .la-situation__body {
    font-size: var(--font-size-base);
  }
}
.loyalty-audit-page .la-pathways {
  margin-top: var(--spacing-3xl);
}
.loyalty-audit-page .la-pathways__connector {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  margin-bottom: 0;
}
.loyalty-audit-page .la-pathways__connector-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  white-space: nowrap;
  flex-shrink: 0;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: color-mix(in srgb, var(--color-brand-green) 8%, transparent);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  border: 1px solid color-mix(in srgb, var(--color-brand-green) 20%, transparent);
  border-bottom: none;
}
.loyalty-audit-page .la-pathways__connector-line {
  height: 2px;
  flex: 1;
  background: linear-gradient(to right, color-mix(in srgb, var(--color-brand-green) 40%, transparent), color-mix(in srgb, var(--color-brand-green) 10%, transparent));
}
.loyalty-audit-page .la-pathways__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid color-mix(in srgb, var(--color-brand-green) 20%, transparent);
  border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg);
  overflow: hidden;
  border-top: 3px solid var(--color-brand-green);
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-pathways__grid {
    grid-template-columns: 1fr;
    border-radius: var(--radius-lg);
  }
}
.loyalty-audit-page .la-pathway {
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  border-right: 1px solid var(--border-color-light);
  background-color: var(--bg-card);
}
.loyalty-audit-page .la-pathway:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .loyalty-audit-page .la-pathway {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
  .loyalty-audit-page .la-pathway:last-child {
    border-bottom: none;
  }
}
.loyalty-audit-page .la-pathway__route {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
}
.loyalty-audit-page .la-pathway__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
}
.loyalty-audit-page .la-pathway__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  flex: 1;
}
.loyalty-audit-page .la-pathway__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  text-decoration: none;
  margin-top: auto;
}
.loyalty-audit-page .la-pathway__cta:hover {
  text-decoration: underline;
}
[data-theme=dark] .loyalty-audit-page .la-deliverable--04 {
  background-color: color-mix(in srgb, var(--color-brand-green) 8%, var(--bg-raised));
}
[data-theme=dark] .loyalty-audit-page .la-timeline-footer {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
}
[data-theme=dark] .loyalty-audit-page .la-deliverable {
  border-color: var(--border-color);
}
[data-theme=dark] .loyalty-audit-page .la-pathways__grid {
  border-color: color-mix(in srgb, var(--color-brand-green) 30%, transparent);
}
[data-theme=dark] .loyalty-audit-page .la-pathway {
  background-color: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme=dark] .loyalty-audit-page .la-pathways__connector-label {
  background-color: color-mix(in srgb, var(--color-brand-green) 12%, transparent);
  border-color: color-mix(in srgb, var(--color-brand-green) 25%, transparent);
}

.loyalty-audit-page .la-qualifying {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-2xl);
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-accent);
}
.loyalty-audit-page .la-qualifying__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}
.loyalty-audit-page .la-qualifying__intro {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--leading-relaxed);
}
.loyalty-audit-page .la-qualifying-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.loyalty-audit-page .la-qualifying-list li {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  padding-left: var(--spacing-xl);
  position: relative;
}
.loyalty-audit-page .la-qualifying-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
}
.loyalty-audit-page .step-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.loyalty-audit-page .step-badge i {
  width: 16px;
  height: 16px;
  color: var(--color-accent);
}
.loyalty-audit-page .loyalty-audit-page .advisory-proof-card {
  margin-top: var(--spacing-2xl);
}
.loyalty-audit-page .loyalty-audit-page .advisory-cta-card .la-cta-quote-icon {
  color: var(--color-accent);
  width: 32px;
  height: 32px;
  margin-bottom: var(--spacing-md);
  opacity: 0.5;
}
.loyalty-audit-page .loyalty-audit-page .advisory-cta-card .la-cta-quote {
  font-size: var(--font-size-lg);
  font-style: italic;
  color: var(--text-primary);
}
.loyalty-audit-page .loyalty-audit-page .advisory-cta-card .la-cta-attribution {
  font-weight: var(--font-weight-bold);
  margin-top: var(--spacing-md);
  color: var(--text-secondary);
}
.loyalty-audit-page .loyalty-audit-page .advisory-cta-card .btn {
  margin-top: var(--spacing-lg);
}

.platform-architecture-page .pa-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-green);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
}
.section-pa-hero .platform-architecture-page .pa-eyebrow {
  color: var(--color-brand-green);
  border-left-color: var(--color-brand-green);
}
.platform-architecture-page .pa-section-intro {
  margin: var(--spacing-lg) 0 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.platform-architecture-page .section-pa-hero {
  position: relative;
}
.platform-architecture-page .pa-hero-inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.platform-architecture-page .pa-hero-inner .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.platform-architecture-page .pa-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-hero-grid {
    grid-template-columns: 1fr;
  }
}
.platform-architecture-page .pa-hero-headline {
  font-size: var(--font-size-display-sm);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin: var(--spacing-xl) 0;
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-hero-headline {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-hero-headline {
    font-size: var(--font-size-4xl);
  }
}
.platform-architecture-page .pa-hero-lead {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--blue-100);
  opacity: 0.9;
  margin-bottom: var(--spacing-lg);
  max-width: 60ch;
}
.platform-architecture-page .pa-hero-visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-hero-visual {
    margin-top: var(--spacing-2xl);
  }
}
.platform-architecture-page .pa-proof-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: var(--spacing-2xl);
  position: relative;
  overflow: hidden;
}
.platform-architecture-page .pa-proof-card .pa-proof-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.platform-architecture-page .pa-proof-card .pa-proof-card__header .lucide-icon {
  color: var(--color-brand-green);
  width: 24px;
  height: 24px;
  stroke-width: 2;
}
.platform-architecture-page .pa-proof-card .pa-proof-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  margin: 0;
}
.platform-architecture-page .pa-proof-card .pa-proof-card__body {
  color: var(--color-white);
  opacity: 0.85;
  margin: 0;
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-base);
}
.platform-architecture-page .pa-phase-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.platform-architecture-page .pa-phase-label__num {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
  background: var(--bg-raised);
  background: color-mix(in srgb, var(--color-brand-green) 12%, var(--bg-card));
  padding: 2px var(--spacing-sm);
  border-radius: var(--radius-full);
}
.platform-architecture-page .pa-phase-label__name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
}
.platform-architecture-page .section-pa-problem {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.platform-architecture-page .section-pa-problem h2 {
  margin: 0;
  max-width: 20ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.platform-architecture-page .pa-problem-list {
  margin-top: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
}
.platform-architecture-page .pa-problem-row {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--spacing-3xl);
  padding: var(--spacing-2xl) 0;
  border-bottom: 1px solid var(--border-color-light);
  align-items: baseline;
}
.platform-architecture-page .pa-problem-row:first-child {
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-problem-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.platform-architecture-page .pa-problem-term {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  line-height: var(--leading-snug);
  padding-right: var(--spacing-xl);
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-problem-term {
    border-right: none;
    padding-right: 0;
  }
}
.platform-architecture-page .pa-problem-def {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 68ch;
}
.platform-architecture-page .section-pa-requirements {
  border-top: 1px solid var(--border-color-light);
}
.platform-architecture-page .section-pa-requirements h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.platform-architecture-page .section-pa-requirements,
.platform-architecture-page .section-pa-current {
  background-color: var(--bg-muted);
  padding: var(--spacing-5xl) 0;
  position: relative;
  overflow: hidden;
}
.platform-architecture-page .section-pa-requirements::before,
.platform-architecture-page .section-pa-current::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, var(--border-color-light) 1px, transparent 0);
  background-size: 24px 24px;
  opacity: 0.5;
  pointer-events: none;
}
.platform-architecture-page .pa-phase-block {
  position: relative;
  z-index: 1;
}
.platform-architecture-page .pa-phase-block__header {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
  margin-bottom: var(--spacing-4xl);
  padding-bottom: var(--spacing-3xl);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-phase-block__header {
    grid-template-columns: 64px 1fr;
    gap: var(--spacing-xl);
  }
}
.platform-architecture-page .pa-phase-block__num {
  font-family: var(--font-display);
  font-size: 7rem;
  font-weight: var(--font-weight-extrabold);
  line-height: 1;
  letter-spacing: -0.06em;
  color: var(--color-brand-green);
  opacity: 0.85;
  margin-top: -0.15em;
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-phase-block__num {
    font-size: 4rem;
  }
}
.platform-architecture-page .pa-phase-block__label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  margin-bottom: var(--spacing-sm);
}
.platform-architecture-page .pa-phase-block__title {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-tight);
  margin: 0 0 var(--spacing-md);
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-phase-block__title {
    font-size: var(--font-size-2xl);
  }
}
.platform-architecture-page .pa-phase-block__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 60ch;
  margin: 0;
}
.platform-architecture-page .pa-phase-block__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-phase-block__items {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.platform-architecture-page .pa-phase-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-left: var(--spacing-xl);
  border-left: 2px solid var(--color-brand-green);
}
.platform-architecture-page .pa-phase-item__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.platform-architecture-page .pa-phase-item__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.platform-architecture-page .section-pa-current {
  border-top: 1px solid var(--border-color-light);
}
.platform-architecture-page .section-pa-current h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.platform-architecture-page [data-theme=dark] .section-pa-requirements,
.platform-architecture-page [data-theme=dark] .section-pa-current {
  background-color: var(--bg-raised);
}
.platform-architecture-page [data-theme=dark] .section-pa-requirements::before,
.platform-architecture-page [data-theme=dark] .section-pa-current::before {
  opacity: 0.2;
}
.platform-architecture-page [data-theme=dark] .pa-phase-block__header {
  border-color: var(--border-color);
}
.platform-architecture-page [data-theme=dark] .pa-phase-item {
  border-color: color-mix(in srgb, var(--color-brand-green) 50%, transparent);
}
.platform-architecture-page .section-pa-matrix {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.platform-architecture-page .section-pa-matrix h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.platform-architecture-page .pa-matrix-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-matrix-grid {
    grid-template-columns: 1fr;
  }
}
.platform-architecture-page .pa-matrix-item {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.platform-architecture-page .pa-matrix-item:hover {
  border-color: var(--color-brand-green);
  transform: translateY(-2px);
}
.platform-architecture-page .pa-matrix-item__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.platform-architecture-page .pa-matrix-item__header .lucide-icon {
  color: var(--color-brand-green);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.platform-architecture-page .pa-matrix-item__header h3 {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.platform-architecture-page .pa-matrix-item__q {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  font-style: italic;
  line-height: var(--leading-relaxed);
  margin: 0;
}
.platform-architecture-page .pa-matrix-item__reveal {
  margin-top: auto;
  padding: var(--spacing-lg);
  background: color-mix(in srgb, var(--color-brand-green) 5%, var(--bg-raised));
  border-radius: var(--radius-md);
  min-height: 115px;
}
.platform-architecture-page .pa-matrix-item__reveal .reveal-label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-brand-green);
  margin-bottom: var(--spacing-xs);
}
.platform-architecture-page .pa-matrix-item__reveal p {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  line-height: var(--leading-normal);
}
.platform-architecture-page .section-pa-scenarios {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.platform-architecture-page .section-pa-scenarios h2 {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.platform-architecture-page .pa-scenarios-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-md);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-scenarios-track {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .platform-architecture-page .pa-scenarios-track {
    grid-template-columns: 1fr;
  }
}
.platform-architecture-page .pa-scenario {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  padding: var(--spacing-xl);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  position: relative;
  overflow: hidden;
  transition: var(--transition-base);
}
.platform-architecture-page .pa-scenario:hover {
  border-color: var(--color-brand-green);
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
@media (max-width: 768px) {
  .platform-architecture-page .pa-scenario {
    grid-row: auto;
    grid-template-rows: auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
}
.platform-architecture-page .pa-scenario__bar {
  height: 4px;
  width: var(--bar-width, 100%);
  background: var(--color-brand-green);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.platform-architecture-page .pa-scenario--d .pa-scenario__bar {
  opacity: 0.5;
}
.platform-architecture-page .pa-scenario__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-sm);
}
.platform-architecture-page .pa-scenario__letter {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-green);
  line-height: 1;
}
.platform-architecture-page .pa-scenario__title {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.platform-architecture-page .pa-scenario__title .lucide-icon {
  width: 18px;
  height: 18px;
  color: var(--color-brand-green);
}
.platform-architecture-page .pa-scenario__desc {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.platform-architecture-page .pa-scenario__favorable,
.platform-architecture-page .pa-scenario__considerations {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.platform-architecture-page .pa-scenario__favorable p,
.platform-architecture-page .pa-scenario__considerations p {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  line-height: var(--leading-relaxed);
  margin: var(--spacing-xs) 0 0 0;
}
.platform-architecture-page .pa-scenario__tag {
  display: inline-block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  padding: 1px var(--spacing-sm);
  border-radius: var(--radius-full);
}
.platform-architecture-page .pa-scenario__tag--green {
  color: var(--color-brand-green);
  background: color-mix(in srgb, var(--color-brand-green) 12%, var(--bg-card));
}
.platform-architecture-page .pa-scenario__tag--muted {
  color: var(--text-tertiary);
  background: var(--color-gray-100);
}
.platform-architecture-page .section-pa-deliverables {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.platform-architecture-page .section-pa-deliverables h2 {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.platform-architecture-page .pa-deliv-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .platform-architecture-page .pa-deliv-grid {
    grid-template-columns: 1fr;
  }
}
.platform-architecture-page .pa-deliv-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-left: 3px solid var(--color-brand-green);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  position: relative;
  overflow: hidden;
  transition: var(--transition-base);
}
.platform-architecture-page .pa-deliv-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.platform-architecture-page .pa-deliv-card .lucide-icon {
  display: none;
}
.platform-architecture-page .pa-deliv-card h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  position: relative;
  z-index: 1;
}
.platform-architecture-page .pa-deliv-card p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  position: relative;
  z-index: 1;
}
.platform-architecture-page .pa-deliv-card__header {
  position: relative;
}
.platform-architecture-page .pa-deliv-card__header .pa-deliv-card__num {
  font-family: var(--font-display);
  font-size: 5rem;
  font-weight: var(--font-weight-extrabold);
  line-height: 1;
  letter-spacing: -0.06em;
  color: var(--color-brand-green);
  opacity: 0.12;
  position: absolute;
  top: var(--spacing-md);
  right: var(--spacing-xl);
  pointer-events: none;
}
.platform-architecture-page [data-theme=dark] .pa-deliv-card {
  background-color: var(--bg-card);
  border-color: var(--border-color);
  border-left-color: var(--color-brand-green);
}
.platform-architecture-page .pa-who-conducts,
.platform-architecture-page .pa-advisory-note,
.platform-architecture-page .pa-conductor-callout,
.platform-architecture-page [class*=conducts] {
  background-color: color-mix(in srgb, var(--color-brand-green) 5%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-green) 20%, transparent);
  border-left: 3px solid var(--color-brand-green);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  margin-top: var(--spacing-2xl);
}
.platform-architecture-page .pa-who-conducts p,
.platform-architecture-page .pa-advisory-note p,
.platform-architecture-page .pa-conductor-callout p,
.platform-architecture-page [class*=conducts] p {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  margin: 0;
  max-width: 72ch;
}
.platform-architecture-page .pa-who-conducts .pa-advisory-note__label,
.platform-architecture-page .pa-who-conducts .pa-conductor-callout__label,
.platform-architecture-page .pa-who-conducts [class*=label],
.platform-architecture-page .pa-who-conducts span:first-child,
.platform-architecture-page .pa-advisory-note .pa-advisory-note__label,
.platform-architecture-page .pa-advisory-note .pa-conductor-callout__label,
.platform-architecture-page .pa-advisory-note [class*=label],
.platform-architecture-page .pa-advisory-note span:first-child,
.platform-architecture-page .pa-conductor-callout .pa-advisory-note__label,
.platform-architecture-page .pa-conductor-callout .pa-conductor-callout__label,
.platform-architecture-page .pa-conductor-callout [class*=label],
.platform-architecture-page .pa-conductor-callout span:first-child,
.platform-architecture-page [class*=conducts] .pa-advisory-note__label,
.platform-architecture-page [class*=conducts] .pa-conductor-callout__label,
.platform-architecture-page [class*=conducts] [class*=label],
.platform-architecture-page [class*=conducts] span:first-child {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  margin-bottom: var(--spacing-lg);
}
.platform-architecture-page .pa-conductor-callout__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}
.platform-architecture-page .pa-conductor-callout__header .lucide-icon {
  color: var(--color-brand-green);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke-width: 2;
}
.platform-architecture-page .pa-conductor-callout__label {
  margin: 0;
}
.platform-architecture-page .pa-conductor-callout__body {
  max-width: 72ch;
}
.platform-architecture-page [data-theme=dark] .pa-who-conducts,
.platform-architecture-page [data-theme=dark] .pa-advisory-note,
.platform-architecture-page [data-theme=dark] .pa-conductor-callout,
.platform-architecture-page [data-theme=dark] [class*=conducts] {
  background-color: color-mix(in srgb, var(--color-brand-green) 8%, var(--bg-raised));
  border-color: color-mix(in srgb, var(--color-brand-green) 25%, transparent);
  border-left-color: var(--color-brand-green);
}
.platform-architecture-page .section-pa-cta {
  background: var(--hero-gradient);
  padding: var(--spacing-5xl) 0;
  color: var(--color-white);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.platform-architecture-page .section-pa-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
  pointer-events: none;
}
.platform-architecture-page .section-pa-cta .container {
  position: relative;
  z-index: 1;
}
.platform-architecture-page .section-pa-cta h2 {
  margin: 0 auto;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  color: var(--color-white);
}
.platform-architecture-page .pa-cta__subhead {
  margin: var(--spacing-xl) auto 0;
  max-width: 800px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--blue-100);
}
.platform-architecture-page .pa-cta-quote {
  margin: var(--spacing-3xl) auto;
  max-width: 900px;
  padding: var(--spacing-2xl);
  background: var(--bg-card);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  font-style: italic;
}
.platform-architecture-page .pa-cta-quote a {
  margin-top: var(--spacing-lg);
}

.program-economics-page .pe-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-green);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
}
.section-pe-hero .program-economics-page .pe-eyebrow {
  color: var(--color-brand-green);
  border-left-color: var(--color-brand-green);
}
.program-economics-page .pe-section-intro {
  margin: var(--spacing-lg) 0 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.program-economics-page .section-pe-hero {
  position: relative;
}
.program-economics-page .pe-hero-inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.program-economics-page .pe-hero-inner .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .program-economics-page .pe-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.program-economics-page .pe-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
  min-width: 0;
}
@media (max-width: 992px) {
  .program-economics-page .pe-hero-grid {
    grid-template-columns: 1fr;
  }
}
.program-economics-page .pe-hero-content {
  min-width: 0;
}
.program-economics-page .pe-hero-content h1 {
  font-size: var(--font-size-display-sm);
  line-height: var(--leading-tight);
  color: var(--color-white);
  margin: var(--spacing-xl) 0;
}
@media (max-width: 992px) {
  .program-economics-page .pe-hero-content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .program-economics-page .pe-hero-content h1 {
    font-size: var(--font-size-4xl);
  }
}
.program-economics-page .pe-hero-intro {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  opacity: 0.9;
  margin-bottom: var(--spacing-lg);
  max-width: 60ch;
}
.program-economics-page .pe-hero-visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl);
  min-width: 0;
}
@media (max-width: 992px) {
  .program-economics-page .pe-hero-visual {
    margin-top: var(--spacing-2xl);
  }
}
.program-economics-page .pe-proof-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: var(--spacing-2xl);
  position: relative;
  overflow: hidden;
}
.program-economics-page .pe-proof-card .pe-proof-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.program-economics-page .pe-proof-card .pe-proof-card__header .lucide-icon {
  color: var(--color-brand-green);
  width: 24px;
  height: 24px;
  stroke-width: 2;
}
.program-economics-page .pe-proof-card .pe-proof-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  margin: 0;
}
.program-economics-page .pe-proof-card .pe-proof-card__body {
  color: var(--color-white);
  opacity: 0.85;
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-base);
}
.program-economics-page .pe-proof-card .pe-proof-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  padding-top: var(--spacing-md);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.program-economics-page .pe-proof-card .pe-proof-card__footer .proof-stat {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.program-economics-page .pe-proof-card .pe-proof-card__footer .proof-tag {
  font-size: var(--font-size-xs);
  color: var(--blue-100);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
}
.program-economics-page .section-pe-problem {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.program-economics-page .section-pe-problem h2 {
  margin: 0;
  max-width: 20ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.program-economics-page .pe-problem-list {
  margin-top: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
}
.program-economics-page .pe-problem-row {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--spacing-3xl);
  padding: var(--spacing-2xl) 0;
  border-bottom: 1px solid var(--border-color-light);
  align-items: baseline;
}
.program-economics-page .pe-problem-row:first-child {
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .program-economics-page .pe-problem-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.program-economics-page .pe-problem-term {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  line-height: var(--leading-snug);
  padding-right: var(--spacing-xl);
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .program-economics-page .pe-problem-term {
    border-right: none;
    padding-right: 0;
  }
}
.program-economics-page .pe-problem-def {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 68ch;
}
.program-economics-page .section-pe-model {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.program-economics-page .section-pe-model h2 {
  margin: 0;
  max-width: 20ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.program-economics-page .pe-model-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--spacing-2xl);
}
.program-economics-page .pe-model-th {
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 2px solid var(--border-color-light);
}
.program-economics-page .pe-model-th--num {
  width: 48px;
  color: var(--color-brand-green);
}
.program-economics-page .pe-model-row {
  border-bottom: 1px solid var(--border-color-light);
  transition: var(--transition-base);
}
.program-economics-page .pe-model-row:last-child {
  border-bottom: none;
}
.program-economics-page .pe-model-row:hover {
  background-color: color-mix(in srgb, var(--color-brand-green) 4%, transparent);
}
.program-economics-page .pe-model-num {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  padding: var(--spacing-lg) var(--spacing-md);
  vertical-align: top;
  white-space: nowrap;
}
.program-economics-page .pe-model-name {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  vertical-align: top;
  width: 220px;
  white-space: normal;
  text-wrap: balance;
}
.program-economics-page .pe-model-desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  padding: var(--spacing-lg) var(--spacing-md);
  vertical-align: top;
}
.program-economics-page .section-pe-deliverables {
  background: var(--bg-muted);
  padding: var(--spacing-5xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.program-economics-page .section-pe-deliverables h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.program-economics-page .pe-deliverables-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.program-economics-page .pe-deliverables-container {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-top: var(--spacing-3xl);
}
.program-economics-page .pe-deliverables-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .program-economics-page .pe-deliverables-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .program-economics-page .pe-deliverables-grid {
    grid-template-columns: 1fr;
  }
}
.program-economics-page .pe-deliverable-card {
  padding: var(--spacing-2xl);
  border-right: 1px solid var(--border-color-light);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.program-economics-page .pe-deliverable-card:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .program-economics-page .pe-deliverable-card {
    border-right: none;
    border-bottom: 1px solid var(--border-color-light);
  }
}
.program-economics-page .pe-deliverable-card h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.program-economics-page .pe-deliverable-card .lucide-icon {
  display: none;
}
.program-economics-page .pe-deliverable-card .pe-deliverable-card__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.program-economics-page .pe-deliverable-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.program-economics-page .pe-deliverable-card__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.program-economics-page .pe-deliverable-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  padding: var(--spacing-2xl);
  background-color: color-mix(in srgb, var(--color-brand-green) 5%, var(--bg-card));
  border-top: 3px solid var(--color-brand-green);
}
@media (max-width: 992px) {
  .program-economics-page .pe-deliverable-featured {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}
.program-economics-page .pe-deliverable-featured .lucide-icon {
  display: none;
}
.program-economics-page .pe-deliverable-featured__left {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.program-economics-page .pe-deliverable-featured__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.program-economics-page .pe-deliverable-featured__header .lucide-icon {
  width: 32px;
  height: 32px;
  color: var(--color-brand-green);
}
.program-economics-page .pe-deliverable-featured__badge {
  display: inline-flex;
  padding: 4px 10px;
  background-color: color-mix(in srgb, var(--color-brand-green) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-brand-green) 30%, transparent);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-brand-green);
  margin-bottom: var(--spacing-md);
}
.program-economics-page .pe-deliverable-featured__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md);
}
.program-economics-page .pe-deliverable-featured__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.program-economics-page .pe-deliverable-featured__right {
  border-left: 1px solid var(--border-color-light);
  padding-left: var(--spacing-2xl);
}
@media (max-width: 992px) {
  .program-economics-page .pe-deliverable-featured__right {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--border-color-light);
    padding-top: var(--spacing-xl);
  }
}
.program-economics-page .pe-deliverable-featured__includes-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-lg);
}
.program-economics-page .pe-deliverable-featured__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.program-economics-page .pe-deliverable-featured__list li {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}
.program-economics-page .pe-deliverable-featured__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-brand-green);
  font-weight: var(--font-weight-bold);
}
.program-economics-page .pe-timeline-strip {
  padding: var(--spacing-xl) var(--spacing-2xl);
  background-color: var(--bg-muted);
  border-top: 1px solid var(--border-color-light);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  text-align: center;
}
.program-economics-page .pe-timeline-strip__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
}
.program-economics-page .pe-timeline-strip__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xl);
  width: 100%;
  flex-wrap: wrap;
}
.program-economics-page .pe-timeline-strip__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
.program-economics-page .pe-timeline-strip__step-name {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  white-space: normal;
  text-wrap: balance;
}
.program-economics-page .pe-timeline-strip__step-detail {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
}
.program-economics-page .pe-timeline-strip__arrow {
  color: var(--text-tertiary);
  font-size: var(--font-size-base);
  flex-shrink: 0;
}
.program-economics-page .pe-timeline-strip__total {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  font-style: normal;
  padding-top: var(--spacing-xs);
  border-top: 1px solid var(--border-color-light);
  width: 100%;
  text-align: center;
}
[data-theme=dark] .program-economics-page .pe-model-th,
[data-theme=dark] .program-economics-page .pe-model-row td {
  border-color: var(--border-color);
}
[data-theme=dark] .program-economics-page .pe-model-row:hover {
  background-color: var(--bg-raised);
}
[data-theme=dark] .program-economics-page .pe-deliverables-container {
  border-color: var(--border-color);
}
[data-theme=dark] .program-economics-page .pe-deliverable-card,
[data-theme=dark] .program-economics-page .pe-deliverables-grid {
  border-color: var(--border-color);
}
[data-theme=dark] .program-economics-page .pe-deliverable-featured {
  background-color: color-mix(in srgb, var(--color-brand-green) 8%, var(--bg-raised));
}
[data-theme=dark] .program-economics-page .pe-timeline-strip {
  background-color: var(--bg-raised);
  border-color: var(--border-color);
}
.program-economics-page .section-pe-who {
  background: var(--bg-default);
  padding: var(--spacing-5xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.program-economics-page .section-pe-who h2 {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.program-economics-page .pe-who-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  gap: 0;
  background-color: var(--bg-raised);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .program-economics-page .pe-who-panel {
    grid-template-columns: 1fr;
  }
}
.program-economics-page .pe-buyer-card {
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  border-right: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
  position: relative;
}
.program-economics-page .pe-buyer-card:nth-child(2n) {
  border-right: none;
}
.program-economics-page .pe-buyer-card:nth-child(3), .program-economics-page .pe-buyer-card:nth-child(4) {
  border-bottom: none;
}
.program-economics-page .pe-buyer-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(to right, var(--color-brand-green), transparent);
  opacity: 0.4;
}
@media (max-width: 992px) {
  .program-economics-page .pe-buyer-card {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  .program-economics-page .pe-buyer-card:last-child {
    border-bottom: none;
  }
}
.program-economics-page .pe-buyer-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--text-primary);
}
.program-economics-page .pe-buyer-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  line-height: var(--leading-snug);
  margin: 0;
}
.program-economics-page .pe-buyer-card__question {
  font-size: var(--font-size-base);
  font-style: italic;
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.program-economics-page .pe-buyer-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: auto;
}
.program-economics-page .pe-buyer-card__list li {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}
.program-economics-page .pe-buyer-card__list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-brand-green);
  opacity: 0.7;
}
[data-theme=dark] .program-economics-page .pe-who-panel {
  background-color: var(--bg-active);
}
.program-economics-page .pe-who-quote--panel {
  grid-column: 1/-1;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: var(--spacing-3xl) var(--spacing-4xl);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
.program-economics-page .pe-who-quote--panel p {
  font-size: var(--font-size-xl);
  font-style: italic;
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  max-width: 68ch;
  margin: 0;
}
.program-economics-page .pe-who-quote--panel cite {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  font-style: normal;
}
.program-economics-page .pe-panel-quote {
  grid-column: 1/-1;
  border-top: 1px solid var(--border-color);
  padding: var(--spacing-3xl) var(--spacing-4xl);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}
.program-economics-page .pe-panel-quote p {
  font-size: var(--font-size-xl);
  font-style: italic;
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  max-width: 68ch;
  margin: 0;
}
.program-economics-page .pe-panel-quote cite {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  font-style: normal;
}
@media (max-width: 768px) {
  .program-economics-page .pe-model-table {
    display: block;
    margin-top: var(--spacing-xl);
  }
  .program-economics-page .pe-model-table thead {
    display: none;
  }
  .program-economics-page .pe-model-table tbody {
    display: grid;
    gap: var(--spacing-md);
  }
  .program-economics-page .pe-model-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--spacing-sm) var(--spacing-md);
    padding: var(--spacing-lg);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
  }
  .program-economics-page .pe-model-num,
  .program-economics-page .pe-model-name,
  .program-economics-page .pe-model-desc {
    display: block;
    padding: 0;
    width: auto;
  }
  .program-economics-page .pe-model-num {
    grid-column: 1;
    grid-row: 1;
    padding-top: 0.1rem;
  }
  .program-economics-page .pe-model-name {
    grid-column: 2;
    grid-row: 1;
  }
  .program-economics-page .pe-model-desc {
    grid-column: 1/-1;
    margin-top: var(--spacing-xs);
  }
}
@media (max-width: 576px) {
  .program-economics-page .pe-section-intro {
    font-size: var(--font-size-base);
    max-width: 32ch;
    text-wrap: pretty;
  }
  .program-economics-page .pe-hero-inner {
    padding-top: calc(var(--spacing-2xl) + 72px);
    padding-bottom: var(--spacing-2xl);
  }
  .program-economics-page .pe-hero-grid {
    gap: var(--spacing-xl);
  }
  .program-economics-page .pe-hero-content {
    width: 100%;
  }
  .program-economics-page .pe-hero-content h1 {
    max-width: 10ch;
    margin: var(--spacing-lg) 0;
    font-size: clamp(2rem, 10vw, 2.8rem);
    text-wrap: balance;
  }
  .program-economics-page .io-hero-lockup--advisory-hero {
    width: 100%;
    max-width: 100%;
  }
  .program-economics-page .io-hero-lockup--advisory-hero .vb-lockup {
    width: 100%;
    gap: 0.75rem;
  }
  .program-economics-page .io-hero-lockup--advisory-hero .vb-lockup svg {
    width: clamp(3.6rem, 18vw, 4.4rem);
  }
  .program-economics-page .io-hero-lockup--advisory-hero .vb-text {
    min-width: 0;
    gap: 0.25rem;
  }
  .program-economics-page .io-hero-lockup--advisory-hero .entity-name {
    font-size: clamp(1.15rem, 6vw, 1.7rem);
  }
  .program-economics-page .io-hero-lockup--advisory-hero .entity-sub {
    font-size: 0.56rem;
    letter-spacing: 0.15em;
    white-space: normal;
    text-wrap: balance;
    max-width: 22ch;
  }
  .program-economics-page .io-hero-lockup--advisory-hero .entity-rule {
    width: min(100%, 7rem) !important;
  }
  .program-economics-page .pe-hero-intro {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-md);
    max-width: 30ch;
    text-wrap: pretty;
  }
  .program-economics-page .pe-hero-visual {
    margin-top: var(--spacing-lg);
    gap: var(--spacing-lg);
  }
  .program-economics-page .pe-proof-card {
    padding: var(--spacing-xl);
  }
  .program-economics-page .pe-proof-card .pe-proof-card__header {
    align-items: flex-start;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .program-economics-page .pe-proof-card .pe-proof-card__label {
    line-height: 1.5;
  }
  .program-economics-page .pe-proof-card .pe-proof-card__body {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-lg);
  }
  .program-economics-page .pe-proof-card .pe-proof-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .program-economics-page .pe-model-row {
    gap: var(--spacing-xs) var(--spacing-sm);
    padding: var(--spacing-md);
  }
  .program-economics-page .pe-model-name,
  .program-economics-page .pe-model-desc {
    font-size: var(--font-size-sm);
  }
  .program-economics-page .pe-deliverables-container {
    margin-top: var(--spacing-2xl);
  }
  .program-economics-page .pe-deliverable-card,
  .program-economics-page .pe-deliverable-featured {
    padding: var(--spacing-xl);
  }
  .program-economics-page .pe-deliverable-featured__title {
    font-size: var(--font-size-lg);
  }
  .program-economics-page .pe-timeline-strip {
    padding: var(--spacing-lg);
  }
  .program-economics-page .pe-timeline-strip__steps {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .program-economics-page .pe-timeline-strip__step {
    width: 100%;
  }
  .program-economics-page .pe-timeline-strip__arrow {
    display: none;
  }
  .program-economics-page .pe-buyer-card {
    padding: var(--spacing-xl);
    gap: var(--spacing-md);
  }
  .program-economics-page .pe-panel-quote {
    padding: var(--spacing-xl);
  }
  .program-economics-page .pe-panel-quote p {
    font-size: var(--font-size-lg);
  }
  .program-economics-page .pe-cta__subhead {
    font-size: var(--font-size-base);
  }
  .program-economics-page .pe-cta-paths {
    margin: var(--spacing-3xl) 0 0;
    gap: var(--spacing-lg);
  }
  .program-economics-page .pe-cta-path {
    padding: var(--spacing-xl);
  }
}
.program-economics-page .pe-who-quote {
  background: var(--bg-muted);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  max-width: 900px;
  margin: var(--spacing-4xl) auto 0;
  text-align: center;
  position: relative;
}
.program-economics-page .pe-who-quote::before {
  content: "“";
  position: absolute;
  top: var(--spacing-xl);
  left: var(--spacing-xl);
  font-family: var(--font-display);
  font-size: 8rem;
  line-height: 1;
  color: var(--color-brand-green);
  opacity: 0.1;
}
.program-economics-page .pe-who-quote p {
  font-style: italic;
  color: var(--text-primary);
  font-size: var(--font-size-xl);
  line-height: var(--leading-relaxed);
  margin: 0;
  position: relative;
  z-index: 1;
}
.program-economics-page .pe-who-quote cite {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  margin-top: var(--spacing-xl);
}
.program-economics-page .section-pe-cta {
  background: var(--hero-gradient);
  padding: var(--spacing-5xl) 0;
  color: var(--color-white);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.program-economics-page .section-pe-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
  pointer-events: none;
}
.program-economics-page .section-pe-cta .container {
  position: relative;
  z-index: 1;
}
.program-economics-page .section-pe-cta h2 {
  margin: 0 auto;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  color: var(--color-white);
}
.program-economics-page .pe-cta__subhead {
  margin: var(--spacing-xl) auto 0;
  max-width: 800px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--blue-100);
}
.program-economics-page .pe-cta-paths {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin: var(--spacing-4xl) 0;
  text-align: left;
}
@media (max-width: 992px) {
  .program-economics-page .pe-cta-paths {
    grid-template-columns: 1fr;
  }
}
.program-economics-page .pe-cta-path {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: var(--transition-base);
}
.program-economics-page .pe-cta-path:hover {
  border-color: var(--border-color-light);
  background: var(--bg-card);
  transform: translateY(-4px);
}
.program-economics-page .pe-cta-path__icon {
  width: 32px;
  height: 32px;
  color: var(--color-brand-green);
}
.program-economics-page .pe-cta-path__heading {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.program-economics-page .pe-cta-path__body {
  font-size: var(--font-size-base);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  flex: 1;
  margin: 0;
}

.ai-governance-page .ag-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-green);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
}
.ai-governance-page .ag-section-intro {
  margin: var(--spacing-lg) 0 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.ai-governance-page .section-ag-hero {
  position: relative;
}
.ai-governance-page .ag-hero-inner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
.ai-governance-page .ag-hero-inner .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .ai-governance-page .ag-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.ai-governance-page .ag-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
}
@media (max-width: 992px) {
  .ai-governance-page .ag-hero-grid {
    grid-template-columns: 1fr;
  }
}
.ai-governance-page .ag-hero-content h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  margin: var(--spacing-xl) 0;
}
@media (max-width: 992px) {
  .ai-governance-page .ag-hero-content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .ai-governance-page .ag-hero-content h1 {
    font-size: var(--font-size-4xl);
  }
}
.ai-governance-page .ag-hero__subhead {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--blue-100);
  opacity: 0.9;
  margin-bottom: var(--spacing-lg);
  max-width: 60ch;
}
.ai-governance-page .ag-hero__secondary {
  font-size: var(--font-size-base);
  color: var(--blue-300);
  font-style: italic;
  line-height: var(--leading-relaxed);
  max-width: 60ch;
}
.ai-governance-page .ag-hero-visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .ai-governance-page .ag-hero-visual {
    margin-top: var(--spacing-2xl);
  }
}
.ai-governance-page .ag-proof-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: var(--spacing-2xl);
  position: relative;
  overflow: hidden;
}
.ai-governance-page .ag-proof-card .ag-proof-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.ai-governance-page .ag-proof-card .ag-proof-card__header .lucide-icon {
  color: var(--color-brand-green);
  width: 24px;
  height: 24px;
  stroke-width: 2;
}
.ai-governance-page .ag-proof-card .ag-proof-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  margin: 0;
}
.ai-governance-page .ag-proof-card .ag-proof-card__body {
  color: var(--color-white);
  opacity: 0.85;
  margin: 0;
  line-height: var(--leading-relaxed);
  font-size: var(--font-size-base);
}
.ai-governance-page .section-ag-problem {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.ai-governance-page .section-ag-problem h2 {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.ai-governance-page .ag-problem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .ai-governance-page .ag-problem-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .ai-governance-page .ag-problem-grid {
    grid-template-columns: 1fr;
  }
}
.ai-governance-page .ag-problem-card {
  border-top: 3px solid var(--color-brand-green);
  padding: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.ai-governance-page .ag-problem-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--color-brand-green) 30%, transparent);
}
.ai-governance-page .ag-problem-card .ag-problem-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.ai-governance-page .ag-problem-card .ag-problem-card__header .lucide-icon {
  color: var(--color-brand-green);
  width: 20px;
  height: 20px;
  stroke-width: 2.5;
}
.ai-governance-page .ag-problem-card .ag-problem-card__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  margin: 0;
  line-height: var(--leading-snug);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
}
.ai-governance-page .ag-problem-card .ag-problem-card__desc {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.ai-governance-page .ag-question-card,
.ai-governance-page .ag-problem-card,
.ai-governance-page [class*=question-card] {
  border-top: 3px solid var(--color-brand-green);
  padding-top: var(--spacing-xl);
}
.ai-governance-page .ag-question-card .lucide-icon,
.ai-governance-page .ag-problem-card .lucide-icon,
.ai-governance-page [class*=question] .lucide-icon {
  display: none;
}
.ai-governance-page .ag-question-card h3,
.ai-governance-page .ag-problem-card h3,
.ai-governance-page [class*=question] h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  line-height: var(--leading-snug);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
}
.ai-governance-page .ag-question-card p,
.ai-governance-page .ag-problem-card p,
.ai-governance-page [class*=question] p {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
.ai-governance-page .section-ag-comparison {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.ai-governance-page .section-ag-comparison h2 {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.ai-governance-page .ag-table-wrap {
  margin-top: var(--spacing-3xl);
  overflow: hidden;
}
.ai-governance-page .ag-comparison-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
@media (max-width: 768px) {
  .ai-governance-page .ag-comparison-table {
    table-layout: auto;
  }
}
.ai-governance-page .ag-comparison-table thead tr {
  border-bottom: 2px solid var(--border-color);
}
.ai-governance-page .ag-comparison-table th {
  padding: var(--spacing-lg) var(--spacing-xl);
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: var(--text-tertiary);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.ai-governance-page .ag-comparison-table td {
  padding: var(--spacing-lg) var(--spacing-xl);
  font-size: var(--font-size-sm);
  vertical-align: top;
  line-height: var(--leading-relaxed);
}
.ai-governance-page .ag-comparison-table tbody tr {
  border-bottom: 1px solid var(--border-color-light);
}
.ai-governance-page .ag-comparison-table tbody tr:last-child {
  border-bottom: none;
}
.ai-governance-page .ag-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}
.ai-governance-page .ag-comparison-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04);
}
.ai-governance-page .ag-table-dim {
  width: 25%;
}
.ai-governance-page .ag-table-shared {
  width: 35%;
}
.ai-governance-page .ag-table-sovereign {
  width: 40%;
  background: color-mix(in srgb, var(--color-brand-green) 5%, transparent);
  color: var(--color-brand-green);
  border-left: 2px solid var(--color-brand-green);
}
.ai-governance-page .ag-table-sovereign__label {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.ai-governance-page .ag-table-sovereign__icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-green);
}
.ai-governance-page .ag-table-row__dim {
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.ai-governance-page .ag-table-row__shared {
  color: var(--text-tertiary);
}
.ai-governance-page .ag-table-row__sovereign {
  background: color-mix(in srgb, var(--color-brand-green) 3%, transparent);
  border-left: 2px solid var(--color-brand-green);
}
.ai-governance-page .ag-sovereign-cell {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  color: var(--text-primary);
}
.ai-governance-page .ag-table-warning {
  width: 13px;
  height: 13px;
  color: var(--text-tertiary);
  display: inline;
  vertical-align: middle;
  margin-right: var(--spacing-xs);
  opacity: 0.6;
}
.ai-governance-page .ag-table-check {
  width: 13px;
  height: 13px;
  color: var(--color-brand-green);
  display: inline;
  vertical-align: middle;
  margin-right: var(--spacing-xs);
}
.ai-governance-page .ag-validation-callout {
  background-color: color-mix(in srgb, var(--color-brand-green) 5%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--color-brand-green) 20%, transparent);
  border-left: 3px solid var(--color-brand-green);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-3xl);
  margin-top: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.ai-governance-page .ag-validation-callout__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.ai-governance-page .ag-validation-callout__header .lucide-icon {
  display: none;
}
.ai-governance-page .ag-validation-callout__icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-green);
}
.ai-governance-page .ag-validation-callout__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  margin: 0;
}
.ai-governance-page .ag-validation-callout__body {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  margin: 0;
  max-width: 72ch;
}
.ai-governance-page .ag-validation-callout__link {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  text-decoration: none;
}
.ai-governance-page .ag-validation-callout__link:hover {
  text-decoration: underline;
}
[data-theme=dark] .ai-governance-page .ag-validation-callout,
[data-theme=dark] .ai-governance-page .ag-validation-callout {
  background-color: color-mix(in srgb, var(--color-brand-green) 8%, var(--bg-raised));
  border-color: color-mix(in srgb, var(--color-brand-green) 25%, transparent);
  border-left-color: var(--color-brand-green);
}
.ai-governance-page .section-ag-regulatory {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.ai-governance-page .section-ag-regulatory h2 {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.ai-governance-page .ag-regulatory-list {
  margin-top: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
}
.ai-governance-page .ag-regulatory-row {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: var(--spacing-3xl);
  padding: var(--spacing-2xl) 0;
  border-bottom: 1px solid var(--border-color-light);
  align-items: baseline;
}
.ai-governance-page .ag-regulatory-row:first-child {
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .ai-governance-page .ag-regulatory-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
}
.ai-governance-page .ag-regulatory-term {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  padding-right: var(--spacing-xl);
  border-right: 1px solid var(--border-color-light);
}
@media (max-width: 992px) {
  .ai-governance-page .ag-regulatory-term {
    border-right: none;
    padding-right: 0;
  }
}
.ai-governance-page .ag-regulatory-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  width: fit-content;
}
.ai-governance-page .ag-regulatory-badge--high {
  background-color: rgba(220, 38, 38, 0.08);
  color: #dc2626;
  border: 1px solid rgba(220, 38, 38, 0.2);
}
.ai-governance-page .ag-regulatory-badge--emerging {
  background-color: rgba(245, 158, 11, 0.08);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.2);
}
.ai-governance-page .ag-regulatory-def {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  max-width: 68ch;
}
[data-theme=dark] .ai-governance-page .ag-regulatory-row {
  border-color: var(--border-color);
}
[data-theme=dark] .ai-governance-page .ag-regulatory-term {
  border-color: var(--border-color);
}
.ai-governance-page .section-ag-framework {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.ai-governance-page .section-ag-framework h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  color: var(--text-primary);
}
.ai-governance-page .ag-framework-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .ai-governance-page .ag-framework-grid {
    grid-template-columns: 1fr;
  }
}
.ai-governance-page .ag-framework-card {
  padding: var(--spacing-xl);
  display: flex;
  gap: var(--spacing-xl);
  transition: var(--transition-base);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  background-color: var(--bg-card);
}
.ai-governance-page .ag-framework-card:hover {
  border-color: color-mix(in srgb, var(--color-brand-green) 40%, transparent);
  transform: translateY(-4px);
}
@media (max-width: 576px) {
  .ai-governance-page .ag-framework-card {
    flex-direction: column;
    gap: var(--spacing-md);
  }
}
.ai-governance-page .ag-framework-card__number {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-green);
  line-height: 1;
  opacity: 0.4;
}
.ai-governance-page .ag-framework-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}
.ai-governance-page .ag-framework-card__header .lucide-icon {
  color: var(--color-brand-green);
  width: 20px;
  height: 20px;
}
.ai-governance-page .ag-framework-card__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.ai-governance-page .ag-framework-card__desc {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.ai-governance-page .ag-framework-quote {
  border-left: 3px solid var(--color-brand-green);
  padding-left: var(--spacing-xl);
  max-width: 680px;
  margin-top: var(--spacing-3xl);
  font-style: italic;
  color: var(--text-primary);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
}
.ai-governance-page .ag-framework-quote cite {
  display: block;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  font-style: normal;
  margin-top: var(--spacing-md);
}
.ai-governance-page .section-ag-cta {
  background: var(--hero-gradient);
  padding: var(--spacing-5xl) 0;
  border-top: none;
}
.ai-governance-page .ag-cta-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-5xl);
  align-items: center;
}
@media (max-width: 992px) {
  .ai-governance-page .ag-cta-wrap {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.ai-governance-page .ag-cta-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.ai-governance-page .ag-cta__headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  line-height: var(--leading-tight);
  margin: 0;
}
@media (max-width: 768px) {
  .ai-governance-page .ag-cta__headline {
    font-size: var(--font-size-2xl);
  }
}
.ai-governance-page .ag-cta__subhead {
  font-size: var(--font-size-lg);
  color: rgba(255, 255, 255, 0.75);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 56ch;
}
.ai-governance-page .ag-cta-card {
  background-color: rgba(255, 255, 255, 0.95);
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.ai-governance-page .ag-cta-card .ag-cta-card__label {
  color: var(--color-brand-green);
}
.ai-governance-page .ag-cta-card .ag-cta-card__title {
  color: var(--text-primary);
}
.ai-governance-page .ag-cta-card .ag-cta-card__body {
  color: var(--text-secondary);
}
.ai-governance-page .ag-cta-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
}
.ai-governance-page .ag-cta-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  line-height: var(--leading-snug);
}
.ai-governance-page .ag-cta-card__body {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
[data-theme=dark] .ai-governance-page .section-ag-cta {
  background: var(--hero-gradient);
  border-top: none;
}
[data-theme=dark] .ai-governance-page .ag-cta-card {
  background-color: rgba(255, 255, 255, 0.95);
}

.supply-chain-assessment-page .sc-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--color-brand-green);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
}
.supply-chain-assessment-page .sc-section-intro {
  margin: var(--spacing-lg) 0 0;
  max-width: 680px;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.supply-chain-assessment-page .section-sc-hero {
  position: relative;
  overflow: hidden;
}
.supply-chain-assessment-page .sc-hero-inner {
  position: relative;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .supply-chain-assessment-page .sc-hero-inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.supply-chain-assessment-page .ag-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: var(--spacing-3xl);
  align-items: center;
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .ag-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.supply-chain-assessment-page .ag-hero-content h1 {
  margin-top: var(--spacing-xl);
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .ag-hero-content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .supply-chain-assessment-page .ag-hero-content h1 {
    font-size: var(--font-size-4xl);
  }
}
.supply-chain-assessment-page .sc-hero__subhead {
  margin: var(--spacing-xl) 0 0;
  max-width: 600px;
  color: var(--color-white);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
}
.supply-chain-assessment-page .sc-hero__secondary {
  margin: var(--spacing-md) 0 0;
  max-width: 540px;
  color: var(--color-white);
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  opacity: 0.8;
}
.supply-chain-assessment-page .ag-hero-visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-xl);
}
.supply-chain-assessment-page .ag-proof-card {
  padding: var(--spacing-2xl);
  max-width: 420px;
}
.supply-chain-assessment-page .ag-proof-card .ag-proof-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}
.supply-chain-assessment-page .ag-proof-card .ag-proof-card__header .lucide-icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-green);
}
.supply-chain-assessment-page .ag-proof-card .ag-proof-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  margin: 0;
}
.supply-chain-assessment-page .ag-proof-card .ag-proof-card__body {
  font-size: var(--font-size-md);
  color: var(--color-white);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.supply-chain-assessment-page .section-sc-questions {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.supply-chain-assessment-page .section-sc-questions h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.supply-chain-assessment-page .sc-questions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-questions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .supply-chain-assessment-page .sc-questions-grid {
    grid-template-columns: 1fr;
  }
}
.supply-chain-assessment-page .sc-question-card {
  padding: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  border-top: 3px solid var(--color-brand-green);
  transition: var(--transition-base);
}
.supply-chain-assessment-page .sc-question-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--color-brand-green) 30%, transparent);
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__problem {
  display: block;
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__problem .lucide-icon {
  display: none;
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__problem .sca-question__icon,
.supply-chain-assessment-page .sc-question-card .sc-question-card__problem [data-lucide=help-circle],
.supply-chain-assessment-page .sc-question-card .sc-question-card__problem [data-lucide=circle-help] {
  display: none;
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__problem p {
  margin: 0 0 var(--spacing-xl);
  font-size: var(--font-size-lg);
  font-style: italic;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__reveal {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__reveal .lucide-icon {
  width: 18px;
  height: 18px;
  color: var(--color-brand-green);
  flex-shrink: 0;
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__reveal .sca-answer__icon,
.supply-chain-assessment-page .sc-question-card .sc-question-card__reveal [data-lucide=circle-check],
.supply-chain-assessment-page .sc-question-card .sc-question-card__reveal [data-lucide=check-circle] {
  width: 18px;
  height: 18px;
  color: var(--color-brand-green);
  flex-shrink: 0;
}
.supply-chain-assessment-page .sc-question-card .sc-question-card__reveal p {
  margin: 0;
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.supply-chain-assessment-page .section-sc-phases {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.supply-chain-assessment-page .section-sc-phases h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.supply-chain-assessment-page .sc-roadmap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-roadmap-grid {
    grid-template-columns: 1fr;
  }
}
.supply-chain-assessment-page .sc-roadmap-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-2xl);
  padding-top: var(--spacing-xl);
  border-top: 3px solid var(--color-brand-green);
  transition: var(--transition-base);
}
.supply-chain-assessment-page .sc-roadmap-card:hover {
  border-color: color-mix(in srgb, var(--color-brand-green) 40%, transparent);
}
.supply-chain-assessment-page .sc-roadmap-card .sc-roadmap-card__number {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-green);
  opacity: 0.85;
  line-height: 1;
  letter-spacing: -0.04em;
}
.supply-chain-assessment-page .sc-roadmap-card h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm);
}
.supply-chain-assessment-page .sc-roadmap-card .sc-roadmap-card__intro {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-lg);
}
.supply-chain-assessment-page .sc-roadmap-card .sc-roadmap-card__details {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.supply-chain-assessment-page .sc-roadmap-card .sc-roadmap-card__details li {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  padding: var(--spacing-sm) 0;
  border-top: 1px solid var(--border-color-light);
}
.supply-chain-assessment-page .sc-roadmap-card .sc-roadmap-card__details li .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--color-brand-green);
  flex-shrink: 0;
}
.supply-chain-assessment-page .section-sc-findings {
  background: var(--bg-muted);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.supply-chain-assessment-page .section-sc-findings h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.supply-chain-assessment-page .sc-findings-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-findings-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .supply-chain-assessment-page .sc-findings-grid {
    grid-template-columns: 1fr;
  }
}
.supply-chain-assessment-page .sc-finding-card {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.supply-chain-assessment-page .sc-finding-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--color-brand-green) 30%, transparent);
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-sm);
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__num {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-green);
  opacity: 0.8;
  line-height: 1;
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-green);
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__title {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
  flex: 1;
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__signal {
  padding: var(--spacing-md);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-sm);
  border-left: 2px solid var(--color-brand-green);
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__signal .sc-finding-card__signal-label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-brand-green);
  margin-bottom: var(--spacing-sm);
}
.supply-chain-assessment-page .sc-finding-card .sc-finding-card__signal .sc-finding-card__signal-text {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  font-style: italic;
  margin: 0;
}
.supply-chain-assessment-page .section-sc-deliverables {
  background: var(--bg-default);
  padding: var(--spacing-4xl) 0;
  border-top: 1px solid var(--border-color-light);
}
.supply-chain-assessment-page .section-sc-deliverables h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.supply-chain-assessment-page .sc-deliverables-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-deliverables-grid {
    grid-template-columns: 1fr;
  }
}
.supply-chain-assessment-page .sc-deliverable-card {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.supply-chain-assessment-page .sc-deliverable-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--color-brand-green) 30%, transparent);
}
.supply-chain-assessment-page .sc-deliverable-card .sc-deliverable-card__num {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-brand-green);
  opacity: 0.85;
}
.supply-chain-assessment-page .sc-deliverable-card .sc-deliverable-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.supply-chain-assessment-page .sc-deliverable-card .sc-deliverable-card__header .lucide-icon {
  width: 20px;
  height: 20px;
  color: var(--color-brand-green);
}
.supply-chain-assessment-page .sc-deliverable-card .sc-deliverable-card__header h3 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.supply-chain-assessment-page .sc-deliverable-card .sc-deliverable-card__desc {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.supply-chain-assessment-page .sc-timeline-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}
.supply-chain-assessment-page .sc-timeline-block__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
}
.supply-chain-assessment-page .sc-timeline-cards {
  display: flex;
  align-items: stretch;
  gap: 0;
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-timeline-cards {
    flex-direction: column;
    gap: var(--spacing-md);
  }
}
.supply-chain-assessment-page .sc-timeline-card {
  flex: 1;
  background-color: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  position: relative;
}
.supply-chain-assessment-page .sc-timeline-card__num {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
  text-transform: uppercase;
}
.supply-chain-assessment-page .sc-timeline-card__title {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-snug);
  margin: 0;
  flex: 1;
}
.supply-chain-assessment-page .sc-timeline-card__duration {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  margin-top: auto;
}
.supply-chain-assessment-page .sc-timeline-card__arrow {
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-sm);
  color: var(--color-brand-green);
  font-size: var(--font-size-lg);
  flex-shrink: 0;
  opacity: 0.5;
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-timeline-card__arrow {
    display: none;
  }
}
.supply-chain-assessment-page .sc-timeline-block__total {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--border-color-light);
}
[data-theme=dark] .supply-chain-assessment-page .sc-timeline-card {
  background-color: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme=dark] .supply-chain-assessment-page .sc-timeline-block__total {
  border-color: var(--border-color);
}
.supply-chain-assessment-page .sc-closing-quote {
  margin-top: var(--spacing-4xl);
  padding: var(--spacing-2xl);
  background: rgba(255, 255, 255, 0.02);
  border-left: 4px solid var(--color-brand-green);
  font-style: italic;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
}
.supply-chain-assessment-page .sc-closing-quote cite {
  display: block;
  margin-top: var(--spacing-md);
  font-size: var(--font-size-sm);
  font-style: normal;
  color: var(--text-tertiary);
}
.supply-chain-assessment-page .section-sc-cta {
  background: var(--hero-gradient);
  padding: var(--spacing-5xl) 0;
}
.supply-chain-assessment-page .sc-cta-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-5xl);
  align-items: center;
}
@media (max-width: 992px) {
  .supply-chain-assessment-page .sc-cta-wrap {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.supply-chain-assessment-page .sc-cta-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.supply-chain-assessment-page .sc-cta__headline {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--leading-tight);
  margin: 0;
}
@media (max-width: 768px) {
  .supply-chain-assessment-page .sc-cta__headline {
    font-size: var(--font-size-2xl);
  }
}
.supply-chain-assessment-page .sc-cta__subhead {
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 56ch;
}
.supply-chain-assessment-page .sc-cta-card {
  background-color: var(--bg-raised);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.supply-chain-assessment-page .sc-cta-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-brand-green);
}
.supply-chain-assessment-page .sc-cta-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  line-height: var(--leading-snug);
}
.supply-chain-assessment-page .sc-cta-card__body {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}

.contact-page {
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
  background: var(--bg-default);
}
@media (max-width: 768px) {
  .contact-page {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}

.contact-heading {
  max-width: 680px;
  margin-bottom: var(--spacing-4xl);
}
@media (max-width: 768px) {
  .contact-heading {
    margin-bottom: var(--spacing-3xl);
  }
}

.contact-heading__h1 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-extrabold);
  font-size: clamp(2.5rem, 6vw, var(--font-size-display-sm));
  color: var(--text-primary);
  line-height: var(--leading-tight);
  margin: 0 0 var(--spacing-lg);
}
@media (max-width: 768px) {
  .contact-heading__h1 {
    font-size: var(--font-size-4xl);
  }
}
@media (max-width: 576px) {
  .contact-heading__h1 {
    font-size: var(--font-size-3xl);
  }
}

.contact-heading__sub {
  max-width: 58ch;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
@media (max-width: 576px) {
  .contact-heading__sub {
    font-size: var(--font-size-base);
  }
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: var(--spacing-4xl);
  align-items: start;
}
@media (max-width: 992px) {
  .contact-layout {
    gap: var(--spacing-3xl);
  }
}
@media (max-width: 768px) {
  .contact-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}

.contact-intake__heading {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-snug);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xl);
}

.contact-intake__lead {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-2xl);
  max-width: 62ch;
}

.contact-intake__panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl);
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 576px) {
  .contact-intake__panel {
    padding: var(--spacing-xl);
  }
}

.contact-intake__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.contact-intake__label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

.contact-intake__select-wrap {
  position: relative;
}

.contact-intake__select {
  appearance: none;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-3xl) var(--spacing-md) var(--spacing-lg);
  background: var(--bg-raised);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-default);
  font-size: var(--font-size-base);
  color: var(--text-primary);
  font-family: var(--font-primary);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.contact-intake__select:focus {
  outline: none;
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-brand-primary) 15%, transparent);
}
@media (max-width: 576px) {
  .contact-intake__select {
    font-size: var(--font-size-sm);
  }
}

.contact-intake__select-chevron {
  position: absolute;
  right: var(--spacing-lg);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--text-tertiary);
  pointer-events: none;
}

.contact-intake__help {
  font-size: var(--font-size-xs);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
  margin: 0;
}

.contact-intake__preview {
  display: grid;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-default);
}

.contact-intake__preview-item {
  display: grid;
  grid-template-columns: 70px 1fr;
  align-items: start;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}
@media (max-width: 576px) {
  .contact-intake__preview-item {
    grid-template-columns: 56px 1fr;
  }
}
@media (max-width: 420px) {
  .contact-intake__preview-item {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

.contact-intake__preview-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-tertiary);
}

.contact-intake__cta {
  width: fit-content;
  min-width: 230px;
}
@media (max-width: 576px) {
  .contact-intake__cta {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
}

.contact-intake__cta--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.contact-intake__privacy {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: var(--leading-relaxed);
  margin: 0;
}

.contact-aside {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  position: sticky;
  top: calc(72px + var(--spacing-2xl));
}
@media (max-width: 992px) {
  .contact-aside {
    top: calc(72px + var(--spacing-lg));
  }
}
@media (max-width: 768px) {
  .contact-aside {
    position: static;
    margin-top: var(--spacing-3xl);
    gap: var(--spacing-xl);
  }
}

.contact-aside__block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--border-color-light);
}
.contact-aside__block:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.contact-aside__heading {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  margin: 0;
}

.contact-aside__email {
  margin: 0;
}

.contact-aside__email-link {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand-primary);
  text-decoration: none;
  word-break: break-word;
}
.contact-aside__email-link:hover {
  text-decoration: underline;
}

.contact-aside__response {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin: 0;
}

.contact-aside__path {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.contact-aside__path-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

.contact-aside__path-desc {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: var(--leading-relaxed);
  margin: 0;
}

.contact-aside__path-link {
  font-size: var(--font-size-sm);
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
}
.contact-aside__path-link:hover {
  text-decoration: underline;
}

.contact-aside__trust-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.contact-aside__trust-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-size: var(--font-size-xs);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
}

.contact-aside__trust-icon {
  width: 14px;
  height: 14px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

.contact-secondary-ctas {
  margin-top: var(--spacing-4xl);
  padding-top: var(--spacing-4xl);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 768px) {
  .contact-secondary-ctas {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-3xl);
  }
}

.contact-secondary-ctas__heading {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xl);
}

.contact-secondary-ctas__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xl);
}
@media (max-width: 768px) {
  .contact-secondary-ctas__grid {
    grid-template-columns: 1fr;
  }
}

.contact-cta-card {
  display: block;
  text-decoration: none;
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color-light);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.contact-cta-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.contact-cta-card__inner {
  padding: var(--spacing-2xl);
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}
@media (max-width: 576px) {
  .contact-cta-card__inner {
    padding: var(--spacing-xl);
    flex-direction: column;
    gap: var(--spacing-md);
  }
}

.contact-cta-card__icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-primary);
  flex-shrink: 0;
  margin-top: 2px;
}

.contact-cta-card__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs);
}

.contact-cta-card__desc {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-md);
}

.contact-cta-card__cta {
  font-size: var(--font-size-sm);
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-relaxed);
}

.team-page {
  background-color: var(--bg-default);
  --color-pillar-studios: var(--color-brand-primary);
  --color-pillar-platform: var(--color-brand-amber);
  --color-pillar-advisory: var(--color-brand-green);
}
.team-page .eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--orange-500);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--orange-500);
}
.team-page .eyebrow--light {
  color: var(--blue-200);
}
.team-page .section-team-hero {
  position: relative;
  overflow: hidden;
}
.team-page .team-hero__inner {
  background: var(--hero-gradient);
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
  position: relative;
}
.team-page .team-hero__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse at center, black, transparent 80%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .team-page .team-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}
.team-page .team-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: var(--spacing-4xl);
  align-items: center;
}
@media (max-width: 992px) {
  .team-page .team-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}
.team-page .team-hero-content h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .team-page .team-hero-content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .team-page .team-hero-content h1 {
    font-size: var(--font-size-4xl);
  }
}
.team-page .team-hero-content .team-hero-intro {
  margin: var(--spacing-xl) 0 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white) !important;
  max-width: 65ch;
}
.team-page .team-hero-content .team-hero-secondary {
  margin: var(--spacing-md) 0 0;
  font-size: var(--font-size-sm);
  font-style: italic;
  color: var(--blue-200) !important;
}
.team-page .team-hero-stats {
  margin-top: var(--spacing-3xl);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .team-page .team-hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .team-page .team-hero-stats {
    grid-template-columns: 1fr;
  }
}
.team-page .team-stat {
  padding: var(--spacing-lg);
  border-left: 2px solid var(--color-brand-cyan);
}
.team-page .team-stat .team-stat__value {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-white);
  line-height: 1;
}
.team-page .team-stat .team-stat__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--blue-200);
  margin-top: 8px;
}
.team-page .section-team-leadership {
  padding: var(--spacing-4xl) 0;
  background: var(--bg-default);
}
.team-page .team-section-head {
  margin-bottom: var(--spacing-3xl);
}
.team-page .team-section-head h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.team-page .team-section-head--dark h2 {
  color: var(--color-white);
}
.team-page .team-section-head--dark p {
  color: var(--blue-100) !important;
}
.team-page .team-bios {
  display: grid;
  gap: var(--spacing-3xl);
  margin-top: var(--spacing-3xl);
}
.team-page .team-operator-card {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-template-rows: auto auto;
  gap: var(--spacing-2xl);
  padding: var(--spacing-2xl);
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  transition: var(--transition-base);
}
.team-page .team-operator-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-pillar-platform);
  box-shadow: var(--shadow-lg);
}
@media (max-width: 992px) {
  .team-page .team-operator-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: var(--spacing-xl);
  }
}
.team-page .operator-profile {
  display: contents;
}
.team-page .operator-profile .operator-photo-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: linear-gradient(135deg, var(--bg-muted), var(--bg-raised));
  border: 1px solid var(--border-color-light);
}
.team-page .operator-profile .operator-photo-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.1);
}
.team-page .operator-profile .operator-pillar-tag {
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: var(--radius-full);
  font-size: 10px;
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  background: var(--bg-muted);
  color: var(--text-tertiary);
  border: 1px solid var(--border-color-light);
}
.team-page .operator-profile .operator-pillar-tag--studios {
  border-color: var(--color-pillar-studios);
  color: var(--color-pillar-studios);
}
.team-page .operator-profile .operator-pillar-tag--platform {
  border-color: var(--color-pillar-platform);
  color: var(--color-pillar-platform);
}
.team-page .operator-profile .operator-pillar-tag--advisory {
  border-color: var(--color-pillar-advisory);
  color: var(--color-pillar-advisory);
}
.team-page .operator-profile .operator-identity {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
}
.team-page .operator-profile .operator-identity h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.team-page .operator-profile .operator-identity p {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin: 4px 0 0;
}
.team-page .operator-details {
  display: contents;
}
.team-page .operator-details .operator-bio {
  grid-column: 2;
  grid-row: 1;
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 80ch;
}
.team-page .operator-details .operator-bio p {
  margin-bottom: var(--spacing-md);
}
.team-page .operator-details .operator-bio p:last-child {
  margin-bottom: 0;
}
.team-page .operator-details .credential-grid {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-md);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--border-color-light);
}
@media (max-width: 576px) {
  .team-page .operator-details .credential-grid {
    grid-template-columns: 1fr;
  }
}
.team-page .operator-details .credential-grid .credential-item {
  display: flex;
  gap: var(--spacing-sm);
  align-items: flex-start;
}
.team-page .operator-details .credential-grid .credential-item .lucide-icon {
  width: 16px;
  height: 16px;
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-top: 2px;
}
.team-page .operator-details .credential-grid .credential-item span {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: var(--leading-normal);
}
@media (max-width: 992px) {
  .team-page .operator-profile {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .team-page .operator-profile .operator-photo-wrap,
  .team-page .operator-profile .operator-identity {
    grid-column: auto;
    grid-row: auto;
  }
  .team-page .operator-details {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
  }
  .team-page .operator-details .operator-bio,
  .team-page .operator-details .credential-grid {
    grid-column: auto;
    grid-row: auto;
  }
}
.team-page .section-team-accountability {
  background: var(--blue-900);
  padding: var(--spacing-4xl) 0;
  color: var(--color-white);
  position: relative;
  overflow: hidden;
}
.team-page .section-team-accountability::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(0, 240, 255, 0.05), transparent 70%);
}
.team-page .accountability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .team-page .accountability-grid {
    grid-template-columns: 1fr;
  }
}
.team-page .accountability-card {
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  border-top: 3px solid transparent;
  transition: var(--transition-base);
}
.team-page .accountability-card--amber {
  border-top-color: var(--color-pillar-studios);
}
.team-page .accountability-card--blue {
  border-top-color: var(--color-pillar-platform);
}
.team-page .accountability-card--green {
  border-top-color: var(--color-pillar-advisory);
}
.team-page .accountability-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.3);
}
.team-page .accountability-card .lucide-icon {
  width: 32px;
  height: 32px;
  color: var(--color-brand-cyan);
  margin-bottom: var(--spacing-sm);
}
.team-page .accountability-card h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  margin: 0;
}
.team-page .accountability-card p {
  font-size: var(--font-size-sm);
  color: var(--blue-100) !important;
  line-height: var(--leading-relaxed);
  margin: 0;
}
.team-page .team-how-quote {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-xl);
  background: rgba(255, 255, 255, 0.03);
  border-left: 4px solid var(--color-brand-cyan);
  font-style: italic;
  font-size: var(--font-size-lg);
  color: var(--blue-100);
  line-height: var(--leading-relaxed);
  max-width: 900px;
}
.team-page .section-team-join {
  padding: var(--spacing-4xl) 0;
  background: var(--bg-default);
}
.team-page .team-join-portal {
  padding: var(--spacing-3xl);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--spacing-2xl);
  align-items: center;
}
@media (max-width: 768px) {
  .team-page .team-join-portal {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
  }
}
.team-page .team-join-portal .team-join-content h2 {
  font-size: var(--font-size-2xl);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}
.team-page .team-join-portal .team-join-content p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 600px;
}
.team-page .team-join-portal .btn {
  align-self: center;
}

.careers-page {
  background-color: var(--bg-default);
  --color-path-direct: var(--color-brand-primary);
  --color-path-network: var(--color-brand-amber);
  --color-path-commercial: var(--color-brand-green);
}
.careers-page .eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 var(--spacing-lg);
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--orange-500);
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--orange-500);
}
.careers-page .eyebrow--careers {
  border-left-color: var(--orange-500);
  color: var(--orange-500);
}
.careers-page .eyebrow--direct {
  border-left-color: var(--color-path-direct);
  color: var(--color-path-direct);
}
.careers-page .eyebrow--network {
  border-left-color: var(--color-path-network);
  color: var(--color-path-network);
}
.careers-page .eyebrow--commercial {
  border-left-color: var(--color-path-commercial);
  color: var(--color-path-commercial);
}

.section-careers-hero {
  position: relative;
  overflow: hidden;
}

.careers-hero__inner {
  background: var(--hero-gradient);
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
  position: relative;
}
.careers-hero__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse at center, black, transparent 80%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .careers-hero__inner {
    padding-top: calc(var(--spacing-3xl) + 72px);
    padding-bottom: var(--spacing-3xl);
  }
}

.careers-hero-content {
  max-width: 800px;
}
.careers-hero-content h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
}
@media (max-width: 992px) {
  .careers-hero-content h1 {
    font-size: var(--font-size-5xl);
  }
}
@media (max-width: 768px) {
  .careers-hero-content h1 {
    font-size: var(--font-size-4xl);
  }
}

.careers-hero-intro {
  margin: var(--spacing-xl) 0 0;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-white);
  max-width: 65ch;
}

.careers-hero-secondary {
  margin: var(--spacing-md) 0 0;
  font-size: var(--font-size-sm);
  font-style: italic;
  color: var(--blue-200);
  max-width: 60ch;
}

.careers-hero-paths {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: var(--spacing-3xl);
}
@media (max-width: 576px) {
  .careers-hero-paths {
    flex-direction: column;
  }
}

.careers-path-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-full, 9999px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-white);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: var(--transition-base);
  backdrop-filter: blur(4px);
}
.careers-path-chip:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}
.careers-path-chip i {
  width: 14px;
  height: 14px;
}

.careers-path-chip__num {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-widest);
  opacity: 0.7;
}

.careers-path-chip--direct {
  border-color: rgba(37, 65, 212, 0.5);
}

.careers-path-chip--network {
  border-color: rgba(232, 168, 0, 0.5);
}

.careers-path-chip--commercial {
  border-color: rgba(69, 163, 64, 0.5);
}

.section-careers-paths,
.section-careers-direct,
.section-careers-network,
.section-careers-partner {
  padding: var(--spacing-5xl) 0;
}
@media (max-width: 768px) {
  .section-careers-paths,
  .section-careers-direct,
  .section-careers-network,
  .section-careers-partner {
    padding: var(--spacing-3xl) 0;
  }
}

.section-careers-paths {
  background: var(--bg-muted);
}

.section-careers-direct {
  background: var(--bg-default);
}

.section-careers-network {
  background: var(--bg-muted);
}

.section-careers-partner {
  background: var(--bg-default);
}

.careers-section-head {
  margin-bottom: var(--spacing-3xl);
  max-width: 760px;
}
.careers-section-head h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}
@media (max-width: 768px) {
  .careers-section-head h2 {
    font-size: var(--font-size-3xl);
  }
}
.careers-section-head h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md);
}

.careers-section-lead {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-md);
  max-width: 72ch;
}

.careers-section-sub {
  font-size: var(--font-size-base);
  line-height: var(--leading-relaxed);
  color: var(--text-tertiary);
  max-width: 68ch;
  margin: 0;
}

.careers-direct-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: var(--spacing-2xl);
  align-items: start;
}
@media (max-width: 992px) {
  .careers-direct-layout {
    grid-template-columns: 1fr;
  }
}

.careers-no-openings-note {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  max-width: 38ch;
  padding-left: var(--spacing-md);
  border-left: 2px solid var(--color-path-direct);
}

.careers-direct-cta {
  margin-top: var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: flex-start;
}
@media (max-width: 768px) {
  .careers-direct-cta {
    margin-top: 0;
  }
}

.careers-direct-cta__button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.careers-direct-cta__button i {
  width: 16px;
  height: 16px;
}

.careers-paths-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .careers-paths-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .careers-paths-grid {
    grid-template-columns: 1fr;
  }
}

.careers-path-card {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  padding: var(--spacing-2xl);
  border-top: 3px solid var(--border-color);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}
.careers-path-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.careers-path-card h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md);
}
.careers-path-card p {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
  flex: 1;
}
.careers-path-card--direct {
  border-top-color: var(--color-path-direct);
}
.careers-path-card--network {
  border-top-color: var(--color-path-network);
}
.careers-path-card--commercial {
  border-top-color: var(--color-path-commercial);
}

.careers-path-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

.careers-path-number {
  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-widest);
  color: var(--text-tertiary);
}

.careers-path-type {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 2px var(--spacing-sm);
  background: var(--bg-muted);
  border-radius: var(--radius-sm);
}

.careers-path-card__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-xl);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--link-text);
  text-decoration: none;
  transition: var(--transition-base);
}
.careers-path-card__cta i {
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}
.careers-path-card__cta:hover {
  color: var(--link-hover-text);
}
.careers-path-card__cta:hover i {
  transform: translateX(4px);
}

.careers-jobs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
  align-items: start;
}
@media (max-width: 992px) {
  .careers-jobs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .careers-jobs {
    grid-template-columns: 1fr;
  }
}

.careers-job-card {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  border-top: 4px solid var(--color-path-direct);
  padding: var(--spacing-xl);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}
.careers-job-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.careers-job-card__header {
  margin-bottom: var(--spacing-lg);
}
.careers-job-card__header h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm);
}
@media (max-width: 768px) {
  .careers-job-card__header h3 {
    font-size: var(--font-size-lg);
  }
}

.careers-job-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}

.careers-badge {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wider);
  padding: 3px var(--spacing-sm);
  border-radius: var(--radius-sm);
}
.careers-badge--level {
  background: rgba(37, 65, 212, 0.1);
  color: var(--blue-600);
}
[data-theme=dark] .careers-badge--level {
  background: rgba(176, 188, 244, 0.15);
  color: var(--blue-200);
}
.careers-badge--location {
  background: var(--bg-muted);
  color: var(--text-tertiary);
}

.careers-job-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.careers-job-card__body p {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-lg);
}

.careers-requirements {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-sm);
}
.careers-requirements li {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}
.careers-requirements li::before {
  content: "·";
  position: absolute;
  left: var(--spacing-sm);
  color: var(--color-path-direct);
  font-weight: var(--font-weight-bold);
}

.careers-open-inquiry {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl);
  border: 1px dashed var(--border-color);
  border-radius: var(--radius-xl);
  background: var(--bg-raised);
}
@media (max-width: 992px) {
  .careers-open-inquiry {
    flex-direction: column;
    align-items: stretch;
  }
}

.careers-open-inquiry__content {
  flex: 1;
}
.careers-open-inquiry__content p {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}

.careers-open-inquiry__head {
  font-family: var(--font-display);
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--text-primary) !important;
  margin-bottom: var(--spacing-xs) !important;
}

.careers-open-inquiry__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
}
.careers-open-inquiry__cta i {
  width: 16px;
  height: 16px;
}

.careers-network-body {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .careers-network-body {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}

.careers-network-what h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}

.careers-network-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
}
.careers-network-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.careers-network-list li i {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--color-path-network);
}

.careers-capabilities h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}

.careers-capabilities-grid {
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--border-color-light);
}

.careers-cap-header {
  display: grid;
  grid-template-columns: 200px 1fr 1fr;
  background: var(--bg-raised);
  border-bottom: 2px solid var(--border-color);
}
.careers-cap-header > div {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-muted);
}
@media (max-width: 992px) {
  .careers-cap-header {
    display: none;
  }
}

.careers-cap-row {
  display: grid;
  grid-template-columns: 200px 1fr 1fr;
  border-bottom: 1px solid var(--border-color-light);
  transition: background 0.15s ease;
}
.careers-cap-row:last-child {
  border-bottom: none;
}
.careers-cap-row:hover {
  background: var(--bg-hover);
}
@media (max-width: 992px) {
  .careers-cap-row {
    grid-template-columns: 1fr;
    padding: var(--spacing-lg);
    gap: var(--spacing-sm);
  }
  .careers-cap-row::before {
    content: attr(data-label);
    display: none;
  }
}

.careers-cap-cell {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  vertical-align: top;
}
@media (max-width: 992px) {
  .careers-cap-cell {
    padding: var(--spacing-xs) 0;
  }
  .careers-cap-cell::before {
    content: attr(data-label) ": ";
    font-weight: var(--font-weight-bold);
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
}

.careers-cap-cell--name {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
@media (max-width: 992px) {
  .careers-cap-cell--name {
    font-size: var(--font-size-base);
    border-bottom: 1px solid var(--border-color-light);
    padding-bottom: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
  }
}

.careers-cap-cell--priority {
  font-style: italic;
  color: var(--text-tertiary);
}

.careers-standard-bar {
  margin: 0 0 var(--spacing-3xl);
  padding: var(--spacing-xl) var(--spacing-2xl);
  background: var(--bg-card);
  border-left: 4px solid var(--color-path-network);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  border: 1px solid var(--border-color-light);
  border-left-width: 4px;
  border-left-color: var(--color-path-network);
}
.careers-standard-bar p {
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  font-style: italic;
  margin: 0 0 var(--spacing-md);
}
.careers-standard-bar footer {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

.careers-inquiry-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl);
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
}
@media (max-width: 992px) {
  .careers-inquiry-block {
    flex-direction: column;
    align-items: stretch;
  }
}

.careers-inquiry-block__content {
  flex: 1;
}
.careers-inquiry-block__content p {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0;
}

.careers-inquiry-block__head {
  font-family: var(--font-display);
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--text-primary) !important;
  margin-bottom: var(--spacing-xs) !important;
}

.careers-inquiry-block__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
}
.careers-inquiry-block__cta i {
  width: 16px;
  height: 16px;
}

.careers-products {
  margin-bottom: var(--spacing-3xl);
}
.careers-products h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}

.careers-products-table {
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--border-color-light);
}

.careers-products-header {
  display: grid;
  grid-template-columns: 220px 1fr 260px;
  background: var(--bg-raised);
  border-bottom: 2px solid var(--border-color);
}
.careers-products-header > div {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-muted);
}
@media (max-width: 992px) {
  .careers-products-header {
    display: none;
  }
}

.careers-products-row {
  display: grid;
  grid-template-columns: 220px 1fr 260px;
  border-bottom: 1px solid var(--border-color-light);
  transition: background 0.15s ease;
}
.careers-products-row:last-child {
  border-bottom: none;
}
.careers-products-row:hover {
  background: var(--bg-hover);
}
@media (max-width: 992px) {
  .careers-products-row {
    grid-template-columns: 1fr;
    padding: var(--spacing-lg);
    gap: var(--spacing-sm);
  }
}

.careers-products-cell {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
@media (max-width: 992px) {
  .careers-products-cell {
    padding: var(--spacing-xs) 0;
  }
  .careers-products-cell::before {
    content: attr(data-label) ": ";
    font-weight: var(--font-weight-bold);
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
}

.careers-products-cell--name {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
@media (max-width: 992px) {
  .careers-products-cell--name {
    font-size: var(--font-size-base);
    border-bottom: 1px solid var(--border-color-light);
    padding-bottom: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
  }
}

.careers-products-cell--commission {
  color: var(--text-tertiary);
}

.careers-commission-tbd {
  font-style: italic;
  opacity: 0.7;
  font-size: var(--font-size-xs);
}

.careers-tiers {
  margin-bottom: var(--spacing-3xl);
}
.careers-tiers h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}

.careers-tiers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .careers-tiers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .careers-tiers-grid {
    grid-template-columns: 1fr;
  }
}

.careers-tier-card {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color-light);
  border-top: 3px solid var(--border-color);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: var(--transition-base);
}
.careers-tier-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.careers-tier-card--referral {
  border-top-color: var(--green-dark-300);
}
.careers-tier-card--reseller {
  border-top-color: var(--color-path-commercial);
}
.careers-tier-card--strategic {
  border-top-color: var(--green-light-500);
}

.careers-tier-card__header {
  margin-bottom: var(--spacing-md);
}

.careers-tier-label {
  font-family: var(--font-display);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

.careers-tier-desc {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: var(--spacing-xl) 0;
  min-height: 5.5rem;
}
@media (max-width: 768px) {
  .careers-tier-desc {
    min-height: 0;
  }
}

.careers-tier-earns {
  padding: var(--spacing-md);
  background: var(--bg-muted);
  border-radius: var(--radius-default);
  margin-bottom: var(--spacing-lg);
  min-height: 100px;
}
.careers-tier-earns p {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

.careers-tier-earns__label {
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-bold) !important;
  letter-spacing: var(--tracking-widest) !important;
  text-transform: uppercase;
  color: var(--text-muted) !important;
  margin-bottom: 4px !important;
}

.careers-tier-unlocks {
  flex: 1;
}
.careers-tier-unlocks ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-sm);
}
.careers-tier-unlocks li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.careers-tier-unlocks li i {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  color: var(--color-path-commercial);
}

.careers-tier-unlocks__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 0 0 var(--spacing-sm);
}

.careers-partner-fit {
  margin-bottom: var(--spacing-3xl);
}

.careers-partner-fit__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .careers-partner-fit__cols {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}

.careers-partner-fit__col h3 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}

.careers-partner-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
}
.careers-partner-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.careers-partner-list li i {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--color-path-commercial);
}

.careers-partner-exclude__intro {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-lg);
}

.careers-partner-exclude {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
}
.careers-partner-exclude li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
}
.careers-partner-exclude li i {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--sec-red-500);
}

.careers-apply-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl);
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
}
@media (max-width: 992px) {
  .careers-apply-block {
    flex-direction: column;
    align-items: stretch;
  }
}

.careers-apply-block__content {
  flex: 1;
}
.careers-apply-block__content p {
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-sm);
}
.careers-apply-block__content p:last-child {
  margin-bottom: 0;
}

.careers-apply-block__head {
  font-family: var(--font-display);
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--text-primary) !important;
  margin-bottom: var(--spacing-sm) !important;
}

.careers-apply-block__detail {
  font-size: var(--font-size-xs) !important;
  color: var(--text-tertiary) !important;
}

.careers-apply-block__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
}
.careers-apply-block__cta i {
  width: 16px;
  height: 16px;
}

[data-theme=dark] .careers-path-card,
[data-theme=dark] .careers-job-card,
[data-theme=dark] .careers-tier-card {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme=dark] .careers-cap-header,
[data-theme=dark] .careers-products-header {
  background: var(--bg-muted);
}
[data-theme=dark] .careers-capabilities-grid,
[data-theme=dark] .careers-products-table {
  border-color: var(--border-color);
}
[data-theme=dark] .careers-cap-row:hover,
[data-theme=dark] .careers-products-row:hover {
  background: var(--bg-active);
}
[data-theme=dark] .careers-standard-bar {
  background: var(--bg-muted);
  border-color: var(--border-color);
  border-left-color: var(--color-path-network);
}
[data-theme=dark] .careers-open-inquiry,
[data-theme=dark] .careers-inquiry-block,
[data-theme=dark] .careers-apply-block {
  background: var(--bg-muted);
  border-color: var(--border-color);
}
[data-theme=dark] .careers-path-type {
  background: var(--bg-active);
}
[data-theme=dark] .careers-tier-earns {
  background: var(--bg-active);
}

.demo-page {
  padding-bottom: var(--spacing-5xl);
}
.demo-page .demo-hero {
  background: var(--hero-gradient);
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
  text-align: center;
}
.demo-page .demo-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='white'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 20px 20px;
  opacity: 0.06;
  pointer-events: none;
}
.demo-page .demo-hero .container {
  position: relative;
  z-index: 1;
}
.demo-page .demo-hero__headline {
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  max-width: 800px;
  margin: 0 auto var(--spacing-xl);
}
@media (max-width: 768px) {
  .demo-page .demo-hero__headline {
    font-size: var(--font-size-4xl);
  }
}
.demo-page .demo-hero__subheadline {
  color: var(--blue-200);
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  max-width: 720px;
  margin: 0 auto var(--spacing-2xl);
}
.demo-page .demo-hero__subheadline em {
  color: var(--color-white);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}
.demo-page .demo-hero__actions {
  display: flex;
  justify-content: center;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .demo-page .demo-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.demo-page .demo-section {
  padding: var(--spacing-5xl) 0;
}
@media (max-width: 768px) {
  .demo-page .demo-section {
    padding: var(--spacing-3xl) 0;
  }
}
.demo-page .demo-section-header {
  max-width: 800px;
  margin-bottom: var(--spacing-3xl);
}
.demo-page .demo-section-header--centered {
  margin-inline: auto;
  text-align: center;
}
.demo-page .demo-section__title {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}
.demo-page .demo-section__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.demo-page .demo-agenda {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 992px) {
  .demo-page .demo-agenda {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .demo-page .demo-agenda {
    grid-template-columns: 1fr;
  }
}
.demo-page .demo-agenda-item {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.demo-page .demo-agenda-item:hover {
  border-color: var(--color-brand-primary);
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.demo-page .demo-agenda-item__time {
  font-family: var(--font-display);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  display: block;
  padding-bottom: var(--spacing-xs);
  border-bottom: 2px solid var(--color-brand-primary);
  width: fit-content;
}
.demo-page .demo-agenda-item__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.demo-page .demo-agenda-item__desc {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.demo-page .demo-agenda-item__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.demo-page .demo-agenda-item__list-item {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.demo-page .demo-agenda-item__list-item::before {
  content: "·";
  font-weight: bold;
  color: var(--color-brand-primary);
}
.demo-page .demo-modules-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xl);
}
@media (max-width: 768px) {
  .demo-page .demo-modules-grid {
    grid-template-columns: 1fr;
  }
}
.demo-page .demo-module-card {
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.demo-page .demo-module-card--foundation {
  border-left: 4px solid var(--color-brand-purple);
}
.demo-page .demo-module-card--app-1 {
  border-left: 4px solid var(--color-brand-primary);
}
.demo-page .demo-module-card--app-2 {
  border-left: 4px solid var(--color-brand-amber);
}
.demo-page .demo-module-card--app-3 {
  border-left: 4px solid var(--color-brand-green);
}
.demo-page .demo-module-card__label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.demo-page .demo-module-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.demo-page .demo-module-card__title em {
  display: block;
  font-size: var(--font-size-sm);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  color: var(--text-secondary);
  margin-top: var(--spacing-xs);
}
.demo-page .demo-module-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.demo-page .demo-module-card__list-item {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.demo-page .demo-module-card__list-item .lucide {
  width: 18px;
  height: 18px;
  color: var(--color-brand-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
.demo-page .demo-who-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--spacing-md);
}
@media (max-width: 1200px) {
  .demo-page .demo-who-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .demo-page .demo-who-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .demo-page .demo-who-grid {
    grid-template-columns: 1fr;
  }
}
.demo-page .demo-who-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.demo-page .demo-who-card h4 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.demo-page .demo-who-card p {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.demo-page .demo-who-card .demo-who-card__icon {
  width: 24px;
  height: 24px;
  color: var(--color-brand-primary);
  margin-bottom: var(--spacing-xs);
}
.demo-page .demo-audit-link-wrap {
  margin-top: var(--spacing-2xl);
  text-align: center;
}
.demo-page .demo-audit-link {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  text-decoration: none;
}
.demo-page .demo-audit-link span {
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-semibold);
  text-decoration: underline;
}
.demo-page .demo-audit-link:hover span {
  color: var(--blue-600);
}
.demo-page .demo-request-section {
  background: var(--bg-raised);
  padding: var(--spacing-5xl) 0;
  scroll-margin-top: 100px;
}
.demo-page .demo-request-layout {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--spacing-5xl);
  align-items: start;
}
@media (max-width: 992px) {
  .demo-page .demo-request-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.demo-page .demo-intake-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  padding: var(--spacing-3xl);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}
@media (max-width: 576px) {
  .demo-page .demo-intake-card {
    padding: var(--spacing-xl);
  }
}
.demo-page .demo-intake-card__icon-wrap {
  width: 64px;
  height: 64px;
  background: color-mix(in srgb, var(--color-brand-primary) 12%, transparent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.demo-page .demo-intake-card__icon {
  width: 28px;
  height: 28px;
  color: var(--color-brand-primary);
}
.demo-page .demo-intake-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.demo-page .demo-intake-card__lead {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 520px;
  margin: 0;
}
.demo-page .demo-intake-card__prompts {
  width: 100%;
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  text-align: left;
}
.demo-page .demo-intake-card__prompts-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--text-tertiary);
  margin: 0 0 var(--spacing-md);
}
.demo-page .demo-intake-card__prompts-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.demo-page .demo-intake-card__prompts-list li {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}
.demo-page .demo-intake-card__prompts-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-brand-primary);
  font-weight: var(--font-weight-bold);
}
.demo-page .demo-intake-card__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.demo-page .demo-intake-card__cta .lucide {
  width: 18px;
  height: 18px;
}
.demo-page .demo-intake-card__privacy {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin: 0;
}
.demo-page .demo-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}
@media (max-width: 992px) {
  .demo-page .demo-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .demo-page .demo-sidebar {
    grid-template-columns: 1fr;
  }
}
.demo-page .demo-sidebar-block {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.demo-page .demo-sidebar-block__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.demo-page .demo-sidebar-block__title .lucide {
  color: var(--color-brand-primary);
}
.demo-page .demo-sidebar-block__text {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.demo-page .demo-cross-links {
  border-top: 1px solid var(--border-color-light);
  padding-top: var(--spacing-5xl);
}
.demo-page .demo-cross-links__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .demo-page .demo-cross-links__grid {
    grid-template-columns: 1fr;
  }
}
.demo-page .demo-cross-link-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}
.demo-page .demo-cross-link-card:hover {
  border-color: var(--color-brand-primary);
  transform: scale(1.01);
}
.demo-page .demo-cross-link-card__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.demo-page .demo-cross-link-card__text {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.demo-page .demo-cross-link-card__cta {
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.demo-page .demo-cross-link-card__cta .lucide {
  transition: transform 0.2s ease;
}
.demo-page .demo-cross-link-card__cta:hover .lucide {
  transform: translateX(4px);
}

[data-theme=dark] .demo-page .demo-hero::before {
  opacity: 0.04;
}
[data-theme=dark] .demo-page .demo-agenda-item,
[data-theme=dark] .demo-page .demo-module-card,
[data-theme=dark] .demo-page .demo-who-card,
[data-theme=dark] .demo-page .demo-intake-card,
[data-theme=dark] .demo-page .demo-sidebar-block,
[data-theme=dark] .demo-page .demo-cross-link-card {
  background: var(--bg-raised);
}

.book-loyalty-audit-page {
  padding-bottom: var(--spacing-5xl);
}
.book-loyalty-audit-page .audit-hero {
  background: var(--hero-gradient);
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing-4xl) + 72px);
  padding-bottom: var(--spacing-4xl);
  text-align: center;
}
.book-loyalty-audit-page .audit-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='white'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 20px 20px;
  opacity: 0.06;
  pointer-events: none;
}
.book-loyalty-audit-page .audit-hero .container {
  position: relative;
  z-index: 1;
}
.book-loyalty-audit-page .audit-hero__headline {
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-extrabold);
  line-height: var(--leading-tight);
  max-width: 800px;
  margin: 0 auto var(--spacing-xl);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-hero__headline {
    font-size: var(--font-size-4xl);
  }
}
.book-loyalty-audit-page .audit-hero__subheadline {
  color: var(--color-white);
  opacity: 0.9;
  font-size: var(--font-size-lg);
  line-height: var(--leading-relaxed);
  max-width: 820px;
  margin: 0 auto var(--spacing-2xl);
}
.book-loyalty-audit-page .audit-hero__subheadline em {
  color: var(--color-white);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}
.book-loyalty-audit-page .audit-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl);
  max-width: 1000px;
  margin: var(--spacing-3xl) auto 0;
  padding-top: var(--spacing-2xl);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-hero__stats {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-xl);
  }
}
.book-loyalty-audit-page .audit-hero__cta-wrap {
  margin-top: var(--spacing-3xl);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-hero__cta-wrap {
    margin-top: var(--spacing-2xl);
  }
}
.book-loyalty-audit-page .audit-hero__cta {
  min-width: 220px;
  padding-inline: calc(var(--spacing-xl) + var(--spacing-sm));
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 12px 30px rgba(4, 32, 14, 0.18);
  backdrop-filter: blur(8px);
}
.book-loyalty-audit-page .audit-hero__cta:hover {
  background: var(--color-white);
  border-color: var(--color-white);
  color: #14311b;
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(4, 32, 14, 0.24);
}
.book-loyalty-audit-page .audit-hero__cta:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 10px 20px rgba(4, 32, 14, 0.2);
}
.book-loyalty-audit-page .audit-hero__cta:focus-visible {
  outline-color: var(--color-white);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.22), 0 18px 36px rgba(4, 32, 14, 0.24);
}
@media (max-width: 576px) {
  .book-loyalty-audit-page .audit-hero__cta {
    width: min(100%, 22rem);
    min-width: 0;
  }
}
.book-loyalty-audit-page .audit-stat-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  color: var(--color-white);
}
.book-loyalty-audit-page .audit-stat-item strong {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}
.book-loyalty-audit-page .audit-stat-item span {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  opacity: 0.7;
}
.book-loyalty-audit-page .audit-section {
  padding: var(--spacing-5xl) 0;
}
.book-loyalty-audit-page .audit-section--alt {
  background: var(--bg-raised);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-section {
    padding: var(--spacing-3xl) 0;
  }
}
.book-loyalty-audit-page .audit-section-header {
  max-width: 800px;
  margin-bottom: var(--spacing-3xl);
}
.book-loyalty-audit-page .audit-section-header--centered {
  margin-inline: auto;
  text-align: center;
}
.book-loyalty-audit-page .audit-section__title {
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}
.book-loyalty-audit-page .audit-section__intro {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.book-loyalty-audit-page .audit-outputs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-2xl);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-outputs-grid {
    grid-template-columns: 1fr;
  }
}
.book-loyalty-audit-page .audit-output-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: var(--transition-base);
}
.book-loyalty-audit-page .audit-output-card:hover {
  border-color: var(--color-brand-green);
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.book-loyalty-audit-page .audit-output-card__num {
  font-family: var(--font-display);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  background: var(--color-accent-light);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
}
.book-loyalty-audit-page .audit-output-card__title {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.book-loyalty-audit-page .audit-output-card__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.book-loyalty-audit-page .audit-dimensions {
  margin-top: var(--spacing-xl);
  padding: var(--spacing-xl);
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
}
.book-loyalty-audit-page .audit-dimensions-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md);
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (max-width: 576px) {
  .book-loyalty-audit-page .audit-dimensions-list {
    grid-template-columns: 1fr;
  }
}
.book-loyalty-audit-page .audit-dimensions-list li {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}
.book-loyalty-audit-page .audit-dimensions-list li .lucide {
  width: 18px;
  height: 18px;
  color: var(--color-brand-green);
  flex-shrink: 0;
}
.book-loyalty-audit-page .audit-timeline-wrap {
  position: relative;
  padding: var(--spacing-xl) 0;
}
.book-loyalty-audit-page .audit-timeline-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 160px;
  width: 2px;
  background: linear-gradient(180deg, transparent 0%, var(--color-brand-green) 15%, var(--color-brand-green) 85%, transparent 100%);
  opacity: 0.2;
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-timeline-line {
    left: 20px;
  }
}
.book-loyalty-audit-page .audit-phases {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.book-loyalty-audit-page .audit-phase-card {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 40px;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-phase-card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding-left: 50px;
  }
}
.book-loyalty-audit-page .audit-phase__node {
  position: absolute;
  left: 160px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: var(--color-brand-green);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 0 4px var(--bg-default);
  z-index: 2;
}
.book-loyalty-audit-page .audit-phase__node::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px solid var(--color-brand-green);
  opacity: 0.4;
  animation: stepPulse 2s infinite ease-in-out;
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-phase__node {
    left: 20px;
    top: 22px;
  }
}
@keyframes stepPulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.book-loyalty-audit-page .audit-phase__meta {
  flex-shrink: 0;
  text-align: right;
  padding-right: var(--spacing-md);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-phase__meta {
    width: 100%;
    text-align: left;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--border-color-light);
  }
}
.book-loyalty-audit-page .audit-phase__label {
  display: block;
  font-family: var(--font-display);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-green);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
}
.book-loyalty-audit-page .audit-phase__time {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: var(--spacing-xs);
}
@media (max-width: 768px) {
  .book-loyalty-audit-page .audit-phase__time {
    margin-top: 0;
  }
}
.book-loyalty-audit-page .audit-phase__content {
  flex: 1;
}
.book-loyalty-audit-page .audit-phase__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs);
  line-height: var(--leading-tight);
}
.book-loyalty-audit-page .audit-phase__desc {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0;
}
.book-loyalty-audit-page .audit-intake-section {
  padding: var(--spacing-5xl) 0;
  background: var(--bg-raised);
}
.book-loyalty-audit-page .audit-intake-layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: var(--spacing-5xl);
  align-items: start;
}
@media (max-width: 992px) {
  .book-loyalty-audit-page .audit-intake-layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }
}
.book-loyalty-audit-page .audit-intake-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  padding: var(--spacing-3xl);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}
@media (max-width: 576px) {
  .book-loyalty-audit-page .audit-intake-card {
    padding: var(--spacing-xl);
  }
}
.book-loyalty-audit-page .audit-intake-card__icon-wrap {
  width: 64px;
  height: 64px;
  background: color-mix(in srgb, var(--color-brand-green) 12%, transparent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.book-loyalty-audit-page .audit-intake-card__icon {
  width: 28px;
  height: 28px;
  color: var(--color-brand-green);
}
.book-loyalty-audit-page .audit-intake-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.book-loyalty-audit-page .audit-intake-card__lead {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 520px;
  margin: 0;
}
.book-loyalty-audit-page .audit-intake-card__prompts {
  width: 100%;
  background: var(--bg-raised);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  text-align: left;
}
.book-loyalty-audit-page .audit-intake-card__prompts-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--text-tertiary);
  margin: 0 0 var(--spacing-md);
}
.book-loyalty-audit-page .audit-intake-card__prompts-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.book-loyalty-audit-page .audit-intake-card__prompts-list li {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}
.book-loyalty-audit-page .audit-intake-card__prompts-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-brand-green);
  font-weight: var(--font-weight-bold);
}
.book-loyalty-audit-page .audit-intake-card__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.book-loyalty-audit-page .audit-intake-card__cta .lucide {
  width: 18px;
  height: 18px;
}
.book-loyalty-audit-page .audit-intake-card__privacy {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin: 0;
}
.book-loyalty-audit-page .audit-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}
.book-loyalty-audit-page .audit-sidebar-block {
  background: var(--bg-card);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.book-loyalty-audit-page .audit-sidebar-block__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.book-loyalty-audit-page .audit-sidebar-block__title .lucide {
  color: var(--color-brand-green);
}
.book-loyalty-audit-page .audit-sidebar-block__text {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
}
.book-loyalty-audit-page .audit-breadcrumb {
  margin-bottom: var(--spacing-xl);
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}
.book-loyalty-audit-page .audit-breadcrumb a {
  color: var(--text-tertiary);
  text-decoration: none;
}
.book-loyalty-audit-page .audit-breadcrumb a:hover {
  color: var(--color-brand-green);
}
.book-loyalty-audit-page .audit-breadcrumb span {
  margin: 0 var(--spacing-xs);
}

[data-theme=dark] .book-loyalty-audit-page .audit-hero::before {
  opacity: 0.04;
}
[data-theme=dark] .book-loyalty-audit-page .audit-output-card,
[data-theme=dark] .book-loyalty-audit-page .audit-dimensions,
[data-theme=dark] .book-loyalty-audit-page .audit-phase-card,
[data-theme=dark] .book-loyalty-audit-page .audit-intake-card,
[data-theme=dark] .book-loyalty-audit-page .audit-sidebar-block {
  background: var(--bg-raised);
}

.legal-page .legal-hero {
  background: var(--bg-dark, var(--blue-900));
  padding-block: var(--spacing-4xl);
}
.legal-page .legal-hero__title {
  font-family: var(--font-display);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  margin: 0;
}
.legal-page .legal-body {
  max-width: 760px;
  margin-inline: auto;
  padding-block: var(--spacing-4xl);
  padding-inline: var(--spacing-xl);
}
.legal-page .legal-body h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-sm);
}
.legal-page .legal-body h4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  margin-bottom: var(--spacing-xs);
}
.legal-page .legal-body p {
  font-size: var(--font-size-md, var(--font-size-base));
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-lg);
}
.legal-page .legal-body address {
  font-style: normal;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin-top: var(--spacing-lg);
}
.legal-page .legal-body a {
  color: var(--color-brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal-page .legal-body a:hover {
  color: var(--blue-600);
}
.legal-page .legal-meta {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
}

.page-404 .pillar-cards a {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: inherit;
  border-radius: inherit;
}
.page-404 .pillar-cards a .pillar-card {
  flex: 1 1 auto;
  height: 100%;
}
.page-404 .pillar-card__cta {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--pillar-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-wide);
}
.page-404 .pillar-card__cta .lucide {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
  color: currentColor;
  opacity: 0.6;
}
.page-404 .pillar-cards a:hover .pillar-card__cta .lucide {
  transform: translateX(4px);
  opacity: 1;
}
.page-404 .section-hero {
  min-height: 80vh;
}