:root {
  --navy-950: #05131f;
  --navy-900: #071b2b;
  --navy-850: #0a2438;
  --navy-800: #0d304a;
  --navy-700: #174c70;
  --gold-500: #d9b95d;
  --gold-400: #e8cd7c;
  --gold-300: #f0d991;
  --ivory: #f7f4ed;
  --paper: #fbfaf7;
  --white: #ffffff;
  --ink: #12202c;
  --muted: #66727d;
  --line: rgba(12, 42, 63, 0.13);
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Manrope", "DM Sans", Arial, sans-serif;
  --mono: "Space Mono", monospace;
  --shadow-sm: 0 12px 34px rgba(5, 19, 31, 0.08);
  --shadow-lg: 0 28px 80px rgba(5, 19, 31, 0.18);
  --ease: cubic-bezier(.22, 1, .36, 1);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open,
body.modal-open { overflow: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg, video { display: block; max-width: 100%; }
::selection { color: var(--navy-950); background: var(--gold-400); }

.skip-link {
  position: fixed;
  left: 20px;
  top: -80px;
  z-index: 9999;
  padding: 12px 18px;
  border-radius: 8px;
  color: var(--navy-950);
  background: var(--gold-400);
  transition: top .2s;
}
.skip-link:focus { top: 20px; }

/* Marketing routes */
.mobile-menu .mobile-accordion { display: none; }
.primary-nav a[aria-current="true"] { color: var(--gold-400); }
.primary-nav { gap: 0; }
.primary-nav .flat-nav-link { padding-inline: 24px; }
.primary-nav .flat-nav-link + .flat-nav-link::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; background: linear-gradient(transparent, rgba(232,205,124,.42), transparent); transform: translateY(-50%); }
.primary-nav .flat-nav-link:hover, .primary-nav .flat-nav-link:focus-visible { color: var(--gold-300); background: transparent; text-shadow: 0 0 18px rgba(232,205,124,.18); outline: none; }
.primary-nav .flat-nav-link::after { display: block; right: 50%; left: 50%; background: var(--gold-400); }
.primary-nav .flat-nav-link:hover::after, .primary-nav .flat-nav-link:focus-visible::after, .primary-nav .flat-nav-link[aria-current="true"]::after { right: 24px; left: 24px; }
.marketing-route { background: var(--navy-950); }
.marketing-route .site-header { background: rgba(5, 19, 31, .94); }
.marketing-route .site-footer { border-top: 1px solid rgba(255,255,255,.08); }
.route-shell { width: min(1180px, calc(100% - 64px)); margin: 0 auto; }
.route-hero { min-height: 72vh; display: flex; align-items: center; padding: 180px 0 100px; color: white; background: radial-gradient(circle at 78% 25%, rgba(217,185,93,.13), transparent 32%), linear-gradient(145deg, var(--navy-800), var(--navy-950) 72%); }
.route-hero .route-shell { max-width: 1180px; }
.route-kicker, .product-stage, .product-number { display: block; color: var(--gold-400); font: 700 10px/1.4 var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.route-hero h1 { max-width: 900px; margin: 22px 0 24px; font: 600 clamp(52px, 8vw, 104px)/.98 var(--serif); letter-spacing: -.045em; }
.route-hero p { max-width: 690px; margin: 0 0 34px; color: rgba(255,255,255,.68); font-size: clamp(17px, 2vw, 22px); line-height: 1.65; }
.products-route, .route-body { padding: 100px 0 120px; background: var(--ivory); }
.products-page { min-height: 100vh; padding: 94px 0 40px; background: radial-gradient(circle at 80% 12%, rgba(217,185,93,.1), transparent 28%), var(--ivory); }
.products-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.products-heading h1 { margin: 0; color: var(--navy-950); font: 600 clamp(44px, 6vw, 68px)/1 var(--serif); letter-spacing: -.04em; }
.journey-pyramid { max-width: 1120px; margin: 0 auto 28px; padding: 20px 24px 18px; border: 1px solid rgba(217,185,93,.2); border-radius: 22px; background: radial-gradient(circle at 50% 20%, rgba(232,205,124,.08), transparent 34%), linear-gradient(145deg, var(--navy-850), var(--navy-950)); box-shadow: var(--shadow-lg); }
.journey-pyramid ol, .journey-pyramid ul { margin: 0; padding: 0; list-style: none; }
.journey-level { margin: 0 auto 2px; position: relative; animation: journey-breathe 7s ease-in-out infinite; }
.journey-level:last-child { margin-bottom: 0; }
.journey-level::after { content: ""; position: absolute; left: 50%; bottom: -3px; z-index: 3; width: 54px; height: 2px; background: linear-gradient(90deg, transparent, rgba(232,205,124,.9), transparent); transform: translateX(-50%); animation: journey-connector 5s ease-in-out infinite; }
.journey-level:last-child::after { display: none; }
.journey-level > a { min-height: 142px; display: flex; align-content: center; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px 20px; padding: 12px clamp(44px, 6vw, 82px); position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgba(255,255,255,.22); color: var(--navy-950); text-align: center; clip-path: polygon(6% 0, 94% 0, 100% 100%, 0 100%); transition: transform .35s var(--ease), filter .35s, box-shadow .35s; }
.journey-level > a::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.22) 48%, transparent 66%); translate: -120% 0; animation: journey-light 9s ease-in-out infinite; }
.journey-level > a:hover { z-index: 4; filter: saturate(1.08) brightness(1.035); transform: translateY(-4px) scale(1.008); }
.journey-level > a:focus-visible { z-index: 5; outline: 3px solid var(--gold-300); outline-offset: 3px; }
.journey-level-number { font: 700 10px var(--mono); letter-spacing: .13em; }
.journey-level-title { font: 700 clamp(34px, 3.5vw, 48px)/1 var(--serif); letter-spacing: -.025em; }
.journey-level-theme { flex-basis: 100%; font: 700 16.5px/1.4 var(--sans); letter-spacing: .035em; }
.journey-level ul { flex-basis: 100%; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 27px; margin-top: 11px; }
.journey-level ul li { flex: 0 1 142px; display: flex; align-items: center; flex-direction: column; gap: 8px; position: relative; font: 600 13.5px/1.38 var(--sans); }
.journey-icon { width: 30px; height: 30px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.journey-izen { width: 58%; animation-delay: -.5s; }
.journey-izen > a { min-height: 190px; padding: 35px 42px 12px; clip-path: polygon(50% 0, 50% 0, 100% 100%, 0 100%); }
.journey-cortex { width: 74%; animation-delay: -2s; }
.journey-go { width: 88%; animation-delay: -3.5s; }
.journey-zero { width: 100%; animation-delay: -5s; }
.journey-izen > a { color: #173c2a; background: linear-gradient(145deg, #dce8dc, #b9d0bd); }
.journey-cortex > a { color: #102f55; background: linear-gradient(145deg, #dbe5f0, #b9cce0); }
.journey-go > a { color: #49330b; background: linear-gradient(145deg, #f0dfae, #d9b95d); }
.journey-zero > a { color: #302b3e; background: linear-gradient(145deg, #e5e1e7, #c9c3ce); }
.journey-izen ul li { flex-basis: 105px; }
.journey-cortex ul li { flex-basis: 125px; }
.journey-go ul li { flex-basis: 112px; }
.journey-current > a { border-color: var(--gold-300); filter: saturate(1.12) brightness(1.04); box-shadow: inset 0 0 0 3px rgba(255,255,255,.65), 0 0 34px rgba(232,205,124,.42); }
.products-page .journey-pyramid { max-width: 1040px; margin-bottom: 26px; padding: 12px 18px 11px; }
.products-page .journey-level > a { min-height: 122px; padding-block: 9px; }
.products-page .journey-izen { width: 58%; }
.products-page .journey-cortex { width: 74%; }
.products-page .journey-go { width: 88%; }
.products-page .journey-izen > a { min-height: 205px; padding: 38px 42px 12px; clip-path: polygon(50% 0, 50% 0, 100% 100%, 0 100%); }
.products-page .journey-izen ul { gap: 11px 18px; }
.products-page .journey-izen ul li { flex-basis: 120px; align-items: center; flex-direction: row; gap: 7px; text-align: left; }
.products-page .journey-izen .journey-icon { width: 26px; height: 26px; }
.products-page .journey-cortex ul li { flex-basis: 112px; }
.products-page .journey-go ul li { flex-basis: 98px; }
@keyframes journey-breathe { 0%, 100% { transform: translateY(0); filter: drop-shadow(0 8px 8px rgba(0,0,0,.09)); } 50% { transform: translateY(-2px); filter: drop-shadow(0 13px 12px rgba(0,0,0,.14)); } }
@keyframes journey-connector { 0%, 100% { opacity: .35; scale: .7 1; } 50% { opacity: 1; scale: 1.15 1; } }
@keyframes journey-light { 0%, 68% { translate: -120% 0; } 86%, 100% { translate: 120% 0; } }
.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.product-card { min-height: 240px; padding: 25px 28px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); box-shadow: var(--shadow-sm); transition: transform .3s var(--ease), border-color .3s; }
.product-card:hover, .product-card:focus-visible { transform: translateY(-5px); border-color: rgba(217,185,93,.8); outline: none; }
.product-card .product-number { margin-left: auto; color: var(--muted); }
.product-card h2 { margin: 22px 0 10px; font: 600 clamp(31px, 3.4vw, 44px)/1 var(--serif); }
.product-card p { max-width: 500px; margin: 0; color: var(--muted); line-height: 1.55; }
.product-link { margin-top: auto; padding-top: 18px; color: var(--navy-800); font-weight: 700; }
.existing-product { margin-top: 20px; padding: 36px 42px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 18px; color: white; background: var(--navy-850); }
.existing-product h2 { margin: 8px 0; font: 600 34px var(--serif); }
.existing-product p { margin: 0; color: rgba(255,255,255,.62); }
.route-back { display: inline-block; margin-bottom: 48px; color: rgba(255,255,255,.62); }
.status-pill { display: inline-flex; margin-bottom: 20px; padding: 8px 12px; border: 1px solid rgba(232,205,124,.45); border-radius: 999px; color: var(--gold-400); font: 700 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.route-copy { max-width: 800px; }
.route-copy h2, .company-grid h2 { font: 600 clamp(34px, 4vw, 54px)/1.1 var(--serif); }
.route-copy > p, .company-grid p { color: var(--muted); font-size: 18px; line-height: 1.8; }
.text-link, .route-callout a { color: var(--navy-800); font-weight: 700; }
.route-callout { margin: 42px 0; padding: 28px; border-left: 3px solid var(--gold-500); background: white; }
.product-detail-grid { display: grid; grid-template-columns: minmax(330px, .62fr) minmax(520px, 1fr); gap: clamp(48px, 6vw, 84px); align-items: center; }
.journey-pyramid-compact { width: 100%; margin: 0; padding: 24px 18px; overflow: visible; box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.journey-pyramid-compact .journey-level > a { min-height: 108px; gap: 4px 12px; padding: 10px clamp(26px, 3.5vw, 48px); }
.journey-pyramid-compact .journey-izen { width: 64%; }
.journey-pyramid-compact .journey-cortex { width: 78%; }
.journey-pyramid-compact .journey-go { width: 90%; }
.journey-pyramid-compact .journey-izen > a { min-height: 180px; padding: 32px 32px 10px; }
.journey-pyramid-compact .journey-level-title { font-size: clamp(27px, 2.4vw, 34px); }
.journey-pyramid-compact .journey-level-theme { font-size: 13px; line-height: 1.35; }
.journey-pyramid-compact .journey-level ul { gap: 8px 18px; margin-top: 8px; }
.journey-pyramid-compact .journey-level ul li { flex-basis: 96px; gap: 5px; font-size: 10.5px; line-height: 1.32; }
.journey-pyramid-compact .journey-icon { width: 23px; height: 23px; stroke-width: 1.7; }
.journey-pointer { width: 150px; position: absolute; left: -146px; top: 50%; z-index: 8; color: var(--gold-300); transform: translateY(-50%) rotate(-2deg); }
.journey-pointer span { display: block; margin-left: 8px; font: 700 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.journey-pointer svg { width: 150px; height: 72px; overflow: visible; }
.journey-pointer path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 5 6; animation: journey-dash 8s linear infinite; }
@keyframes journey-dash { to { stroke-dashoffset: -44; } }

/* Products landing journey */
.products-page { padding: 0; color: white; background: var(--navy-950); }
.products-hero { min-height: 100vh; display: flex; align-items: center; padding: 150px 0 92px; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 77% 32%, rgba(23,76,112,.28), transparent 30%), radial-gradient(circle at 18% 18%, rgba(217,185,93,.07), transparent 24%), linear-gradient(135deg, #071827, #030c14 75%); }
.products-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.products-hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(500px, 1.05fr); gap: clamp(56px, 7vw, 110px); align-items: center; }
.products-hero-copy h1 { max-width: 650px; margin: 23px 0 26px; font: 500 clamp(52px, 6.2vw, 84px)/.98 var(--serif); letter-spacing: -.045em; }
.products-hero-copy h1 em { color: var(--gold-400); font-style: normal; }
.products-hero-copy > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.62); font-size: clamp(16px, 1.45vw, 19px); line-height: 1.75; }
.products-hero-actions { display: flex; align-items: center; gap: 13px; margin-top: 36px; }
.products-button-secondary { min-height: 50px; display: inline-flex; align-items: center; gap: 30px; padding: 0 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; color: rgba(255,255,255,.88); font-size: 13px; font-weight: 700; transition: border-color .25s, background .25s, transform .25s var(--ease); }
.products-button-secondary:hover, .products-button-secondary:focus-visible { border-color: rgba(232,205,124,.62); background: rgba(255,255,255,.05); transform: translateY(-2px); outline: none; }
.products-button-secondary span { color: var(--gold-400); }
.products-hero-proof { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 34px; color: rgba(255,255,255,.4); font: 700 9px/1.5 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.products-hero-proof span { display: flex; align-items: center; gap: 9px; }
.products-hero-proof span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--gold-400); box-shadow: 0 0 10px var(--gold-400); }
.products-pyramid-wrap { min-width: 0; padding: 18px 0 8px; }
.products-pyramid-heading { display: flex; justify-content: space-between; margin: 0 8px 18px; color: rgba(255,255,255,.38); font: 700 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.products-pyramid { height: 510px; display: flex; flex-direction: column; justify-content: flex-end; gap: 7px; padding: 26px 34px 32px; position: relative; border: 1px solid rgba(255,255,255,.09); border-radius: 24px; background: radial-gradient(circle at 50% 14%, rgba(217,185,93,.09), transparent 35%), rgba(6,21,33,.62); box-shadow: 0 40px 100px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(12px); }
.products-pyramid::before { content: ""; position: absolute; inset: 9% 16%; border-radius: 50%; background: rgba(40,105,146,.1); filter: blur(45px); animation: products-ambient 7s ease-in-out infinite; }
.pyramid-layer { height: 93px; display: grid; grid-template-columns: 42px auto 1fr; align-items: center; gap: 12px; margin-inline: auto; padding: 0 clamp(22px, 4vw, 42px); position: relative; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; color: rgba(255,255,255,.68); background: linear-gradient(100deg, rgba(20,58,82,.72), rgba(9,31,48,.92)); transition: opacity .4s, transform .4s var(--ease), border-color .4s, filter .4s, box-shadow .4s; animation: products-float 6s ease-in-out infinite; }
.pyramid-layer-izen { width: 50%; height: 112px; padding-top: 24px; border-radius: 50% 50% 8px 8px / 80% 80% 8px 8px; animation-delay: -1.5s; }
.pyramid-layer-cortex { width: 68%; animation-delay: -3s; }
.pyramid-layer-go { width: 84%; animation-delay: -4.5s; }
.pyramid-layer-zero { width: 100%; animation-delay: -6s; }
.pyramid-layer-index { font: 700 9px var(--mono); letter-spacing: .12em; color: rgba(232,205,124,.55); }
.pyramid-layer strong { font: 600 clamp(25px, 3vw, 36px)/1 var(--serif); letter-spacing: -.02em; color: white; }
.pyramid-layer small { justify-self: end; max-width: 135px; font-size: 10px; line-height: 1.35; text-align: right; text-transform: uppercase; letter-spacing: .08em; }
.products-pyramid:has(.pyramid-layer:hover) .pyramid-layer:not(:hover), .products-pyramid:has(.pyramid-layer:focus-visible) .pyramid-layer:not(:focus-visible) { opacity: .3; filter: saturate(.6); }
.pyramid-layer:hover, .pyramid-layer:focus-visible { z-index: 5; border-color: rgba(232,205,124,.7); color: white; transform: translateY(-5px) scale(1.012); filter: brightness(1.13); box-shadow: 0 0 32px rgba(217,185,93,.16); outline: none; }
.pyramid-info { width: 235px; display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; position: absolute; z-index: 10; right: 20px; top: 50%; opacity: 0; border: 1px solid rgba(232,205,124,.28); border-radius: 12px; color: white; background: rgba(3,14,23,.97); box-shadow: 0 18px 44px rgba(0,0,0,.34); transform: translateY(-43%) translateX(12px); pointer-events: none; transition: opacity .25s, transform .35s var(--ease); clip-path: none; }
.pyramid-layer:hover .pyramid-info, .pyramid-layer:focus-visible .pyramid-info { opacity: 1; transform: translateY(-50%) translateX(0); }
.pyramid-info .pyramid-info-status { color: var(--gold-400); font: 700 8px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.pyramid-info b { font: 600 23px var(--serif); }
.pyramid-info em { color: rgba(255,255,255,.72); font-size: 10px; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.pyramid-info > span:not(.pyramid-info-status) { color: rgba(255,255,255,.53); font-size: 11px; line-height: 1.5; }
.pyramid-info u { margin-top: 4px; color: var(--gold-400); font-size: 10px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: .05em; }
.pyramid-pulse { width: 2px; height: 72%; position: absolute; z-index: 4; left: 50%; bottom: 12%; opacity: .65; background: linear-gradient(transparent, rgba(232,205,124,.25), transparent); transform: translateX(-50%); pointer-events: none; }
.pyramid-pulse::after { content: ""; width: 7px; height: 7px; position: absolute; left: -2.5px; bottom: 0; border-radius: 50%; background: var(--gold-300); box-shadow: 0 0 15px var(--gold-300); animation: products-pulse-up 4.8s ease-in-out infinite; }
.pyramid-caption { display: flex; align-items: center; gap: 12px; margin: 17px 8px 0; color: rgba(255,255,255,.42); font-size: 11px; }
.pyramid-caption span { width: 34px; height: 1px; background: linear-gradient(90deg, var(--gold-400), transparent); }
@keyframes products-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -2px; } }
@keyframes products-pulse-up { 0% { bottom: 0; opacity: 0; } 12%,75% { opacity: 1; } 100% { bottom: 100%; opacity: 0; } }
@keyframes products-ambient { 50% { opacity: .55; transform: scale(1.08); } }
.products-journey { padding: 120px 0 140px; position: relative; background: linear-gradient(180deg, #071724, #06131f); }
.products-journey-heading { display: grid; grid-template-columns: 1fr .65fr; gap: 60px; align-items: end; margin-bottom: 62px; }
.products-journey-heading h2 { margin: 18px 0 0; font: 500 clamp(43px, 5.4vw, 70px)/1.05 var(--serif); letter-spacing: -.04em; }
.products-journey-heading > p { max-width: 500px; margin: 0 0 5px; color: rgba(255,255,255,.52); font-size: 16px; line-height: 1.75; }
.stage-card-list { border-top: 1px solid rgba(255,255,255,.12); }
.stage-card { border-bottom: 1px solid rgba(255,255,255,.12); background: transparent; transition: background .35s, border-color .35s, transform .35s var(--ease); }
.stage-card:hover, .stage-card[open] { border-color: rgba(232,205,124,.35); background: linear-gradient(90deg, rgba(255,255,255,.035), transparent); }
.stage-card[open] { transform: translateX(6px); }
.stage-card summary { min-height: 138px; display: grid; grid-template-columns: 64px 190px minmax(250px, 1fr) 38px; gap: 24px; align-items: center; padding: 20px 24px; cursor: pointer; list-style: none; }
.stage-card summary::-webkit-details-marker { display: none; }
.stage-card summary:focus-visible { outline: 2px solid var(--gold-400); outline-offset: -2px; }
.stage-card-number { color: rgba(232,205,124,.55); font: 700 10px var(--mono); letter-spacing: .15em; }
.stage-card-title { display: flex; flex-direction: column; gap: 8px; }
.stage-card-title small, .stage-card-eyebrow { color: var(--gold-400); font: 700 9px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.stage-card-title strong { font: 600 38px/1 var(--serif); }
.stage-card-position { color: rgba(255,255,255,.68); font: 500 clamp(18px, 2vw, 25px)/1.3 var(--serif); }
.stage-card-toggle { width: 30px; height: 30px; position: relative; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.stage-card-toggle::before, .stage-card-toggle::after { content: ""; width: 10px; height: 1px; position: absolute; top: 14px; left: 9px; background: var(--gold-400); transition: transform .3s; }
.stage-card-toggle::after { transform: rotate(90deg); }
.stage-card[open] .stage-card-toggle::after { transform: rotate(0); }
.stage-card-body { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(250px, .8fr) auto; gap: 50px; align-items: end; padding: 0 24px 38px 112px; animation: stage-reveal .45s var(--ease); }
.stage-card-body p { max-width: 480px; margin: 12px 0 0; color: rgba(255,255,255,.52); font-size: 14px; line-height: 1.7; }
.stage-card-modules > span { color: rgba(255,255,255,.34); font: 700 8px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.stage-card-modules ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 11px 0 0; padding: 0; list-style: none; }
.stage-card-modules li { padding: 7px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 5px; color: rgba(255,255,255,.58); font-size: 10px; }
.stage-card-body > a { min-height: 43px; display: inline-flex; align-items: center; gap: 28px; padding: 0 15px; border: 1px solid rgba(232,205,124,.34); border-radius: 7px; color: var(--gold-300); font-size: 11px; font-weight: 800; white-space: nowrap; transition: color .25s, background .25s, transform .25s; }
.stage-card-body > a:hover, .stage-card-body > a:focus-visible { color: var(--navy-950); background: var(--gold-300); transform: translateY(-2px); outline: none; }
@keyframes stage-reveal { from { opacity: 0; transform: translateY(-8px); } }

@media (max-width: 980px) {
  .products-hero { padding-top: 130px; }
  .products-hero-grid { grid-template-columns: 1fr; }
  .products-hero-copy { max-width: 720px; }
  .products-pyramid-wrap { width: min(680px, 100%); margin-inline: auto; }
  .products-journey-heading { grid-template-columns: 1fr; gap: 25px; }
  .stage-card-body { grid-template-columns: 1fr 1fr; padding-left: 24px; }
  .stage-card-body > a { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 680px) {
  .products-hero { min-height: auto; padding: 116px 0 70px; }
  .products-hero-copy h1 { font-size: clamp(45px, 13vw, 61px); }
  .products-hero-actions { align-items: stretch; flex-direction: column; }
  .products-hero-actions a { justify-content: center; }
  .products-pyramid { height: 420px; padding: 18px 12px 22px; }
  .pyramid-layer { height: 76px; grid-template-columns: 28px auto; padding-inline: 18px; }
  .pyramid-layer-izen { height: 96px; padding-top: 20px; }
  .pyramid-layer small { display: none; }
  .pyramid-layer strong { font-size: 25px; }
  .pyramid-info { width: 205px; right: 8px; }
  .products-journey { padding: 85px 0 100px; }
  .stage-card summary { min-height: 118px; grid-template-columns: 34px 105px 1fr 30px; gap: 10px; padding-inline: 8px; }
  .stage-card-title strong { font-size: 28px; }
  .stage-card-title small { font-size: 7px; }
  .stage-card-position { font: 500 15px/1.3 var(--serif); }
  .stage-card-body { grid-template-columns: 1fr; gap: 25px; padding: 0 8px 30px 52px; }
  .stage-card-body > a { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .pyramid-layer, .products-pyramid::before, .pyramid-pulse::after { animation: none; }
  .stage-card-body { animation: none; }
}
.product-capabilities .route-shell { max-width: 1180px; }
.product-position { display: grid; grid-template-columns: minmax(180px, .35fr) minmax(300px, .8fr); gap: 16px 60px; align-items: start; margin-bottom: 58px; }
.product-position .route-kicker { padding-top: 9px; }
.product-position h2 { margin: 0; color: var(--navy-950); font: 600 clamp(34px, 4.5vw, 58px)/1.08 var(--serif); letter-spacing: -.035em; }
.product-position p { grid-column: 2; max-width: 680px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.product-capability-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin: 0 0 28px; padding-top: 58px; border-top: 1px solid var(--line); }
.product-capability-heading h2 { margin: 0; color: var(--navy-950); font: 600 clamp(38px, 5vw, 62px)/1 var(--serif); letter-spacing: -.04em; }
.capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 38px; }
.capability-card { min-height: 180px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); transition: border-color .25s, transform .25s var(--ease), box-shadow .25s; }
.capability-card:hover { transform: translateY(-3px); border-color: rgba(217,185,93,.55); box-shadow: var(--shadow-sm); }
.capability-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.capability-card-meta span, .capability-card-meta small { color: var(--gold-500); font: 700 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.capability-card-meta small { padding: 5px 8px; border: 1px solid rgba(217,185,93,.3); border-radius: 999px; color: #80672b; background: #f5eedc; }
.capability-card h3 { margin: 34px 0 0; color: var(--navy-900); font: 600 19px/1.35 var(--sans); }
.capability-card a { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); color: white; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.capability-card a span { color: var(--gold-300); font-size: 18px; }
.capability-card .capability-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.capability-card .capability-module-description{max-width:640px;margin:14px 0 24px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.65}
.capability-card .capability-card-actions .capability-module-action{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0 16px;border:1px solid rgba(232,205,124,.38);border-radius:9px;color:white;background:rgba(255,255,255,.045);font-size:11px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase;transition:color .25s,background .25s,border-color .25s,transform .25s var(--ease)}
.capability-card .capability-card-actions .capability-module-action:hover,.capability-card .capability-card-actions .capability-module-action:focus-visible{color:var(--navy-950);border-color:var(--gold-300);background:var(--gold-300);transform:translateY(-2px);outline:none}
.capability-card .capability-card-actions .capability-module-action:hover span,.capability-card .capability-card-actions .capability-module-action:focus-visible span{color:var(--navy-950)}
.capability-grid-zero{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid-zero .capability-card-available{grid-column:auto}.capability-card-zero-wide{grid-column:1/-1}.capability-card-entry{min-height:180px;text-decoration:none}.capability-card-entry:focus-visible{outline:3px solid var(--gold-300);outline-offset:4px}.capability-card-entry>p{margin:10px 0 0;color:rgba(255,255,255,.72);font-size:13px}.capability-card-entry .capability-card-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:white;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.capability-card-entry .capability-card-action span{color:var(--gold-300);font-size:18px}
.capability-card-pair{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.capability-card-pair .capability-card{grid-column:auto}
.capability-card-available { grid-column: span 2; color: white; border-color: rgba(217,185,93,.36); background: radial-gradient(circle at 88% 18%,rgba(217,185,93,.17),transparent 28%),linear-gradient(145deg,var(--navy-800),var(--navy-950)); }
.capability-card-available h3 { color: white; font: 600 clamp(27px, 3vw, 38px)/1.15 var(--serif); }
.capability-card-available .capability-card-meta small { color: var(--navy-950); border-color: var(--gold-300); background: var(--gold-300); }
.product-contact-link { display: inline-flex; margin-top: 6px; }
.zero-product-hero { min-height: 0; padding: 136px 0 64px; }
.zero-product-hero h1 { margin-block: 16px 14px; }
.zero-product-hero p { margin-bottom: 0; }
.zero-product-actions { margin-top: 26px; }
.zero-product-actions .zero-product-primary { min-width: 220px; min-height: 60px; padding-inline: 30px; font-size: 12px; }
.zero-product-actions .products-button-secondary { min-width: 190px; min-height: 60px; justify-content: center; }
.zero-product-journey { padding: 38px 0 28px; background: var(--ivory); }
.zero-product-journey .journey-pointer span { width: max-content; padding: 7px 10px; border: 1px solid rgba(232,205,124,.82); border-radius: 999px; color: var(--gold-300); background: rgba(5,19,31,.96); box-shadow: 0 0 0 1px rgba(217,185,93,.12),0 4px 18px rgba(217,185,93,.28); text-shadow: 0 0 10px rgba(232,205,124,.48); }
.zero-product-journey .journey-pointer path { stroke: #a77d16; }
.zero-product-evaluation { padding-top: 34px; }
.zero-product-evaluation .product-capability-heading { padding-top: 0; }
.go-product-hero { min-height: 0; padding: 136px 0 64px; }
.go-product-hero h1 { margin-block: 16px 14px; }
.go-product-hero p { margin-bottom: 0; }
.go-product-actions { margin-top: 26px; }
.go-product-actions .go-product-primary { min-width: 220px; min-height: 60px; padding-inline: 30px; font-size: 12px; }
.go-product-actions .products-button-secondary { min-width: 190px; min-height: 60px; justify-content: center; }
.go-product-journey { padding: 38px 0 28px; background: var(--ivory); }
.go-product-journey .journey-pointer span { width: max-content; padding: 7px 10px; border: 1px solid rgba(232,205,124,.82); border-radius: 999px; color: var(--gold-300); background: rgba(5,19,31,.96); box-shadow: 0 0 0 1px rgba(217,185,93,.12),0 4px 18px rgba(217,185,93,.28); text-shadow: 0 0 10px rgba(232,205,124,.48); }
.go-product-journey .journey-pointer path { stroke: #a77d16; }
.go-product-capabilities { padding-top: 34px; }
.go-product-capabilities .product-capability-heading { padding-top: 0; }
.company-page { overflow: hidden; background: var(--ivory); }
.company-intro { min-height: 92vh; display: flex; align-items: center; padding: 166px 0 108px; position: relative; color: white; background: radial-gradient(circle at 78% 18%, rgba(217,185,93,.17), transparent 27%), radial-gradient(circle at 12% 85%, rgba(23,76,112,.38), transparent 34%), linear-gradient(135deg, var(--navy-800), var(--navy-950) 68%); }
.company-intro::after { content: ""; position: absolute; right: -9vw; bottom: -24vw; width: 56vw; height: 56vw; border: 1px solid rgba(232,205,124,.12); border-radius: 50%; box-shadow: 0 0 0 7vw rgba(232,205,124,.025), 0 0 0 14vw rgba(232,205,124,.018); pointer-events: none; }
.company-intro-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .65fr); gap: clamp(64px, 9vw, 138px); align-items: center; position: relative; z-index: 1; }
.company-intro h1 { max-width: 760px; margin: 24px 0 0; font: 600 clamp(52px, 6.8vw, 94px)/.98 var(--serif); letter-spacing: -.05em; }
.company-directory { max-width: 680px; display: flex; flex-wrap: wrap; gap: 0; margin-top: 42px; border-top: 1px solid rgba(232,205,124,.28); border-bottom: 1px solid rgba(232,205,124,.16); }
.company-directory a { padding: 13px 16px 13px 0; margin-right: 16px; position: relative; color: rgba(255,255,255,.66); font: 700 10px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: color .25s ease; }
.company-directory a:not(:last-child)::after { content: ""; width: 1px; height: 11px; position: absolute; right: -1px; top: 50%; background: rgba(232,205,124,.3); transform: translateY(-50%); }
.company-directory a:hover, .company-directory a:focus-visible { color: var(--gold-300); outline: none; }
.company-lede { padding: 34px 0 4px 34px; border-top: 1px solid rgba(232,205,124,.48); border-left: 1px solid rgba(232,205,124,.2); }
.company-lede p { max-width: 570px; margin: 0 0 21px; color: rgba(255,255,255,.76); font: 400 17px/1.72 var(--sans); }
.company-lede p:last-child { margin-bottom: 0; color: var(--gold-300); font-weight: 600; }
.company-editorial { padding: 96px 0 118px; background: linear-gradient(180deg, #f4f0e7 0, var(--ivory) 24%, var(--paper) 100%); }
.company-editorial > .route-shell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.company-section { min-width: 0; }
.company-index { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-500); font: 700 11px var(--mono); letter-spacing: .14em; }
.company-index::after { content: ""; width: 38px; height: 1px; background: currentColor; opacity: .55; }
.company-section h2, .company-list-section h2 { margin: 22px 0 24px; color: var(--navy-950); font: 600 clamp(38px, 4.4vw, 60px)/1.02 var(--serif); letter-spacing: -.04em; }
.company-section p { max-width: 760px; margin: 0 0 17px; color: #53616c; font: 400 17px/1.72 var(--sans); }
.company-section .section-lead { color: var(--ink); font: 600 clamp(22px, 2.4vw, 29px)/1.35 var(--sans); letter-spacing: -.02em; }
.company-section:nth-child(-n+4) { min-height: 530px; padding: 44px 46px; border: 1px solid rgba(12,42,63,.11); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 20px 55px rgba(5,19,31,.06); transition: transform .35s var(--ease), border-color .35s, box-shadow .35s; }
.company-section:nth-child(-n+4):hover { transform: translateY(-5px); border-color: rgba(217,185,93,.55); box-shadow: 0 28px 65px rgba(5,19,31,.1); }
.company-section:nth-child(2), .company-section:nth-child(3) { background: linear-gradient(145deg, rgba(13,48,74,.98), var(--navy-950)); }
.company-section:nth-child(2) h2, .company-section:nth-child(3) h2, .company-section:nth-child(2) .section-lead, .company-section:nth-child(3) .section-lead { color: white; }
.company-section:nth-child(2) p:not(.section-lead), .company-section:nth-child(3) p:not(.section-lead) { color: rgba(255,255,255,.68); }
.company-section:nth-child(5), .company-section:nth-child(6) { grid-column: 1 / -1; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: clamp(35px, 7vw, 100px); padding: 104px 0; border-bottom: 1px solid var(--line); }
.company-section:nth-child(5) > div, .company-section:nth-child(6) > div { display: grid; grid-template-columns: minmax(250px, .62fr) minmax(0, 1fr); gap: 18px 70px; align-items: start; }
.company-section:nth-child(5) h2, .company-section:nth-child(6) h2, .company-section:nth-child(5) .section-lead, .company-section:nth-child(6) .section-lead { grid-column: 1; }
.company-section:nth-child(5) p:not(.section-lead), .company-section:nth-child(6) p:not(.section-lead) { grid-column: 2; }
.company-list-section { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(270px, .55fr) minmax(0, 1fr); gap: clamp(45px, 8vw, 110px); padding: 86px 0; border-bottom: 1px solid var(--line); }
.company-list-section h2 { margin-top: 22px; }
.company-list-section ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.company-list-section li { min-height: 68px; display: flex; align-items: center; padding: 15px 18px 15px 42px; position: relative; border: 1px solid rgba(12,42,63,.09); border-radius: 10px; color: var(--ink); background: rgba(255,255,255,.68); font: 500 15px/1.42 var(--sans); transition: border-color .25s, background .25s, transform .25s var(--ease); }
.company-list-section li::before { content: ""; position: absolute; left: 19px; top: 50%; width: 7px; height: 7px; border: 1px solid var(--gold-500); border-radius: 50%; background: rgba(217,185,93,.18); transform: translateY(-50%); }
.company-list-section li:hover { transform: translateY(-2px); border-color: rgba(217,185,93,.45); background: white; }
.company-list-section:nth-child(8) { margin-inline: calc((100vw - min(1180px, calc(100vw - 64px))) / -2); padding-inline: max(32px, calc((100vw - 1180px) / 2)); color: white; background: linear-gradient(135deg, var(--navy-850), var(--navy-950)); }
.company-list-section:nth-child(8) h2 { color: white; }
.company-list-section:nth-child(8) li { border-color: rgba(255,255,255,.1); color: white; background: rgba(255,255,255,.045); }
.company-list-section:nth-child(8) li:hover { border-color: rgba(232,205,124,.42); background: rgba(255,255,255,.075); }
.company-closing { padding: 128px 0 136px; position: relative; color: white; background: radial-gradient(circle at 88% 40%, rgba(217,185,93,.16), transparent 28%), var(--navy-950); }
.company-closing::before { content: "F&M"; position: absolute; right: 4vw; top: 50%; color: rgba(255,255,255,.025); font: 700 clamp(150px, 24vw, 360px)/1 var(--serif); transform: translateY(-52%); }
.company-closing p { max-width: 1050px; margin: 0; position: relative; font: 600 clamp(42px, 6vw, 78px)/1.1 var(--serif); letter-spacing: -.045em; }
.company-intro-grid, .company-section, .company-list-section, .company-closing p { animation: company-rise .75s both var(--ease); }
.company-section:nth-child(2), .company-list-section:nth-child(8) { animation-delay: .06s; }
.company-section:nth-child(3), .company-list-section:nth-child(9) { animation-delay: .12s; }
.company-section:nth-child(4), .company-list-section:nth-child(10) { animation-delay: .18s; }
@keyframes company-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.contact-note { margin-top: 24px !important; font: 700 10px var(--mono) !important; letter-spacing: .12em; text-transform: uppercase; }
.contact-route-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .65fr); gap: clamp(50px, 8vw, 120px); align-items: center; }
.route-contact-form { padding: 34px; border: 1px solid rgba(232,205,124,.24); border-radius: 18px; background: rgba(255,255,255,.055); backdrop-filter: blur(16px); }
.route-contact-form label { display: block; margin-bottom: 18px; }
.route-contact-form label > span { display: block; margin-bottom: 8px; color: rgba(255,255,255,.62); font-size: 12px; }
.route-contact-form input, .route-contact-form textarea { width: 100%; padding: 13px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: white; background: rgba(5,19,31,.55); }
.route-contact-form input:focus, .route-contact-form textarea:focus { border-color: var(--gold-400); outline: 2px solid transparent; }
.contact-form-status { min-height: 24px; margin: 18px 0 0 !important; font-size: 13px !important; }

@media (max-width: 820px) {
  .route-shell { width: min(100% - 40px, 1180px); }
  .route-hero { min-height: 640px; padding: 140px 0 80px; }
  .product-grid, .contact-route-grid, .company-intro-grid, .company-section, .company-list-section { grid-template-columns: 1fr; }
  .product-card { min-height: 330px; padding: 30px; }
  .existing-product { align-items: flex-start; flex-direction: column; padding: 30px; }
  .products-page { padding-top: 120px; }
  .products-heading { align-items: flex-start; flex-direction: column; }
  .product-detail-grid, .product-position { grid-template-columns: 1fr; }
  .journey-pyramid { padding: 18px 8px; }
  .journey-level > a { min-height: 132px; padding-inline: 30px; }
  .journey-level ul { gap: 5px 12px; }
  .journey-level ul li { font-size: 10px; }
  .journey-izen { width: 58%; }
  .journey-izen > a { min-height: 165px; padding-top: 36px; }
  .journey-cortex { width: 74%; }
  .journey-go { width: 88%; }
  .journey-pyramid-compact { max-width: 620px; margin-inline: auto; }
  .journey-pyramid-compact .journey-level > a { min-height: 100px; padding-inline: 24px; }
  .journey-pyramid-compact .journey-izen > a { min-height: 150px; padding-top: 32px; }
  .journey-pointer { left: -20px; top: 8px; width: 110px; transform: translateY(-50%); }
  .journey-pointer svg { display: none; }
  .journey-pointer span { padding: 7px 9px; border-radius: 999px; color: var(--navy-950); background: var(--gold-300); box-shadow: var(--shadow-sm); }
  .product-position p { grid-column: 1; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-grid-zero { grid-template-columns: 1fr; }
  .capability-card-pair { grid-column: auto; grid-template-columns: 1fr; }
  .capability-card, .capability-card-available { min-height: 150px; grid-column: auto; }
  .capability-card .capability-card-actions{grid-template-columns:1fr}
  .capability-card .capability-card-actions .capability-module-action{min-height:46px}
  .product-capability-heading { align-items: flex-start; flex-direction: column; }
  .company-intro { min-height: auto; padding: 140px 0 82px; }
  .company-intro-grid { gap: 45px; }
  .company-directory { margin-top: 32px; }
  .company-directory a { padding-block: 11px; }
  .company-lede { padding: 28px 0 0; border-left: 0; }
  .company-editorial { padding: 58px 0 80px; }
  .company-editorial > .route-shell { grid-template-columns: 1fr; }
  .company-section:nth-child(-n+4) { min-height: auto; padding: 34px 30px; }
  .company-section:nth-child(5), .company-section:nth-child(6) { grid-template-columns: 1fr; gap: 24px; padding: 64px 0; }
  .company-section:nth-child(5) > div, .company-section:nth-child(6) > div { grid-template-columns: 1fr; gap: 0; }
  .company-section:nth-child(5) h2, .company-section:nth-child(6) h2, .company-section:nth-child(5) .section-lead, .company-section:nth-child(6) .section-lead, .company-section:nth-child(5) p:not(.section-lead), .company-section:nth-child(6) p:not(.section-lead) { grid-column: 1; }
  .company-list-section { grid-template-columns: 1fr; gap: 22px; padding: 64px 0; }
  .company-list-section ul { grid-template-columns: 1fr; }
  .company-list-section:nth-child(8) { margin-inline: -20px; padding-inline: 20px; }
  .company-closing { padding: 80px 0; }
}

@media (max-width: 1320px) and (min-width: 1181px) {
  .primary-nav .flat-nav-link { padding-inline: 18px; }
  .primary-nav .flat-nav-link:hover::after, .primary-nav .flat-nav-link:focus-visible::after, .primary-nav .flat-nav-link[aria-current="true"]::after { right: 18px; left: 18px; }
}

/* Header */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  transition: background .35s ease, transform .35s ease, box-shadow .35s ease;
}
.site-header.scrolled {
  background: rgba(5, 19, 31, .88);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .14);
}
.nav-shell {
  width: min(1440px, calc(100% - 64px));
  height: 88px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  transition: height .35s ease;
}
.site-header.scrolled .nav-shell { height: 72px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; color: white; }
.brand-logo-token { width: clamp(22px,1.5vw,24px); aspect-ratio: 1; flex: 0 0 auto; position: relative; background: transparent; transition: transform .25s var(--ease),filter .25s ease; }
.brand-logo-token::before { content: ""; position: absolute; inset: 0; border-radius: 6px; background: linear-gradient(90deg,#244fc7,#35d9ff) left top/100% 3px no-repeat,linear-gradient(180deg,#35d9ff,#244fc7) left top/4px 100% no-repeat,linear-gradient(90deg,#244fc7,#168cff) left bottom/64% 4px no-repeat,linear-gradient(180deg,#35d9ff,#168cff) right top/4px 48% no-repeat; }
.brand-logo-token::after { content: ""; position: absolute; right: 1px; bottom: 2px; width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(135deg,#188cff,#48e4ff); box-shadow: 0 0 5px rgba(53,217,255,.28); }
.brand:hover .brand-logo-token,.brand:focus-visible .brand-logo-token { transform: translateY(-1px); filter: drop-shadow(0 0 3px rgba(53,217,255,.2)); }
.brand-mark { font-family: var(--serif); font-size: 27px; font-weight: 700; line-height: 1; letter-spacing: -.03em; }
.brand-mark span { display: inline-block; margin-right: 2.5px; color: var(--gold-400); font-style: italic; }
.brand-caption {
  padding-left: 14px;
  border-left: 1px solid rgba(255,255,255,.2);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.56);
}
.desktop-nav { display: flex; align-items: center; gap: 34px; }
.desktop-nav a {
  position: relative;
  padding: 9px 0;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color .25s ease;
}
.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 1px;
  background: var(--gold-400);
  transition: right .35s var(--ease);
}
.desktop-nav a:hover,
.desktop-nav a.active { color: white; }
.desktop-nav a:hover::after,
.desktop-nav a.active::after { right: 0; }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 16px; }
.nav-link-cta {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: white;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: border-color .25s, background .25s, color .25s;
}
.nav-link-cta:hover { color: var(--navy-950); border-color: var(--gold-400); background: var(--gold-400); }
.products-switcher { position: relative; }
.products-button { gap: 9px; color: #fff; border: 1px solid rgba(217,185,93,.55); background: linear-gradient(145deg, rgba(19,48,70,.98), rgba(5,19,31,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.18); }
.products-button:hover,
.products-switcher.open .products-button { color: var(--gold-400); border-color: rgba(217,185,93,.82); background: linear-gradient(145deg, rgba(24,57,81,.99), rgba(7,27,43,.99)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 28px rgba(0,0,0,.24), 0 0 0 1px rgba(217,185,93,.06); }
.products-button i { width: 6px; height: 6px; color: var(--gold-400); border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .25s ease; }
.products-switcher.open .products-button i { transform: rotate(225deg) translate(-1px, -1px); }
.products-menu { position: absolute; top: calc(100% + 12px); right: 0; width: 230px; padding: 8px; border: 1px solid rgba(217,185,93,.25); border-radius: 14px; background: rgba(7,27,43,.98); box-shadow: 0 24px 55px rgba(0,0,0,.34); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; }
.products-switcher.open .products-menu { opacity: 1; visibility: visible; transform: none; }
.products-menu a { display: flex; flex-direction: column; gap: 4px; padding: 13px 14px; border-radius: 9px; color: white; transition: background .2s ease; }
.products-menu a:hover { background: rgba(217,185,93,.11); }
.products-menu span { font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.products-menu small { color: rgba(255,255,255,.48); font: 9px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  position: relative;
}
.menu-toggle span {
  position: absolute;
  left: 13px;
  width: 18px;
  height: 1px;
  background: white;
  transition: transform .3s ease, top .3s ease;
}
.menu-toggle span:first-child { top: 18px; }
.menu-toggle span:last-child { top: 25px; }
.menu-toggle.active span:first-child { top: 22px; transform: rotate(45deg); }
.menu-toggle.active span:last-child { top: 22px; transform: rotate(-45deg); }
.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 900;
  padding: 110px 28px 36px;
  background:
    radial-gradient(circle at 80% 10%, rgba(217,185,93,.16), transparent 34%),
    var(--navy-950);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-16px);
  transition: opacity .35s, visibility .35s, transform .35s var(--ease);
}
.mobile-menu.open { opacity: 1; visibility: visible; transform: none; }
.mobile-menu-inner { height: 100%; display: flex; flex-direction: column; }
.mobile-menu-label { margin-bottom: 32px; color: var(--gold-400); font: 10px var(--mono); letter-spacing: .18em; text-transform: uppercase; }
.mobile-menu a { padding: 14px 0; color: white; font: 600 clamp(28px, 8vw, 46px)/1.1 var(--serif); border-bottom: 1px solid rgba(255,255,255,.08); }
.mobile-menu-meta { margin-top: auto; display: flex; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.45); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

/* Hero */
.hero {
  position: relative;
  min-height: 760px;
  height: 100svh;
  overflow: hidden;
  color: white;
  background: var(--navy-950);
}
.hero-grid {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: .15;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 82px 82px;
  -webkit-mask-image: linear-gradient(to right, black, transparent 82%);
  mask-image: linear-gradient(to right, black, transparent 82%);
}
.hero-glow {
  position: absolute;
  z-index: 2;
  left: -12vw;
  top: 13vh;
  width: 48vw;
  height: 48vw;
  border-radius: 50%;
  background: rgba(19, 79, 116, .28);
  filter: blur(110px);
  pointer-events: none;
}
.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 1s ease, visibility 1s;
}
.slide.active { opacity: 1; visibility: visible; pointer-events: auto; }
.hero-media,
.media-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.image-media { background-size: cover; background-position: center; }
.media-fallback { z-index: -1; }
.media-fallback-one { background: linear-gradient(120deg, #071827 0%, #124569 50%, #071827 100%); }
.media-fallback-two { background: radial-gradient(circle at 70% 42%, #2b678a, #071827 62%); }
.media-fallback-three { background: radial-gradient(circle at 76% 40%, #295770, #071827 62%); }
.hero-scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,19,31,.98) 0%, rgba(5,19,31,.88) 38%, rgba(5,19,31,.35) 74%, rgba(5,19,31,.45) 100%),
    linear-gradient(0deg, rgba(5,19,31,.62) 0%, transparent 40%);
}
.hero-scrim-architecture { background: linear-gradient(90deg, rgba(5,19,31,.98) 0%, rgba(5,19,31,.86) 39%, rgba(5,19,31,.08) 70%); }
.hero-inner {
  position: relative;
  z-index: 4;
  width: min(1440px, calc(100% - 64px));
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .62fr);
  align-items: center;
  gap: 9vw;
  padding: 116px 0 104px;
}
.hero-copy { max-width: 780px; }
.eyebrow,
.section-kicker,
.panel-kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 23px;
  color: var(--gold-400);
  font: 700 10px/1.4 var(--mono);
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow::before,
.section-kicker::before { content: ""; width: 34px; height: 1px; background: currentColor; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #65d9a7; box-shadow: 0 0 0 5px rgba(101,217,167,.11); animation: livePulse 2s infinite; }
.eyebrow:has(.live-dot)::before { display: none; }
@keyframes livePulse { 50% { box-shadow: 0 0 0 9px rgba(101,217,167,0); } }
.hero h1,
.hero h2 {
  max-width: 850px;
  margin: 0;
  font: 600 clamp(48px, 5.5vw, 86px)/.99 var(--serif);
  letter-spacing: -.045em;
}
.hero h2 { font-size: clamp(44px, 5vw, 78px); }
.hero h1 em,
.hero h2 em,
.section-intro h2 em,
.platform-copy h2 em,
.contact-copy h2 em { color: var(--gold-400); font-weight: 600; }
.hero-lede {
  max-width: 630px;
  margin: 28px 0 0;
  color: rgba(255,255,255,.67);
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.75;
}
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 36px; }
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform .25s var(--ease), box-shadow .25s, background .25s, color .25s;
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--navy-950); background: linear-gradient(135deg, var(--gold-300), var(--gold-500)); box-shadow: 0 12px 34px rgba(217,185,93,.18); }
.button-primary:hover { box-shadow: 0 17px 42px rgba(217,185,93,.28); }
.button-dark { color: white; background: var(--navy-900); }
.button-dark:hover { background: var(--navy-800); box-shadow: 0 14px 34px rgba(5,19,31,.18); }
.text-link { position: relative; color: white; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.text-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 1px; background: rgba(255,255,255,.34); transform-origin: left; transition: transform .3s; }
.text-link:hover::after { transform: scaleX(.35); }
.hero-panel {
  align-self: center;
  max-width: 370px;
  justify-self: end;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 20px;
  background: rgba(6,23,36,.56);
  box-shadow: 0 28px 80px rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.panel-kicker { margin-bottom: 24px; color: rgba(255,255,255,.43); }
.signal-row { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.signal-row > div { display: grid; }
.signal-value { color: var(--gold-400); font: 700 42px/1 var(--serif); }
.signal-label { margin-top: 8px; color: rgba(255,255,255,.78); font-size: 12px; }
.signal-state { padding: 5px 10px; border-radius: 99px; color: #88e4be; background: rgba(101,217,167,.09); font: 700 9px var(--mono); text-transform: uppercase; }
.mini-chart { height: 100px; display: flex; align-items: end; gap: 7px; margin: 30px 0 19px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.12); }
.mini-chart span { flex: 1; min-height: 8px; border-radius: 4px 4px 1px 1px; background: linear-gradient(to top, rgba(217,185,93,.18), var(--gold-400)); opacity: .8; }
.panel-footer { display: flex; justify-content: space-between; gap: 10px; color: rgba(255,255,255,.42); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.metric-stack { display: grid; gap: 0; }
.metric-stack > div { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.1); }
.metric-stack span { color: rgba(255,255,255,.5); font-size: 11px; }
.metric-stack strong { color: white; font: 600 23px var(--serif); }
.liquidity-ring { width: 156px; aspect-ratio: 1; margin: 10px auto 25px; display: grid; place-content: center; text-align: center; border-radius: 50%; background: radial-gradient(circle at center, var(--navy-900) 58%, transparent 59%), conic-gradient(var(--gold-400) 0 91%, rgba(255,255,255,.1) 91%); }
.liquidity-ring span { font: 700 35px/1 var(--serif); }
.liquidity-ring small { margin-top: 8px; color: rgba(255,255,255,.48); font: 9px/1.5 var(--mono); text-transform: uppercase; }

.slide.active .eyebrow,
.slide.active h1,
.slide.active h2,
.slide.active .hero-lede,
.slide.active .hero-actions,
.slide.active .hero-panel { animation: heroIn .9s var(--ease) both; }
.slide.active h1,
.slide.active h2 { animation-delay: .08s; }
.slide.active .hero-lede { animation-delay: .15s; }
.slide.active .hero-actions { animation-delay: .22s; }
.slide.active .hero-panel { animation-delay: .2s; }
@keyframes heroIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

.architecture-canvas { position: absolute; inset: 4% -5% -3% 26%; opacity: .9; }
#nervousSystemSvg { width: 100%; height: 100%; filter: drop-shadow(0 24px 70px rgba(0,0,0,.2)); }
.svg-panel { fill: rgba(8,31,48,.88); stroke: rgba(76,130,163,.65); stroke-width: 1.5; }
.svg-panel-gold { stroke: var(--gold-500); }
.svg-title { fill: var(--gold-400); font: 700 19px var(--serif); }
.svg-title-light { fill: white; }
.svg-subtitle { fill: #8294a2; font: 12px var(--mono); }
.svg-copy text { fill: #9eacb7; font: 12px var(--mono); }
.svg-link { stroke: var(--gold-500); stroke-width: 1.5; stroke-dasharray: 5 5; }
.svg-node { fill: var(--gold-400); filter: url(#softGlow); }
.svg-decision { fill: var(--gold-400); }
.svg-decision-text { fill: var(--navy-950); font: 700 14px var(--sans); }

.hero-controls {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 38px;
  width: min(1440px, calc(100% - 64px));
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slide-progress { display: flex; align-items: center; gap: 16px; }
.current-slide,
.total-slides { color: white; font: 700 11px var(--mono); }
.total-slides { color: rgba(255,255,255,.36); }
.slider-dots { display: flex; gap: 7px; }
.slider-dot { position: relative; width: 42px; height: 2px; padding: 0; border: 0; overflow: hidden; background: rgba(255,255,255,.22); cursor: pointer; }
.slider-dot::after { content: ""; position: absolute; inset: 0; background: var(--gold-400); transform: scaleX(0); transform-origin: left; }
.slider-dot.active::after { animation: dotProgress 6s linear forwards; }
@keyframes dotProgress { to { transform: scaleX(1); } }
.slider-buttons { display: flex; gap: 8px; }
.slider-arrow { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: white; background: rgba(255,255,255,.04); cursor: pointer; transition: background .25s, border-color .25s; }
.slider-arrow:hover { color: var(--navy-950); background: var(--gold-400); border-color: var(--gold-400); }
.scroll-cue { position: absolute; z-index: 10; left: 50%; bottom: 41px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.4); font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.scroll-cue i { width: 38px; height: 1px; overflow: hidden; background: rgba(255,255,255,.16); }
.scroll-cue i::after { content: ""; display: block; width: 16px; height: 1px; background: var(--gold-400); animation: scrollLine 2s infinite; }
@keyframes scrollLine { from { transform: translateX(-18px); } to { transform: translateX(40px); } }

/* Shared sections */
.signal-strip { border-bottom: 1px solid var(--line); background: var(--ivory); }
.signal-strip-inner { width: min(1320px, calc(100% - 64px)); min-height: 84px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #6c746f; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.signal-strip i { width: 4px; height: 4px; border-radius: 50%; background: var(--gold-500); }
.section { padding: 130px 0; }
.section-shell { width: min(1320px, calc(100% - 64px)); margin: 0 auto; }
.section-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .6fr); gap: 10vw; align-items: end; margin-bottom: 65px; }
.section-kicker { margin-bottom: 18px; color: #9a7a2f; }
.section-intro h2,
.platform-copy h2,
.contact-copy h2 { max-width: 760px; margin: 0; color: var(--navy-950); font: 600 clamp(38px, 4.2vw, 62px)/1.08 var(--serif); letter-spacing: -.035em; }
.section-intro > p,
.platform-copy > p,
.contact-copy > p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }

/* Paradigm */
.paradigm { background: var(--paper); }
.paradigm-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.principle-card { min-height: 360px; position: relative; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.5); transition: background .35s, transform .35s var(--ease), box-shadow .35s; }
.principle-card:hover { z-index: 2; transform: translateY(-5px); background: white; box-shadow: var(--shadow-lg); }
.principle-num { color: #9d8760; font: 10px var(--mono); letter-spacing: .12em; }
.principle-icon { width: 58px; height: 58px; margin: 66px 0 28px; display: grid; place-items: center; border: 1px solid rgba(217,185,93,.5); border-radius: 50%; color: #a68128; font: 25px var(--serif); }
.principle-card h3 { margin: 0 0 14px; color: var(--navy-950); font: 600 24px var(--serif); }
.principle-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.impact-bar { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 34px; padding: 31px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.impact-bar > div { padding: 0 28px; border-right: 1px solid var(--line); }
.impact-bar > div:first-child { padding-left: 0; }
.impact-bar > div:last-child { border-right: 0; }
.impact-bar strong { display: block; margin-bottom: 7px; color: var(--navy-950); font: 600 28px var(--serif); }
.impact-bar span { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* Solutions */
.insights { background: #eef1f2; }
.solutions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.solution-card { position: relative; min-height: 510px; overflow: hidden; border-radius: 18px; color: white; background: var(--navy-900); box-shadow: var(--shadow-sm); cursor: pointer; outline: none; transition: transform .45s var(--ease), box-shadow .45s var(--ease); }
.solution-card:hover,
.solution-card:focus-visible { transform: translateY(-8px); box-shadow: 0 30px 70px rgba(5,19,31,.22); }
.solution-visual { position: absolute; inset: 0; overflow: hidden; }
.solution-image { position: absolute; inset: 0; background-size: cover; background-position: center; filter: saturate(.82) contrast(1.03); transform: scale(1.01); transition: transform .8s var(--ease), filter .6s; }
.solution-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,19,31,.99) 0%, rgba(5,19,31,.85) 35%, rgba(5,19,31,.08) 75%), linear-gradient(120deg, rgba(6,31,48,.4), transparent 70%); }
.solution-card:hover .solution-image { transform: scale(1.075); filter: saturate(1) contrast(1.04); }
.solution-data { position: absolute; z-index: 2; top: 24px; right: 24px; min-width: 126px; padding: 14px; border: 1px solid rgba(255,255,255,.17); border-radius: 12px; background: rgba(5,19,31,.48); backdrop-filter: blur(12px); }
.solution-data span,
.solution-data small { display: block; color: rgba(255,255,255,.45); font: 8px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.solution-data strong { display: block; margin: 7px 0; color: var(--gold-400); font: 600 18px var(--serif); }
.solution-content { position: absolute; z-index: 3; inset: auto 0 0; padding: 30px; }
.solution-index { display: block; margin-bottom: 14px; color: var(--gold-400); font: 10px var(--mono); letter-spacing: .15em; }
.solution-card h3 { margin: 0 0 12px; font: 600 28px/1.12 var(--serif); }
.solution-card p { margin: 0; max-width: 340px; color: rgba(255,255,255,.61); font-size: 13px; line-height: 1.7; }
.card-link { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.78); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.card-link b { color: var(--gold-400); font-size: 15px; transition: transform .3s; }
.solution-card:hover .card-link b { transform: translate(3px,-3px); }

/* Platform */
.platform { position: relative; overflow: hidden; color: white; background: var(--navy-950); }
.platform::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 64px 64px; }
.platform::after { content: ""; position: absolute; right: -15vw; top: -25vw; width: 65vw; height: 65vw; border-radius: 50%; background: rgba(24,77,112,.28); filter: blur(90px); }
.platform-shell { position: relative; z-index: 2; display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; align-items: center; }
.section-kicker-light { color: var(--gold-400); }
.platform-copy h2 { color: white; }
.platform-copy > p { margin-top: 26px; color: rgba(255,255,255,.55); }
.feature-list { margin: 34px 0 38px; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.1); }
.feature-list li { display: flex; gap: 16px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.77); font-size: 12px; line-height: 1.55; }
.feature-list span { color: var(--gold-400); font: 9px var(--mono); }
.dashboard-frame { border: 1px solid rgba(255,255,255,.13); border-radius: 18px; overflow: hidden; background: #0b2030; box-shadow: 0 50px 100px rgba(0,0,0,.35); transform: perspective(1400px) rotateY(-3deg) rotateX(1deg); transform-origin: center; }
.dashboard-topbar { height: 48px; padding: 0 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,.07); background: #091b29; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.22); }
.dashboard-title { color: rgba(255,255,255,.52); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-live { justify-self: end; display: flex; align-items: center; gap: 6px; color: #7ce1b9; font: 8px var(--mono); text-transform: uppercase; }
.dashboard-live i { width: 5px; height: 5px; border-radius: 50%; background: #7ce1b9; }
.dashboard-body { min-height: 490px; display: grid; grid-template-columns: 58px 1fr; }
.dashboard-sidebar { display: flex; flex-direction: column; align-items: center; gap: 23px; padding: 18px 0; border-right: 1px solid rgba(255,255,255,.07); }
.side-logo { margin-bottom: 15px; font: 700 14px var(--serif); }
.side-logo span { color: var(--gold-400); }
.dashboard-sidebar i { width: 18px; height: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 5px; }
.dashboard-sidebar i.active { border-color: var(--gold-400); background: rgba(217,185,93,.12); box-shadow: inset 0 0 0 4px #0b2030; }
.dashboard-main { padding: 24px; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.dashboard-heading small,
.dashboard-heading strong { display: block; }
.dashboard-heading small { margin-bottom: 5px; color: rgba(255,255,255,.35); font-size: 8px; }
.dashboard-heading strong { font: 600 19px var(--serif); }
.dashboard-heading button { padding: 8px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; color: rgba(255,255,255,.62); background: rgba(255,255,255,.03); font-size: 8px; }
.dashboard-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 21px; }
.dashboard-kpis > div { padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.025); }
.dashboard-kpis span,
.dashboard-kpis small { display: block; color: rgba(255,255,255,.35); font-size: 7px; text-transform: uppercase; letter-spacing: .05em; }
.dashboard-kpis strong { display: block; margin: 9px 0 7px; font: 600 16px var(--serif); }
.dashboard-kpis .up { color: #68d3a7; }
.dashboard-kpis .down { color: #e08a83; }
.dashboard-charts { display: grid; grid-template-columns: 1.4fr .8fr; gap: 12px; margin-top: 12px; }
.chart-card { min-height: 270px; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.025); }
.chart-head { display: flex; justify-content: space-between; gap: 10px; color: rgba(255,255,255,.75); font-size: 9px; }
.chart-head small { color: rgba(255,255,255,.3); font-size: 7px; }
.chart-large svg { width: 100%; height: 210px; margin-top: 16px; overflow: visible; }
.chart-grid-lines line { stroke: rgba(255,255,255,.06); stroke-width: 1; }
.chart-area { fill: url(#areaFill); }
.chart-line { fill: none; stroke: var(--gold-400); stroke-width: 2.2; }
.alert-card { display: flex; flex-direction: column; }
.alert-row { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 10px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.alert-row i { width: 6px; height: 6px; border-radius: 50%; }
.alert-row i.critical { background: #e77970; box-shadow: 0 0 0 4px rgba(231,121,112,.08); }
.alert-row i.warning { background: var(--gold-400); box-shadow: 0 0 0 4px rgba(217,185,93,.08); }
.alert-row i.normal { background: #67cda5; box-shadow: 0 0 0 4px rgba(103,205,165,.08); }
.alert-row strong,
.alert-row small { display: block; }
.alert-row strong { margin-bottom: 4px; color: rgba(255,255,255,.68); font-size: 8px; }
.alert-row small { color: rgba(255,255,255,.27); font-size: 7px; }
.alert-row > span { color: rgba(255,255,255,.35); font-size: 7px; text-transform: uppercase; }

/* Quote */
.quote-section { min-height: 600px; position: relative; overflow: hidden; display: grid; place-items: center; padding: 100px 32px; color: white; text-align: center; background: #081a28; }
.quote-section::before { content: ""; position: absolute; inset: 0; opacity: .3; background: radial-gradient(circle at center, rgba(34,91,126,.55), transparent 48%); }
.quote-orbit { position: absolute; width: min(760px, 85vw); aspect-ratio: 1; border: 1px solid rgba(217,185,93,.13); border-radius: 50%; animation: orbit 18s linear infinite; }
.quote-orbit::before,
.quote-orbit::after { content: ""; position: absolute; border-radius: 50%; }
.quote-orbit::before { inset: 12%; border: 1px solid rgba(255,255,255,.06); }
.quote-orbit::after { top: 4%; left: 50%; width: 7px; height: 7px; background: var(--gold-400); box-shadow: 0 0 18px var(--gold-400); }
@keyframes orbit { to { transform: rotate(360deg); } }
.quote-inner { position: relative; z-index: 2; max-width: 980px; }
.quote-mark { display: block; height: 68px; color: var(--gold-400); font: 600 90px/1 var(--serif); }
.quote-inner blockquote { margin: 0; font: 600 clamp(34px, 4.7vw, 66px)/1.15 var(--serif); letter-spacing: -.035em; }
.quote-inner p { margin: 28px 0 0; color: rgba(255,255,255,.38); font: 9px var(--mono); letter-spacing: .14em; text-transform: uppercase; }

/* Contact */
.contact { background: var(--ivory); }
.contact-shell { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10vw; align-items: start; }
.contact-copy h2 { margin-bottom: 25px; }
.contact-copy > p { max-width: 520px; }
.contact-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 42px; padding-top: 30px; border-top: 1px solid var(--line); }
.contact-meta span,
.contact-meta strong { display: block; }
.contact-meta span { margin-bottom: 7px; color: #9a7a2f; font: 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.contact-meta strong { color: var(--navy-950); font-size: 12px; }
.contact-form { padding: 42px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: var(--shadow-sm); }
.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.contact-form label { display: block; margin-bottom: 25px; color: #5d6670; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.contact-form input,
.contact-form textarea { width: 100%; margin-top: 10px; padding: 13px 0; border: 0; border-bottom: 1px solid #cdd1d1; border-radius: 0; outline: none; resize: vertical; color: var(--navy-950); background: transparent; font-size: 14px; text-transform: none; letter-spacing: 0; transition: border-color .25s; }
.contact-form textarea { min-height: 120px; }
.contact-form input:focus,
.contact-form textarea:focus { border-color: var(--gold-500); }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #a1a8ad; }
.form-footer { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 8px; }
.form-footer p { max-width: 290px; margin: 0; color: #92999e; font-size: 10px; line-height: 1.6; }
.form-status { min-height: 18px; margin-top: 18px; font-size: 12px; }
.form-status.success { color: #28815f; }
.form-status.error { color: #b54d46; }

/* Footer */
.site-footer { padding: 86px 0 30px; color: white; background: var(--navy-950); }
.footer-shell { width: min(1320px, calc(100% - 64px)); margin: 0 auto; }
.footer-main { display: grid; grid-template-columns: 1.1fr .8fr 1fr; gap: 8vw; padding-bottom: 65px; }
.footer-logo { font-size: 36px; }
.footer-brand p { max-width: 330px; margin: 23px 0 0; color: rgba(255,255,255,.42); font-size: 13px; line-height: 1.75; }
.footer-nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px; }
.footer-nav div { display: grid; align-content: start; gap: 13px; }
.footer-nav span,
.newsletter label { margin-bottom: 7px; color: var(--gold-400); font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.footer-nav a { color: rgba(255,255,255,.54); font-size: 12px; transition: color .2s; }
.footer-nav a:hover { color: white; }
.newsletter > div { display: flex; margin-top: 17px; border-bottom: 1px solid rgba(255,255,255,.2); }
.newsletter input { flex: 1; min-width: 0; padding: 14px 0; border: 0; outline: 0; color: white; background: transparent; font-size: 13px; }
.newsletter input::placeholder { color: rgba(255,255,255,.3); }
.newsletter button { width: 45px; border: 0; color: var(--gold-400); background: transparent; cursor: pointer; font-size: 18px; }
.newsletter-status { min-height: 18px; margin: 9px 0 0; color: rgba(255,255,255,.4); font-size: 10px; }
.footer-trust { min-height: 116px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.08); }
.footer-trust > span { color: rgba(232,205,124,.62); font: 9px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.footer-enamad { width: 82px; height: 82px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border: 1px solid rgba(232,205,124,.16); border-radius: 8px; background: rgba(255,255,255,.035); }
.footer-enamad a { width: 100%; height: 100%; display: grid; place-items: center; }
.footer-enamad img { width: auto; max-width: 72px; height: auto; max-height: 72px; display: block; }
.footer-bottom { min-height: 62px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.3); font-size: 10px; letter-spacing: .04em; }
.footer-bottom > span:nth-child(2) { justify-self: center; }
.social-links { justify-self: end; display: flex; align-items: center; gap: 20px; }
.social-links a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.58); font-size: 9px; font-weight: 700; letter-spacing: .04em; transition: color .2s,border-color .2s; }
.social-links a span { width: 13px; height: 13px; flex: 0 0 13px; overflow: hidden; color: transparent; background: var(--gold-400); -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.45%2020.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85%200-2.14%201.45-2.14%202.94v5.67H9.35V9h3.41v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.12%202.06%202.06%200%200%201%200%204.12zM7.12%2020.45H3.56V9h3.56v11.45zM22.23%200H1.77C.79%200%200%20.77%200%201.73v20.54C0%2023.23.79%2024%201.77%2024h20.46c.98%200%201.77-.77%201.77-1.73V1.73C24%20.77%2023.21%200%2022.23%200z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.45%2020.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85%200-2.14%201.45-2.14%202.94v5.67H9.35V9h3.41v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.12%202.06%202.06%200%200%201%200%204.12zM7.12%2020.45H3.56V9h3.56v11.45zM22.23%200H1.77C.79%200%200%20.77%200%201.73v20.54C0%2023.23.79%2024%201.77%2024h20.46c.98%200%201.77-.77%201.77-1.73V1.73C24%20.77%2023.21%200%2022.23%200z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; transition: background .2s,transform .2s var(--ease); }
.social-links a:hover { color: white; border-color: var(--gold-400); }
.social-links a:hover span { background: white; transform: translateY(-1px); }

/* Modal */
.modal-overlay { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 24px; background: rgba(4,14,23,.82); backdrop-filter: blur(14px); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.modal-overlay.open { opacity: 1; visibility: visible; }
.modal-card { position: relative; width: min(660px, 100%); max-height: min(780px, calc(100svh - 48px)); overflow-y: auto; padding: 54px; border-radius: 20px; background: var(--paper); box-shadow: 0 50px 110px rgba(0,0,0,.4); transform: translateY(20px) scale(.98); transition: transform .4s var(--ease); }
.modal-overlay.open .modal-card { transform: none; }
.modal-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--navy-950); background: transparent; cursor: pointer; font-size: 22px; }
.modal-kicker { margin: 0 0 28px; color: #9a7a2f; font: 9px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.modal-number { color: #af9a6e; font: 10px var(--mono); }
.modal-card h2 { margin: 12px 0 18px; color: var(--navy-950); font: 600 clamp(34px, 5vw, 52px)/1.08 var(--serif); letter-spacing: -.03em; }
.modal-card > p:not(.modal-kicker) { color: var(--muted); font-size: 14px; line-height: 1.8; }
.modal-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 30px 0; }
.modal-point { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: white; }
.modal-point span { display: block; margin-bottom: 6px; color: #9a7a2f; font: 8px var(--mono); text-transform: uppercase; }
.modal-point strong { color: var(--navy-950); font-size: 11px; }

/* Reveal animation */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .85s var(--ease), transform .85s var(--ease); }
.reveal.visible { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 1180px) {
  .nav-shell { grid-template-columns: 1fr auto; }
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .nav-link-cta { display: none; }
  .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(270px, .46fr); gap: 4vw; }
  .architecture-canvas { inset: 8% -18% 0 25%; }
  .solutions-grid { grid-template-columns: repeat(2, 1fr); }
  .platform-shell { grid-template-columns: 1fr; }
  .platform-copy { max-width: 650px; }
  .dashboard-frame { transform: none; }
  .contact-shell { gap: 6vw; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .newsletter { grid-column: 1 / -1; max-width: 520px; }
}

@media (max-width: 820px) {
  .nav-shell,
  .hero-inner,
  .hero-controls,
  .section-shell,
  .signal-strip-inner,
  .footer-shell { width: min(100% - 40px, 1320px); }
  .nav-shell { height: 72px; }
  .brand-caption { display: none; }
  .hero { min-height: 720px; }
  .hero-inner { display: block; padding: 150px 0 120px; }
  .hero-copy { max-width: 650px; }
  .hero h1,
  .hero h2 { font-size: clamp(43px, 11vw, 68px); }
  .hero-panel { display: none; }
  .architecture-canvas { inset: 25% -35% 5% 12%; opacity: .45; }
  .hero-scrim,
  .hero-scrim-architecture { background: linear-gradient(90deg, rgba(5,19,31,.97), rgba(5,19,31,.72)), linear-gradient(0deg, rgba(5,19,31,.75), transparent 50%); }
  .scroll-cue { display: none; }
  .signal-strip-inner { min-height: auto; padding: 24px 0; flex-wrap: wrap; justify-content: center; }
  .signal-strip i { display: none; }
  .signal-strip span { width: calc(50% - 10px); text-align: center; }
  .section { padding: 95px 0; }
  .section-intro { grid-template-columns: 1fr; gap: 25px; margin-bottom: 44px; }
  .section-intro > p { max-width: 620px; }
  .paradigm-grid { grid-template-columns: 1fr; }
  .principle-card { min-height: auto; }
  .principle-icon { margin-top: 38px; }
  .impact-bar { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
  .impact-bar > div:nth-child(2) { border-right: 0; }
  .solutions-grid { grid-template-columns: 1fr; }
  .solution-card { min-height: 500px; }
  .dashboard-body { min-height: 430px; }
  .dashboard-charts { grid-template-columns: 1fr; }
  .alert-card { display: none; }
  .contact-shell { grid-template-columns: 1fr; }
  .contact-copy { max-width: 640px; }
  .footer-main { grid-template-columns: 1fr; }
  .newsletter { grid-column: auto; }
  .footer-bottom { grid-template-columns: 1fr auto; gap: 15px; }
  .footer-bottom > span:nth-child(2) { display: none; }
}

@media (max-width: 560px) {
  .mobile-menu { padding-inline: 20px; }
  .hero { height: 100svh; min-height: 690px; }
  .hero-inner { padding-top: 122px; }
  .hero h1,
  .hero h2 { font-size: clamp(39px, 12.3vw, 58px); }
  .hero-lede { margin-top: 22px; font-size: 14px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; margin-top: 28px; }
  .hero-controls { bottom: 24px; }
  .slider-dot { width: 28px; }
  .slider-buttons { display: none; }
  .architecture-canvas { inset: 26% -60% 3% -2%; }
  .signal-strip span { width: 100%; }
  .section { padding: 78px 0; }
  .section-intro h2,
  .platform-copy h2,
  .contact-copy h2 { font-size: clamp(35px, 10vw, 48px); }
  .principle-card { padding: 28px; }
  .impact-bar { grid-template-columns: 1fr 1fr; }
  .impact-bar > div { padding: 0 14px; }
  .impact-bar > div:nth-child(3) { padding-left: 0; }
  .solution-card { min-height: 460px; }
  .solution-content { padding: 24px; }
  .solution-card h3 { font-size: 25px; }
  .solution-data { top: 18px; right: 18px; }
  .dashboard-frame { margin-inline: -12px; }
  .dashboard-sidebar { display: none; }
  .dashboard-body { grid-template-columns: 1fr; }
  .dashboard-main { padding: 15px; }
  .dashboard-kpis { grid-template-columns: 1fr 1fr; }
  .dashboard-kpis > div:last-child { display: none; }
  .quote-section { min-height: 500px; }
  .contact-form { padding: 28px 22px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .form-footer { align-items: stretch; flex-direction: column; }
  .form-footer .button { width: 100%; }
  .contact-meta { grid-template-columns: 1fr; }
  .footer-main { gap: 50px; }
  .footer-nav { gap: 25px; }
  .footer-trust { min-height: 104px; }
  .footer-bottom { grid-template-columns: 1fr; padding: 18px 0; }
  .social-links { justify-self: start; flex-wrap: wrap; gap: 8px 18px; }
  .modal-card { padding: 44px 25px 30px; }
  .modal-points { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


[hidden] { display: none !important; }
[data-parallax] { translate: 0 var(--parallax-y, 0); will-change: translate; }
/* =========================================================
   V2 GLOBAL PLATFORM — AUTH, MEGA MENU, I18N, CASE STUDIES
========================================================= */

html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: clip; }

.honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.brand-loader {
  position: fixed;
  inset: 0;
  z-index: 6000;
  display: grid;
  place-content: center;
  gap: 22px;
  color: white;
  text-align: center;
  background:
    radial-gradient(circle at 50% 45%, rgba(31, 91, 126, .42), transparent 34%),
    var(--navy-950);
  transition: opacity .7s var(--ease), visibility .7s;
  animation: loaderFailSafe .7s var(--ease) 4s forwards;
}
.brand-loader.loaded { opacity: 0; visibility: hidden; pointer-events: none; animation: none; }
@keyframes loaderFailSafe { to { opacity: 0; visibility: hidden; pointer-events: none; } }
.loader-mark { font: 700 clamp(54px, 7vw, 92px)/1 var(--serif); letter-spacing: -.06em; }
.loader-mark span { color: var(--gold-400); font-style: italic; }
.loader-line { width: 220px; height: 1px; margin: 0 auto; overflow: hidden; background: rgba(255,255,255,.14); }
.loader-line i { display: block; width: 45%; height: 100%; background: var(--gold-400); animation: loaderSweep 1.25s var(--ease) infinite; }
.brand-loader p { margin: 0; color: rgba(255,255,255,.42); font: 9px var(--mono); letter-spacing: .16em; text-transform: uppercase; }
@keyframes loaderSweep { from { transform: translateX(-120%); } to { transform: translateX(290%); } }

.page-transition { position: fixed; inset: 0; z-index: 5500; visibility: hidden; pointer-events: none; }
.page-transition i { position: absolute; top: 0; left: 0; width: 0; height: 3px; background: var(--gold-400); box-shadow: 0 0 18px rgba(217,185,93,.7); }
.page-transition.active { visibility: visible; }
.page-transition.active i { animation: pageProgress .65s var(--ease); }
@keyframes pageProgress { 0% { width: 0; } 70% { width: 82%; } 100% { width: 100%; opacity: 0; } }

.cursor-dot,
.cursor-ring { position: fixed; z-index: 5000; left: 0; top: 0; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate(-50%, -50%); transition: opacity .2s; }
.cursor-dot { width: 5px; height: 5px; background: var(--gold-400); }
.cursor-ring { width: 34px; height: 34px; border: 1px solid rgba(217,185,93,.6); transition: width .25s, height .25s, border-color .25s, background .25s, opacity .2s; }
body.cursor-ready .cursor-dot,
body.cursor-ready .cursor-ring { opacity: 1; }
body.cursor-hover .cursor-ring { width: 54px; height: 54px; border-color: rgba(217,185,93,.22); background: rgba(217,185,93,.08); }

.verification-toast {
  position: fixed;
  z-index: 2200;
  top: 92px;
  left: 50%;
  width: min(520px, calc(100% - 32px));
  transform: translateX(-50%);
  padding: 14px 18px;
  border: 1px solid rgba(217,185,93,.28);
  border-radius: 12px;
  color: white;
  background: rgba(7,27,43,.94);
  box-shadow: 0 18px 50px rgba(0,0,0,.26);
  backdrop-filter: blur(14px);
  font-size: 12px;
  text-align: center;
}

/* Desktop mega menu */
.desktop-nav { position: relative; gap: 5px; }
.nav-group { position: static; }
.nav-trigger,
.flat-nav-link {
  position: relative;
  padding: 12px 13px;
  border: 0;
  color: rgba(255,255,255,.69);
  background: transparent;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  transition: color .25s, background .25s;
}
.nav-trigger::after { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 0 3px 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); transition: transform .25s; }
.nav-group.open .nav-trigger,
.nav-trigger:hover,
.flat-nav-link:hover { color: white; background: rgba(255,255,255,.05); border-radius: 8px; }
.nav-group.open .nav-trigger::after { transform: rotate(225deg) translate(-2px,-2px); }
.flat-nav-link::after { display: none; }
.mega-menu {
  position:absolute;
  z-index:20;

  top:calc(100% + 8px);

  left:50%;
  width:min(920px, calc(100vw - 64px));

  display:grid;
  grid-template-columns: 1.25fr .8fr .8fr;
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  color: var(--ink);
  background: rgba(245,244,238,.16);
  box-shadow: 0 34px 90px rgba(0,0,0,.34);
  backdrop-filter: blur(24px) saturate(140%);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 14px) scale(.985);
  transform-origin: top center;
  transition: opacity .18s ease, visibility .18s ease, transform .26s var(--ease);
}
.nav-group.open .mega-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0) scale(1); }
.mega-menu > * { background: rgba(251,250,247,.97); }
.mega-intro { padding: 34px; border-radius: 16px 0 0 16px; background: linear-gradient(145deg, #102f46, #071b2b); color: white; }
.mega-intro span { display: block; margin-bottom: 18px; color: var(--gold-400); font: 10.08px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.mega-column > span { display: block; margin-bottom: 18px; color: #233746; font: 10.08px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.mega-intro strong { display: block; margin-bottom: 28px; font: 600 27px/1.24 var(--serif); }
.mega-intro a { display: inline-flex; padding: 0; color: rgba(255,255,255,.75); font-size: 11px; text-transform: none; letter-spacing: 0; }
.mega-intro a::after,
.mega-column a::after,
.mega-feature::after { display: none; }
.mega-column { padding: 34px 28px; }
.mega-column:last-child { border-radius: 0 16px 16px 0; }
.mega-column a { display: block; padding: 10px 0; color: #40505d; font-size: 13px; text-transform: none; letter-spacing: 0; }
.mega-column a:hover { color: #9a7a2f; }
.mega-menu-wide { width: min(1060px, calc(100vw - 64px)); grid-template-columns: repeat(4, 1fr); }
.mega-feature { min-height: 210px; display: flex; flex-direction: column; padding: 30px; color: var(--ink); }
.mega-feature:first-child { border-radius: 16px 0 0 16px; }
.mega-feature:last-child { border-radius: 0 16px 16px 0; }
.mega-feature small { color: #9a7a2f; font: 9px var(--mono); }
.mega-feature strong { margin: auto 0 12px; color: var(--navy-950); font: 600 22px/1.18 var(--serif); }
.mega-feature span { color: var(--muted); font-size: 11px; line-height: 1.6; }
.mega-feature:hover { background: white; }
/* Header actions */
.auth-link,
.nav-link-cta,
.account-button,
.language-button { border: 0; cursor: pointer; }
.auth-link { color: rgba(255,255,255,.68); background: transparent; font-size: 11px; font-weight: 700; }
.auth-link:hover { color: white; }
.nav-link-cta { display: inline-flex; }
.account-button { display: inline-flex; align-items: center; gap: 9px; padding: 5px 11px 5px 5px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: white; background: rgba(255,255,255,.06); font-size: 10px; }
.account-avatar { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--gold-400); font: 700 9px var(--mono); }
.language-switcher { position: relative; }
.language-button { min-width: 48px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: white; background: rgba(255,255,255,.04); font: 700 9px var(--mono); }
.language-button i { width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.language-menu { position: absolute; top: calc(100% + 10px); right: 0; min-width: 180px; padding: 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(7,27,43,.97); box-shadow: 0 24px 50px rgba(0,0,0,.28); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .25s; }
.language-switcher.open .language-menu { opacity: 1; visibility: visible; transform: none; }
.language-menu button { width: 100%; display: flex; justify-content: space-between; padding: 10px 11px; border: 0; border-radius: 7px; color: rgba(255,255,255,.68); background: transparent; cursor: pointer; text-align: left; }
.language-menu button:hover,
.language-menu button.active { color: white; background: rgba(255,255,255,.07); }
.language-menu span { color: var(--gold-400); font: 9px var(--mono); }
.locale-toggle { direction: ltr; display: inline-flex; align-items: center; gap: 4px; min-height: 34px; padding: 3px 5px; border: 1px solid rgba(217,185,93,.22); border-radius: 999px; color: rgba(255,255,255,.34); background: rgba(255,255,255,.035); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); font: 700 9px/1 var(--mono); }
.locale-toggle button { min-width: 30px; min-height: 26px; padding: 0 7px; border: 0; border-radius: 999px; color: rgba(255,255,255,.52); background: transparent; cursor: pointer; font: inherit; transition: color .2s ease,background .2s ease,box-shadow .2s ease; }
.locale-toggle button:hover { color: white; }
.locale-toggle button:focus-visible { outline: 2px solid var(--gold-300); outline-offset: 2px; }
.locale-toggle button.active,
.locale-toggle button[aria-pressed="true"] { color: var(--navy-950); background: linear-gradient(135deg,var(--gold-300),var(--gold-500)); box-shadow: 0 4px 14px rgba(217,185,93,.16); }
.locale-toggle-mobile { flex: 0 0 auto; }

/* Mobile accordion */
.mobile-menu { overflow-y: auto; }
.mobile-menu-inner { min-height: 620px; }
.mobile-menu-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; color: rgba(255,255,255,.3); font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.mobile-menu-label { margin: 0; }
.mobile-accordion { border-bottom: 1px solid rgba(255,255,255,.09); }
.mobile-accordion-trigger,
.mobile-direct-link { width: 100%; min-height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border: 0; color: white; background: transparent; font: 600 clamp(24px, 7vw, 39px)/1.1 var(--serif); text-align: left; }
.mobile-menu .mobile-direct-link { font: 600 clamp(24px, 7vw, 39px)/1.1 var(--serif); border-bottom: 1px solid rgba(255,255,255,.09); }
.mobile-accordion-trigger i { width: 14px; height: 14px; position: relative; }
.mobile-accordion-trigger i::before,
.mobile-accordion-trigger i::after { content: ""; position: absolute; top: 50%; left: 0; width: 14px; height: 1px; background: var(--gold-400); transition: transform .3s; }
.mobile-accordion-trigger i::after { transform: rotate(90deg); }
.mobile-accordion-trigger[aria-expanded="true"] i::after { transform: rotate(0); }
.mobile-accordion-panel { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: max-height .42s var(--ease), opacity .25s ease, visibility .42s; }
.mobile-accordion.open .mobile-accordion-panel { max-height: 620px; padding-bottom: 14px; opacity: 1; visibility: visible; }
.mobile-accordion-panel a { padding: 9px 0 9px 20px; border: 0; color: rgba(255,255,255,.52); font: 500 14px/1.4 var(--sans); }
.mobile-auth-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.button-ghost { color: white; border: 1px solid rgba(255,255,255,.18); background: transparent; }

/* New section layouts */
.signal-track { width: min(1320px, calc(100% - 64px)); min-height: 84px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #6c746f; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.paradigm-grid { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .62fr); gap: 9vw; align-items: end; border: 0; }
.paradigm-copy { padding-bottom: 8px; }
.paradigm-copy p { margin: 0 0 28px; color: var(--muted); font-size: 15px; line-height: 1.85; }
.dark-link { color: var(--navy-900); }
.dark-link::after { background: rgba(5,19,31,.24); }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 62px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.principle-card > span { display: inline-block; margin-bottom: 94px; color: #9d8760; font: 10px var(--mono); letter-spacing: .12em; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .55fr); gap: 8vw; align-items: end; margin-bottom: 56px; }
.section-heading h2 { margin: 0; color: var(--navy-950); font: 600 clamp(38px, 4.2vw, 62px)/1.08 var(--serif); letter-spacing: -.035em; }
.section-heading h2 em { color: #9a7a2f; }
.section-heading > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }

/* Solution cards with actual lazy-loaded images */
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.solution-card { min-height: 520px; }
.solution-card .solution-image { position: absolute; inset: 0; filter: none; }
.solution-card .solution-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.76) contrast(1.04); transform: scale(1.01); transition: transform .8s var(--ease), filter .6s; }
.solution-card .solution-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,19,31,.99) 0%, rgba(5,19,31,.82) 36%, rgba(5,19,31,.05) 78%), linear-gradient(120deg, rgba(6,31,48,.38), transparent 70%); }
.solution-card:hover .solution-image img { transform: scale(1.07); filter: saturate(1) contrast(1.04); }
.solution-card .solution-visual { inset: 22px 22px auto auto; z-index: 3; width: 130px; height: 76px; padding: 12px; border: 1px solid rgba(255,255,255,.17); border-radius: 11px; background: rgba(5,19,31,.48); backdrop-filter: blur(12px); }
.solution-card .solution-visual::after { display: none; }
.solution-visual span { color: rgba(255,255,255,.54); font: 7px var(--mono); letter-spacing: .05em; }
.solution-visual i { display: block; width: 100%; height: 25px; margin-top: 12px; border-bottom: 1px solid rgba(217,185,93,.35); background: linear-gradient(135deg, transparent 42%, var(--gold-400) 43% 46%, transparent 47%); }
.visual-check i { width: 22px; height: 14px; margin: 14px auto 0; border: 0; border-left: 2px solid var(--gold-400); border-bottom: 2px solid var(--gold-400); background: none; transform: rotate(-45deg); }
.visual-orbit i { width: 28px; height: 28px; margin: 9px auto 0; border: 1px solid var(--gold-400); border-radius: 50%; background: none; box-shadow: 0 0 0 7px rgba(217,185,93,.08); }
.visual-grid i { background-image: linear-gradient(rgba(217,185,93,.6) 1px, transparent 1px), linear-gradient(90deg, rgba(217,185,93,.6) 1px, transparent 1px); background-size: 8px 8px; border: 0; }
.solution-number { display: block; margin-bottom: 13px; color: var(--gold-400); font: 10px var(--mono); letter-spacing: .15em; }
.solution-card button { display: flex; width: 100%; justify-content: space-between; margin-top: 25px; padding: 17px 0 0; border: 0; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.78); background: transparent; cursor: pointer; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* Platform compatibility with new markup */
.platform-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; align-items: center; }
.platform-glow { position: absolute; right: -12vw; top: -15vw; width: 62vw; height: 62vw; border-radius: 50%; background: rgba(24,77,112,.26); filter: blur(90px); }
.platform-copy > p { margin-top: 26px; }
.platform-copy ul { margin: 34px 0 38px; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.1); }
.platform-copy li { padding: 17px 0 17px 24px; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.55; position: relative; }
.platform-copy li::before { content: "↗"; position: absolute; left: 0; color: var(--gold-400); }
.browser-dots { display: flex; gap: 6px; }
.browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.22); }
.dashboard-sidebar b { color: var(--gold-400); font: 700 10px var(--serif); }
.dashboard-charts .line-chart,
.dashboard-charts .risk-panel { padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.025); }
.chart-head { display: flex; justify-content: space-between; gap: 14px; color: rgba(255,255,255,.4); font-size: 7px; text-transform: uppercase; }
.chart-head b { color: rgba(255,255,255,.68); }
.line-chart svg { width: 100%; height: 190px; margin-top: 10px; }
.line-chart .area { fill: url(#chartFill); }
.line-chart .line { fill: none; stroke: var(--gold-400); stroke-width: 2.2; }
.grid-lines line { stroke: rgba(255,255,255,.06); stroke-width: 1; }
.chart-labels { display: flex; justify-content: space-between; color: rgba(255,255,255,.25); font: 7px var(--mono); }
.risk-list > div { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 10px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.risk-list i { width: 6px; height: 6px; border-radius: 50%; }
.risk-high { background: #e77970; }
.risk-medium { background: var(--gold-400); }
.risk-low { background: #67cda5; }
.risk-list strong,
.risk-list small { display: block; }
.risk-list strong { margin-bottom: 4px; color: rgba(255,255,255,.68); font-size: 8px; }
.risk-list small { color: rgba(255,255,255,.27); font-size: 7px; }
.risk-list > div > b { color: rgba(255,255,255,.35); font-size: 7px; text-transform: uppercase; }

/* Hero controls compatibility */
.slide-count { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.34); font: 700 10px var(--mono); }
.slide-count i { width: 30px; height: 1px; background: rgba(255,255,255,.18); }
.current-slide { color: white; }
.slider-arrows { display: flex; gap: 8px; }
.slider-arrows button { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: white; background: rgba(255,255,255,.04); cursor: pointer; }
.slider-arrows button:hover { color: var(--navy-950); border-color: var(--gold-400); background: var(--gold-400); }

/* Case studies */
.case-studies { background: var(--paper); }
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.case-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-sm); cursor: pointer; outline: none; transition: transform .45s var(--ease), box-shadow .45s; }
.case-card:hover,
.case-card:focus-visible { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
.case-media { position: relative; min-height: 300px; display: flex; align-items: flex-end; justify-content: space-between; padding: 24px; overflow: hidden; color: rgba(255,255,255,.58); background: #0b2639; }
.case-media::before { content: ""; position: absolute; inset: -20%; opacity: .7; transform: rotate(-8deg); transition: transform .7s var(--ease); }
.case-card:hover .case-media::before { transform: rotate(0) scale(1.08); }
.case-media-one::before { background: radial-gradient(circle at 30% 30%, rgba(217,185,93,.45), transparent 22%), linear-gradient(135deg, transparent 30%, rgba(48,112,148,.6) 31% 48%, transparent 49%), repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 58px); }
.case-media-two::before { background: linear-gradient(120deg, rgba(217,185,93,.16), transparent 45%), repeating-radial-gradient(circle at 70% 40%, rgba(82,143,177,.38) 0 2px, transparent 3px 42px); }
.case-media-three::before { background: linear-gradient(145deg, rgba(55,119,151,.56), transparent 45%), repeating-linear-gradient(135deg, rgba(217,185,93,.15) 0 2px, transparent 2px 46px); }
.case-media span,
.case-media i { position: relative; z-index: 2; }
.case-media span { font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.case-media i { color: var(--gold-400); font: 600 56px/1 var(--serif); font-style: normal; opacity: .7; }
.case-content { padding: 28px; }
.case-meta { display: flex; gap: 9px; margin-bottom: 18px; }
.case-meta span { padding: 5px 8px; border-radius: 999px; color: #80672b; background: #f3ead2; font: 8px var(--mono); text-transform: uppercase; }
.case-content h3 { min-height: 62px; margin: 0 0 26px; color: var(--navy-950); font: 600 27px/1.18 var(--serif); }
.case-result { display: flex; justify-content: space-between; align-items: end; gap: 16px; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-result > span { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.case-result strong { color: #9a7a2f; font: 600 24px var(--serif); text-align: right; }
.case-result small { display: block; margin-top: 3px; color: var(--muted); font: 8px var(--sans); }
.case-content button { width: 100%; margin-top: 20px; padding: 0; border: 0; color: var(--navy-900); background: transparent; cursor: pointer; text-align: left; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.case-modal-card { width: min(760px, 100%); }
.case-modal-visual { min-height: 190px; display: flex; align-items: end; justify-content: space-between; margin: 8px 0 24px; padding: 24px; border-radius: 14px; color: white; background: radial-gradient(circle at 25% 30%, rgba(217,185,93,.35), transparent 20%), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 46px), var(--navy-900); }
.case-modal-visual span { color: var(--gold-400); font: 600 60px var(--serif); }
.case-modal-visual small { color: rgba(255,255,255,.5); font: 8px var(--mono); text-transform: uppercase; }
.case-modal-meta { display: flex; gap: 9px; }
.case-modal-meta span { padding: 6px 9px; border-radius: 999px; color: #80672b; background: #f3ead2; font: 8px var(--mono); text-transform: uppercase; }

/* Authentication */
.auth-modal { z-index: 3600; }
.auth-card { position: relative; width: min(520px, 100%); max-height: calc(100svh - 32px); overflow-y: auto; padding: 34px 38px 36px; border: 1px solid rgba(217,185,93,.18); border-radius: 18px; color: var(--ink); background: linear-gradient(155deg,#fffdf8,var(--ivory)); box-shadow: 0 42px 110px rgba(0,0,0,.42); transform: translateY(18px) scale(.985); transition: transform .35s var(--ease); }
.auth-card::before { content: ""; position: absolute; top: 0; left: 38px; right: 38px; height: 1px; background: linear-gradient(90deg,transparent,var(--gold-400),transparent); }
.auth-modal.open .auth-card { transform: none; }
.auth-brand { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-right: 44px; }
.auth-brand .brand-mark { color: var(--navy-950); }
.auth-brand p { margin: 0; color: #8e7337; font: 8px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 22px 0 22px; padding: 4px; border: 1px solid rgba(5,19,31,.05); border-radius: 10px; background: rgba(5,19,31,.055); }
.auth-tab { min-height: 40px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; cursor: pointer; font-size: 10px; font-weight: 800; letter-spacing: .025em; }
.auth-tab.active { color: var(--navy-950); background: rgba(255,255,255,.9); box-shadow: 0 4px 14px rgba(5,19,31,.07); }
.auth-panel { display: none; }
.auth-panel.active { display: block; animation: authPanelIn .35s var(--ease); }
@keyframes authPanelIn { from { opacity: 0; transform: translateY(8px); } }
.auth-panel h2 { margin: 0 0 7px; color: var(--navy-950); font: 700 32px/1.08 var(--sans); letter-spacing: -.045em; }
.auth-panel > p { margin: 0 0 20px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.auth-panel label { display: block; margin-bottom: 14px; color: #53616c; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.auth-panel input:not([type="checkbox"]) { width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid rgba(5,19,31,.13); border-radius: 8px; outline: none; color: var(--navy-950); background: rgba(255,255,255,.68); font-size: 13px; text-transform: none; letter-spacing: 0; transition: border-color .2s,box-shadow .2s,background .2s; }
.auth-panel input:focus { border-color: var(--gold-500); box-shadow: 0 0 0 3px rgba(217,185,93,.12); }
.password-field { position: relative; }
.password-toggle { position: absolute; right: 7px; top: 50%; transform: translateY(-31%); padding: 6px; border: 0; color: #80682f; background: transparent; cursor: pointer; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.auth-panel label small { display: block; margin-top: 6px; color: #8b949a; font-size: 8px; line-height: 1.4; text-transform: none; letter-spacing: 0; }
.terms-check { display: flex !important; align-items: flex-start; gap: 8px; margin-bottom: 12px !important; color: var(--muted) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 10px !important; line-height: 1.45; }
.terms-check input { margin-top: 2px; accent-color: var(--navy-900); }
.auth-submit { width: 100%; min-height: 48px; margin-top: 2px; }
.auth-status { margin-top: 10px; }
.resend-verification { display: block; margin: 9px auto 0; padding: 5px; border: 0; color: #80682f; background: transparent; cursor: pointer; font-size: 9px; text-decoration: underline; }

/* Account */
.account-card { position: relative; width: min(520px, 100%); max-height: calc(100svh - 32px); overflow-y: auto; padding: 42px 44px; border: 1px solid rgba(217,185,93,.18); border-radius: 20px; background: linear-gradient(155deg,#fffdf8,var(--ivory)); box-shadow: 0 50px 110px rgba(0,0,0,.4); transform: translateY(20px); transition: transform .4s var(--ease); }
.account-modal.open .account-card { transform: none; }
.account-profile { display: flex; align-items: center; gap: 18px; margin-bottom: 30px; }
.account-profile-avatar { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--gold-400); font: 700 15px var(--mono); }
.account-profile h2 { margin: 0 0 5px; color: var(--navy-950); font: 600 31px var(--serif); }
.account-profile p { margin: 0; color: var(--muted); font-size: 12px; }
.account-status-row { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.account-status-row strong { color: var(--navy-950); }
.account-products { margin-top: 22px; text-align: left; direction: ltr; }
.account-products-kicker { margin: 0 0 9px; color: #8e7337; font: 800 8px/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.account-product-zero { padding: 20px; border: 1px solid rgba(217,185,93,.28); border-radius: 14px; background: radial-gradient(circle at 95% 5%,rgba(217,185,93,.13),transparent 34%),var(--navy-950); box-shadow: inset 0 1px rgba(255,255,255,.05); }
.account-product-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.account-product-heading small { color: rgba(255,255,255,.44); font: 700 8px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.account-product-heading h3 { margin: 7px 0 0; color: white; font: 600 23px/1.05 var(--serif); }
.zero-account-state { padding: 6px 9px; border: 1px solid rgba(232,205,124,.25); border-radius: 999px; color: var(--gold-300); font: 800 8px/1 var(--mono); letter-spacing: .04em; white-space: nowrap; }
.zero-account-details { margin: 17px 0 0; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.09); }
.zero-account-details>div { display: flex; justify-content: space-between; gap: 16px; padding: 4px 0; }
.zero-account-details dt { color: rgba(255,255,255,.45); font-size: 9px; }
.zero-account-details dd { margin: 0; color: rgba(255,255,255,.82); font-size: 9px; font-weight: 700; text-transform: capitalize; }
.account-card .zero-account-action { width: 100%; margin-top: 17px; }
.account-card .account-logout { width: 100%; margin-top: 22px; }
.noscript-banner { position: fixed; z-index: 9999; bottom: 0; left: 0; right: 0; padding: 12px; color: white; background: #a3433d; text-align: center; font-size: 12px; }

/* Form errors and states */
.field-error { display: block; margin-top: 7px; color: #b54d46; font-size: 9px; text-transform: none; letter-spacing: 0; }
input.invalid,
textarea.invalid { border-color: #b54d46 !important; }
button[disabled] { opacity: .55; cursor: wait; }

/* RTL */
[lang="fa"] body { font-family: "Segoe UI", "Noto Sans Arabic", Tahoma, Arial, sans-serif; font-feature-settings: "kern" 1; }
[lang="fa"] .site-header,
[lang="fa"] .mobile-menu,
[lang="fa"] .site-footer,
[lang="fa"] .auth-card,
[lang="fa"] .account-card { line-height: 1.75; }
[lang="fa"] .site-header,
[lang="fa"] .mobile-menu,
[lang="fa"] .site-footer,
[lang="fa"] .auth-card,
[lang="fa"] .account-card,
[lang="fa"] .route-contact-form { letter-spacing: 0; }
[lang="fa"] .brand,
[lang="fa"] .brand-mark,
[lang="fa"] .locale-toggle,
[lang="fa"] [dir="ltr"] { font-family: "DM Sans", Arial, sans-serif; }
[lang="fa"] [data-locale-option="fa"] { font-family: "Segoe UI", "Noto Sans Arabic", Tahoma, Arial, sans-serif; }
[lang="fa"] .localized-page-body { direction: rtl; text-align: right; }
[lang="fa"] .products-pyramid,
[lang="fa"] .intelligence-journey,
[lang="fa"] .journey-pyramid,
[lang="fa"] .homepage-journey-grid,
[lang="fa"] .products-progression,
[lang="fa"] .investor-product-track,
[lang="fa"] .development-timeline { direction: ltr; text-align: left; unicode-bidi: isolate; }
[lang="fa"] .products-pyramid :is(.journey-stage-copy,.pyramid-info),
[lang="fa"] .journey-pyramid :is(.journey-level-theme,li span),
[lang="fa"] .investor-product-track :is(small,p),
[lang="fa"] .development-timeline :is(strong,p) { direction: rtl; text-align: right; }
[lang="fa"] .homepage-journey-grid :is(small,p),
[lang="fa"] .products-progression :is(h3,p) { direction: rtl; text-align: right; }
[lang="fa"] :is(.homepage-journey-grid h3,.stage-card-title strong,.pyramid-layer > strong,.pyramid-info b,.journey-level-title) { direction: ltr; unicode-bidi: isolate; }
[lang="fa"] .route-contact-form input[type="email"] { direction: ltr; text-align: left; unicode-bidi: isolate; }
[lang="fa"] .brand-term { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .site-header,
[dir="rtl"] .mobile-menu,
[dir="rtl"] .site-footer,
[dir="rtl"] .auth-card,
[dir="rtl"] .account-card,
[dir="rtl"] .route-contact-form { text-align: right; }
[dir="rtl"] .nav-shell,
[dir="rtl"] .nav-actions,
[dir="rtl"] .account-profile { flex-direction: row; }
[dir="rtl"] .desktop-nav,
[dir="rtl"] .footer-nav { direction: rtl; }
[dir="rtl"] .locale-toggle { direction: ltr; }
[dir="rtl"] .brand,
[dir="rtl"] .brand-mark,
[dir="rtl"] .account-avatar,
[dir="rtl"] .account-profile-avatar { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .newsletter div { flex-direction: row; }
[dir="rtl"] .newsletter input,
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"] { direction: ltr; text-align: left; unicode-bidi: isolate; }
[dir="rtl"] .account-profile p,
[dir="rtl"] .social-links,
[dir="rtl"] [dir="auto"] { unicode-bidi: plaintext; }
[dir="rtl"] .footer-bottom > span:nth-child(2) { justify-self: center; }
[dir="rtl"] .mobile-menu-meta,
[dir="rtl"] .account-status-row { flex-direction: row; }
[dir="rtl"] .auth-panel label,
[dir="rtl"] .field-error,
[dir="rtl"] .form-status { text-align: right; }
[dir="rtl"] .terms-check { justify-content: flex-start; }
[dir="rtl"] .brand-caption { padding-left: 0; padding-right: 14px; border-left: 0; border-right: 1px solid rgba(255,255,255,.2); }
[dir="rtl"] .nav-trigger::after { margin: 0 7px 3px 0; }
[dir="rtl"] .language-menu { right: auto; left: 0; }
[dir="rtl"] .language-menu button,
[dir="rtl"] .mobile-accordion-trigger,
[dir="rtl"] .case-content button { text-align: right; }
[dir="rtl"] .eyebrow::before,
[dir="rtl"] .section-kicker::before { order: 2; }
[dir="rtl"] .platform-copy li { padding: 17px 24px 17px 0; }
[dir="rtl"] .platform-copy li::before { left: auto; right: 0; transform: scaleX(-1); }
[dir="rtl"] .password-toggle { right: auto; left: 8px; }
[dir="rtl"] .modal-close { right: auto; left: 18px; }
[dir="rtl"] .auth-brand { padding-right: 0; padding-left: 44px; }
[dir="rtl"] .case-result strong { text-align: left; }
[dir="rtl"] .mobile-accordion-panel a { padding: 9px 20px 9px 0; }
[dir="rtl"] .mega-intro { border-radius: 0 16px 16px 0; }
[dir="rtl"] .mega-column:last-child { border-radius: 16px 0 0 16px; }
[dir="rtl"] .mega-feature:first-child { border-radius: 0 16px 16px 0; }
[dir="rtl"] .mega-feature:last-child { border-radius: 16px 0 0 16px; }

@media (max-width: 1320px) {
  .desktop-nav { gap: 1px; }
  .nav-trigger,
  .flat-nav-link { padding-inline: 9px; font-size: 10px; }
  .nav-actions { gap: 9px; }
}

@media (max-width: 1180px) {
  .nav-link-cta,
  .auth-link,
  .account-button { display: none; }
  .products-switcher { display: none; }
  .locale-toggle-desktop { display: none; }
  .language-switcher { margin-left: auto; }
  .platform-grid { grid-template-columns: 1fr; }
  .platform-copy { max-width: 680px; }
  .solution-grid,
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .case-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 12px); }
}

@media (max-width: 820px) {
  .cursor-dot,
  .cursor-ring { display: none; }
  .nav-actions { gap: 8px; }
  .language-button { min-width: 43px; }
  .mobile-menu { padding-top: 92px; }
  .mobile-menu-meta { margin-top: 30px; padding-top: 25px; }
  .signal-track { width: calc(100% - 40px); min-height: auto; padding: 24px 0; flex-wrap: wrap; justify-content: center; }
  .signal-track i { display: none; }
  .signal-track span { width: calc(50% - 10px); text-align: center; }
  .paradigm-grid,
  .section-heading { grid-template-columns: 1fr; gap: 28px; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-card { min-height: 280px; }
  .principle-card > span { margin-bottom: 60px; }
  .solution-grid,
  .case-grid { grid-template-columns: 1fr; }
  .case-card:last-child { grid-column: auto; max-width: none; }
  .case-content h3 { min-height: 0; }
  .auth-card { padding: 28px 20px 24px; }
  .account-card { padding: 42px 24px 28px; }
  .mega-menu { display: none; }
  .slide-count { display: none; }
  .hero-controls { justify-content: space-between; }
  .slider-arrows { margin-left: auto; }
  [dir="rtl"] .slider-arrows { margin-left: 0; margin-right: auto; }
}

@media (max-width: 560px) {
  .nav-shell { width: calc(100% - 28px); }
  /* language switcher kept accessible on mobile */
  .mobile-auth-actions { grid-template-columns: 1fr; }
  .signal-track span { width: 100%; }
  .solution-card { min-height: 460px; }
  .case-media { min-height: 240px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .auth-panel h2 { font-size: 30px; }
  .auth-brand { align-items: center; flex-direction: row; padding-right: 38px; }
  [dir="rtl"] .auth-brand { padding-right: 0; padding-left: 38px; }
  .modal-card,
  .case-modal-card { padding: 44px 22px 28px; }
  .case-modal-visual { min-height: 150px; }
  .account-profile { align-items: flex-start; }
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .cursor-dot,
  .cursor-ring { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-parallax] { transform: none !important; translate: none !important; }
  .brand-loader { display: none; }
}


.solution-image.asset-missing {
  background:
    radial-gradient(circle at 72% 20%, rgba(220,185,89,.22), transparent 34%),
    linear-gradient(145deg, #102f46, #071823 72%);
}
.solution-image.asset-missing::before {
  content: "F&M / MEDIA PLACEHOLDER";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.35);
  font: 10px var(--mono);
  letter-spacing: .18em;
  z-index: 0;
}
.hero-media.asset-missing { display: none; }

/* Mega menu hover bridge */
.mega-menu::before {
 content:"";
 position:absolute;
 top:-10px;
 left:0;
 right:0;
 height:10px;
}

.mobile-auth-actions .button { width: 100%; min-height: 48px; justify-content: center; padding: 0 18px; border-radius: 999px; font: 700 10px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.mobile-auth-actions a.button { border-bottom: 0; }

/* Interactive CEO intelligence hero */
.intelligence-hero {
  min-height: 780px;
  height: 100svh;
  isolation: isolate;
  background:
    radial-gradient(circle at 76% 44%, rgba(32,76,91,.2), transparent 32%),
    radial-gradient(circle at 20% 12%, rgba(217,185,93,.09), transparent 28%),
    linear-gradient(145deg, #02060b, var(--navy-950) 50%, #02060b);
}
.intelligence-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 72px 72px; -webkit-mask-image: radial-gradient(circle at 68% 48%, black, transparent 70%); mask-image: radial-gradient(circle at 68% 48%, black, transparent 70%); }
.hero-ambient { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .72; }
.intelligence-hero-inner { position: relative; z-index: 2; width: min(1480px, calc(100% - 64px)); height: 100%; margin: 0 auto; padding: 104px 0 22px; display: grid; grid-template-columns: minmax(370px,.78fr) minmax(600px,1.22fr); align-items: center; gap: 18px; }
.intelligence-copy { position: relative; z-index: 5; max-width: 610px; padding-left: clamp(0px,2vw,30px); }
.intelligence-hero .eyebrow { margin-bottom: 24px; font-size: 11px; }
.intelligence-hero h1 { max-width: 720px; font-family: var(--sans); font-size: clamp(52px,5.25vw,84px); font-weight: 700; line-height: .98; letter-spacing: -.055em; }
.intelligence-hero h1 em { display: block; color: var(--gold-400); font-style: normal; }
.hero-support { max-width: 590px; margin: 28px 0 0; color: rgba(255,255,255,.72); font-size: clamp(17px,1.35vw,20px); font-weight: 500; line-height: 1.65; letter-spacing: -.015em; }
.intelligence-hero .hero-actions { gap: 13px; margin-top: 34px; }
.sphere-secondary { color: rgba(255,255,255,.9); border: 1px solid rgba(217,185,93,.3); background: rgba(7,27,43,.48); backdrop-filter: blur(12px); }
.sphere-secondary:hover { color: white; border-color: rgba(232,205,124,.62); background: rgba(217,185,93,.09); }
.sphere-metrics { display: flex; align-items: center; gap: 22px; margin-top: 34px; color: #788690; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.sphere-metrics span { display: flex; align-items: center; gap: 8px; }
.sphere-metrics i { width: 4px; height: 4px; border-radius: 50%; background: #6aa7b8; box-shadow: 0 0 12px rgba(106,167,184,.75); }
.planet-column { position: relative; z-index: 2; min-width: 0; height: min(720px,calc(100svh - 118px)); min-height: 560px; display: grid; place-items: center; }
.planet-wrap { position: relative; width: min(780px,100%); aspect-ratio: 1; user-select: none; -webkit-user-select: none; touch-action: none; cursor: grab; isolation: isolate; }
.planet-wrap:active { cursor: grabbing; }
.planet-wrap::before { content: ""; position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(circle,rgba(80,137,153,.06),transparent 63%); filter: blur(18px); pointer-events: none; }
.sphere-canvas,.sphere-labels { position: absolute; inset: 0; width: 100%; height: 100%; }
.sphere-canvas { z-index: 1; }
.sphere-labels { z-index: 3; pointer-events: none; }
.module-label { position: absolute; top: 0; left: 0; min-height: 30px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px 6px 8px; border: 1px solid rgba(175,194,200,.12); border-radius: 999px; color: #c3cdd0; background: rgba(3,9,15,.62); box-shadow: 0 7px 22px rgba(0,0,0,.22); backdrop-filter: blur(8px); cursor: pointer; font-size: 12px; font-weight: 600; white-space: nowrap; transition: color .28s,border-color .28s,background .28s,box-shadow .28s,opacity .12s linear; will-change: transform,opacity; }
.module-label::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--gold-400); box-shadow: 0 0 10px rgba(232,205,124,.85); }
.module-label:hover,.module-label.is-active { color: #fff6df; border-color: rgba(232,205,124,.5); background: rgba(37,29,15,.74); box-shadow: 0 8px 28px rgba(217,185,93,.16),inset 0 0 18px rgba(217,185,93,.07); }
.module-label:focus-visible { outline: 1px solid var(--gold-300); outline-offset: 3px; }
.ceo-core { position: absolute; z-index: 5; top: 50%; left: 50%; width: 146px; height: 146px; display: grid; place-items: center; border: 1px solid rgba(255,229,164,.82); border-radius: 50%; pointer-events: none; transform: translate(-50%,-50%); background: radial-gradient(circle at 38% 31%,rgba(255,247,221,.98) 0 2%,transparent 3%),radial-gradient(circle at 42% 38%,#f3da9e,#b98938 22%,#2a2113 56%,#080d12 72%); box-shadow: 0 0 0 9px rgba(217,185,93,.055),0 0 0 24px rgba(217,185,93,.025),0 0 54px rgba(218,176,86,.37),inset -12px -16px 24px rgba(0,0,0,.62),inset 9px 9px 20px rgba(255,230,166,.2); }
.ceo-core::before,.ceo-core::after { content: ""; position: absolute; border: 1px solid rgba(217,185,93,.25); border-radius: 50%; animation: coreRing 4.8s ease-in-out infinite; }
.ceo-core::before { inset: -17px; }
.ceo-core::after { inset: -35px; animation-delay: -2.4s; border-color: rgba(93,160,180,.14); }
.core-copy { position: relative; z-index: 2; text-align: center; text-shadow: 0 2px 8px rgba(0,0,0,.65); }
.core-copy strong { display: block; color: #fff9ea; font: 600 35px/1 var(--serif); letter-spacing: .04em; }
.core-copy span { display: block; margin-top: 8px; color: #f2db9e; font-size: 8px; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
.ceo-core.is-pulsing { animation: coreConfirm .8s var(--ease); }
.interaction-note { position: absolute; z-index: 7; left: 50%; bottom: 6%; display: flex; align-items: center; gap: 10px; color: #788892; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; pointer-events: none; transform: translateX(-50%); white-space: nowrap; }
.drag-icon { position: relative; width: 22px; height: 22px; border: 1px solid rgba(217,185,93,.3); border-radius: 50%; }
.drag-icon::before { content: "↔"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--gold-400); font-size: 11px; }
.sphere-status { position: absolute; z-index: 8; right: 3%; bottom: 14%; width: 218px; padding: 14px 15px; border: 1px solid rgba(217,185,93,.2); border-radius: 4px; background: rgba(3,9,15,.82); box-shadow: 0 18px 50px rgba(0,0,0,.25); backdrop-filter: blur(12px); opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .35s,transform .35s var(--ease); }
.sphere-status.is-visible { opacity: 1; transform: none; }
.sphere-status small { display: block; color: var(--gold-400); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }
.sphere-status strong { display: block; margin-top: 7px; color: #eae5dc; font-size: 12px; line-height: 1.45; font-weight: 600; }
@keyframes coreRing { 0%,100% { opacity:.25; transform:scale(.94); } 50% { opacity:.75; transform:scale(1.05); } }
@keyframes coreConfirm { 0%,100% { transform:translate(-50%,-50%) scale(1); } 45% { transform:translate(-50%,-50%) scale(1.08); box-shadow:0 0 80px rgba(238,211,146,.55); } }

@media (max-width: 1180px) {
  .intelligence-hero { height: auto; min-height: 1120px; overflow: hidden; }
  .intelligence-hero-inner { width: min(780px,calc(100% - 38px)); height: auto; grid-template-columns: 1fr; padding: 140px 0 44px; }
  .intelligence-copy { max-width: 700px; margin: 0 auto; padding: 0; text-align: center; }
  .intelligence-hero .eyebrow,.intelligence-hero .hero-actions,.sphere-metrics { justify-content: center; }
  .hero-support { margin-inline: auto; }
  .planet-column { width: 100%; height: min(720px,92vw); min-height: 540px; margin-top: -12px; }
  .planet-wrap { width: min(720px,100%); }
}
@media (max-width: 620px) {
  .intelligence-hero { min-height: 1030px; }
  .intelligence-hero-inner { width: calc(100% - 28px); padding-top: 122px; }
  .intelligence-hero h1 { font-size: clamp(44px,13vw,60px); }
  .hero-support { margin-top: 22px; font-size: 16px; line-height: 1.65; }
  .intelligence-hero .hero-actions { align-items: stretch; margin-top: 28px; }
  .intelligence-hero .hero-actions .button { width: 100%; }
  .sphere-metrics { gap: 13px; margin-top: 26px; font-size: 8px; }
  .planet-column { min-height: 430px; height: 112vw; max-height: 540px; margin-top: 0; }
  .ceo-core { width: 96px; height: 96px; }
  .ceo-core::before { inset: -12px; }.ceo-core::after { inset: -23px; }
  .core-copy strong { font-size: 24px; }.core-copy span { margin-top: 5px; font-size: 6px; }
  .module-label { min-height: 24px; padding: 4px 7px 4px 6px; gap: 6px; font-size: 9px; }
  .interaction-note { bottom: 2%; font-size: 8px; }.sphere-status { right: 1%; bottom: 11%; width: 184px; }
}

/* Cinematic homepage video */
.cinematic-video { position: relative; width: 100%; height: 92svh; min-height: 720px; overflow: hidden; isolation: isolate; background: var(--navy-950); }
.cinematic-video-media { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; cursor: pointer; }
.cinematic-video-shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; opacity: 1; background: linear-gradient(90deg,rgba(3,14,23,.82) 0%,rgba(5,19,31,.52) 48%,rgba(5,19,31,.2) 100%),linear-gradient(0deg,rgba(3,13,22,.44),transparent 52%); transition: opacity .7s var(--ease); }
.cinematic-video-ui { position: relative; z-index: 2; width: min(1440px,calc(100% - 64px)); height: 100%; margin: 0 auto; pointer-events: none; opacity: 1; transition: opacity .55s ease,visibility .55s; }
.cinematic-video-ui h2 { position: absolute; left: 0; top: 50%; width: min(650px,44vw); margin: 0; color: white; font: 600 clamp(43px,4.4vw,66px)/1.06 var(--serif); letter-spacing: -.035em; transform: translateY(-50%); text-shadow: 0 8px 36px rgba(0,0,0,.28); }
.cinematic-video-ui h2 span { display: block; }
.cinematic-play { position: absolute; left: 50%; top: 50%; width: clamp(88px,8vw,118px); height: clamp(88px,8vw,118px); display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.68); border-radius: 50%; color: white; background: rgba(5,19,31,.22); box-shadow: 0 16px 48px rgba(0,0,0,.22),inset 0 0 30px rgba(255,255,255,.035); backdrop-filter: blur(10px); cursor: pointer; pointer-events: auto; transform: translate(-50%,-50%); transition: transform .35s var(--ease),background .35s,border-color .35s,box-shadow .35s; }
.cinematic-play span { width: 0; height: 0; margin-left: 7px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 17px solid currentColor; }
.cinematic-play:hover { border-color: var(--gold-300); color: var(--gold-300); background: rgba(5,19,31,.5); box-shadow: 0 20px 58px rgba(0,0,0,.3),0 0 35px rgba(217,185,93,.12); transform: translate(-50%,-50%) scale(1.06); }
.cinematic-play:focus-visible { outline: 2px solid var(--gold-300); outline-offset: 5px; }
.cinematic-stop,.cinematic-restart { position: absolute; z-index: 4; bottom: 24px; padding: 9px 15px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; color: rgba(255,255,255,.78); background: rgba(5,19,31,.42); backdrop-filter: blur(10px); cursor: pointer; font: 700 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; transition: color .25s,border-color .25s,background .25s,transform .25s var(--ease); }
.cinematic-stop { right: max(24px,calc((100% - 1440px) / 2)); }
.cinematic-restart { right: max(94px,calc((100% - 1440px) / 2 + 70px)); }
.cinematic-stop:hover,.cinematic-restart:hover { color: var(--gold-300); border-color: rgba(232,205,124,.65); background: rgba(5,19,31,.72); transform: translateY(-2px); }
.cinematic-stop:focus-visible,.cinematic-restart:focus-visible { outline: 2px solid var(--gold-300); outline-offset: 4px; }
.cinematic-video.is-foreground .cinematic-video-ui { opacity: 0; visibility: hidden; }
.cinematic-video.is-foreground .cinematic-video-shade { opacity: .2; }
.cinematic-video.is-stopped .cinematic-video-media { cursor: pointer; }
.cinematic-video.is-stopped .cinematic-stop { color: var(--navy-950); border-color: var(--gold-300); background: var(--gold-300); }

@media (max-width: 820px) {
  .cinematic-video { height: 86svh; min-height: 640px; }
  .cinematic-video-ui { width: calc(100% - 40px); }
  .cinematic-video-ui h2 { top: auto; bottom: 10%; width: min(620px,92%); font-size: clamp(38px,8vw,58px); transform: none; }
}
@media (max-width: 560px) {
  .cinematic-video { height: 82svh; min-height: 580px; }
  .cinematic-video-ui { width: calc(100% - 28px); }
  .cinematic-video-ui h2 { bottom: 8%; width: 100%; font-size: clamp(34px,10vw,48px); line-height: 1.08; }
  .cinematic-play { top: 40%; width: 82px; height: 82px; }
}

/* Homepage executive product progress snapshot */
.product-progress-section { position: relative; overflow: hidden; padding: clamp(56px,6vw,86px) 0; color: white; background: radial-gradient(circle at 88% 10%,rgba(24,111,145,.18),transparent 31%),radial-gradient(circle at 8% 92%,rgba(217,185,93,.1),transparent 27%),linear-gradient(145deg,#061725,#01070c 74%); }
.product-progress-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(rgba(117,176,190,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(117,176,190,.075) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,transparent,black 18%,black 82%,transparent); }
.product-progress-shell { position: relative; width: min(1320px,calc(100% - 64px)); margin: 0 auto; }
.product-progress-heading { display: grid; grid-template-columns: minmax(150px,.28fr) minmax(0,1fr); gap: 28px; align-items: end; margin-bottom: 20px; }
.product-progress-heading > span { padding-bottom: 9px; color: var(--gold-300); font: 800 11px/1.4 var(--mono); letter-spacing: .17em; text-transform: uppercase; }
.product-progress-heading h2 { max-width: none; margin: 0; white-space: nowrap; font: 600 clamp(36px,4vw,56px)/1 var(--serif); letter-spacing: -.04em; }
.product-progress-heading p { margin: 14px 0 0; color: rgba(255,255,255,.72); font-size: clamp(17px,1.45vw,20px); }
.product-progress-dates { display: flex; margin-bottom: 24px; padding: 12px 17px; border-block: 1px solid rgba(217,185,93,.26); color: rgba(224,237,240,.9); font: 700 13px/1.5 var(--mono); letter-spacing: .075em; text-transform: uppercase; }
.product-progress-dates strong { color: var(--gold-300); font-size: 14px; font-weight: 800; text-shadow: 0 0 16px rgba(217,185,93,.18); }
.product-progress-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.product-progress-panel { min-height: 0; display: flex; flex-direction: column; padding: clamp(18px,1.7vw,23px); border: 1px solid rgba(217,185,93,.4); border-radius: 16px; background: radial-gradient(circle at 14% 42%,rgba(217,185,93,.055),transparent 30%),radial-gradient(circle at 88% 8%,rgba(39,126,153,.12),transparent 27%),linear-gradient(145deg,rgba(10,35,50,.95),rgba(3,14,23,.98)); box-shadow: inset 0 1px rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.24); transition: transform .3s var(--ease),border-color .3s,box-shadow .3s; }
.product-progress-panel:hover { transform: translateY(-3px); border-color: rgba(232,205,124,.55); box-shadow: inset 0 1px rgba(255,255,255,.06),0 30px 76px rgba(0,0,0,.32),0 0 32px rgba(31,115,145,.08); }
.product-progress-panel-head { display: flex; flex-direction: column; padding-bottom: 11px; border-bottom: 1px solid rgba(217,185,93,.17); }
.product-progress-stage { order: 3; display: flex; align-items: center; margin-top: 9px; }
.product-progress-stage span { display: none; }
.product-progress-stage strong { width: max-content; padding: 6px 10px; border: 1px solid rgba(217,185,93,.34); border-radius: 999px; color: var(--gold-300); background: rgba(217,185,93,.075); font: 700 11px/1.25 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.product-progress-panel h3 { order: 1; margin: 0 0 5px; color: white; font: 600 clamp(33px,3.1vw,46px)/1 var(--serif); letter-spacing: -.03em; }
.product-progress-panel-head p { order: 2; margin: 0; color: rgba(255,255,255,.56); font-size: 18px; line-height: 1.45; }
.product-progress-panel-body { flex: 1; display: grid; grid-template-columns: 222px minmax(0,1fr); gap: clamp(16px,1.6vw,24px); align-items: center; padding-top: 10px; }
@property --ring-fill { syntax: "<number>"; inherits: false; initial-value: 0; }
.product-progress-ring { --progress: 0; --ring-fill: 0; width: 210px; height: 210px; display: grid; place-items: center; position: relative; border-radius: 50%; background: conic-gradient(#f0d88f calc(var(--ring-fill) * 3.6deg),rgba(99,169,188,.13) 0); box-shadow: 0 0 0 1px rgba(232,205,124,.2),0 0 34px rgba(217,185,93,.28),0 0 70px rgba(217,185,93,.1); animation: snapshot-ring-fill 1.7s cubic-bezier(.22,.8,.3,1) .18s forwards; }
.product-progress-ring::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(232,205,124,.3); border-radius: inherit; background: radial-gradient(circle,rgba(15,48,62,.93),#061721 72%); }
.product-progress-ring > span { position: relative; display: grid; gap: 4px; text-align: center; }
.product-progress-ring strong { color: #f0d88f; font: 750 54px/.92 var(--mono); letter-spacing: -.055em; text-shadow: 0 0 22px rgba(232,205,124,.24); }
.product-progress-ring small { max-width: 96px; color: rgba(255,255,255,.62); font: 700 8px/1.4 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.product-module-list { display: grid; align-content: center; gap: 8px; }
.product-module-list::before { content: "Internal modules"; margin-bottom: 2px; color: rgba(143,198,211,.7); font: 700 11px/1.35 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.product-module > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 6px; }
.product-module span { color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.4; }
.product-module strong { min-width: 38px; color: rgba(232,205,124,.96); font: 800 16px/1 var(--mono); text-align: right; }
.product-module i { height: 6px; display: block; overflow: hidden; border: 1px solid rgba(105,174,193,.18); border-radius: 999px; background: rgba(0,6,11,.72); box-shadow: inset 0 1px 3px rgba(0,0,0,.55); }
.product-module b { height: 100%; display: block; min-width: 2px; border-radius: inherit; background: linear-gradient(90deg,#287f9c,#6fb6c8 72%,var(--gold-300)); box-shadow: 0 0 12px rgba(73,157,180,.42); transform: scaleX(0); transform-origin: left; animation: snapshot-bar-fill 1.35s cubic-bezier(.22,.8,.3,1) .38s forwards; }
@keyframes snapshot-ring-fill { to { --ring-fill: var(--progress); } }
@keyframes snapshot-bar-fill { to { transform: scaleX(1); } }

@media (max-width: 900px) {
  .product-progress-grid { grid-template-columns: 1fr; }
  .product-progress-panel { min-height: auto; }
}
@media (max-width: 680px) {
  .product-progress-shell { width: calc(100% - 32px); }
  .product-progress-heading { grid-template-columns: 1fr; gap: 12px; }
  .product-progress-heading > span { padding-bottom: 0; }
  .product-progress-heading h2 { white-space: normal; }
  .product-progress-dates { gap: 8px 18px; }
  .product-progress-dates span:last-child { width: 100%; margin-left: 0; }
  .product-progress-panel-body { grid-template-columns: 162px minmax(0,1fr); }
  .product-progress-ring { width: 152px; height: 152px; }
  .product-progress-ring strong { font-size: 29px; }
}
@media (max-width: 520px) {
  .product-progress-panel-body { grid-template-columns: 1fr; }
  .product-progress-ring { justify-self: center; }
  .product-module-list { padding-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-progress-ring { --ring-fill: var(--progress); animation: none; }
  .product-module b { transform: none; animation: none; }
}

/* Public launch audit: responsive hierarchy and rendering containment. */
body:not(.marketing-route) .launch-section,
body:not(.marketing-route) .product-progress-section { content-visibility: auto; contain-intrinsic-size: auto 760px; }

@media (max-width: 760px) {
  body:not(.marketing-route) .intelligence-hero { min-height: auto; }
  body:not(.marketing-route) .intelligence-hero-inner { min-height: 100svh; padding-bottom: 48px; gap: 24px; }
  body:not(.marketing-route) .hero-actions { width: 100%; align-items: stretch; flex-direction: column; }
  body:not(.marketing-route) .hero-actions .button { width: 100%; justify-content: center; }
  body:not(.marketing-route) .launch-section { padding-block: 58px; }
  body:not(.marketing-route) .launch-heading h2 { font-size: clamp(34px,10vw,48px); line-height: 1.06; }
  body:not(.marketing-route) .launch-card { min-height: auto; padding: 24px; }
  body:not(.marketing-route) .launch-card h3 { margin-top: 36px; }
  body:not(.marketing-route) .journey-intro-grid article { padding: 24px; }
  body:not(.marketing-route) .flow-node,
  body:not(.marketing-route) .architecture-node { min-height: 112px; }
  body:not(.marketing-route) .product-progress-section { padding-block: 52px; }
  body:not(.marketing-route) .product-progress-panel { padding: 20px; }
}

@media (max-width: 520px) {
  body:not(.marketing-route) .product-progress-panel-body { gap: 18px; }
  body:not(.marketing-route) .product-module > div { gap: 10px; }
  body:not(.marketing-route) .product-module span { font-size: 16px; }
}

/* Public launch story */
.launch-section { position: relative; overflow: hidden; padding: clamp(78px,8vw,122px) 0; color: white; background: var(--navy-950); }
.launch-section:nth-of-type(even) { background: #061725; }
.launch-shell { width: min(1240px,calc(100% - 64px)); margin: 0 auto; }
.launch-heading { display: grid; grid-template-columns: minmax(170px,.32fr) minmax(0,1fr); gap: 30px 54px; align-items: end; margin-bottom: clamp(38px,5vw,66px); }
.launch-heading > span,.launch-kicker { color: var(--gold-300); font: 800 11px/1.4 var(--mono); letter-spacing: .17em; text-transform: uppercase; text-shadow: 0 0 14px rgba(217,185,93,.12); }
.launch-heading h2,.vision-section h2,.investor-section h1,.investor-section h2 { max-width: 900px; margin: 0; font: 600 clamp(42px,5vw,70px)/1.02 var(--serif); letter-spacing: -.04em; }
.launch-heading > p { grid-column: 2; max-width: 760px; margin: -12px 0 0; color: rgba(255,255,255,.61); font-size: 17px; line-height: 1.7; }
.problem-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.launch-card { min-height: 280px; padding: 28px; border: 1px solid rgba(217,185,93,.22); border-radius: 14px; background: linear-gradient(145deg,rgba(14,42,58,.82),rgba(4,16,25,.94)); }
.launch-card > span,.journey-intro-grid article > span { color: var(--gold-400); font: 700 10px var(--mono); letter-spacing: .12em; }
.launch-card h3 { margin: 70px 0 15px; font: 600 27px/1.1 var(--serif); }
.launch-card p { margin: 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.72; }
.launch-statement { max-width: 920px; margin: clamp(48px,6vw,76px) 0 0 auto; color: rgba(255,255,255,.58); font: 500 clamp(27px,3.2vw,43px)/1.25 var(--serif); text-align: right; }
.launch-statement strong { color: var(--gold-300); font-weight: 600; }
.launch-how { background: radial-gradient(circle at 50% 50%,rgba(25,91,117,.18),transparent 38%),#03101a; }
.intelligence-flow { display: grid; grid-template-columns: minmax(160px,1.45fr) 28px repeat(4,minmax(105px,1fr) 28px) minmax(130px,1.15fr); align-items: stretch; }
.flow-node { min-height: 128px; display: flex; flex-direction: column; justify-content: center; padding: 18px; border: 1px solid rgba(115,180,196,.2); background: rgba(8,34,48,.72); text-align: center; }
.flow-node small { margin-bottom: 9px; color: rgba(135,193,207,.7); font: 700 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.flow-node strong { font: 600 15px/1.45 var(--sans); }
.flow-core { position: relative; z-index: 1; border-color: rgba(217,185,93,.78); background: radial-gradient(circle at 50% 20%,rgba(217,185,93,.18),transparent 42%),linear-gradient(145deg,rgba(54,48,28,.78),rgba(8,31,43,.94)); box-shadow: 0 0 0 1px rgba(217,185,93,.12),0 0 38px rgba(217,185,93,.18); transform: scale(1.04); }
.flow-core strong { color: var(--gold-300); font-size: 17px; }
.intelligence-flow > i { align-self: center; height: 1px; position: relative; background: linear-gradient(90deg,var(--gold-500),#63a9ba); }
.intelligence-flow > i::after { content: ""; position: absolute; right: 0; top: -3px; border: 3px solid transparent; border-left-color: #63a9ba; }
.product-journey-intro { background: linear-gradient(145deg,#071d2c,#030d16); }
.journey-intro-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.journey-intro-grid article { padding: 26px; border-top: 1px solid rgba(217,185,93,.5); background: rgba(255,255,255,.025); }
.journey-intro-grid h3 { margin: 34px 0 9px; font: 600 32px/1 var(--serif); }
.journey-intro-grid small { min-height: 34px; display: block; margin-bottom: 12px; color: rgba(143,198,211,.78); font: 700 9px/1.45 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.journey-intro-grid p { margin: 0; color: rgba(255,255,255,.68); font-size: 15px; line-height: 1.6; }
.development-journey { background: linear-gradient(145deg,#071d2c,#020b12); }
.development-timeline { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); position: relative; margin: 0; padding: 0; list-style: none; }
.development-timeline::before { content: ""; position: absolute; left: 8%; right: 8%; top: 20px; height: 1px; background: linear-gradient(90deg,var(--gold-500),#67afc1,var(--gold-500)); }
.development-timeline li { min-height: 190px; display: flex; flex-direction: column; position: relative; padding: 52px 22px 22px; border-left: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.018); }
.development-timeline li:last-child { border-right: 1px solid rgba(255,255,255,.08); }
.development-timeline li::before { content: ""; position: absolute; z-index: 1; top: 14px; left: 20px; width: 13px; height: 13px; border: 3px solid #061725; border-radius: 50%; background: var(--gold-300); box-shadow: 0 0 16px rgba(217,185,93,.35); }
.development-timeline span { color: var(--gold-400); font: 700 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.development-timeline strong { margin-top: 18px; color: white; font: 600 25px/1 var(--serif); }
.development-timeline small { margin-top: auto; color: rgba(255,255,255,.5); font-size: 11px; line-height: 1.45; }
.category-section { background: radial-gradient(circle at 84% 20%,rgba(39,126,153,.15),transparent 30%),#04131f; }
.category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; align-items: stretch; }
.category-card { min-height: 270px; display: flex; flex-direction: column; padding: 28px; border: 1px solid rgba(132,184,198,.2); border-radius: 15px; background: rgba(5,25,37,.82); }
.category-card > span { color: rgba(143,198,211,.7); font: 700 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.category-card h3 { margin: auto 0 14px; color: white; font: 600 46px/1 var(--serif); }
.category-card p { margin: 0; color: rgba(255,255,255,.63); font-size: 15px; line-height: 1.65; }
.category-fm { border-color: rgba(217,185,93,.58); background: radial-gradient(circle at 82% 14%,rgba(217,185,93,.14),transparent 34%),linear-gradient(145deg,rgba(43,40,25,.72),rgba(5,25,37,.94)); box-shadow: 0 0 34px rgba(217,185,93,.08); }
.category-fm > span,.category-fm h3 { color: var(--gold-300); }
.market-problem-section { background: radial-gradient(circle at 15% 50%,rgba(217,185,93,.07),transparent 30%),#030e17; }
.market-problem-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(50px,8vw,110px); align-items: center; }
.market-problem-grid .launch-heading { grid-template-columns: 1fr; margin: 0; }
.market-problem-grid .launch-heading > p { grid-column: 1; margin-top: 0; }
.market-system-stack { display: grid; grid-template-columns: 1fr 50px 1.15fr; align-items: center; }
.market-system-stack > div { min-height: 250px; display: flex; flex-direction: column; justify-content: center; padding: 28px; border: 1px solid rgba(132,184,198,.2); border-radius: 15px; background: rgba(7,29,42,.84); }
.market-system-stack span { margin-bottom: 18px; color: rgba(143,198,211,.68); font: 700 9px var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.market-system-stack strong { padding: 8px 0; color: rgba(255,255,255,.74); font-size: 14px; }
.market-system-stack > i { height: 1px; background: linear-gradient(90deg,#65aabc,var(--gold-500)); }
.market-system-stack .market-gap { border-color: rgba(217,185,93,.52); background: radial-gradient(circle at 85% 15%,rgba(217,185,93,.14),transparent 30%),rgba(8,31,43,.94); }
.market-gap strong { color: var(--gold-300); font: 600 27px/1.15 var(--serif); }
.market-gap p { margin: 18px 0 0; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.6; }
.why-now-section { background: radial-gradient(circle at 50% 100%,rgba(217,185,93,.08),transparent 34%),#030e17; }
.why-now-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.why-now-grid article { min-height: 280px; padding: 28px; border: 1px solid rgba(217,185,93,.26); border-radius: 15px; background: linear-gradient(145deg,rgba(12,42,57,.86),rgba(3,14,23,.96)); }
.why-now-grid span { color: var(--gold-400); font: 700 9px var(--mono); }
.why-now-grid h3 { margin: 60px 0 15px; color: white; font: 600 29px/1.08 var(--serif); }
.why-now-grid p { margin: 0; color: rgba(255,255,255,.64); font-size: 14px; line-height: 1.7; }
.product-progress-note { max-width: 720px; margin-top: 9px !important; color: rgba(151,199,211,.7) !important; font-size: 12px !important; line-height: 1.55; }
.comparison-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 16px; }
.comparison-card { padding: clamp(28px,4vw,48px); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.025); }
.comparison-card > span { color: rgba(255,255,255,.52); font: 700 10px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.comparison-card ol { display: flex; flex-wrap: wrap; gap: 10px; margin: 38px 0 0; padding: 0; list-style: none; }
.comparison-card li { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; color: rgba(255,255,255,.72); font-size: 12px; }
.comparison-card li:not(:last-child)::after { content: "→"; color: var(--gold-400); }
.fm-model { border-color: rgba(217,185,93,.42); background: radial-gradient(circle at 86% 10%,rgba(217,185,93,.1),transparent 28%),rgba(8,35,49,.76); }
.fm-model > span { color: var(--gold-300); }
.built-section { background: radial-gradient(circle at 12% 18%,rgba(217,185,93,.08),transparent 28%),linear-gradient(145deg,#071b2a,#020b12); }
.built-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.built-card { min-height: 440px; display: flex; flex-direction: column; padding: 27px; border: 1px solid rgba(217,185,93,.28); border-radius: 15px; background: linear-gradient(150deg,rgba(12,42,57,.9),rgba(3,14,23,.97)); box-shadow: inset 0 1px rgba(255,255,255,.04),0 18px 46px rgba(0,0,0,.18); transition: transform .3s var(--ease),border-color .3s,box-shadow .3s; }
.built-card:hover { transform: translateY(-3px); border-color: rgba(232,205,124,.52); box-shadow: inset 0 1px rgba(255,255,255,.05),0 24px 54px rgba(0,0,0,.25),0 0 26px rgba(217,185,93,.06); }
.built-card > span { color: var(--gold-400); font: 700 9px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.built-card h3 { min-height: 66px; margin: 34px 0 24px; color: white; font: 600 clamp(25px,2.2vw,32px)/1.08 var(--serif); letter-spacing: -.025em; }
.built-card ul { display: grid; gap: 0; margin: auto 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(132,184,198,.14); }
.built-card li { position: relative; padding: 13px 0 13px 16px; border-bottom: 1px solid rgba(255,255,255,.075); color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.4; }
.built-card li::before { content: ""; position: absolute; left: 0; top: 19px; width: 5px; height: 5px; border-radius: 50%; background: var(--gold-400); box-shadow: 0 0 8px rgba(217,185,93,.28); }
.demo-section { background: radial-gradient(circle at 80% 20%,rgba(27,104,133,.18),transparent 32%),#030e17; }
.demo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.demo-card { min-height: 340px; display: flex; flex-direction: column; padding: clamp(30px,4vw,50px); border: 1px solid rgba(217,185,93,.32); border-radius: 16px; background: linear-gradient(145deg,rgba(12,43,59,.92),rgba(3,14,23,.98)); }
.demo-card > span { color: var(--gold-400); font: 700 9px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.demo-card h3 { margin: 52px 0 14px; font: 600 clamp(34px,4vw,50px)/1 var(--serif); }
.demo-card p { max-width: 480px; margin: 0 0 34px; color: rgba(255,255,255,.62); line-height: 1.7; }
.demo-card .button { width: max-content; margin-top: auto; }
.architecture-section { background: #061725; }
.architecture-map { display: grid; grid-template-columns: 1.35fr 60px 1fr 60px 1fr; align-items: center; }
.architecture-map > div { min-height: 170px; display: flex; flex-direction: column; justify-content: center; padding: 28px; border: 1px solid rgba(112,179,195,.22); border-radius: 14px; background: rgba(4,20,31,.76); }
.architecture-map span { margin-bottom: 12px; color: rgba(143,198,211,.68); font: 700 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.architecture-systems > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.architecture-systems strong { padding: 10px; border: 1px solid rgba(255,255,255,.08); font-size: 12px; }
.architecture-engine { border-color: rgba(217,185,93,.52) !important; box-shadow: 0 0 35px rgba(217,185,93,.09); }
.architecture-engine strong,.architecture-interface strong { font: 600 24px/1.25 var(--serif); }
.architecture-map > i { height: 1px; background: linear-gradient(90deg,var(--gold-500),#65aabc); }
.architecture-message { max-width: 820px; margin: 42px auto 0; color: rgba(255,255,255,.66); font: 500 20px/1.6 var(--serif); text-align: center; }
.vision-section { text-align: center; background: radial-gradient(circle at 50% 50%,rgba(217,185,93,.09),transparent 34%),#030e17; }
.vision-section h2 { margin: 20px auto 24px; }
.vision-section p { max-width: 820px; margin: 0 auto; color: rgba(255,255,255,.62); font-size: 18px; line-height: 1.75; }
.investor-section { background: radial-gradient(circle at 14% 18%,rgba(217,185,93,.13),transparent 26%),linear-gradient(145deg,#0a2739,#020b12); }
.investor-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(50px,8vw,120px); align-items: center; }
.investor-section h1,.investor-section h2 { margin: 20px 0 24px; }
.investor-section p { max-width: 760px; color: rgba(255,255,255,.72); }
.investor-section .products-hero-actions { margin-top: 30px; flex-wrap: wrap; }
.investor-section ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(217,185,93,.3); }
.investor-section li { padding: 18px 4px; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.72); font-size: 14px; }
.traction-section { background: radial-gradient(circle at 82% 15%,rgba(39,126,153,.14),transparent 30%),#04131f; }
.traction-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.traction-card { min-height: 330px; display: flex; flex-direction: column; padding: 27px; border: 1px solid rgba(217,185,93,.3); border-radius: 15px; background: linear-gradient(145deg,rgba(12,42,57,.9),rgba(3,14,23,.97)); }
.traction-card > span { color: var(--gold-300); font: 600 31px/1 var(--serif); }
.traction-card > strong { margin: 14px 0 28px; color: rgba(143,198,211,.72); font: 700 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.traction-card ul,.hub-roadmap-card ul { display: grid; gap: 0; margin: auto 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.09); }
.traction-card li,.hub-roadmap-card li { position: relative; padding: 13px 0 13px 15px; border-bottom: 1px solid rgba(255,255,255,.075); color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.4; }
.traction-card li::before,.hub-roadmap-card li::before { content: ""; position: absolute; left: 0; top: 18px; width: 4px; height: 4px; border-radius: 50%; background: var(--gold-400); }
.hub-roadmap-section { background: linear-gradient(145deg,#071d2c,#020b12); }
.hub-roadmap-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.hub-roadmap-card { min-height: 390px; display: flex; flex-direction: column; padding: 30px; border-top: 2px solid var(--gold-500); background: linear-gradient(145deg,rgba(12,42,57,.82),rgba(3,14,23,.95)); }
.hub-roadmap-card > span { color: var(--gold-300); font: 700 13px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.hub-roadmap-card h3 { margin: 58px 0 28px; color: white; font: 600 clamp(29px,3vw,41px)/1.08 var(--serif); letter-spacing: -.03em; }
.funding-section { background: #061725; }
.funding-grid,.uae-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.funding-card,.uae-grid article { min-height: 300px; padding: 29px; border: 1px solid rgba(217,185,93,.28); border-radius: 15px; background: radial-gradient(circle at 86% 12%,rgba(217,185,93,.09),transparent 30%),rgba(5,25,37,.86); }
.funding-card > span,.uae-grid span { color: var(--gold-400); font: 700 9px var(--mono); }
.funding-card h3,.uae-grid h3 { margin: 66px 0 17px; color: white; font: 600 31px/1.08 var(--serif); }
.funding-card p,.uae-grid p { margin: 0; color: rgba(255,255,255,.64); font-size: 14px; line-height: 1.7; }
.uae-section { background: radial-gradient(circle at 15% 82%,rgba(217,185,93,.09),transparent 30%),#030e17; }
.uae-grid article { border-color: rgba(132,184,198,.22); background: linear-gradient(145deg,rgba(12,42,57,.82),rgba(3,14,23,.96)); }
.final-cta-section { padding-block: clamp(96px,11vw,160px); text-align: center; background: radial-gradient(circle at 50% 48%,rgba(217,185,93,.16),transparent 30%),radial-gradient(circle at 50% 50%,rgba(30,113,144,.18),transparent 48%),#020a11; }
.final-cta-inner h2 { max-width: 980px; margin: 22px auto 38px; color: white; font: 600 clamp(48px,6.5vw,88px)/.98 var(--serif); letter-spacing: -.045em; }
.final-cta-inner > div { display: flex; justify-content: center; gap: 13px; }
.final-cta-inner .button,.final-cta-inner .products-button-secondary { min-height: 56px; }
.footer-main { grid-template-columns: .8fr 1.5fr .8fr; gap: clamp(36px,5vw,72px); }
.footer-nav { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }

/* Phase 1 public sales and compliance surfaces */
.zero-sales-page, .pricing-page, .legal-page { background: var(--navy-950); color: #fff; }
.zero-sales-hero { max-width: 900px; margin-inline: auto; text-align: center; }
.zero-sales-hero .route-back { display: inline-block; margin-bottom: 38px; }
.zero-sales-hero h1, .pricing-hero h1, .legal-hero h1 { font-size: clamp(42px, 6.5vw, 88px); line-height: 1.03; }
.zero-sales-hero > p, .pricing-hero p, .legal-hero p { max-width: 760px; margin: 28px auto 0; color: rgba(255,255,255,.66); font-size: clamp(16px,2vw,21px); line-height: 1.7; }
.zero-sales-hero .products-hero-actions { justify-content: center; }
.sales-section { padding: clamp(76px,10vw,140px) 0; border-top: 1px solid rgba(255,255,255,.08); }
.sales-section header { max-width: 680px; margin-bottom: 48px; }
.sales-section h2, .zero-final-cta h2 { margin: 12px 0 0; font-size: clamp(32px,4.2vw,58px); line-height: 1.08; }
.sales-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.sales-card-grid-five { grid-template-columns: repeat(5,minmax(0,1fr)); }
.sales-card-grid article { min-width: 0; padding: clamp(24px,3vw,38px); border: 1px solid rgba(232,205,124,.16); background: rgba(255,255,255,.025); }
.sales-card-grid h3 { margin: 0 0 14px; color: var(--gold-300); font-size: 17px; }
.sales-card-grid p { margin: 0; color: rgba(255,255,255,.55); font-size: 13px; line-height: 1.7; }
.sales-section-contrast { background: rgba(255,255,255,.025); }
.sales-split { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(48px,8vw,120px); align-items: start; }
.sales-list { display: grid; gap: 15px; margin: 30px 0 38px; padding: 0; list-style: none; }
.sales-list li { position: relative; padding-left: 25px; color: rgba(255,255,255,.7); line-height: 1.55; }
.sales-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 9px; height: 1px; background: var(--gold-400); }
.zero-why .route-shell { max-width: 930px; text-align: center; }
.zero-why p { max-width: 720px; margin: 28px auto 0; color: rgba(255,255,255,.62); font-size: 18px; line-height: 1.75; }
.zero-pricing-section .route-shell, .pricing-card-section .route-shell { max-width: 760px; }
.zero-pricing-card { padding: clamp(34px,6vw,68px); border: 1px solid rgba(232,205,124,.36); background: linear-gradient(145deg,rgba(232,205,124,.08),rgba(255,255,255,.025)); box-shadow: 0 30px 90px rgba(0,0,0,.22); }
.zero-pricing-card h2 { margin: 12px 0 0; font-size: clamp(32px,5vw,54px); }
.zero-price { margin: 26px 0; color: rgba(255,255,255,.72); font: 12px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.zero-pricing-card .button { width: 100%; justify-content: center; }
.faq-list { border-top: 1px solid rgba(255,255,255,.12); }
.faq-list details { border-bottom: 1px solid rgba(255,255,255,.12); }
.faq-list summary { padding: 25px 42px 25px 0; cursor: pointer; color: #fff; font-size: 17px; }
.faq-list p { max-width: 760px; margin: 0; padding: 0 0 28px; color: rgba(255,255,255,.58); line-height: 1.75; }
.zero-final-cta { padding: clamp(90px,12vw,170px) 0; text-align: center; background: radial-gradient(circle at 50% 100%,rgba(232,205,124,.13),transparent 55%); }
.zero-final-cta .products-hero-actions { justify-content: center; }
.pricing-hero { text-align: center; }
.pricing-card-section { padding: 0 0 clamp(80px,10vw,140px); }
.product-progression { padding: clamp(70px,9vw,120px) 0; border-top: 1px solid rgba(255,255,255,.08); text-align: center; }
.product-progression ol { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 22px; margin: 32px 0 22px; padding: 0; list-style: none; }
.product-progression li { color: var(--gold-300); font-size: clamp(20px,3vw,32px); letter-spacing: .12em; }
.product-progression li + li::before { content: "→"; margin-right: 22px; color: rgba(255,255,255,.22); }
.product-progression p { color: rgba(255,255,255,.52); }
.legal-hero { padding: clamp(130px,17vw,220px) 0 70px; border-bottom: 1px solid rgba(255,255,255,.08); }
.legal-hero p { margin-left: 0; }
.legal-content { max-width: 850px; padding-top: clamp(60px,8vw,100px); padding-bottom: clamp(90px,12vw,150px); }
.legal-content section { padding: 0 0 36px; margin-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,.08); }
.legal-content h2 { margin: 0 0 14px; font-size: clamp(22px,3vw,30px); }
.legal-content p { margin: 0; color: rgba(255,255,255,.62); font-size: 16px; line-height: 1.85; }
.legal-confirmation { padding: 22px; margin: 0 0 36px !important; border: 1px solid rgba(232,205,124,.2); }
.legal-confirmation strong { color: var(--gold-300); font-weight: 500; }
.legal-identity { padding: 24px; margin: 0 0 34px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.025); }
.legal-identity strong { display: block; margin-bottom: 8px; color: var(--gold-300); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.legal-identity p { margin: 0; color: rgba(255,255,255,.58); line-height: 1.7; }
.request-safety-note { display: grid; gap: 7px; max-width: 560px; margin-top: 28px; padding: 20px; border-left: 2px solid var(--gold-300); background: rgba(255,255,255,.035); }
.request-safety-note strong { color: #fff; }
.request-safety-note span, .zero-offer-heading > small { color: rgba(255,255,255,.58); line-height: 1.6; }
.product-progression li small { display: block; margin-top: 8px; color: rgba(255,255,255,.45); font: 500 10px var(--sans); letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 1050px) {
  .sales-card-grid-five { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .zero-sales-hero { text-align: left; }
  .zero-sales-hero .products-hero-actions { justify-content: stretch; }
  .zero-sales-hero .products-hero-actions a, .zero-final-cta .products-hero-actions a { width: 100%; justify-content: center; }
  .sales-card-grid, .sales-card-grid-five, .sales-split { grid-template-columns: 1fr; }
  .product-progression ol { display: grid; }
  .product-progression li + li::before { content: "↓"; display: block; margin: 0 0 16px; }
  .footer-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 430px) {
  .footer-nav { grid-template-columns: 1fr; }
}

/* Phase 1 correction: English/LTR executive editorial presentation */
html[lang="en"] .public-page-body,
html[lang="en"] .site-header,
html[lang="en"] .mobile-menu,
html[lang="en"] .site-footer { direction: ltr; text-align: left; }
.legal-page,
html[lang="en"] :is(.zero-sales-page,.pricing-page) { direction: ltr; text-align: left; unicode-bidi: isolate; background: #020b12; }
.zero-product-hero { min-height: min(820px, 92vh); padding: 148px 0 90px; display: flex; align-items: center; background: #051522; }
.zero-product-hero { position: relative; overflow: hidden; isolation: isolate; }
.zero-product-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,#051522 0%,rgba(5,21,34,.98) 48%,rgba(5,21,34,.58) 72%,rgba(5,21,34,.7) 100%); pointer-events: none; }
.zero-product-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(5,21,34,.08),transparent 62%,rgba(2,11,18,.7)); pointer-events: none; }
.zero-sales-hero { position: relative; z-index: 1; }
.zero-data-field { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.zero-depth-far { position: absolute; inset: -10%; opacity: .17; background-image: linear-gradient(rgba(110,165,181,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(110,165,181,.12) 1px,transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,transparent 38%,rgba(0,0,0,.3) 55%,#000 78%,transparent 100%); animation: zeroGridDrift 38s linear infinite; }
.zero-data-field svg { position: absolute; inset: -3%; width: 106%; height: 106%; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.zero-depth-mid { opacity: .72; transform: translate3d(var(--zero-mid-x,0),var(--zero-mid-y,0),0) scale(1.03); }
.zero-depth-near { opacity: .88; transform: translate3d(var(--zero-near-x,0),var(--zero-near-y,0),0) scale(1.03); }
.zero-intelligence-field { position: absolute; right: -8%; top: 3%; width: min(62vw,720px); aspect-ratio: 1; border-radius: 50%; opacity: .58; background: radial-gradient(circle,rgba(103,165,181,.13) 0%,rgba(103,165,181,.055) 28%,rgba(217,185,93,.025) 45%,transparent 68%); animation: zeroFieldBreathe 14s ease-in-out infinite; }
.zero-signal-lines { fill: none; stroke: rgba(115,180,196,.22); stroke-width: 1; stroke-dasharray: 5 18; animation: zeroDataFlow 32s linear infinite; }
.zero-trace-lines { fill: none; stroke: rgba(232,205,124,.5); stroke-width: 1.15; stroke-linecap: round; stroke-dasharray: 16 520; animation: zeroSignalTrace 22s linear infinite; }
.zero-orbits { fill: none; stroke: rgba(115,180,196,.2); stroke-width: 1; transform-origin: 930px 375px; animation: zeroOrbitTurn 64s linear infinite; }
.zero-orbits ellipse:nth-child(2) { stroke: rgba(217,185,93,.1); stroke-dasharray: 2 18; }
.zero-gold-nodes { fill: rgba(232,205,124,.86); filter: drop-shadow(0 0 4px rgba(217,185,93,.4)); }
.zero-pulse-nodes { fill: rgba(143,198,211,.78); filter: drop-shadow(0 0 5px rgba(143,198,211,.38)); animation: zeroNodePulse 6.5s ease-in-out infinite; }
.zero-node-rings { fill: none; stroke: rgba(217,185,93,.26); stroke-width: 1; transform-origin: center; animation: zeroRingPulse 8s ease-in-out infinite; }
.zero-hero-copy::after { content: ""; position: absolute; z-index: -1; right: -5%; top: 4%; width: clamp(260px,34vw,510px); aspect-ratio: 1; border: 1px solid rgba(110,165,181,.1); border-radius: 50%; box-shadow: 0 0 0 55px rgba(110,165,181,.025),0 0 0 112px rgba(217,185,93,.018); animation: zeroOrbitBreathe 11s ease-in-out infinite; pointer-events: none; }
@keyframes zeroGridDrift { to { background-position: 72px 72px,72px 72px; } }
@keyframes zeroOrbitBreathe { 50% { transform: scale(1.035); opacity: .62; } }
@keyframes zeroDataFlow { to { stroke-dashoffset: -180; } }
@keyframes zeroSignalTrace { to { stroke-dashoffset: -538; } }
@keyframes zeroOrbitTurn { to { transform: rotate(360deg); } }
@keyframes zeroNodePulse { 50% { opacity: .5; } }
@keyframes zeroRingPulse { 50% { opacity: .25; transform: scale(1.08); } }
@keyframes zeroFieldBreathe { 50% { opacity: .72; transform: scale(1.02); } }
.zero-sales-hero { max-width: none; display: grid; grid-template-columns: minmax(180px,.34fr) minmax(0,1fr); gap: clamp(48px,8vw,132px); margin: 0 auto; text-align: left; }
.zero-hero-index { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 8px; border-right: 1px solid rgba(217,185,93,.25); }
.zero-hero-index .route-back { margin: 0; }
.zero-hero-index > span { color: rgba(255,255,255,.32); font: 700 9px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.zero-hero-copy { max-width: 900px; }
.zero-hero-copy h1 { max-width: 880px; margin: 20px 0 0; font: 600 clamp(48px,6.2vw,86px)/.99 var(--serif); letter-spacing: -.045em; }
.zero-hero-copy > p { max-width: 690px; margin: 30px 0 0; color: rgba(255,255,255,.62); font-size: clamp(16px,1.45vw,19px); line-height: 1.72; }
.zero-sales-hero .products-hero-actions { justify-content: flex-start; margin-top: 36px; }
.zero-sales-page .button, .pricing-page .button { min-height: 54px; padding-inline: 28px; }
.zero-sales-page .products-button-secondary { min-height: 54px; padding-inline: 25px; border-bottom: 1px solid rgba(217,185,93,.5); }
.sales-section { padding: clamp(72px,8vw,112px) 0; }
.sales-section header { display: grid; grid-template-columns: .34fr 1fr; gap: clamp(35px,7vw,100px); max-width: none; margin-bottom: 50px; }
.sales-section header h2 { margin: 0; }
.zero-examines .sales-card-grid-five { display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid rgba(255,255,255,.12); }
.zero-examines .sales-card-grid article { display: grid; grid-template-columns: 70px minmax(190px,.55fr) minmax(0,1fr); align-items: baseline; gap: 24px; min-height: 0; padding: 24px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.1); background: transparent; }
.zero-examines .sales-card-grid article > span, .zero-outputs article > span { color: rgba(217,185,93,.6); font: 700 9px var(--mono); letter-spacing: .12em; }
.zero-examines .sales-card-grid h3 { margin: 0; color: #fff; font: 600 clamp(20px,2vw,27px) var(--serif); }
.zero-examines .sales-card-grid p { max-width: 540px; font-size: 14px; }
.sales-section-contrast { background: #061622; }
.sales-split { grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr); }
.zero-inputs { position: sticky; top: 115px; padding-right: clamp(30px,5vw,70px); border-right: 1px solid rgba(217,185,93,.2); }
.zero-outputs .sales-card-grid { gap: 0; border-top: 1px solid rgba(255,255,255,.12); }
.zero-outputs .sales-card-grid article { min-height: 190px; padding: 26px; border: 0; border-bottom: 1px solid rgba(255,255,255,.1); background: transparent; }
.zero-outputs .sales-card-grid article:first-child, .zero-outputs .sales-card-grid article:last-child { border-left: 1px solid rgba(217,185,93,.22); }
.zero-outputs .sales-card-grid h3 { margin-top: 28px; color: #fff; font: 600 clamp(21px,2vw,28px)/1.1 var(--serif); }
.zero-why { background: #d7c07a; color: #06131d; }
.zero-why .route-shell { max-width: 1180px; display: grid; grid-template-columns: .28fr 1fr; gap: clamp(45px,8vw,120px); text-align: left; }
.zero-why .route-kicker { color: #254252; }
.zero-why h2 { max-width: 880px; margin: 0; font-size: clamp(40px,5.3vw,72px); }
.zero-why p { grid-column: 2; max-width: 690px; margin: 0; color: rgba(6,19,29,.68); }
.zero-pricing-section .route-shell, .pricing-card-section .route-shell { max-width: 1120px; }
.zero-pricing-card { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(45px,8vw,110px); padding: clamp(34px,5vw,58px) 0; border: 0; border-block: 1px solid rgba(217,185,93,.38); background: transparent; box-shadow: none; }
.zero-offer-heading { padding-right: 36px; border-right: 1px solid rgba(255,255,255,.1); }
.zero-pricing-card h2 { margin: 18px 0 0; font-size: clamp(38px,4.5vw,58px); }
.zero-pricing-card h2 > span { color: var(--gold-300); font: 500 1.35em var(--serif); }
.zero-price-note { max-width: 370px; margin: 28px 0 0; color: rgba(255,255,255,.4); font-size: 12px; line-height: 1.7; }
.zero-offer-details .sales-list { margin-top: 0; }
.zero-pricing-card .button { width: auto; }
.zero-faq .route-shell { max-width: 1080px; }
.faq-list summary { position: relative; padding: 27px 48px 27px 0; font: 500 clamp(17px,1.6vw,20px) var(--sans); list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 0; color: var(--gold-300); font: 400 20px var(--sans); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details[open] summary { color: var(--gold-300); }
.zero-final-cta { padding: clamp(76px,9vw,118px) 0; text-align: left; background: #061622; }
.zero-final-cta .route-shell { display: grid; grid-template-columns: .3fr 1fr auto; gap: 42px; align-items: center; }
.zero-final-cta h2 { margin: 0; }
.zero-final-cta .products-hero-actions { justify-content: flex-end; margin: 0; }
.zero-journey-compact { padding: clamp(68px,7vw,94px) 0; border-top: 1px solid rgba(255,255,255,.08); background: #030e17; }
.zero-journey-compact .route-shell { display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,430px); gap: clamp(55px,9vw,135px); align-items: center; }
.zero-journey-copy h2 { max-width: 650px; margin: 16px 0 22px; font: 600 clamp(36px,4.2vw,58px)/1.04 var(--serif); letter-spacing: -.035em; }
.zero-journey-copy > p { max-width: 600px; color: rgba(255,255,255,.58); line-height: 1.75; }
.zero-journey-sequence { display: flex; align-items: center; gap: 12px; margin-top: 34px; direction: ltr; color: rgba(255,255,255,.48); font: 700 9px var(--mono); letter-spacing: .1em; }
.zero-journey-sequence span:first-child { color: var(--gold-300); }
.zero-journey-sequence i { width: 22px; height: 1px; background: rgba(217,185,93,.3); }
.zero-mini-pyramid { width: min(100%,430px); display: flex; flex-direction: column; align-items: center; gap: 5px; direction: ltr; }
.zero-mini-level { min-height: 72px; display: grid; grid-template-columns: .42fr 1fr; grid-template-rows: auto auto; align-content: center; column-gap: 15px; position: relative; padding: 12px 22px; border: 1px solid rgba(115,180,196,.25); color: inherit; text-decoration: none; background: rgba(8,31,45,.92); box-shadow: inset 0 1px rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12); clip-path: polygon(8% 0,92% 0,100% 100%,0 100%); transition: transform .35s var(--ease),border-color .3s,background .3s,filter .3s; animation: zeroPyramidBreathe 7s ease-in-out infinite; }
.zero-mini-level:nth-child(2) { animation-delay: -1.4s; }
.zero-mini-level:nth-child(3) { animation-delay: -2.8s; }
.zero-mini-level:nth-child(4) { animation-delay: -4.2s; }
.zero-mini-level:hover { z-index: 2; transform: translateY(-3px) scale(1.012); border-color: rgba(217,185,93,.55); background: rgba(13,42,56,.98); filter: drop-shadow(0 10px 18px rgba(0,0,0,.28)); }
.zero-mini-level:focus-visible { z-index: 3; outline: 2px solid var(--gold-300); outline-offset: 4px; transform: translateY(-2px); }
.zero-mini-level strong { grid-row: 1/3; align-self: center; color: rgba(255,255,255,.9); font: 600 clamp(16px,2vw,23px) var(--serif); }
.zero-mini-level span { color: rgba(255,255,255,.68); font-size: 11px; }
.zero-mini-level small { margin-top: 5px; color: rgba(255,255,255,.35); font: 700 7px var(--mono); letter-spacing: .07em; }
.zero-mini-izen { width: 54%; }
.zero-mini-cortex { width: 69%; }
.zero-mini-go { width: 84%; }
.zero-mini-zero { width: 100%; border-color: rgba(217,185,93,.62); background: rgba(217,185,93,.12); box-shadow: inset 0 1px rgba(255,255,255,.06),0 12px 34px rgba(0,0,0,.2),0 0 24px rgba(217,185,93,.055); }
.zero-mini-zero strong { color: var(--gold-300); }
.zero-mini-zero b { position: absolute; right: 18px; bottom: 7px; color: var(--gold-300); font: 700 7px var(--mono); letter-spacing: .13em; }
.zero-mini-zero b::before { content: ""; display: inline-block; width: 22px; height: 1px; margin: 0 7px 2px 0; background: var(--gold-400); }
@keyframes zeroPyramidBreathe { 50% { filter: brightness(1.06); } }
.pricing-hero { min-height: 0; padding: 154px 0 54px; text-align: left; background: #020b12; }
.pricing-hero .route-shell { display: grid; grid-template-columns: .42fr 1fr; gap: 60px; align-items: end; }
.pricing-hero h1 { margin: 0; font-size: clamp(48px,6vw,82px); }
.pricing-hero p { max-width: 580px; margin: 0; font-size: 17px; }
.pricing-card-section { padding: 34px 0 82px; }
.product-progression { padding: 66px 0 74px; text-align: left; background: #061622; }
.product-progression ol { justify-content: flex-start; flex-wrap: nowrap; direction: ltr; margin: 30px 0 20px; }
.product-progression li { flex: 1; color: #fff; font: 600 clamp(20px,2.5vw,32px) var(--serif); letter-spacing: .04em; }
.product-progression li:first-child { color: var(--gold-300); }
.product-progression li + li::before { content: "→"; margin-right: clamp(16px,3vw,36px); color: rgba(217,185,93,.35); }
.legal-hero { padding: 148px 0 48px; text-align: left; background: #020b12; }
.legal-hero .route-shell { max-width: 930px; }
.legal-hero h1 { margin-bottom: 0; font-size: clamp(44px,5.5vw,72px); }
.legal-hero p { max-width: 700px; margin: 22px 0 0; font-size: 17px; }
.legal-content { max-width: 930px; padding-top: 54px; padding-bottom: 100px; }
.legal-content section { display: grid; grid-template-columns: minmax(180px,.35fr) minmax(0,1fr); gap: 42px; padding-bottom: 28px; margin-bottom: 28px; }
.legal-content h2 { font-size: 21px; }
.legal-content p { font-size: 15px; line-height: 1.78; }
.site-footer .footer-main { align-items: start; }
.site-footer .footer-nav { gap: clamp(22px,3vw,42px); }

@media (max-width: 900px) {
  .zero-sales-hero, .pricing-hero .route-shell { grid-template-columns: 1fr; gap: 32px; }
  .zero-hero-index { min-height: 0; flex-direction: row; padding-bottom: 22px; border-right: 0; border-bottom: 1px solid rgba(217,185,93,.2); }
  .sales-section header { grid-template-columns: .4fr 1fr; }
  .sales-split, .zero-pricing-card { grid-template-columns: 1fr; }
  .zero-inputs { position: static; padding: 0 0 34px; border-right: 0; border-bottom: 1px solid rgba(217,185,93,.2); }
  .zero-offer-heading { padding: 0 0 30px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .zero-final-cta .route-shell { grid-template-columns: 1fr; gap: 24px; }
  .zero-final-cta .products-hero-actions { justify-content: flex-start; }
  .zero-journey-compact .route-shell { grid-template-columns: 1fr; }
  .zero-mini-pyramid { justify-self: center; }
}
@media (max-width: 650px) {
  .zero-product-hero { min-height: auto; padding: 124px 0 72px; }
  .zero-hero-copy h1 { font-size: clamp(43px,13vw,62px); }
  .zero-sales-hero .products-hero-actions, .zero-final-cta .products-hero-actions { display: grid; grid-template-columns: 1fr; }
  .zero-sales-hero .products-hero-actions a, .zero-final-cta .products-hero-actions a { width: 100%; }
  .sales-section { padding: 66px 0; }
  .sales-section header, .zero-why .route-shell, .legal-content section { grid-template-columns: 1fr; gap: 18px; }
  .zero-examines .sales-card-grid article { grid-template-columns: 42px 1fr; gap: 15px; }
  .zero-examines .sales-card-grid article p { grid-column: 2; }
  .zero-outputs .sales-card-grid { grid-template-columns: 1fr; }
  .zero-outputs .sales-card-grid article { min-height: 0; padding: 24px 0; border-left: 0 !important; }
  .zero-why p { grid-column: 1; }
  .zero-pricing-card { padding-block: 30px; }
  .pricing-hero { padding-top: 126px; }
  .product-progression ol { display: flex; gap: 10px; overflow: hidden; }
  .product-progression li { font-size: 15px; white-space: nowrap; }
  .product-progression li + li::before { content: "→"; display: inline; margin: 0 10px 0 0; }
  .legal-hero { padding-top: 126px; }
  .zero-data-field svg { left: -46%; width: 150%; opacity: .44; }
  .zero-depth-far { opacity: .1; }
  .zero-intelligence-field { right: -34%; top: 10%; width: 108vw; opacity: .54; }
  .zero-journey-compact .route-shell { gap: 42px; }
  .zero-mini-pyramid { width: min(100%,380px); }
  .zero-mini-level { min-height: 66px; padding: 10px 17px; }
  .zero-mini-level span { font-size: 10px; }
  .zero-journey-sequence { gap: 8px; overflow: hidden; }
  .zero-journey-sequence i { width: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .zero-product-hero::before, .zero-product-hero::after, .zero-hero-copy::after,
  .zero-depth-far, .zero-intelligence-field, .zero-signal-lines, .zero-trace-lines,
  .zero-orbits, .zero-pulse-nodes, .zero-node-rings { animation: none; }
  .zero-depth-far, .zero-depth-mid, .zero-depth-near, .zero-intelligence-field { transform: none; transition: none; }
  .zero-mini-level { animation: none; transition: none; }
}

/* Concise investor experience */
.investor-page-redesign { color:#fff; background:#020a11; }
.investor-shell { width:min(1240px,calc(100% - 64px)); margin:0 auto; }
.investor-hero { min-height:760px; padding:150px 0 0; background:radial-gradient(circle at 80% 20%,rgba(39,126,153,.2),transparent 32%),radial-gradient(circle at 12% 28%,rgba(217,185,93,.12),transparent 28%),linear-gradient(145deg,#071d2c,#02080e); }
.investor-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(50px,8vw,110px); align-items:center; }
.investor-eyebrow,.investor-heading>span,.strategy-subheading>span,.investor-hero-status>span,.investor-built>span,.execution-grid article>span,.strategy-model span,.investor-final>span { color:var(--gold-300); font:800 10px/1.4 var(--mono); letter-spacing:.16em; text-transform:uppercase; }
.investor-hero h1 { max-width:800px; margin:22px 0 25px; font:600 clamp(50px,5.6vw,78px)/.99 var(--serif); letter-spacing:-.045em; }
.investor-hero-copy>p { max-width:720px; color:rgba(255,255,255,.68); font-size:18px; line-height:1.72; }
.investor-actions { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin-top:32px; }
.investor-hero-status { padding:32px; border:1px solid rgba(217,185,93,.32); border-radius:16px; background:linear-gradient(145deg,rgba(13,45,61,.9),rgba(3,14,23,.97)); }
.investor-hero-status>strong { display:block; margin:18px 0 28px; font:600 31px/1.1 var(--serif); }
.investor-hero-status dl { margin:0; }
.investor-hero-status dl div { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-top:1px solid rgba(255,255,255,.09); }
.investor-hero-status dt { color:rgba(255,255,255,.48); font-size:12px; }.investor-hero-status dd { margin:0; color:rgba(255,255,255,.85); font-size:13px; font-weight:700; }
.investor-directory { display:flex; margin-top:80px; overflow-x:auto; border-block:1px solid rgba(217,185,93,.22); scrollbar-width:none; }
.investor-directory a { flex:1; min-width:max-content; padding:18px 16px; color:rgba(255,255,255,.62); font:700 10px var(--mono); letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.investor-directory a:hover { color:var(--gold-300); background:rgba(217,185,93,.05); }
.investor-block { padding:clamp(84px,8vw,120px) 0; scroll-margin-top:82px; }
.investor-block:nth-child(odd) { background:#061725; }
.investor-heading { display:grid; grid-template-columns:minmax(170px,.3fr) minmax(0,1fr); gap:50px; margin-bottom:clamp(44px,5vw,68px); }
.investor-heading h2 { max-width:920px; margin:0; font:600 clamp(40px,4.7vw,66px)/1.03 var(--serif); letter-spacing:-.04em; }
.investor-heading p { max-width:780px; margin:22px 0 0; color:rgba(255,255,255,.62); font-size:16px; line-height:1.72; }
.opportunity-grid,.investor-product-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.opportunity-grid article { min-height:250px; display:flex; flex-direction:column; padding:26px; border:1px solid rgba(132,184,198,.19); border-radius:14px; background:rgba(5,25,37,.76); }
.opportunity-grid article>span,.investor-product-track>li>span { color:var(--gold-400); font:700 9px var(--mono); text-transform:uppercase; letter-spacing:.11em; }
.opportunity-grid h3 { margin:auto 0 14px; font:600 26px/1.1 var(--serif); }.opportunity-grid p { margin:0; color:rgba(255,255,255,.61); font-size:13px; line-height:1.65; }
.investor-category-line { display:grid; grid-template-columns:1fr 40px 1fr 40px 1.3fr; align-items:center; margin-top:28px; }.investor-category-line span,.investor-category-line strong { padding:22px; border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.62); font-size:13px; }.investor-category-line strong { color:#fff; border-color:rgba(217,185,93,.45); }.investor-category-line small { display:block; margin-bottom:8px; color:var(--gold-300); }.investor-category-line i { height:1px; background:linear-gradient(90deg,#5ca4b8,var(--gold-400)); }
.investor-product-track { margin:0; padding:0; list-style:none; }.investor-product-track li { min-height:310px; display:flex; flex-direction:column; padding:26px; border-top:1px solid rgba(217,185,93,.48); background:linear-gradient(180deg,rgba(255,255,255,.025),transparent); }.investor-product-track h3 { margin:42px 0 8px; font:600 34px var(--serif); }.investor-product-track small { color:rgba(143,198,211,.8); font:700 9px var(--mono); text-transform:uppercase; }.investor-product-track p { color:rgba(255,255,255,.63); font-size:14px; line-height:1.65; }.investor-product-track b { margin-top:auto; color:var(--gold-300); font:700 10px var(--mono); text-transform:uppercase; }
.investor-built { display:grid; grid-template-columns:.4fr 1.2fr .45fr; gap:32px; align-items:start; margin-top:28px; padding:28px; border:1px solid rgba(217,185,93,.24); border-radius:14px; background:rgba(7,29,42,.78); }.investor-built ul { columns:2; margin:0; padding-left:18px; color:rgba(255,255,255,.68); font-size:13px; line-height:1.7; }.investor-built>div { display:grid; gap:12px; }.investor-built a { color:var(--gold-300); font-size:12px; }
.execution-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; }.execution-grid>article { padding:30px; border:1px solid rgba(217,185,93,.26); border-radius:15px; background:linear-gradient(145deg,rgba(12,42,57,.88),rgba(3,14,23,.97)); }.execution-timeline ol { display:grid; grid-template-columns:repeat(3,1fr); margin:30px 0 0; padding:0; list-style:none; }.execution-timeline li { padding:20px; border-left:1px solid rgba(255,255,255,.1); }.execution-timeline small { color:var(--gold-300); font:700 9px var(--mono); }.execution-timeline strong { display:block; margin:18px 0 10px; font:600 22px var(--serif); }.execution-timeline p,.founder-execution p { color:rgba(255,255,255,.6); font-size:13px; line-height:1.6; }.founder-execution>div { margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); }.founder-execution h3 { margin:0; font:600 25px var(--serif); }.founder-execution>small { display:block; margin-top:24px; color:rgba(255,255,255,.4); }
.strategy-model { display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(217,185,93,.3); border-radius:15px; overflow:hidden; }.strategy-model>div { padding:32px; }.strategy-model>div+div { border-left:1px solid rgba(255,255,255,.1); }.strategy-model h3 { margin:30px 0 12px; font:600 30px var(--serif); }.strategy-model p { color:rgba(255,255,255,.62); line-height:1.7; }
.strategy-group { position:relative; margin-top:70px; scroll-margin-top:90px; }.legacy-anchor { position:absolute; top:-90px; }.strategy-subheading { display:flex; justify-content:space-between; align-items:end; margin-bottom:28px; }.strategy-subheading h3 { margin:0; font:600 35px var(--serif); }.roadmap-track,.funding-compact { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin:0; padding:0; list-style:none; }.roadmap-track li,.funding-compact article { min-height:230px; padding:25px; border-top:2px solid var(--gold-500); background:rgba(255,255,255,.025); }.roadmap-track span,.funding-compact span { color:var(--gold-300); font:700 11px var(--mono); }.roadmap-track strong { display:block; margin:42px 0 12px; font:600 24px/1.15 var(--serif); }.roadmap-track p,.funding-compact p { color:rgba(255,255,255,.6); font-size:13px; line-height:1.65; }.funding-compact h3 { margin:42px 0 12px; font:600 25px var(--serif); }
.investor-uae { padding-bottom:0; background:radial-gradient(circle at 50% 40%,rgba(37,117,145,.13),transparent 40%),#030e17!important; }.uae-rationale { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid rgba(217,185,93,.28); }.uae-rationale span { padding:24px; color:rgba(255,255,255,.75); text-align:center; font-size:13px; }.uae-rationale span+span { border-left:1px solid rgba(255,255,255,.1); }.investor-final { margin-top:clamp(80px,9vw,130px); padding:clamp(70px,8vw,110px) 0; text-align:center; border-top:1px solid rgba(217,185,93,.18); }.investor-final h2 { max-width:900px; margin:20px auto 35px; font:600 clamp(46px,5.8vw,78px)/1 var(--serif); letter-spacing:-.04em; }.investor-final .investor-actions { justify-content:center; }
@media(max-width:900px){.investor-hero-grid,.execution-grid { grid-template-columns:1fr; }.opportunity-grid,.investor-product-track { grid-template-columns:repeat(2,1fr); }.investor-built { grid-template-columns:1fr; }.investor-built ul { columns:1; }}
@media(max-width:680px){.investor-shell{width:calc(100% - 32px)}.investor-hero{min-height:auto;padding-top:125px}.investor-heading{grid-template-columns:1fr;gap:16px}.opportunity-grid,.investor-product-track,.strategy-model,.roadmap-track,.funding-compact,.uae-rationale{grid-template-columns:1fr}.investor-category-line{grid-template-columns:1fr;gap:8px}.investor-category-line i{width:1px;height:18px;justify-self:center}.execution-timeline ol{grid-template-columns:1fr}.strategy-model>div+div,.uae-rationale span+span{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.strategy-subheading{align-items:start;flex-direction:column;gap:12px}.investor-actions{align-items:stretch;flex-direction:column}.investor-actions .button,.investor-actions .products-button-secondary{justify-content:center}.investor-actions .text-link{justify-content:center;padding:12px}.investor-directory{margin-top:55px}.investor-product-track li{min-height:250px}}

@media (max-width: 1050px) {
  .intelligence-flow { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .intelligence-flow > i { display: none; }
  .architecture-map { grid-template-columns: 1fr 34px 1fr 34px 1fr; }
  .built-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .development-timeline { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
  .development-timeline::before { display: none; }
  .development-timeline li { border: 1px solid rgba(255,255,255,.08); }
  .market-problem-grid { grid-template-columns: 1fr; }
  .traction-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-main { grid-template-columns: 1fr 1.3fr; }
  .newsletter { grid-column: 1/-1; }
}
@media (max-width: 760px) {
  .launch-section { padding: 70px 0; }
  .launch-shell { width: calc(100% - 32px); }
  .launch-heading { grid-template-columns: 1fr; gap: 14px; margin-bottom: 36px; }
  .launch-heading > p { grid-column: 1; margin-top: 0; }
  .problem-grid,.journey-intro-grid,.demo-grid,.comparison-grid,.investor-grid,.built-grid,.development-timeline,.category-grid,.why-now-grid,.traction-grid,.hub-roadmap-grid,.funding-grid,.uae-grid { grid-template-columns: 1fr; }
  .launch-card { min-height: 230px; }
  .launch-card h3 { margin-top: 46px; }
  .built-card { min-height: auto; }
  .development-timeline li { min-height: 150px; }
  .why-now-grid article { min-height: 240px; }
  .market-system-stack { grid-template-columns: 1fr; gap: 10px; }
  .market-system-stack > i { width: 1px; height: 24px; justify-self: center; background: linear-gradient(#65aabc,var(--gold-500)); }
  .launch-statement { text-align: left; }
  .architecture-map { grid-template-columns: 1fr; gap: 10px; }
  .architecture-map > i { width: 1px; height: 26px; justify-self: center; background: linear-gradient(var(--gold-500),#65aabc); }
  .traction-card,.hub-roadmap-card,.funding-card,.uae-grid article { min-height: 260px; }
  .final-cta-inner > div { align-items: stretch; flex-direction: column; }
  .final-cta-inner .button,.final-cta-inner .products-button-secondary { justify-content: center; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .intelligence-flow { grid-template-columns: 1fr; }
  .comparison-card ol { align-items: stretch; flex-direction: column; }
  .comparison-card li { justify-content: space-between; }
  .footer-nav { grid-template-columns: 1fr; }
}

/* Restrained homepage atmosphere */
body:not(.marketing-route) .intelligence-hero::before { animation: homepage-grid-drift 24s linear infinite alternate; }
body:not(.marketing-route) .cinematic-video-shade { background-size: 115% 115%; animation: homepage-light-breathe 12s ease-in-out infinite; }
@keyframes homepage-grid-drift { from { background-position: 0 0,0 0; } to { background-position: 22px 14px,-18px 20px; } }
@keyframes homepage-light-breathe { 0%,100% { background-position: 50% 50%; } 50% { background-position: 46% 54%; } }

/* Phase 5.1: compact, touch-first public layouts */
@media (max-width: 820px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .site-header { background: rgba(5,19,31,.94); backdrop-filter: blur(16px); }
  .nav-shell { width: calc(100% - 32px); min-height: 72px; gap: 12px; }
  .brand-mark { font-size: 27px; }
  .nav-actions { gap: 10px; }
  .auth-link { min-height: 44px; padding: 0 6px; font-size: 10px; }
  .menu-toggle { width: 46px; height: 46px; border: 1px solid rgba(232,205,124,.22); border-radius: 50%; }
  .mobile-menu { overflow-y: auto; overscroll-behavior: contain; }
  .mobile-menu-inner { width: calc(100% - 40px); min-height: 100svh; padding: 96px 0 30px; }
  .mobile-direct-link { min-height: 62px; font-size: clamp(26px,7vw,36px); }
  .mobile-auth-actions .button { min-height: 48px; }

  .route-shell { width: calc(100% - 40px); }
  .route-hero { min-height: auto; padding: 124px 0 72px; }
  .route-hero h1 { font-size: clamp(43px,11vw,68px); overflow-wrap: anywhere; }
  .route-hero p { font-size: 17px; line-height: 1.65; }
  .products-page { padding: 92px 0 54px; }
  .product-grid { gap: 12px; }
  .product-card { min-height: 240px; padding: 26px; }
  .product-card h2 { font-size: 38px; }

  .journey-pyramid, .products-page .journey-pyramid, .journey-pyramid-compact { width: 100%; margin-inline: auto; padding: 14px 8px 12px; border-radius: 16px; overflow: hidden; }
  .journey-level > a, .products-page .journey-level > a, .journey-pyramid-compact .journey-level > a { min-height: 94px; gap: 3px 8px; padding: 9px 18px; }
  .journey-izen > a, .products-page .journey-izen > a, .journey-pyramid-compact .journey-izen > a { min-height: 132px; padding: 28px 16px 8px; }
  .journey-level-title, .journey-pyramid-compact .journey-level-title { font-size: clamp(24px,6vw,32px); }
  .journey-level-theme, .journey-pyramid-compact .journey-level-theme { font-size: 11px; }
  .journey-level ul, .journey-pyramid-compact .journey-level ul { gap: 5px 8px; margin-top: 5px; }
  .journey-level ul li, .journey-pyramid-compact .journey-level ul li { flex-basis: 72px; gap: 3px; font-size: 8px; line-height: 1.22; }
  .journey-icon, .journey-pyramid-compact .journey-icon { width: 18px; height: 18px; }
  .journey-pointer { left: 8px; top: 7px; width: auto; transform: none; }
  .journey-pointer span { margin: 0; padding: 6px 8px; font-size: 8px; }

  .product-detail-grid { gap: 38px; }
  .route-back { margin-bottom: 30px; }
  .product-position { gap: 14px; margin-bottom: 42px; }
  .product-position h2 { font-size: clamp(34px,9vw,50px); }
  .product-capability-heading { padding-top: 42px; }
  .capability-card, .capability-card-available { min-height: 144px; padding: 22px; }

  .company-intro h1 { font-size: clamp(43px,11vw,65px); }
  .company-lede p, .company-section p { font-size: 16px; line-height: 1.7; }
  .company-directory { margin-top: 30px; }
  .company-directory a { min-height: 44px; display: inline-flex; align-items: center; }
  .company-section h2, .company-list-section h2 { font-size: clamp(36px,9vw,50px); }
  .company-list-section li { min-height: 58px; }
  .company-closing p { font-size: clamp(36px,9vw,54px); }

  .contact-route-grid { gap: 42px; }
  .route-contact-form { padding: 26px; }
  .route-contact-form input, .route-contact-form textarea { min-height: 48px; font-size: 16px; }
  .route-contact-form .button { min-height: 50px; width: 100%; }

  .cinematic-video { height: 78svh; min-height: 560px; }
  .cinematic-video-ui h2 { bottom: 9%; font-size: clamp(34px,8vw,50px); }
  .cinematic-play { top: 39%; width: 78px; height: 78px; }
  .cinematic-stop,.cinematic-restart { bottom: 16px; min-height: 44px; padding: 10px 15px; }
  .cinematic-stop { right: 16px; min-width: 64px; }
  .cinematic-restart { right: 88px; }

  body:not(.marketing-route) .intelligence-hero::before,
  body:not(.marketing-route) .cinematic-video-shade { animation: none; }
}

@media (max-width: 480px) {
  .nav-shell { width: calc(100% - 24px); }
  .mobile-menu-inner, .route-shell { width: calc(100% - 28px); }
  .mobile-menu-head { margin-bottom: 20px; }
  .mobile-direct-link { min-height: 58px; }
  .intelligence-hero { min-height: 890px; }
  .intelligence-hero-inner { width: calc(100% - 28px); padding-top: 106px; }
  .intelligence-hero h1 { font-size: clamp(40px,12vw,52px); line-height: 1.01; }
  .hero-support { font-size: 15px; }
  .planet-column { min-height: 370px; height: 102vw; max-height: 440px; }
  .interaction-note { display: none; }
  .sphere-status { right: 0; bottom: 7%; width: min(184px,58vw); }
  .products-page { padding-top: 84px; }
  .product-card { min-height: 215px; padding: 23px; }
  .journey-level ul li, .journey-pyramid-compact .journey-level ul li { flex-basis: 60px; font-size: 7px; }
  .journey-level-theme, .journey-pyramid-compact .journey-level-theme { font-size: 9px; }
  .journey-icon, .journey-pyramid-compact .journey-icon { width: 16px; height: 16px; }
  .journey-izen { width: 66%; }
  .journey-cortex { width: 79%; }
  .journey-go { width: 91%; }
  .route-hero { padding-top: 112px; }
  .company-intro { padding-top: 116px; }
  .company-section:nth-child(-n+4) { padding: 28px 22px; }
  .company-list-section { padding-block: 54px; }
  .route-contact-form { margin-inline: -2px; padding: 22px 18px; }
  .cinematic-video-ui { width: calc(100% - 28px); }
  .cinematic-video-ui h2 { bottom: 11%; font-size: clamp(32px,9vw,42px); }
}

/* Keep legacy product-route breakpoints from adding spacing to the redesigned landing wrapper. */
@media (max-width: 820px) {
  .products-page { padding: 0; }
}

@media (max-width: 480px) {
  .products-page { padding: 0; }
}

/* Intelligence Pyramid brand asset */
.products-pyramid { perspective: 1100px; transform-style: preserve-3d; }
.products-pyramid::before { inset: 18% 25% 10%; opacity: .85; background: radial-gradient(ellipse, rgba(32,108,153,.2), rgba(8,41,64,.08) 40%, transparent 72%); filter: blur(25px); }
.pyramid-stage { height: 93px; margin-inline: auto; position: relative; z-index: 2; transition: opacity .45s, filter .45s; }
.pyramid-stage-izen { width: 50%; height: 112px; }
.pyramid-stage-cortex { width: 68%; }
.pyramid-stage-go { width: 84%; }
.pyramid-stage-zero { width: 100%; }
.pyramid-layer { width: 100%; height: 100%; grid-template-columns: 42px minmax(105px, auto) 1fr; margin: 0; overflow: hidden; border-radius: 0; background: linear-gradient(102deg, rgba(32,77,105,.7), rgba(10,35,53,.88) 58%, rgba(25,65,91,.66)); clip-path: polygon(7% 0, 93% 0, 100% 100%, 0 100%); box-shadow: inset 0 1px rgba(255,255,255,.11), inset 0 -18px 35px rgba(0,0,0,.14); backdrop-filter: blur(9px); transform-origin: 50% 85%; animation: none; }
.pyramid-stage-izen .pyramid-layer { padding-top: 20px; clip-path: polygon(50% 0, 50% 0, 100% 100%, 0 100%); background: linear-gradient(112deg, rgba(31,83,113,.82), rgba(9,34,52,.94) 62%, rgba(80,68,36,.36)); }
.pyramid-stage-zero .pyramid-layer { background: linear-gradient(102deg, rgba(24,65,91,.75), rgba(8,30,47,.94) 58%, rgba(76,62,30,.28)); }
.pyramid-layer::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 26%, rgba(255,255,255,.08) 45%, transparent 61%); transform: translateX(-115%); transition: transform .8s var(--ease); }
.pyramid-layer-copy { display: flex; flex-direction: column; gap: 5px; }
.pyramid-layer-copy strong { font: 600 clamp(25px,3vw,36px)/1 var(--serif); letter-spacing: -.02em; color: white; }
.pyramid-layer-copy small { color: rgba(232,205,124,.64); font: 700 7px/1.35 var(--mono); letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.pyramid-layer-story { justify-self: end; max-width: 150px; color: rgba(255,255,255,.54); font-size: 10px; font-weight: 700; line-height: 1.4; text-align: right; letter-spacing: .035em; }
.products-pyramid:has(.pyramid-stage:hover) .pyramid-stage:not(:hover), .products-pyramid:has(.pyramid-stage:focus-within) .pyramid-stage:not(:focus-within) { opacity: .26; filter: saturate(.55) blur(.25px); }
.pyramid-stage:hover, .pyramid-stage:focus-within { z-index: 12; }
.pyramid-stage:hover .pyramid-layer, .pyramid-stage:focus-within .pyramid-layer { border-color: rgba(240,217,145,.72); filter: brightness(1.18) saturate(1.08); transform: translate3d(0,-6px,22px) rotateX(-1deg); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 15px 30px rgba(0,0,0,.22), 0 0 25px rgba(217,185,93,.12); }
.pyramid-stage:hover .pyramid-layer::before, .pyramid-stage:focus-within .pyramid-layer::before { transform: translateX(115%); }
.pyramid-info { top: 50%; right: 16px; clip-path: none; transform: translateY(-46%) translateX(14px); }
.pyramid-stage:hover .pyramid-info, .pyramid-stage:focus-within .pyramid-info { opacity: 1; transform: translateY(-50%) translateX(0); }
.pyramid-info q { color: rgba(255,255,255,.68); font: 500 12px/1.5 var(--serif); quotes: none; }
.pyramid-info q::before, .pyramid-info q::after { content: none; }
.pyramid-core { width: 180px; height: 330px; position: absolute; z-index: 1; left: 50%; bottom: 63px; pointer-events: none; transform: translateX(-50%); }
.pyramid-core::before { content: ""; position: absolute; inset: 12% 20%; border-radius: 50%; opacity: .7; background: radial-gradient(ellipse, rgba(240,217,145,.2), rgba(25,101,148,.16) 34%, transparent 72%); filter: blur(13px); animation: pyramid-core-breathe 7s ease-in-out infinite; }
.pyramid-core span { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(103,176,218,.13); border-radius: 50%; transform: translate(-50%,-50%); animation: pyramid-core-ring 8s ease-in-out infinite; }
.pyramid-core span:nth-child(1) { width: 70px; height: 180px; }
.pyramid-core span:nth-child(2) { width: 115px; height: 250px; animation-delay: -2.6s; }
.pyramid-core span:nth-child(3) { width: 165px; height: 320px; animation-delay: -5.2s; }
.pyramid-signal { width: 3px; height: 330px; position: absolute; z-index: 6; left: 50%; bottom: 66px; pointer-events: none; background: linear-gradient(transparent, rgba(232,205,124,.28) 18%, rgba(92,169,214,.2) 70%, transparent); transform: translateX(-50%); }
.pyramid-signal i { width: 5px; height: 5px; position: absolute; left: -1px; bottom: 0; border-radius: 50%; opacity: 0; background: #f0d991; box-shadow: 0 0 10px rgba(240,217,145,.8); animation: pyramid-signal-rise 6.5s ease-in-out infinite; }
.pyramid-signal i:nth-child(2) { width: 3px; height: 3px; left: 0; animation-delay: -2.15s; }
.pyramid-signal i:nth-child(3) { animation-delay: -4.3s; }
.pyramid-flow-legend { position: absolute; z-index: 7; left: 18px; top: 78px; bottom: 55px; display: flex; flex-direction: column-reverse; justify-content: space-between; pointer-events: none; color: rgba(255,255,255,.23); font: 700 7px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.pyramid-flow-legend::before { content: ""; position: absolute; left: -7px; top: 4px; bottom: 4px; width: 1px; background: linear-gradient(rgba(232,205,124,.3), rgba(54,122,163,.06)); }
.pyramid-base-line { height: 1px; position: absolute; z-index: 4; right: 24px; bottom: 23px; left: 24px; overflow: hidden; background: rgba(255,255,255,.07); }
.pyramid-base-line span { width: 22%; height: 100%; display: block; background: linear-gradient(90deg, transparent, var(--gold-400), transparent); animation: pyramid-base-scan 9s ease-in-out infinite; }
@keyframes pyramid-core-breathe { 50% { opacity: 1; transform: scale(1.08); } }
@keyframes pyramid-core-ring { 0%,100% { opacity: .25; scale: .96; } 50% { opacity: .65; scale: 1.04; } }
@keyframes pyramid-signal-rise { 0% { bottom: 1%; opacity: 0; } 12%,68% { opacity: .85; } 82%,100% { bottom: 98%; opacity: 0; } }
@keyframes pyramid-base-scan { 0%,10% { transform: translateX(-100%); opacity: 0; } 25%,70% { opacity: .5; } 90%,100% { transform: translateX(460%); opacity: 0; } }

@media (max-width: 680px) {
  .pyramid-stage { height: 76px; }
  .pyramid-stage-izen { height: 96px; }
  .pyramid-layer { grid-template-columns: 28px 1fr; }
  .pyramid-layer-copy strong { font-size: 25px; }
  .pyramid-layer-copy small { font-size: 6px; }
  .pyramid-layer-story, .pyramid-flow-legend { display: none; }
  .pyramid-core, .pyramid-signal { height: 275px; bottom: 50px; }
  .pyramid-core { width: 130px; }
  .pyramid-core span:nth-child(3) { width: 125px; height: 270px; }
}

@media (prefers-reduced-motion: reduce) {
  .pyramid-core::before, .pyramid-core span, .pyramid-signal i, .pyramid-base-line span { animation: none; }
}

/* Conceptual CEO intelligence ecosystem */
.intelligence-ecosystem { height: 520px; display: block; overflow: visible; perspective: 900px; }
.intelligence-ecosystem::before { inset: 7% 12% 8%; opacity: 1; background: radial-gradient(ellipse at 50% 30%, rgba(217,185,93,.11), rgba(33,105,148,.1) 34%, transparent 68%); filter: blur(18px); }
.ecosystem-aura { width: 280px; height: 340px; position: absolute; z-index: 0; left: 50%; top: 52px; border: 1px solid rgba(105,174,213,.09); border-radius: 50%; background: radial-gradient(ellipse, rgba(34,115,163,.13), transparent 67%); box-shadow: 0 0 80px rgba(33,105,148,.08), inset 0 0 80px rgba(217,185,93,.025); transform: translateX(-50%); animation: ecosystem-aura 9s ease-in-out infinite; }
.intelligence-ecosystem .pyramid-core { width: 146px; height: 146px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; left: 50%; top: 26px; bottom: auto; z-index: 10; border: 1px solid rgba(240,217,145,.24); border-radius: 50%; color: white; text-align: center; background: radial-gradient(circle at 45% 38%, rgba(240,217,145,.24), rgba(14,48,69,.78) 38%, rgba(5,20,32,.94) 72%); box-shadow: 0 0 42px rgba(217,185,93,.13), 0 20px 48px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.14); transform: translateX(-50%); }
.intelligence-ecosystem .pyramid-core::before { inset: -18px; border: 1px solid rgba(232,205,124,.09); border-radius: 50%; background: none; filter: none; animation: core-halo 7s ease-in-out infinite; }
.intelligence-ecosystem .pyramid-core strong { font: 600 32px/1 var(--serif); letter-spacing: -.02em; }
.intelligence-ecosystem .pyramid-core small { width: 96px; color: var(--gold-300); font: 700 7px/1.45 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.core-orbit { width: 174px; height: 58px; position: absolute; left: 50%; top: 43px; border: 1px solid rgba(105,174,213,.2); border-radius: 50%; transform: translateX(-50%) rotate(-8deg); animation: core-orbit 12s linear infinite; }
.core-orbit::after { content: ""; width: 4px; height: 4px; position: absolute; right: 18px; top: 5px; border-radius: 50%; background: var(--gold-300); box-shadow: 0 0 9px var(--gold-300); }
.core-light { width: 4px; height: 4px; position: absolute; left: 50%; top: 16px; border-radius: 50%; background: white; box-shadow: 0 0 18px 5px rgba(240,217,145,.48); }
.intelligence-ecosystem .pyramid-stage { height: 82px; position: absolute; left: 50%; margin: 0; transform: translateX(-50%); transition: opacity .45s, filter .45s; }
.intelligence-ecosystem .pyramid-stage-izen { width: 240px; top: 137px; }
.intelligence-ecosystem .pyramid-stage-cortex { width: 330px; top: 207px; }
.intelligence-ecosystem .pyramid-stage-go { width: 420px; top: 282px; }
.intelligence-ecosystem .pyramid-stage-zero { width: 510px; top: 362px; }
.intelligence-ecosystem .pyramid-layer { width: 100%; height: 82px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 28px 0 0; overflow: visible; border: 0; border-radius: 0; clip-path: none; color: white; background: none; box-shadow: none; backdrop-filter: none; transform: none; }
.intelligence-ecosystem .pyramid-layer::before { inset: 0; z-index: -1; border: 1px solid rgba(117,180,216,.18); border-radius: 50%; background: radial-gradient(ellipse, rgba(37,104,142,.2), rgba(12,43,64,.38) 48%, rgba(4,18,29,.5) 72%); box-shadow: 0 13px 28px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.09); transform: rotateX(64deg); transition: border-color .4s, background .4s, box-shadow .4s, transform .45s var(--ease); }
.intelligence-ecosystem .pyramid-layer::after { content: ""; width: 58%; height: 1px; position: absolute; z-index: -1; left: 21%; top: 37px; opacity: .35; background: linear-gradient(90deg, transparent, rgba(232,205,124,.8), transparent); box-shadow: 0 0 8px rgba(232,205,124,.25); }
.intelligence-ecosystem .pyramid-layer-index { position: static; color: rgba(232,205,124,.55); font-size: 8px; }
.intelligence-ecosystem .pyramid-layer > strong { font: 600 23px/1 var(--serif); letter-spacing: -.01em; }
.intelligence-ecosystem .pyramid-layer > small { max-width: 125px; position: static; color: rgba(255,255,255,.42); font: 700 6px/1.4 var(--mono); letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.intelligence-ecosystem:has(.pyramid-stage:hover) .pyramid-stage:not(:hover), .intelligence-ecosystem:has(.pyramid-stage:focus-within) .pyramid-stage:not(:focus-within) { opacity: .22; filter: saturate(.5); }
.intelligence-ecosystem .pyramid-stage:hover .pyramid-layer, .intelligence-ecosystem .pyramid-stage:focus-within .pyramid-layer { filter: none; transform: translateY(-6px); box-shadow: none; }
.intelligence-ecosystem .pyramid-stage:hover .pyramid-layer::before, .intelligence-ecosystem .pyramid-stage:focus-within .pyramid-layer::before { border-color: rgba(240,217,145,.58); background: radial-gradient(ellipse, rgba(48,125,166,.28), rgba(18,52,72,.5) 48%, rgba(5,21,33,.65) 72%); box-shadow: 0 18px 38px rgba(0,0,0,.24), 0 0 24px rgba(217,185,93,.09), inset 0 1px rgba(255,255,255,.16); transform: rotateX(61deg) scale(1.025); }
.intelligence-ecosystem .pyramid-stage:hover .pyramid-layer::after, .intelligence-ecosystem .pyramid-stage:focus-within .pyramid-layer::after { opacity: .8; }
.intelligence-ecosystem .pyramid-info { width: 226px; right: -6px; top: 14px; z-index: 20; }
.intelligence-ecosystem .pyramid-info span { font-size: 10px; }
.intelligence-ecosystem .pyramid-info q { font-size: 11px; }
.ecosystem-axis { width: 1px; height: 310px; position: absolute; z-index: 6; left: 50%; top: 118px; pointer-events: none; background: linear-gradient(to top, rgba(74,151,194,.08), rgba(240,217,145,.5)); box-shadow: 0 0 8px rgba(82,157,200,.18); }
.ecosystem-axis i { width: 6px; height: 6px; position: absolute; left: -2.5px; bottom: 0; opacity: 0; border: 1px solid rgba(240,217,145,.65); border-radius: 50%; background: rgba(217,185,93,.8); box-shadow: 0 0 9px rgba(217,185,93,.7); animation: ecosystem-rise 7.5s ease-in-out infinite; }
.ecosystem-axis i:nth-child(2) { animation-delay: -1.5s; }
.ecosystem-axis i:nth-child(3) { animation-delay: -3s; }
.ecosystem-axis i:nth-child(4) { animation-delay: -4.5s; }
.ecosystem-axis i:nth-child(5) { animation-delay: -6s; }
.ecosystem-data i { width: 3px; height: 3px; position: absolute; z-index: 4; bottom: 73px; left: var(--data-left); opacity: 0; border-radius: 50%; background: rgba(104,177,218,.7); box-shadow: 0 0 7px rgba(104,177,218,.5); animation: ecosystem-particle 9s ease-in infinite; }
.ecosystem-data i:nth-child(1) { --data-left: 19%; --data-drift: 80px; animation-delay: -1s; }
.ecosystem-data i:nth-child(2) { --data-left: 29%; --data-drift: 45px; animation-delay: -5.5s; }
.ecosystem-data i:nth-child(3) { --data-left: 40%; --data-drift: 18px; animation-delay: -3s; }
.ecosystem-data i:nth-child(4) { --data-left: 62%; --data-drift: -20px; animation-delay: -7s; }
.ecosystem-data i:nth-child(5) { --data-left: 73%; --data-drift: -48px; animation-delay: -2.2s; }
.ecosystem-data i:nth-child(6) { --data-left: 82%; --data-drift: -84px; animation-delay: -6.4s; }
.ecosystem-ground { width: 88%; height: 34px; position: absolute; left: 6%; bottom: 39px; border: 1px solid rgba(86,153,191,.08); border-radius: 50%; background: radial-gradient(ellipse, rgba(32,98,137,.11), transparent 68%); transform: rotateX(62deg); }
@keyframes ecosystem-aura { 50% { opacity: .65; transform: translateX(-50%) scale(.96); } }
@keyframes core-halo { 50% { opacity: .35; transform: scale(1.07); } }
@keyframes core-orbit { to { transform: translateX(-50%) rotate(352deg); } }
@keyframes ecosystem-rise { 0% { bottom: 0; opacity: 0; } 12%,72% { opacity: .75; } 88%,100% { bottom: 100%; opacity: 0; } }
@keyframes ecosystem-particle { 0% { opacity: 0; transform: translate(0,0); } 15% { opacity: .55; } 82% { opacity: .2; } 100% { opacity: 0; transform: translate(var(--data-drift),-300px); } }

@media (max-width: 680px) {
  .intelligence-ecosystem { height: 430px; }
  .intelligence-ecosystem .pyramid-core { width: 116px; height: 116px; top: 22px; }
  .intelligence-ecosystem .pyramid-core strong { font-size: 27px; }
  .core-orbit { width: 140px; top: 31px; }
  .intelligence-ecosystem .pyramid-stage { height: 68px; }
  .intelligence-ecosystem .pyramid-stage-izen { width: 42%; top: 112px; }
  .intelligence-ecosystem .pyramid-stage-cortex { width: 58%; top: 166px; }
  .intelligence-ecosystem .pyramid-stage-go { width: 76%; top: 222px; }
  .intelligence-ecosystem .pyramid-stage-zero { width: 94%; top: 280px; }
  .intelligence-ecosystem .pyramid-layer { height: 68px; padding-top: 21px; }
  .intelligence-ecosystem .pyramid-layer > strong { font-size: 19px; }
  .intelligence-ecosystem .pyramid-layer > small { display: none; }
  .intelligence-ecosystem .pyramid-info { right: 0; top: 4px; }
  .ecosystem-axis { height: 240px; top: 100px; }
  .ecosystem-data i { bottom: 68px; }
}

@media (prefers-reduced-motion: reduce) {
  .ecosystem-aura, .intelligence-ecosystem .pyramid-core::before, .core-orbit, .ecosystem-axis i, .ecosystem-data i { animation: none; }
}

/* Connected 3D intelligence mountain */
.intelligence-ecosystem { height: 520px; }
.intelligence-ecosystem .ecosystem-aura { width: 430px; height: 390px; top: 42px; border: 0; border-radius: 0; opacity: .72; background: radial-gradient(ellipse at 50% 32%, rgba(217,185,93,.12), rgba(41,119,163,.1) 32%, transparent 69%); filter: blur(14px); }
.intelligence-ecosystem .pyramid-core { width: 210px; height: 105px; top: 25px; gap: 4px; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
.intelligence-ecosystem .pyramid-core::before { width: 154px; height: 128px; inset: auto auto -29px 50%; border: 1px solid rgba(240,217,145,.18); border-bottom: 0; border-radius: 0; opacity: .7; background: linear-gradient(145deg, rgba(217,185,93,.14), rgba(34,104,143,.08) 58%, transparent); clip-path: polygon(50% 0, 100% 100%, 0 100%); filter: drop-shadow(0 0 18px rgba(217,185,93,.14)); transform: translateX(-50%); animation: mountain-apex 7s ease-in-out infinite; }
.intelligence-ecosystem .pyramid-core strong { position: relative; z-index: 2; color: white; font-size: 30px; text-shadow: 0 0 22px rgba(240,217,145,.25); }
.intelligence-ecosystem .pyramid-core small { width: 150px; position: relative; z-index: 2; }
.intelligence-ecosystem .core-orbit { width: 132px; height: 25px; top: 37px; opacity: .55; border-color: rgba(232,205,124,.24); animation: none; }
.intelligence-ecosystem .core-light { width: 5px; height: 5px; top: 7px; z-index: 3; }
.intelligence-ecosystem .pyramid-stage { height: 88px; }
.intelligence-ecosystem .pyramid-stage-izen { width: 220px; top: 125px; }
.intelligence-ecosystem .pyramid-stage-cortex { width: 315px; top: 195px; }
.intelligence-ecosystem .pyramid-stage-go { width: 410px; top: 265px; }
.intelligence-ecosystem .pyramid-stage-zero { width: 510px; top: 335px; }
.intelligence-ecosystem .pyramid-layer { height: 88px; gap: 9px; padding: 17px 34px 0; isolation: isolate; }
.intelligence-ecosystem .pyramid-layer::before { inset: 0; border: 1px solid rgba(112,178,215,.17); border-radius: 0; background: linear-gradient(108deg, rgba(31,89,122,.58), rgba(8,34,52,.84) 55%, rgba(40,73,82,.48)); clip-path: polygon(13% 0, 87% 0, 100% 100%, 0 100%); box-shadow: inset 0 1px rgba(255,255,255,.12), inset 0 -25px 42px rgba(0,0,0,.2), 0 17px 28px rgba(0,0,0,.2); transform: perspective(500px) rotateX(5deg); }
.intelligence-ecosystem .pyramid-layer::after { width: 48%; height: auto; inset: 1px 1px 1px auto; opacity: .28; background: linear-gradient(120deg, transparent 25%, rgba(232,205,124,.15)); clip-path: polygon(0 0,100% 0,100% 100%,38% 100%); box-shadow: none; }
.intelligence-ecosystem .pyramid-stage-izen .pyramid-layer::before { clip-path: polygon(30% 0,70% 0,100% 100%,0 100%); background: linear-gradient(108deg, rgba(45,105,135,.62), rgba(9,36,54,.87) 58%, rgba(91,76,39,.28)); }
.intelligence-ecosystem .pyramid-stage-zero .pyramid-layer::before { background: linear-gradient(108deg, rgba(29,81,113,.65), rgba(7,29,45,.91) 58%, rgba(80,65,31,.25)); border-color: rgba(232,205,124,.2); }
.intelligence-ecosystem .pyramid-layer-index { position: relative; z-index: 2; }
.intelligence-ecosystem .pyramid-layer > strong { position: relative; z-index: 2; font-size: 24px; }
.intelligence-ecosystem .pyramid-layer > small { position: relative; z-index: 2; }
.intelligence-ecosystem .pyramid-stage:hover .pyramid-layer, .intelligence-ecosystem .pyramid-stage:focus-within .pyramid-layer { transform: translate3d(0,-7px,24px); }
.intelligence-ecosystem .pyramid-stage:hover .pyramid-layer::before, .intelligence-ecosystem .pyramid-stage:focus-within .pyramid-layer::before { border-color: rgba(240,217,145,.62); background: linear-gradient(108deg, rgba(46,116,151,.72), rgba(12,45,65,.94) 55%, rgba(96,78,37,.36)); box-shadow: inset 0 1px rgba(255,255,255,.18), inset 0 -22px 38px rgba(0,0,0,.18), 0 21px 42px rgba(0,0,0,.28), 0 0 26px rgba(217,185,93,.1); transform: perspective(500px) rotateX(2deg) scale(1.012); }
.intelligence-ecosystem .ecosystem-axis { height: 340px; top: 90px; z-index: 8; background: linear-gradient(to top, rgba(70,156,204,.12), rgba(240,217,145,.62)); }
.intelligence-ecosystem .ecosystem-ground { width: 92%; height: 28px; left: 4%; bottom: 49px; border-color: rgba(232,205,124,.11); background: radial-gradient(ellipse, rgba(217,185,93,.08), rgba(40,112,151,.07) 35%, transparent 70%); }
.intelligence-ecosystem .ecosystem-data i { bottom: 72px; }
@keyframes mountain-apex { 0%,100% { opacity: .52; filter: drop-shadow(0 0 14px rgba(217,185,93,.11)); } 50% { opacity: .82; filter: drop-shadow(0 0 24px rgba(217,185,93,.19)); } }

@media (max-width: 680px) {
  .intelligence-ecosystem { height: 430px; }
  .intelligence-ecosystem .pyramid-core { width: 170px; height: 82px; top: 18px; }
  .intelligence-ecosystem .pyramid-core::before { width: 115px; height: 102px; bottom: -25px; }
  .intelligence-ecosystem .pyramid-core strong { font-size: 25px; }
  .intelligence-ecosystem .pyramid-core small { width: 120px; font-size: 6px; }
  .intelligence-ecosystem .core-orbit { width: 108px; top: 29px; }
  .intelligence-ecosystem .pyramid-stage { height: 72px; }
  .intelligence-ecosystem .pyramid-stage-izen { width: 42%; top: 98px; }
  .intelligence-ecosystem .pyramid-stage-cortex { width: 58%; top: 155px; }
  .intelligence-ecosystem .pyramid-stage-go { width: 76%; top: 212px; }
  .intelligence-ecosystem .pyramid-stage-zero { width: 94%; top: 269px; }
  .intelligence-ecosystem .pyramid-layer { height: 72px; padding-top: 13px; }
  .intelligence-ecosystem .pyramid-layer > strong { font-size: 19px; }
  .intelligence-ecosystem .ecosystem-axis { height: 265px; top: 75px; }
}

@media (prefers-reduced-motion: reduce) {
  .intelligence-ecosystem .pyramid-core::before { animation: none; }
}

/* Living product journey */
.intelligence-journey { height: 520px; display: block; perspective: 900px; }
.intelligence-journey .ecosystem-aura { width: 390px; height: 360px; top: 28px; border: 0; border-radius: 50%; opacity: .8; background: radial-gradient(ellipse at 52% 38%, rgba(217,185,93,.1), rgba(35,111,153,.11) 37%, transparent 72%); filter: blur(12px); }
.intelligence-journey .pyramid-core { width: 260px; height: 185px; align-items: flex-end; justify-content: flex-start; top: 35px; left: 52%; padding: 34px 18px 0 0; border: 0; border-radius: 50%; opacity: .9; text-align: right; background: radial-gradient(ellipse at 48% 45%, rgba(217,185,93,.13), rgba(28,91,126,.09) 40%, transparent 72%); box-shadow: inset 0 0 70px rgba(91,167,210,.05), 0 0 65px rgba(29,100,139,.06); transform: translateX(-50%); pointer-events: none; }
.intelligence-journey .pyramid-core::before { inset: 8px; width: auto; height: auto; border: 1px solid rgba(116,183,219,.1); border-radius: 50%; opacity: .8; background: none; clip-path: none; filter: none; transform: none; animation: journey-field 8s ease-in-out infinite; }
.intelligence-journey .pyramid-core small { width: auto; color: rgba(232,205,124,.6); font-size: 7px; }
.intelligence-journey .pyramid-core strong { max-width: 120px; color: rgba(255,255,255,.86); font: 500 21px/1.08 var(--serif); }
.intelligence-journey .core-orbit { width: 210px; height: 78px; left: 49%; top: 53px; opacity: .44; border-color: rgba(112,180,218,.15); transform: translateX(-50%) rotate(-12deg); animation: none; }
.intelligence-journey .core-light { width: 4px; height: 4px; left: 45%; top: 76px; }
.journey-flow { width: 62%; height: 440px; position: absolute; z-index: 2; left: 19%; top: 29px; overflow: visible; pointer-events: none; }
.journey-flow path { fill: none; vector-effect: non-scaling-stroke; }
.journey-flow-shadow { stroke: rgba(39,112,153,.14); stroke-width: 13; filter: blur(8px); }
.journey-flow-light { stroke: url('#journeyGradient'); stroke: rgba(113,183,220,.3); stroke-width: 1.2; stroke-linecap: round; stroke-dasharray: 5 10; animation: journey-flow-dash 15s linear infinite; }
.intelligence-journey .pyramid-stage { width: 285px; height: 75px; left: 50%; position: absolute; margin: 0; transform: translateX(-50%); }
.intelligence-journey .pyramid-stage-izen { width: 270px; top: 89px; left: 47%; }
.intelligence-journey .pyramid-stage-cortex { top: 179px; left: 53%; }
.intelligence-journey .pyramid-stage-go { top: 269px; left: 47%; }
.intelligence-journey .pyramid-stage-zero { width: 300px; top: 359px; left: 52%; }
.intelligence-journey .pyramid-layer { width: 100%; height: 75px; display: flex; justify-content: flex-start; gap: 10px; padding: 0 30px; overflow: visible; border: 0; border-radius: 0; clip-path: none; background: none; box-shadow: none; transform: none; }
.intelligence-journey .pyramid-layer::before { inset: 0; border: 1px solid rgba(116,181,216,.17); border-radius: 52% 48% 50% 46% / 46% 54% 44% 56%; background: linear-gradient(105deg, rgba(38,102,137,.42), rgba(8,32,49,.78) 55%, rgba(80,68,37,.2)); clip-path: none; box-shadow: inset 0 1px rgba(255,255,255,.1), inset 0 -18px 30px rgba(0,0,0,.12), 0 13px 28px rgba(0,0,0,.17); transform: perspective(520px) rotateX(8deg) rotateZ(-1deg); transition: transform .45s var(--ease), border-color .4s, background .4s, box-shadow .4s; }
.intelligence-journey .pyramid-stage:nth-of-type(even) .pyramid-layer::before { transform: perspective(520px) rotateX(8deg) rotateZ(1deg); }
.intelligence-journey .pyramid-layer::after { width: 42%; height: 1px; inset: auto 12% 16px auto; opacity: .4; background: linear-gradient(90deg, transparent, rgba(232,205,124,.75)); clip-path: none; }
.intelligence-journey .pyramid-layer-index, .intelligence-journey .pyramid-layer > strong, .intelligence-journey .pyramid-layer > small { position: relative; z-index: 2; }
.intelligence-journey .pyramid-layer > strong { font-size: 25px; }
.intelligence-journey .pyramid-layer > small { max-width: 112px; }
.intelligence-journey:has(.pyramid-stage:hover) .pyramid-stage:not(:hover), .intelligence-journey:has(.pyramid-stage:focus-within) .pyramid-stage:not(:focus-within) { opacity: .24; filter: saturate(.55); }
.intelligence-journey .pyramid-stage:hover .pyramid-layer, .intelligence-journey .pyramid-stage:focus-within .pyramid-layer { transform: translate3d(0,-6px,22px); }
.intelligence-journey .pyramid-stage:hover .pyramid-layer::before, .intelligence-journey .pyramid-stage:focus-within .pyramid-layer::before { border-color: rgba(240,217,145,.58); background: linear-gradient(105deg, rgba(50,128,166,.56), rgba(10,40,59,.9) 55%, rgba(102,83,40,.3)); box-shadow: inset 0 1px rgba(255,255,255,.17), 0 18px 40px rgba(0,0,0,.25), 0 0 24px rgba(217,185,93,.09); transform: perspective(520px) rotateX(2deg) scale(1.025); }
.intelligence-journey .pyramid-info { top: 8px; right: -26px; }
.intelligence-journey .ecosystem-data i { bottom: 55px; left: 50%; background: rgba(232,205,124,.76); animation: journey-particle 8s ease-in-out infinite; }
.intelligence-journey .ecosystem-data i:nth-child(1) { --journey-x: -18px; animation-delay: 0s; }
.intelligence-journey .ecosystem-data i:nth-child(2) { --journey-x: 24px; animation-delay: -1.35s; }
.intelligence-journey .ecosystem-data i:nth-child(3) { --journey-x: -10px; animation-delay: -2.7s; }
.intelligence-journey .ecosystem-data i:nth-child(4) { --journey-x: 18px; animation-delay: -4.05s; }
.intelligence-journey .ecosystem-data i:nth-child(5) { --journey-x: -24px; animation-delay: -5.4s; }
.intelligence-journey .ecosystem-data i:nth-child(6) { --journey-x: 8px; animation-delay: -6.75s; }
@keyframes journey-field { 50% { opacity: .42; transform: scale(1.04); } }
@keyframes journey-flow-dash { to { stroke-dashoffset: -120; } }
@keyframes journey-particle { 0% { opacity: 0; transform: translate(0,0) scale(.7); } 12%,72% { opacity: .72; } 35% { transform: translate(var(--journey-x),-135px) scale(1); } 66% { transform: translate(-8px,-270px) scale(.85); } 100% { opacity: 0; transform: translate(10px,-390px) scale(.6); } }

@media (max-width: 680px) {
  .intelligence-journey { height: 430px; }
  .intelligence-journey .pyramid-core { width: 205px; height: 150px; top: 20px; padding: 27px 10px 0 0; }
  .intelligence-journey .pyramid-core::before { width: auto; height: auto; bottom: 8px; }
  .intelligence-journey .pyramid-core strong { max-width: 100px; font-size: 18px; }
  .intelligence-journey .core-orbit { width: 165px; top: 42px; }
  .journey-flow { height: 350px; top: 28px; }
  .intelligence-journey .pyramid-stage { width: 245px; height: 62px; }
  .intelligence-journey .pyramid-stage-izen { width: 225px; top: 78px; }
  .intelligence-journey .pyramid-stage-cortex { top: 145px; }
  .intelligence-journey .pyramid-stage-go { top: 212px; }
  .intelligence-journey .pyramid-stage-zero { width: 260px; top: 279px; }
  .intelligence-journey .pyramid-layer { height: 62px; padding-inline: 24px; }
  .intelligence-journey .pyramid-layer > strong { font-size: 20px; }
  .intelligence-journey .pyramid-info { right: 0; top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .intelligence-journey .pyramid-core::before, .journey-flow-light, .intelligence-journey .ecosystem-data i { animation: none; }
}

/* Journey clarity: ZERO origin to IZEN destination */
.intelligence-journey .ecosystem-aura { width: 350px; height: 390px; top: 48px; opacity: .68; background: radial-gradient(ellipse at 50% 46%, rgba(35,111,153,.11), rgba(217,185,93,.045) 38%, transparent 72%); }
.intelligence-journey .pyramid-stage-izen { top: 72px; z-index: 8; }
.intelligence-journey .pyramid-stage-cortex { top: 169px; }
.intelligence-journey .pyramid-stage-go { top: 266px; }
.intelligence-journey .pyramid-stage-zero { top: 363px; z-index: 5; }
.intelligence-journey .journey-flow { height: 440px; top: 24px; }
.intelligence-journey .journey-flow-light { stroke: rgba(123,194,230,.4); stroke-width: 1.35; }
.intelligence-journey .journey-flow marker path { fill: var(--gold-300); stroke: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::before { border-color: rgba(232,205,124,.42); background: linear-gradient(105deg, rgba(51,127,163,.52), rgba(9,38,57,.86) 52%, rgba(119,94,42,.34)); box-shadow: inset 0 1px rgba(255,255,255,.14), 0 16px 36px rgba(0,0,0,.2), 0 0 30px rgba(217,185,93,.09); }
.intelligence-journey .pyramid-stage-izen::before { content: ""; width: 180px; height: 95px; position: absolute; z-index: -2; left: 50%; top: -11px; border-radius: 50%; background: radial-gradient(ellipse, rgba(217,185,93,.13), rgba(44,125,168,.08) 42%, transparent 72%); filter: blur(9px); transform: translateX(-50%); animation: journey-arrival-glow 7s ease-in-out infinite; }
.journey-arrival { margin-left: auto; position: relative; z-index: 3; color: var(--gold-300); font: 700 6px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.journey-arrival::before { content: ""; width: 5px; height: 5px; display: inline-block; margin-right: 7px; border-radius: 50%; background: var(--gold-300); box-shadow: 0 0 9px rgba(240,217,145,.75); }
.journey-origin { position: absolute; z-index: 7; left: calc(50% - 192px); top: 428px; color: rgba(255,255,255,.28); font: 700 6px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.journey-origin::after { content: ""; width: 35px; height: 1px; display: inline-block; margin: 0 0 2px 9px; background: linear-gradient(90deg, rgba(232,205,124,.38), transparent); }
@keyframes journey-arrival-glow { 50% { opacity: .58; transform: translateX(-50%) scale(1.08); } }
@keyframes journey-particle { 0% { opacity: 0; transform: translate(0,0) scale(.7); } 12%,72% { opacity: .72; } 35% { transform: translate(var(--journey-x),-118px) scale(1); } 66% { transform: translate(-8px,-235px) scale(.85); } 100% { opacity: 0; transform: translate(8px,-330px) scale(.6); } }

@media (max-width: 680px) {
  .intelligence-journey .pyramid-stage-izen { top: 62px; }
  .intelligence-journey .pyramid-stage-cortex { top: 135px; }
  .intelligence-journey .pyramid-stage-go { top: 208px; }
  .intelligence-journey .pyramid-stage-zero { top: 281px; }
  .intelligence-journey .journey-flow { height: 350px; top: 10px; }
  .journey-arrival { font-size: 5px; }
  .journey-origin { left: 7%; top: 345px; }
}

@media (prefers-reduced-motion: reduce) {
  .intelligence-journey .pyramid-stage-izen::before { animation: none; }
}

/* Product journey scale and finish */
@media (min-width: 981px) {
  .products-hero-grid { grid-template-columns: minmax(0,.88fr) minmax(560px,1.12fr); gap: clamp(42px,5vw,76px); }
  .products-pyramid-wrap { margin-right: -38px; }
}
.intelligence-journey { height: 570px; border-color: rgba(255,255,255,.11); background: radial-gradient(circle at 53% 27%,rgba(217,185,93,.065),transparent 24%),radial-gradient(ellipse at 50% 58%,rgba(30,100,140,.11),transparent 58%),rgba(5,20,32,.66); box-shadow: 0 44px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055); }
.intelligence-journey .ecosystem-aura { width: 430px; height: 470px; top: 38px; opacity: .78; background: radial-gradient(ellipse at 50% 45%,rgba(38,121,166,.13),rgba(217,185,93,.055) 38%,transparent 73%); }
.intelligence-journey .pyramid-stage { width: 325px; height: 84px; }
.intelligence-journey .pyramid-stage-izen { width: 310px; top: 72px; left: 48%; }
.intelligence-journey .pyramid-stage-cortex { width: 330px; top: 181px; left: 53%; }
.intelligence-journey .pyramid-stage-go { width: 335px; top: 290px; left: 47%; }
.intelligence-journey .pyramid-stage-zero { width: 350px; top: 399px; left: 52%; }
.intelligence-journey .pyramid-layer { height: 84px; gap: 12px; padding: 0 35px; }
.intelligence-journey .pyramid-layer::before { border-color: rgba(125,190,224,.21); background: linear-gradient(108deg,rgba(42,112,149,.48),rgba(7,30,47,.84) 54%,rgba(83,70,38,.22)); box-shadow: inset 0 1px rgba(255,255,255,.13),inset 0 -22px 36px rgba(0,0,0,.14),0 16px 34px rgba(0,0,0,.2),0 0 22px rgba(43,123,166,.045); }
.intelligence-journey .pyramid-layer::after { bottom: 18px; opacity: .48; }
.intelligence-journey .pyramid-layer-index { min-width: 21px; color: rgba(240,217,145,.7); font-size: 9px; letter-spacing: .15em; }
.intelligence-journey .pyramid-layer > strong { min-width: 66px; font-size: 29px; letter-spacing: -.015em; }
.intelligence-journey .pyramid-layer > small { max-width: 132px; color: rgba(255,255,255,.55); font-size: 8px; line-height: 1.45; letter-spacing: .095em; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::before { border-color: rgba(240,217,145,.5); background: linear-gradient(108deg,rgba(58,139,175,.58),rgba(8,36,54,.9) 50%,rgba(125,98,43,.38)); box-shadow: inset 0 1px rgba(255,255,255,.17),inset 0 -20px 34px rgba(0,0,0,.12),0 19px 40px rgba(0,0,0,.22),0 0 35px rgba(217,185,93,.105); }
.intelligence-journey .pyramid-stage-izen::before { width: 235px; height: 112px; top: -14px; opacity: .8; }
.journey-arrival { font-size: 7px; line-height: 1.4; letter-spacing: .14em; }
.journey-arrival::before { width: 6px; height: 6px; margin-right: 8px; }
.intelligence-journey .journey-flow { width: 68%; height: 500px; left: 16%; top: 28px; }
.intelligence-journey .journey-flow-shadow { stroke-width: 15; opacity: .8; }
.intelligence-journey .journey-flow-light { stroke: rgba(132,203,236,.46); stroke-width: 1.5; }
.intelligence-journey .pyramid-info { right: -10px; top: 12px; }
.journey-origin { left: calc(50% - 220px); top: 496px; font-size: 7px; color: rgba(255,255,255,.38); }
.pyramid-caption { margin-top: 20px; color: rgba(255,255,255,.5); font-size: 12px; }

@media (max-width: 1100px) and (min-width: 981px) {
  .products-pyramid-wrap { margin-right: 0; }
  .intelligence-journey .pyramid-stage { max-width: 74%; }
}

@media (max-width: 980px) {
  .products-pyramid-wrap { width: min(760px,100%); }
}

@media (max-width: 680px) {
  .intelligence-journey { height: 460px; }
  .intelligence-journey .ecosystem-aura { width: 310px; height: 370px; top: 30px; }
  .intelligence-journey .pyramid-stage { width: 270px; height: 68px; }
  .intelligence-journey .pyramid-stage-izen { width: 250px; top: 60px; }
  .intelligence-journey .pyramid-stage-cortex { top: 139px; }
  .intelligence-journey .pyramid-stage-go { top: 218px; }
  .intelligence-journey .pyramid-stage-zero { width: 285px; top: 297px; }
  .intelligence-journey .pyramid-layer { height: 68px; gap: 8px; padding-inline: 25px; }
  .intelligence-journey .pyramid-layer-index { min-width: 18px; font-size: 8px; }
  .intelligence-journey .pyramid-layer > strong { min-width: 52px; font-size: 23px; }
  .intelligence-journey .pyramid-layer > small { display: block; max-width: 92px; font-size: 6px; line-height: 1.35; }
  .journey-arrival { font-size: 5px; }
  .intelligence-journey .journey-flow { height: 390px; top: 17px; }
  .journey-origin { left: 6%; top: 380px; font-size: 6px; }
}

/* Product journey typography legibility */
.products-pyramid-heading { margin-bottom: 20px; color: rgba(255,255,255,.56); font-size: 10px; line-height: 1.45; letter-spacing: .135em; }
.products-pyramid-heading span:first-child { color: rgba(255,255,255,.7); }
.products-pyramid-heading span:last-child { color: rgba(240,217,145,.72); }
.intelligence-journey .pyramid-layer { gap: 13px; padding-inline: 36px; }
.intelligence-journey .pyramid-layer-index { min-width: 23px; color: rgba(240,217,145,.82); font-size: 10px; line-height: 1.4; letter-spacing: .14em; }
.intelligence-journey .pyramid-layer > strong { min-width: 68px; font-size: 30px; line-height: 1; letter-spacing: -.01em; }
.intelligence-journey .pyramid-layer > small { max-width: 148px; color: rgba(255,255,255,.7); font-size: 9.5px; line-height: 1.5; letter-spacing: .075em; }
.intelligence-journey .pyramid-stage-izen { width: 330px; }
.intelligence-journey .pyramid-stage-cortex { width: 345px; }
.intelligence-journey .pyramid-stage-go { width: 350px; }
.intelligence-journey .pyramid-stage-zero { width: 365px; }
.journey-arrival { margin: 0; position: absolute; right: 34px; top: -7px; padding: 5px 8px; border: 1px solid rgba(232,205,124,.18); border-radius: 999px; color: rgba(240,217,145,.92); background: rgba(6,24,37,.82); font-size: 9px; line-height: 1.35; letter-spacing: .105em; box-shadow: 0 6px 18px rgba(0,0,0,.16); }
.journey-arrival::before { width: 6px; height: 6px; margin-right: 7px; }
.journey-origin { left: calc(50% - 224px); top: 493px; color: rgba(255,255,255,.7); font-size: 9px; line-height: 1.4; letter-spacing: .105em; text-shadow: 0 0 14px rgba(92,177,222,.16); }
.journey-origin::after { width: 42px; margin-left: 11px; background: linear-gradient(90deg,rgba(232,205,124,.68),transparent); }
.intelligence-journey .journey-flow-light { stroke: rgba(142,211,242,.52); }

@media (max-width: 680px) {
  .products-pyramid-heading { margin-inline: 4px; font-size: 8px; letter-spacing: .1em; }
  .intelligence-journey .pyramid-stage-izen { width: 265px; }
  .intelligence-journey .pyramid-stage-cortex { width: 280px; }
  .intelligence-journey .pyramid-stage-go { width: 285px; }
  .intelligence-journey .pyramid-stage-zero { width: 295px; }
  .intelligence-journey .pyramid-layer { gap: 8px; padding-inline: 23px; }
  .intelligence-journey .pyramid-layer-index { min-width: 19px; font-size: 8.5px; }
  .intelligence-journey .pyramid-layer > strong { min-width: 54px; font-size: 23px; }
  .intelligence-journey .pyramid-layer > small { max-width: 108px; font-size: 7.5px; line-height: 1.4; letter-spacing: .055em; }
  .journey-arrival { right: 20px; top: -8px; padding: 4px 6px; font-size: 7px; }
  .journey-origin { left: 7%; top: 379px; font-size: 8px; }
}

/* Product journey narrative hierarchy */
.intelligence-journey .pyramid-layer { gap: 18px; }
.intelligence-journey .pyramid-layer > strong { min-width: 70px; flex: 0 0 auto; }
.journey-stage-copy { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 7px; position: relative; z-index: 2; }
.journey-stage-copy > small { color: rgba(240,217,145,.88); font: 700 10px/1.35 var(--sans); letter-spacing: .085em; text-transform: uppercase; }
.journey-stage-description { max-width: 205px; color: rgba(255,255,255,.62); font-size: 9.5px; font-weight: 550; line-height: 1.45; letter-spacing: .012em; }
.intelligence-journey .pyramid-stage-izen { width: 370px; }
.intelligence-journey .pyramid-stage-cortex { width: 390px; }
.intelligence-journey .pyramid-stage-go { width: 390px; }
.intelligence-journey .pyramid-stage-zero { width: 400px; }
.journey-arrival { right: 28px; top: -10px; font-size: 8px; letter-spacing: .085em; white-space: nowrap; }
.journey-origin { left: calc(50% - 236px); font-size: 9px; white-space: nowrap; }

@media (max-width: 1100px) and (min-width: 981px) {
  .intelligence-journey .pyramid-stage { max-width: 82%; }
}

@media (max-width: 680px) {
  .intelligence-journey .pyramid-stage-izen { width: 290px; }
  .intelligence-journey .pyramid-stage-cortex { width: 305px; }
  .intelligence-journey .pyramid-stage-go { width: 305px; }
  .intelligence-journey .pyramid-stage-zero { width: 315px; }
  .intelligence-journey .pyramid-layer { gap: 10px; padding-inline: 22px; }
  .intelligence-journey .pyramid-layer > strong { min-width: 56px; }
  .journey-stage-copy { gap: 4px; }
  .journey-stage-copy > small { font-size: 7.5px; line-height: 1.3; letter-spacing: .055em; }
  .journey-stage-description { max-width: 175px; font-size: 7px; line-height: 1.35; }
  .journey-arrival { right: 17px; top: -9px; font-size: 6px; }
  .journey-origin { left: 5%; font-size: 7.5px; }
}

/* Product journey top-frame balance */
.products-pyramid-heading span:last-child { color: rgba(240,217,145,.9); font-size: 14px; line-height: 1.2; letter-spacing: .17em; text-shadow: 0 0 18px rgba(217,185,93,.12); }
.intelligence-journey .pyramid-stage-izen { top: 88px; }
.intelligence-journey .pyramid-stage-cortex { top: 189px; }
.intelligence-journey .pyramid-stage-go { top: 294px; }
.journey-arrival { top: -8px; }

@media (max-width: 680px) {
  .products-pyramid-heading span:last-child { font-size: 10px; letter-spacing: .13em; }
  .intelligence-journey .pyramid-stage-izen { top: 72px; }
  .intelligence-journey .pyramid-stage-cortex { top: 147px; }
  .intelligence-journey .pyramid-stage-go { top: 222px; }
  .journey-arrival { top: -7px; }
}

/* IZEN destination orb and journey cues */
.products-pyramid-heading span:first-child { color: rgba(255,255,255,.84); font-size: 13px; line-height: 1.35; letter-spacing: .12em; }
.journey-origin { left: calc(50% - 238px); top: 500px; color: rgba(240,217,145,.9); font-size: 12px; line-height: 1.35; letter-spacing: .12em; text-shadow: 0 0 18px rgba(217,185,93,.2); }
.journey-origin::after { width: 50px; background: linear-gradient(90deg,rgba(240,217,145,.85),transparent); }
.intelligence-journey .pyramid-stage-izen { width: 390px; height: 140px; top: 52px; left: 50%; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer { width: 100%; height: 140px; padding: 0; transform: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::before { width: 140px; height: 140px; inset: 0 auto auto 50%; border: 1px solid rgba(240,217,145,.55); border-radius: 50%; background: radial-gradient(circle at 38% 30%,rgba(126,200,233,.34),rgba(19,69,94,.78) 38%,rgba(7,29,45,.96) 70%,rgba(91,72,32,.75)); box-shadow: inset 0 1px rgba(255,255,255,.25),inset -18px -22px 34px rgba(0,0,0,.25),0 18px 44px rgba(0,0,0,.28),0 0 38px rgba(217,185,93,.14); transform: translateX(-50%); }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::after { width: 74px; height: 24px; inset: 17px auto auto 50%; border: 1px solid rgba(151,215,245,.22); border-radius: 50%; opacity: .7; background: rgba(255,255,255,.025); transform: translateX(-50%) rotate(-13deg); }
.intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 0; position: absolute; left: 50%; top: 48px; color: white; font-size: 31px; text-shadow: 0 0 18px rgba(173,221,243,.22); transform: translateX(-50%); }
.intelligence-journey .pyramid-stage-izen .journey-stage-copy { width: 145px; position: absolute; left: calc(50% + 88px); top: 46px; gap: 7px; }
.intelligence-journey .pyramid-stage-izen .journey-stage-copy > small { color: rgba(240,217,145,.92); }
.intelligence-journey .pyramid-stage-izen .journey-stage-description { color: rgba(255,255,255,.7); }
.intelligence-journey .pyramid-stage-izen::before { width: 188px; height: 162px; top: -11px; opacity: .9; }
.intelligence-journey .pyramid-stage-izen .journey-arrival { right: 9px; top: 8px; }
.intelligence-journey .pyramid-stage-izen:hover .pyramid-layer, .intelligence-journey .pyramid-stage-izen:focus-within .pyramid-layer { transform: translate3d(0,-5px,22px); }
.intelligence-journey .pyramid-stage-izen:hover .pyramid-layer::before, .intelligence-journey .pyramid-stage-izen:focus-within .pyramid-layer::before { background: radial-gradient(circle at 38% 30%,rgba(151,217,245,.42),rgba(21,79,106,.84) 38%,rgba(7,31,47,.98) 69%,rgba(114,88,37,.82)); transform: translateX(-50%) scale(1.035); }
.intelligence-journey .pyramid-stage-cortex { top: 210px; }
.intelligence-journey .pyramid-stage-go { top: 307px; }
.intelligence-journey .pyramid-stage-zero { top: 404px; }

@media (max-width: 680px) {
  .products-pyramid-heading span:first-child { font-size: 10px; letter-spacing: .09em; }
  .journey-origin { left: 6%; top: 389px; font-size: 9px; }
  .intelligence-journey .pyramid-stage-izen { width: 300px; height: 112px; top: 47px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 112px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer::before { width: 112px; height: 112px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer::after { width: 58px; height: 19px; top: 14px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { top: 38px; font-size: 25px; }
  .intelligence-journey .pyramid-stage-izen .journey-stage-copy { width: 112px; left: calc(50% + 68px); top: 34px; gap: 4px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { right: 2px; top: 1px; }
  .intelligence-journey .pyramid-stage-cortex { top: 171px; }
  .intelligence-journey .pyramid-stage-go { top: 244px; }
  .intelligence-journey .pyramid-stage-zero { top: 317px; }
}

/* Unified IZEN journey waypoint */
.intelligence-journey .pyramid-stage-izen .pyramid-layer { width: 100%; height: 84px; display: flex; justify-content: flex-start; gap: 18px; top: 28px; padding: 0 36px; transform: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::before { width: auto; height: auto; inset: 0; border: 1px solid rgba(240,217,145,.5); border-radius: 52% 48% 50% 46% / 46% 54% 44% 56%; background: linear-gradient(105deg,rgba(59,136,170,.58),rgba(8,36,54,.9) 52%,rgba(125,98,43,.38)); box-shadow: inset 0 1px rgba(255,255,255,.18),inset 0 -20px 34px rgba(0,0,0,.13),0 18px 40px rgba(0,0,0,.22),0 0 34px rgba(217,185,93,.11); transform: perspective(520px) rotateX(8deg) rotateZ(-1deg); }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::after { width: 42%; height: 1px; inset: auto 12% 18px auto; border: 0; border-radius: 0; opacity: .62; background: linear-gradient(90deg,transparent,rgba(240,217,145,.92)); transform: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 70px; position: relative; left: auto; top: auto; color: white; font-size: 30px; text-shadow: 0 0 18px rgba(240,217,145,.18); transform: none; }
.intelligence-journey .pyramid-stage-izen .journey-stage-copy { width: auto; position: relative; left: auto; top: auto; gap: 7px; }
.intelligence-journey .pyramid-stage-izen .journey-arrival { right: 28px; top: -20px; }
.intelligence-journey .pyramid-stage-izen:hover .pyramid-layer, .intelligence-journey .pyramid-stage-izen:focus-within .pyramid-layer { transform: translate3d(0,-6px,22px); }
.intelligence-journey .pyramid-stage-izen:hover .pyramid-layer::before, .intelligence-journey .pyramid-stage-izen:focus-within .pyramid-layer::before { border-color: rgba(240,217,145,.7); background: linear-gradient(105deg,rgba(67,151,185,.66),rgba(9,41,60,.94) 52%,rgba(143,109,44,.44)); transform: perspective(520px) rotateX(2deg) scale(1.025); }

@media (max-width: 680px) {
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 68px; gap: 10px; top: 22px; padding-inline: 22px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 56px; font-size: 23px; }
  .intelligence-journey .pyramid-stage-izen .journey-stage-copy { width: auto; gap: 4px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { right: 17px; top: -17px; }
}

/* IZEN uses the shared elliptical stage component */
.intelligence-journey .pyramid-stage-izen { width: 390px; height: 84px; top: 80px; }
.intelligence-journey .pyramid-stage-izen::before { display: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer { width: 100%; height: 84px; gap: 18px; top: 0; padding: 0 36px; border-radius: 0; clip-path: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::before { width: auto; height: auto; inset: 0; border-radius: 52% 48% 50% 46% / 46% 54% 44% 56%; clip-path: none; background: linear-gradient(108deg,rgba(48,122,158,.52),rgba(7,32,49,.88) 54%,rgba(116,91,40,.32)); box-shadow: inset 0 1px rgba(255,255,255,.15),inset 0 -22px 36px rgba(0,0,0,.14),0 17px 36px rgba(0,0,0,.21),0 0 28px rgba(217,185,93,.1); transform: perspective(520px) rotateX(8deg) rotateZ(-1deg); }
.intelligence-journey .pyramid-stage-izen .pyramid-layer::after { width: 42%; height: 1px; inset: auto 12% 18px auto; border-radius: 0; transform: none; }
.intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 70px; position: relative; left: auto; top: auto; font-size: 30px; transform: none; }
.intelligence-journey .pyramid-stage-izen .journey-stage-copy { width: auto; position: relative; left: auto; top: auto; gap: 7px; }
.intelligence-journey .pyramid-stage-izen .journey-arrival { right: 28px; top: -10px; }

@media (max-width: 680px) {
  .intelligence-journey .pyramid-stage-izen { width: 305px; height: 68px; top: 69px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 68px; gap: 10px; top: 0; padding-inline: 22px; }
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 56px; font-size: 23px; }
  .intelligence-journey .pyramid-stage-izen .journey-stage-copy { gap: 4px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { right: 17px; top: -9px; }
}

/* Products hero message-to-journey balance */
@media (min-width: 1181px) {
  .products-hero-grid { grid-template-columns: minmax(350px,.68fr) minmax(650px,1.32fr); gap: clamp(28px,3.25vw,50px); }
  .products-hero-copy { max-width: 500px; margin-left: -18px; }
  .products-hero-copy h1 { max-width: 520px; font-size: clamp(46px,4.45vw,68px); line-height: 1.02; letter-spacing: -.04em; }
  .products-hero-copy > p { max-width: 500px; font-size: clamp(15px,1.2vw,17px); line-height: 1.72; }
  .products-hero-actions { margin-top: 26px; }
  .products-hero-proof { gap: 8px 20px; margin-top: 22px; }
  .products-pyramid-wrap { width: calc(100% + 52px); margin-right: -52px; }
  .intelligence-journey .pyramid-stage-izen,
  .intelligence-journey .pyramid-stage-cortex,
  .intelligence-journey .pyramid-stage-go { width: 440px; }
  .intelligence-journey .pyramid-stage-zero { width: 455px; }
  .intelligence-journey .pyramid-layer { padding-inline: 40px; }
}

/* Products hero viewport fit */
@media (min-width: 1181px) {
  .products-hero { padding-top: 108px; padding-bottom: 34px; }
  .products-hero-copy h1 { margin-top: 14px; margin-bottom: 18px; }
  .products-hero-copy > p { line-height: 1.66; }
  .products-hero-actions { margin-top: 22px; }
  .products-hero-proof { margin-top: 18px; }
  .products-pyramid-wrap { width: calc(100% + 24px); margin-right: -24px; }
  .products-pyramid-heading { margin-bottom: 10px; }
  .intelligence-journey { height: 520px; }
  .intelligence-journey .pyramid-stage-izen,
  .intelligence-journey .pyramid-stage-cortex,
  .intelligence-journey .pyramid-stage-go { width: 400px; }
  .intelligence-journey .pyramid-stage-zero { width: 414px; }
  .intelligence-journey .pyramid-layer { padding-inline: 36px; }
}

/* Single-viewport Products presentation */
@media (min-width: 1181px) {
  .products-hero { padding: 92px 0 16px; }
  .products-hero-copy > .route-kicker { font-size: 19px; }
  .products-hero-copy h1 { margin: 10px 0 14px; font-size: clamp(42px,4vw,60px); line-height: 1.03; }
  .products-hero-copy > p { font-size: 15px; line-height: 1.56; }
  .products-hero-actions { margin-top: 17px; }
  .products-hero-proof { margin-top: 13px; }
  .products-pyramid-heading { margin-bottom: 6px; }
  .intelligence-journey { height: 420px; }
  .intelligence-journey .ecosystem-aura { height: 340px; top: 28px; }
  .intelligence-journey .pyramid-stage { height: 68px; }
  .intelligence-journey .pyramid-stage-izen { width: 360px; height: 68px; top: 54px; }
  .intelligence-journey .pyramid-stage-cortex { width: 365px; top: 134px; }
  .intelligence-journey .pyramid-stage-go { width: 365px; top: 214px; }
  .intelligence-journey .pyramid-stage-zero { width: 375px; top: 294px; }
  .intelligence-journey .pyramid-layer,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 68px; gap: 12px; padding-inline: 30px; }
  .intelligence-journey .pyramid-layer > strong,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 62px; font-size: 26px; }
  .journey-stage-copy { gap: 4px; }
  .journey-stage-copy > small { font-size: 8.5px; }
  .journey-stage-description { font-size: 8px; line-height: 1.35; }
  .intelligence-journey .journey-flow { height: 350px; top: 18px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { top: -27px; font-size: 9px; }
  .journey-origin { top: 374px; left: calc(50% - 218px); font-size: 10px; }
  .products-journey { padding: 26px 0 32px; }
  .products-journey-heading { gap: 38px; margin-bottom: 18px; }
  .products-journey-heading h2 { margin-top: 8px; font-size: clamp(32px,3.7vw,48px); line-height: 1.02; }
  .products-journey-heading > p { max-width: 470px; font-size: 13px; line-height: 1.55; }
  .stage-card summary { min-height: 68px; padding: 9px 18px; }
  .stage-card-title { gap: 4px; }
  .stage-card-title strong { font-size: 30px; }
  .stage-card-position { font-size: 18px; }
  .stage-card-body { gap: 28px; padding: 0 18px 16px 88px; }
  .stage-card-body p { margin-top: 7px; font-size: 12px; line-height: 1.5; }
  .stage-card-modules ul { margin-top: 7px; }
  .stage-card-modules li { padding: 5px 7px; font-size: 9px; }
  .stage-card-body > a { min-height: 38px; }
}

/* Products hero-first viewport composition */
@media (min-width: 1181px) {
  .products-hero { min-height: 100svh; padding: 94px 0 28px; }
  .products-hero-copy h1 { margin: 12px 0 16px; font-size: clamp(44px,4.2vw,64px); }
  .products-hero-copy > p { font-size: 16px; line-height: 1.62; }
  .products-hero-actions { margin-top: 20px; }
  .products-hero-proof { margin-top: 16px; }
  .products-pyramid-heading { margin-bottom: 8px; }
  .intelligence-journey { height: 520px; }
  .intelligence-journey .ecosystem-aura { height: 430px; top: 34px; }
  .intelligence-journey .pyramid-stage { height: 84px; }
  .intelligence-journey .pyramid-stage-izen { width: 400px; height: 84px; top: 70px; }
  .intelligence-journey .pyramid-stage-cortex { width: 400px; top: 175px; }
  .intelligence-journey .pyramid-stage-go { width: 400px; top: 280px; }
  .intelligence-journey .pyramid-stage-zero { width: 414px; top: 385px; }
  .intelligence-journey .pyramid-layer,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 84px; gap: 18px; padding-inline: 36px; }
  .intelligence-journey .pyramid-layer > strong,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 70px; font-size: 30px; }
  .journey-stage-copy { gap: 7px; }
  .journey-stage-copy > small { font-size: 10px; }
  .journey-stage-description { font-size: 9.5px; line-height: 1.45; }
  .intelligence-journey .journey-flow { height: 500px; top: 16px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { top: -34px; font-size: 10px; }
  .journey-origin { top: 486px; left: calc(50% - 224px); font-size: 11px; }
}

/* Flagship Products journey scale */
@media (min-width: 1181px) {
  .products-hero { min-height: max(100svh,760px); padding: 94px 0 30px; }
  .products-hero-grid { grid-template-columns: minmax(340px,.64fr) minmax(680px,1.36fr); gap: clamp(24px,3vw,44px); }
  .products-pyramid-wrap { width: calc(100% + 56px); margin-right: -56px; }
  .intelligence-journey { height: 590px; }
  .intelligence-journey .ecosystem-aura { width: 470px; height: 500px; top: 38px; }
  .intelligence-journey .pyramid-stage { height: 92px; }
  .intelligence-journey .pyramid-stage-izen { width: 460px; height: 92px; top: 80px; }
  .intelligence-journey .pyramid-stage-cortex { width: 460px; top: 195px; }
  .intelligence-journey .pyramid-stage-go { width: 460px; top: 310px; }
  .intelligence-journey .pyramid-stage-zero { width: 476px; top: 425px; }
  .intelligence-journey .pyramid-layer,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 92px; gap: 20px; padding-inline: 42px; }
  .intelligence-journey .pyramid-layer > strong,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 76px; font-size: 33px; }
  .journey-stage-copy { gap: 8px; }
  .journey-stage-copy > small { font-size: 10.5px; }
  .journey-stage-description { max-width: 230px; font-size: 10px; line-height: 1.45; }
  .intelligence-journey .journey-flow { width: 70%; height: 540px; left: 15%; top: 20px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { top: -36px; right: 34px; font-size: 10px; }
  .journey-origin { top: 548px; left: calc(50% - 252px); font-size: 12px; }
}

/* Flagship journey centerpiece */
@media (min-width: 1181px) {
  .products-hero { min-height: max(100svh,850px); padding: 92px 0 34px; }
  .products-hero .route-shell { width: min(1340px,calc(100% - 48px)); max-width: none; }
  .products-hero-grid { grid-template-columns: minmax(340px,.56fr) minmax(720px,1.44fr); gap: clamp(24px,2.8vw,42px); }
  .products-hero-copy { max-width: 470px; }
  .products-pyramid-wrap { width: calc(100% + 34px); margin-right: -34px; }
  .intelligence-journey { height: 660px; }
  .intelligence-journey .ecosystem-aura { width: 550px; height: 570px; top: 42px; }
  .intelligence-journey .pyramid-stage { height: 102px; }
  .intelligence-journey .pyramid-stage-izen { width: 540px; height: 102px; top: 90px; }
  .intelligence-journey .pyramid-stage-cortex { width: 540px; top: 220px; }
  .intelligence-journey .pyramid-stage-go { width: 540px; top: 350px; }
  .intelligence-journey .pyramid-stage-zero { width: 558px; top: 480px; }
  .intelligence-journey .pyramid-layer,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 102px; gap: 22px; padding-inline: 48px; }
  .intelligence-journey .pyramid-layer > strong,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 84px; font-size: 37px; }
  .journey-stage-copy { gap: 9px; }
  .journey-stage-copy > small { font-size: 11.5px; line-height: 1.4; }
  .journey-stage-description { max-width: 260px; font-size: 10.5px; line-height: 1.5; }
  .intelligence-journey .journey-flow { width: 72%; height: 590px; left: 14%; top: 40px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { top: -39px; right: 42px; font-size: 11px; }
  .journey-origin { top: 618px; left: calc(50% - 292px); font-size: 13px; }
}

/* Product journey proportional scale lift */
@media (min-width: 1181px) {
  .products-hero { min-height: max(100svh,930px); }
  .intelligence-journey { height: 726px; }
  .intelligence-journey .ecosystem-aura { width: 605px; height: 627px; top: 46px; }
  .intelligence-journey .pyramid-stage { height: 112px; }
  .intelligence-journey .pyramid-stage-izen { width: 594px; height: 112px; top: 99px; }
  .intelligence-journey .pyramid-stage-cortex { width: 594px; top: 242px; }
  .intelligence-journey .pyramid-stage-go { width: 594px; top: 385px; }
  .intelligence-journey .pyramid-stage-zero { width: 614px; top: 528px; }
  .intelligence-journey .pyramid-layer,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer { height: 112px; gap: 24px; padding-inline: 52px; }
  .intelligence-journey .pyramid-layer > strong,
  .intelligence-journey .pyramid-stage-izen .pyramid-layer > strong { min-width: 90px; font-size: 40px; }
  .journey-stage-copy { gap: 10px; }
  .journey-stage-copy > small { font-size: 12px; }
  .journey-stage-description { max-width: 286px; font-size: 11px; }
  .intelligence-journey .journey-flow { height: 649px; top: 44px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { top: -42px; right: 46px; font-size: 12px; }
  .journey-origin { top: 680px; left: calc(50% - 318px); font-size: 14px; }
}

/* Product detail hero visual-first balance */
@media (min-width: 1025px) {
  .route-hero.product-detail { min-height: 76vh; padding: 150px 0 82px; }
  .route-hero.product-detail .product-detail-grid { width: min(1320px,calc(100% - 64px)); max-width: 1320px; grid-template-columns: minmax(300px,.58fr) minmax(620px,1fr); gap: clamp(36px,4vw,56px); }
  .product-detail-copy { margin-left: -8px; }
  .product-detail-copy .route-back { margin-bottom: 32px; }
  .product-detail-copy .status-pill { margin-bottom: 14px; }
  .product-detail-copy h1 { max-width: 520px; margin: 16px 0 18px; font-size: clamp(58px,6vw,82px); line-height: 1; letter-spacing: -.04em; }
  .product-detail-copy > p { max-width: 500px; margin-bottom: 0; font-size: clamp(17px,1.45vw,20px); line-height: 1.58; }
  .product-detail-grid .journey-pyramid-compact { transform: scale(1.08); transform-origin: center; }
}

/* Product detail compact pyramid hierarchy */
@media (min-width: 1025px) {
  .product-detail-grid .journey-pyramid-compact { padding: 18px 16px; }
  .journey-pyramid-compact .journey-zero { width: 100%; }
  .journey-pyramid-compact .journey-go { width: 86%; }
  .journey-pyramid-compact .journey-cortex { width: 72%; }
  .journey-pyramid-compact .journey-izen { width: 58%; }
  .journey-pyramid-compact .journey-zero > a { min-height: 138px; }
  .journey-pyramid-compact .journey-go > a { min-height: 130px; }
  .journey-pyramid-compact .journey-cortex > a { min-height: 122px; }
  .journey-pyramid-compact .journey-izen > a { min-height: 114px; padding: 23px 24px 8px; }
  .journey-pyramid-compact .journey-level > a { gap: 3px 12px; padding-inline: clamp(22px,3vw,40px); }
  .journey-pyramid-compact .journey-level-title { font-size: clamp(28px,2.35vw,34px); }
  .journey-pyramid-compact .journey-level-theme { font-size: 12.5px; line-height: 1.35; }
  .journey-pyramid-compact .journey-level ul { gap: 6px 12px; margin-top: 6px; }
  .journey-pyramid-compact .journey-level ul li { flex-basis: 70px; gap: 4px; font-size: 9.5px; line-height: 1.25; }
  .journey-pyramid-compact .journey-icon { width: 21px; height: 21px; }
}

/* Product detail pyramid concise content */
.journey-pyramid-compact .journey-level > a { align-content: center; }
.journey-pyramid-compact .journey-level-theme { margin-top: 3px; font-weight: 700; }
.journey-pyramid-compact .journey-level ul { align-items: center; }
.journey-pyramid-compact .journey-level ul li { flex: 0 0 auto; align-items: center; flex-direction: row; gap: 7px; }
.journey-pyramid-compact .journey-level ul li::before { content: ""; width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: currentColor; opacity: .5; }
.journey-pyramid-compact .journey-izen > a { align-content: end; }
.journey-pyramid-compact .journey-izen .journey-level-theme { font-size: 13px; }

@media (min-width: 1025px) {
  .journey-pyramid-compact .journey-level ul li { font-size: 10.5px; line-height: 1.35; }
  .journey-pyramid-compact .journey-izen > a { padding-top: 28px; padding-bottom: 13px; }
}

/* Product detail pyramid supporting type */
.journey-pyramid-compact .journey-level-theme { margin-top: 5px; color: currentColor; font-size: clamp(14px,1.3vw,16px); line-height: 1.35; letter-spacing: .015em; }
.journey-pyramid-compact .journey-level ul { gap: 7px 15px; margin-top: 8px; }
.journey-pyramid-compact .journey-level ul li { color: currentColor; font-size: 11.5px; font-weight: 650; line-height: 1.4; opacity: .78; }
.journey-pyramid-compact .journey-izen .journey-level-theme { font-size: clamp(14px,1.3vw,16px); }

@media (max-width: 820px) {
  .journey-pyramid-compact .journey-level-theme,
  .journey-pyramid-compact .journey-izen .journey-level-theme { font-size: 13px; line-height: 1.35; }
  .journey-pyramid-compact .journey-level ul { gap: 5px 10px; margin-top: 6px; }
  .journey-pyramid-compact .journey-level ul li { font-size: 10.5px; line-height: 1.35; }
}

/* Homepage hero long-form statement */
body:not(.marketing-route) .intelligence-copy { max-width: 660px; }
body:not(.marketing-route) .intelligence-hero h1 { max-width: 650px; font-size: clamp(38px,3.55vw,57px); line-height: 1.11; letter-spacing: -.038em; }
.hero-statement-lead { display: block; color: #fff; font-size: 1.06em; font-weight: 720; line-height: 1.06; }
.hero-statement-body { display: block; margin-top: .28em; color: rgba(255,255,255,.78); font-size: .76em; font-weight: 610; line-height: 1.22; letter-spacing: -.025em; }
.intelligence-hero .hero-statement-body em { display: inline; color: var(--gold-400); font-style: normal; }

/* Premium four-section homepage */
.homepage-section { position: relative; overflow: hidden; color: white; }
.homepage-shell { width: min(1240px,calc(100% - 64px)); margin: 0 auto; }
.homepage-heading { display: grid; grid-template-columns: minmax(170px,.32fr) minmax(0,1fr); gap: 30px 54px; align-items: start; margin-bottom: clamp(42px,5vw,68px); }
.homepage-heading > span,.homepage-kicker { padding-top: 9px; color: var(--gold-300); font: 800 11px/1.4 var(--mono); letter-spacing: .17em; text-transform: uppercase; text-shadow: 0 0 14px rgba(217,185,93,.12); }
.homepage-heading h2,.homepage-next h2 { max-width: 920px; margin: 0; color: white; font: 600 clamp(43px,5vw,72px)/1.02 var(--serif); letter-spacing: -.04em; }
.homepage-heading p { max-width: 760px; margin: 24px 0 0; color: rgba(255,255,255,.64); font-size: clamp(16px,1.4vw,18px); line-height: 1.72; }
.homepage-journey { padding: clamp(86px,9vw,138px) 0; background: radial-gradient(circle at 86% 18%,rgba(35,116,143,.17),transparent 30%),linear-gradient(145deg,#071d2c,#020a11 78%); }
.homepage-journey::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(117,176,190,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,176,190,.07) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,transparent,black 18%,black 82%,transparent); }
.homepage-journey .homepage-shell { position: relative; }
.homepage-journey-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(217,185,93,.42); border-bottom: 1px solid rgba(217,185,93,.18); }
.homepage-journey-grid li { min-height: 330px; display: flex; flex-direction: column; padding: 25px clamp(20px,2.2vw,30px) 28px; border-right: 1px solid rgba(255,255,255,.09); background: linear-gradient(180deg,rgba(255,255,255,.025),transparent); transition: background .35s var(--ease),transform .35s var(--ease); }
.homepage-journey-grid li:first-child { border-left: 1px solid rgba(255,255,255,.09); }
.homepage-journey-grid li:hover { background: radial-gradient(circle at 50% 15%,rgba(217,185,93,.1),transparent 50%),rgba(255,255,255,.025); transform: translateY(-4px); }
.homepage-journey-grid li > span { color: var(--gold-400); font: 700 10px/1 var(--mono); letter-spacing: .12em; }
.homepage-journey-grid li > div { margin-top: clamp(46px,5vw,72px); }
.homepage-journey-grid h3 { margin: 0 0 10px; color: white; font: 600 clamp(31px,3vw,42px)/1 var(--serif); letter-spacing: -.025em; }
.homepage-journey-grid small { display: block; min-height: 29px; color: rgba(143,198,211,.8); font: 700 9px/1.45 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.homepage-journey-grid p { margin: auto 0 0; color: rgba(255,255,255,.66); font-size: 14px; line-height: 1.7; }
.homepage-journey-link { width: max-content; display: flex; gap: 12px; margin-top: 34px; color: var(--gold-300); }
.homepage-value { padding-top: clamp(86px,9vw,138px); background: radial-gradient(circle at 12% 12%,rgba(217,185,93,.09),transparent 28%),#030e17; }
.homepage-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: clamp(72px,8vw,116px); }
.homepage-value-grid article { min-height: 290px; display: flex; flex-direction: column; padding: 27px; border: 1px solid rgba(132,184,198,.18); border-radius: 14px; background: linear-gradient(145deg,rgba(12,42,57,.78),rgba(3,14,23,.94)); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.homepage-value-grid article > span { color: var(--gold-400); font: 700 9px/1.4 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.homepage-value-grid h3 { margin: auto 0 16px; color: white; font: 600 clamp(24px,2.2vw,31px)/1.12 var(--serif); letter-spacing: -.025em; }
.homepage-value-grid p { margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.68; }
.homepage-value .cinematic-video { border-top: 1px solid rgba(217,185,93,.16); }
.homepage-next { padding: clamp(100px,11vw,168px) 0; text-align: center; background: radial-gradient(circle at 50% 45%,rgba(217,185,93,.15),transparent 28%),radial-gradient(circle at 50% 48%,rgba(30,113,144,.18),transparent 50%),#020a11; }
.homepage-next-inner { display: flex; align-items: center; flex-direction: column; }
.homepage-next h2 { max-width: 930px; margin: 22px auto 0; font-size: clamp(48px,6.2vw,86px); }
.homepage-next p { max-width: 720px; margin: 28px auto 0; color: rgba(255,255,255,.65); font-size: clamp(16px,1.35vw,18px); line-height: 1.72; }
.homepage-next-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 38px; }
.homepage-next-actions .button { min-height: 56px; }
.homepage-button-secondary { color: rgba(255,255,255,.92); border: 1px solid rgba(217,185,93,.3); background: rgba(7,27,43,.48); backdrop-filter: blur(12px); }
.homepage-button-secondary:hover { color: white; border-color: rgba(232,205,124,.62); background: rgba(217,185,93,.09); }
.homepage-next-actions .text-link { margin-left: 8px; color: var(--gold-300); }

@media (max-width: 980px) {
  .homepage-journey-grid,.homepage-value-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .homepage-journey-grid li:nth-child(2) { border-right: 0; }
  .homepage-journey-grid li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.09); }
}
@media (max-width: 680px) {
  .homepage-shell { width: calc(100% - 32px); }
  .homepage-heading { grid-template-columns: 1fr; gap: 14px; margin-bottom: 38px; }
  .homepage-heading > span { padding-top: 0; }
  .homepage-heading p { margin-top: 20px; }
  .homepage-journey-grid,.homepage-value-grid { grid-template-columns: 1fr; }
  .homepage-journey-grid li { min-height: 245px; border: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .homepage-journey-grid li:first-child { border-left: 0; }
  .homepage-journey-grid li:nth-child(n+3) { border-top: 0; }
  .homepage-journey-grid li > div { margin-top: 38px; }
  .homepage-value-grid article { min-height: 240px; }
  .homepage-next-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .homepage-next-actions .button { justify-content: center; }
  .homepage-next-actions .text-link { justify-content: center; margin: 10px 0 0; }
}
body:not(.marketing-route) .hero-support { max-width: 620px; margin-top: 26px; color: rgba(255,255,255,.66); font-size: clamp(16px,1.18vw,18px); line-height: 1.7; }

@media (max-width: 1180px) {
  body:not(.marketing-route) .intelligence-copy { max-width: 720px; }
  body:not(.marketing-route) .intelligence-hero h1 { max-width: 720px; font-size: clamp(40px,6.5vw,55px); }
}

@media (max-width: 620px) {
  body:not(.marketing-route) .intelligence-hero h1 { font-size: clamp(32px,9.2vw,44px); line-height: 1.12; letter-spacing: -.035em; }
  .hero-statement-lead { line-height: 1.08; }
  .hero-statement-body { margin-top: .35em; font-size: .74em; line-height: 1.28; }
  body:not(.marketing-route) .hero-support { margin-top: 22px; font-size: 15px; line-height: 1.65; }
}

/* Compact Products landing presentation */
.products-hero { min-height: auto; padding: 118px 0 52px; }
.products-hero-copy > .route-kicker { color: var(--gold-300); font: 600 22px/1.25 var(--serif); letter-spacing: -.01em; text-transform: none; }
.products-hero-copy h1 { margin-top: 18px; margin-bottom: 22px; }
.products-hero-actions { margin-top: 28px; }
.products-hero-proof { margin-top: 25px; }
.products-pyramid-heading { margin-bottom: 14px; }
.products-journey { padding: 76px 0 84px; }
.products-journey-heading { margin-bottom: 40px; }
.products-journey-heading h2 { margin-top: 14px; }
.stage-card summary { min-height: 112px; padding-block: 16px; }
.stage-card-body { padding-bottom: 28px; }
.intelligence-journey .pyramid-stage-izen .journey-arrival { top: -38px; right: 30px; padding: 6px 11px; color: #f4dc98; border-color: rgba(240,217,145,.34); font-size: 11px; line-height: 1.35; letter-spacing: .1em; background: rgba(6,24,37,.92); box-shadow: 0 8px 24px rgba(0,0,0,.2),0 0 18px rgba(217,185,93,.08); }
.intelligence-journey .pyramid-stage-izen .journey-arrival::after { content: ""; width: 7px; height: 7px; position: absolute; left: 50%; bottom: -13px; border-right: 1px solid rgba(240,217,145,.78); border-bottom: 1px solid rgba(240,217,145,.78); transform: translateX(-50%) rotate(45deg); }

@media (max-width: 980px) {
  .products-hero { padding: 116px 0 48px; }
  .products-journey { padding: 64px 0 76px; }
}

@media (max-width: 680px) {
  .products-hero { padding: 104px 0 44px; }
  .products-hero-copy > .route-kicker { font-size: 18px; }
  .products-journey { padding: 54px 0 66px; }
  .products-journey-heading { margin-bottom: 30px; }
  .stage-card summary { min-height: 96px; padding-block: 13px; }
  .intelligence-journey .pyramid-stage-izen .journey-arrival { top: -30px; right: 15px; padding: 5px 8px; font-size: 8px; }
}

/* Product-detail pyramid: Obsidian Intelligence Stack. */
.journey-pyramid-compact {
  border-color: rgba(214,180,90,.17);
  background: radial-gradient(ellipse at 50% 46%,rgba(104,199,212,.075),transparent 58%),radial-gradient(ellipse at 50% 104%,rgba(214,180,90,.05),transparent 46%),linear-gradient(145deg,#071521,#030a11 76%,#02070c);
  box-shadow: 0 42px 112px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.055),inset 0 0 110px rgba(21,64,82,.08);
}
.journey-pyramid-compact > ol {
  position: relative;
  isolation: isolate;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.24));
}
.journey-pyramid-compact > ol::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 4% 13% 2%;
  pointer-events: none;
  border-radius: 50%;
  opacity: .54;
  background: radial-gradient(ellipse,rgba(104,199,212,.11),rgba(43,86,98,.06) 44%,rgba(214,180,90,.02) 59%,transparent 75%);
  filter: blur(22px);
  animation: detail-pyramid-atmosphere 22s cubic-bezier(.45,0,.55,1) infinite;
}
.journey-pyramid-compact > ol::after {
  content: "";
  width: 2px;
  position: absolute;
  z-index: 0;
  top: 10%;
  bottom: 7%;
  left: 50%;
  pointer-events: none;
  opacity: .44;
  background: linear-gradient(to bottom,transparent 0%,transparent 32%,rgba(104,199,212,.08) 39%,rgba(104,199,212,.44) 48%,rgba(214,180,90,.2) 52%,rgba(104,199,212,.1) 62%,transparent 70%,transparent 100%);
  background-size: 100% 260%;
  box-shadow: 0 0 16px rgba(104,199,212,.14),0 0 28px rgba(104,199,212,.055);
  transform: translateX(-50%);
  animation: detail-pyramid-energy 22s linear infinite;
}
.journey-pyramid-compact .journey-level {
  z-index: 1;
  margin-bottom: 4px;
  animation: none;
}
.journey-pyramid-compact .journey-level::after {
  height: 1px;
  bottom: -3px;
  opacity: .58;
  background: linear-gradient(90deg,transparent,rgba(214,180,90,.76),transparent);
  box-shadow: 0 0 10px rgba(214,180,90,.14);
  animation: none;
}
.journey-pyramid-compact .journey-level > a {
  row-gap: 6px;
  border-color: rgba(157,188,202,.24);
  box-shadow: inset 0 1px rgba(228,239,244,.15),inset 0 -1px rgba(2,8,13,.7),inset 0 -26px 44px rgba(0,6,12,.2),0 15px 34px rgba(0,0,0,.26);
  backdrop-filter: blur(8px) saturate(.82);
  transition: transform .5s var(--ease),filter .5s,box-shadow .5s,border-color .5s;
}
.journey-pyramid-compact .journey-level > a::before {
  opacity: .6;
  background: radial-gradient(ellipse at 36% 0,rgba(239,247,249,.105),transparent 44%),linear-gradient(112deg,rgba(224,237,242,.055),transparent 31%,transparent 71%,rgba(104,199,212,.03));
  translate: 0 0;
  animation: none;
}
.journey-pyramid-compact .journey-zero > a {
  color: #faf4e8;
  border-color: rgba(158,177,187,.27);
  background: radial-gradient(ellipse at 48% -12%,rgba(190,202,208,.095),transparent 49%),linear-gradient(180deg,rgba(255,255,255,.028),transparent 26%),linear-gradient(145deg,rgba(22,34,46,.98),rgba(9,17,25,.96));
  box-shadow: inset 0 1px rgba(214,225,230,.17),inset 0 -1px rgba(0,4,8,.88),inset 0 -31px 48px rgba(0,5,9,.34),0 18px 39px rgba(0,0,0,.34),0 0 20px rgba(112,150,168,.035);
}
.journey-pyramid-compact .journey-go > a {
  color: #faf4e8;
  border-color: rgba(214,180,90,.42);
  background: radial-gradient(ellipse at 48% -12%,rgba(214,180,90,.17),transparent 50%),linear-gradient(180deg,rgba(245,222,164,.05),transparent 27%),linear-gradient(145deg,rgba(31,54,73,.98),rgba(17,34,48,.96));
  box-shadow: inset 0 1px rgba(235,222,188,.22),inset 0 -1px rgba(7,9,10,.8),inset 0 -29px 46px rgba(2,9,14,.29),0 19px 41px rgba(0,0,0,.34),0 0 34px rgba(214,180,90,.1);
}
.journey-pyramid-compact .journey-cortex > a {
  color: #faf4e8;
  border-color: rgba(132,180,205,.34);
  background: radial-gradient(ellipse at 48% -12%,rgba(135,199,224,.14),transparent 52%),linear-gradient(180deg,rgba(192,226,239,.035),transparent 29%),linear-gradient(145deg,rgba(29,69,98,.98),rgba(15,42,64,.96));
  box-shadow: inset 0 1px rgba(205,227,237,.18),inset 0 -1px rgba(2,9,16,.8),inset 0 -29px 46px rgba(2,11,20,.28),0 17px 38px rgba(0,0,0,.31),0 0 29px rgba(75,151,187,.065);
}
.journey-pyramid-compact .journey-izen > a {
  color: #fbf6eb;
  border-color: rgba(190,220,207,.42);
  background: radial-gradient(ellipse at 48% -12%,rgba(231,241,233,.22),transparent 51%),linear-gradient(180deg,rgba(236,245,239,.065),transparent 29%),linear-gradient(145deg,rgba(79,113,108,.98),rgba(37,72,78,.96));
  box-shadow: inset 0 1px rgba(233,244,238,.26),inset 0 -1px rgba(3,15,18,.72),inset 0 -28px 45px rgba(4,20,24,.24),0 17px 38px rgba(0,0,0,.29),0 0 36px rgba(142,191,163,.12);
}
.journey-pyramid-compact .journey-level-title {
  font-weight: 680;
  letter-spacing: -.025em;
  text-shadow: 0 1px 2px rgba(0,0,0,.14);
}
.journey-pyramid-compact .journey-level-theme { margin-top: 7px; color: #c4d1d7; font-weight: 620; letter-spacing: .025em; opacity: .96; }
.journey-pyramid-compact .journey-level ul { gap: 8px 18px; margin-top: 10px; }
.journey-pyramid-compact .journey-level ul li { color: #b3c4cc; font-weight: 600; letter-spacing: .015em; opacity: .92; }
.journey-pyramid-compact .journey-current > a {
  border-color: rgba(214,180,90,.82);
  box-shadow: inset 0 0 0 1px rgba(214,180,90,.22),inset 0 1px rgba(255,255,255,.16),0 12px 30px rgba(0,0,0,.22),0 0 26px rgba(214,180,90,.16);
}
.journey-pyramid-compact .journey-pointer { color: #d6b45a; }
.journey-pyramid-compact .journey-pointer path { animation: none; }

.zero-product-journey .journey-pointer path:first-of-type { animation: zero-journey-data-flow 9s linear infinite,zero-journey-path-glow 5.5s ease-in-out infinite; }
.zero-product-journey .journey-pointer path:last-of-type { animation: zero-journey-arrow-breathe 5.5s ease-in-out infinite; }
.go-product-journey .journey-pointer path:first-of-type { animation: zero-journey-data-flow 9s linear infinite,zero-journey-path-glow 5.5s ease-in-out infinite; }
.go-product-journey .journey-pointer path:last-of-type { animation: zero-journey-arrow-breathe 5.5s ease-in-out infinite; }

@keyframes zero-journey-data-flow {
  to { stroke-dashoffset: -44; }
}
@keyframes zero-journey-path-glow {
  0%,100% { filter: drop-shadow(0 0 2px rgba(214,180,90,.16)); }
  50% { filter: drop-shadow(0 0 6px rgba(214,180,90,.56)); }
}
@keyframes zero-journey-arrow-breathe {
  0%,100% { opacity: .76; filter: drop-shadow(0 0 2px rgba(214,180,90,.2)); }
  50% { opacity: 1; filter: drop-shadow(0 0 6px rgba(214,180,90,.62)); }
}

@keyframes detail-pyramid-atmosphere {
  0%,100% { opacity: .46; transform: scale(.993); }
  50% { opacity: .6; transform: scale(1.009); }
}
@keyframes detail-pyramid-energy {
  from { opacity: .14; background-position: 50% 118%; }
  40%,74% { opacity: .4; }
  to { opacity: .14; background-position: 50% -118%; }
}

@media (prefers-reduced-motion: reduce) {
  .journey-pyramid-compact > ol::before,
  .journey-pyramid-compact > ol::after,
  .journey-pyramid-compact .journey-pointer path { animation: none; }
  .zero-product-journey .journey-pointer path { animation: none; }
  .go-product-journey .journey-pointer path { animation: none; }
}

/* Products landing: transformation and ZERO close */
.products-transformation { padding: clamp(62px,6.5vw,92px) 0 clamp(68px,7vw,100px); background: radial-gradient(circle at 78% 18%,rgba(217,185,93,.055),transparent 28%),linear-gradient(180deg,#06131f,#081a29); }
.products-transformation-heading { display: grid; grid-template-columns: minmax(140px,.3fr) minmax(0,1fr); gap: clamp(28px,5vw,78px); align-items: start; margin-bottom: clamp(38px,4.5vw,58px); }
.products-transformation-heading h2 { max-width: 800px; margin: 0; font: 500 clamp(38px,4.7vw,62px)/1.02 var(--serif); letter-spacing: -.04em; }
.products-transformation-heading p { max-width: 590px; margin: 16px 0 0; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.6; }
.products-progression { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; padding: 0; position: relative; list-style: none; counter-reset: products-stage; }
.products-progression::before { content: ""; height: 1px; position: absolute; top: 6px; left: 3px; right: 3px; background: linear-gradient(90deg,rgba(217,185,93,.28),rgba(232,205,124,.62) 58%,rgba(240,217,145,.92)); box-shadow: 0 0 14px rgba(217,185,93,.1); }
.products-progression li { min-width: 0; padding: 30px clamp(18px,2.2vw,30px) 2px; position: relative; counter-increment: products-stage; }
.products-progression li:first-child { padding-left: 0; }
.products-progression li:last-child { padding-right: 0; }
.products-progression li:not(:first-child) { padding-left: clamp(18px,2.2vw,30px); }
.products-progression li::before { content: ""; width: 11px; height: 11px; position: absolute; z-index: 1; top: 1px; left: 0; border: 2px solid #a98b3e; border-radius: 50%; background: #071724; box-shadow: 0 0 0 5px rgba(217,185,93,.035); }
.products-progression li:not(:first-child)::before { left: clamp(18px,2.2vw,30px); }
.products-progression li:last-child::before { border-color: var(--gold-300); background: var(--gold-400); box-shadow: 0 0 18px rgba(217,185,93,.5); }
.products-progression span { color: rgba(232,205,124,.68); font: 700 9px var(--mono); letter-spacing: .15em; }
.products-progression h3 { min-height: 2.16em; max-width: 235px; margin: 14px 0 11px; color: rgba(255,255,255,.94); font: 500 clamp(24px,2.25vw,31px)/1.08 var(--serif); letter-spacing: -.025em; }
.products-progression li:last-child h3 { color: var(--gold-300); }
.products-progression p { max-width: 250px; margin: 0; color: rgba(255,255,255,.53); font-size: 13px; line-height: 1.58; }
.products-zero-cta { padding: clamp(58px,6vw,84px) 0; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 10% 50%,rgba(39,101,138,.16),transparent 38%),#040e17; }
.products-zero-cta::before { content: "ZERO"; position: absolute; z-index: -1; right: -1vw; bottom: -0.28em; color: rgba(232,205,124,.035); font: 600 clamp(150px,22vw,330px)/.75 var(--serif); letter-spacing: -.08em; pointer-events: none; }
.products-zero-cta-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: clamp(38px,5vw,72px); align-items: center; }
.products-zero-cta-copy { padding-left: 24px; position: relative; border-left: 1px solid rgba(232,205,124,.52); }
.products-zero-cta-copy::before { content: ""; width: 5px; height: 5px; position: absolute; top: 0; left: -3px; border-radius: 50%; background: var(--gold-300); box-shadow: 0 0 14px rgba(217,185,93,.6); }
.products-zero-cta h2 { max-width: 750px; margin: 13px 0 12px; font: 500 clamp(39px,4.8vw,64px)/1.02 var(--serif); letter-spacing: -.045em; }
.products-zero-cta p { max-width: 620px; margin: 0; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.62; }
.products-zero-cta .products-hero-actions { flex-wrap: wrap; justify-content: flex-end; margin: 0; }
.products-zero-cta .button-primary { box-shadow: 0 10px 30px rgba(217,185,93,.12); }

@media (max-width: 900px) {
  .products-transformation-heading, .products-zero-cta-inner { grid-template-columns: 1fr; gap: 28px; }
  .products-progression { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 0; }
  .products-progression::before { display: none; }
  .products-progression li { padding: 28px 22px 8px 0; border-top: 1px solid rgba(232,205,124,.34); }
  .products-progression li:nth-child(odd) { padding-left: 0; }
  .products-progression li:nth-child(odd)::before { left: 0; }
  .products-zero-cta .products-hero-actions { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .products-progression { grid-template-columns: 1fr; gap: 0; padding-left: 18px; }
  .products-progression::before { width: 1px; height: auto; display: block; top: 4px; right: auto; bottom: 18px; left: 5px; background: linear-gradient(180deg,rgba(217,185,93,.28),rgba(240,217,145,.9)); }
  .products-progression li, .products-progression li:not(:first-child) { padding: 0 0 28px 22px; border-top: 0; }
  .products-progression li::before, .products-progression li:not(:first-child)::before { top: 2px; left: -18px; }
  .products-progression h3 { min-height: 0; margin-top: 9px; }
  .products-zero-cta-copy { padding-left: 18px; }
  .products-zero-cta .products-hero-actions { align-items: stretch; flex-direction: column; }
  .products-zero-cta .products-hero-actions a { justify-content: center; }
}

/* Localized public ZERO and Pricing routes keep text RTL without reversing product geometry. */
[lang="fa"] :is(.zero-sales-page,.pricing-page) { direction: rtl; text-align: right; }
[lang="fa"] :is(.zero-sales-hero,.zero-why .route-shell,.zero-final-cta,.pricing-hero,.product-progression) { text-align: right; }
[lang="fa"] :is(.zero-mini-pyramid,.zero-journey-sequence,.product-progression ol) { direction: ltr; text-align: left; unicode-bidi: isolate; }
[lang="fa"] .zero-mini-level :is(span,small,b) { direction: rtl; text-align: right; }