:root {
  --ink: #071426;
  --muted: #5c6b7d;
  --line: #d9e2ec;
  --soft: #f5f8fb;
  --soft-2: #edf4f8;
  --blue: #0d4ca3;
  --blue-2: #08264b;
  --teal: #00b7a6;
  --teal-2: #00d4c0;
  --white: #ffffff;
  --shadow: 0 24px 80px rgba(7, 20, 38, .16);
  --radius: 8px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--white);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.home-entry-loading {
  overflow: hidden;
}
body.home-entry-loading .site-header,
body.home-entry-loading main,
body.home-entry-loading .site-footer,
body.home-entry-loading .stackflow-chatbot {
  opacity: 0;
  filter: blur(18px);
  transform: scale(.96);
  transform-origin: 50% 22%;
  animation: stackflowPageEmerge .48s cubic-bezier(.2, .76, .12, 1) .42s forwards;
}
main { flex: 1; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.stackflow-intro-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,212,192,.24), transparent 0 12%, rgba(0,212,192,.08) 18%, transparent 36%),
    radial-gradient(circle at 72% 24%, rgba(0,183,166,.32), transparent 0 28%),
    linear-gradient(135deg, #071426 0%, #0b3365 54%, #008978 100%);
  animation: stackflowLoaderExit .32s cubic-bezier(.45, 0, .2, 1) .86s forwards;
  pointer-events: auto;
}
.stackflow-intro-loader:before,
.stackflow-intro-loader:after {
  content: "";
  position: absolute;
  inset: -12%;
  opacity: .34;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(191,254,250,.22) 12.2% 12.5%, transparent 12.7% 100%),
    linear-gradient(0deg, transparent 0 18%, rgba(0,212,192,.16) 18.1% 18.35%, transparent 18.55% 100%);
  background-size: 210px 210px;
  transform: perspective(800px) rotateX(58deg) translateY(10%);
  animation: stackflowGridDrift 1.2s linear infinite;
}
.stackflow-intro-loader:after {
  inset: 0;
  opacity: .72;
  background: radial-gradient(circle at 50% 50%, transparent 0 112px, rgba(7,20,38,.14) 114px, rgba(7,20,38,.86) 58%, rgba(7,20,38,.98) 100%);
  animation: stackflowBrainReveal .78s cubic-bezier(.18, .78, .22, 1) .08s forwards;
}
.intro-backplane {
  position: absolute;
  width: min(74vw, 980px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,212,192,.18), transparent 0 21%),
    conic-gradient(from 180deg, rgba(0,212,192,0), rgba(0,212,192,.28), rgba(13,76,163,.28), rgba(0,212,192,0));
  filter: blur(2px);
  opacity: .8;
  animation: stackflowBackplane .9s ease-in-out infinite alternate;
}
.intro-core {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 13px;
  text-align: center;
  animation: stackflowCoreLift .82s cubic-bezier(.18, .78, .22, 1) forwards;
}
.intro-mark-wrap {
  position: relative;
  width: clamp(116px, 16vw, 196px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}
.intro-mark-wrap img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(1.85) contrast(1.1) saturate(1.06) drop-shadow(0 24px 54px rgba(0,0,0,.38)) drop-shadow(0 0 34px rgba(0,212,192,.52));
}
.intro-mark-wrap:before,
.intro-mark-wrap:after {
  content: "";
  position: absolute;
  inset: 27%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.94), rgba(0,212,192,.46) 40%, transparent 71%);
  filter: blur(10px);
  transform-origin: 50% 50%;
  animation: stackflowBrainPulse .72s ease-in-out infinite;
}
.intro-mark-wrap:after {
  inset: 42%;
  background: #fff;
  filter: blur(7px);
  animation-delay: .22s;
}
.intro-ring {
  position: absolute;
  inset: 2%;
  border-radius: 50%;
  border: 1px solid rgba(191,254,250,.44);
  box-shadow: inset 0 0 34px rgba(0,212,192,.16), 0 0 38px rgba(0,212,192,.18);
  animation: stackflowRing .9s ease-out infinite;
}
.intro-ring-two {
  inset: -13%;
  animation-delay: .42s;
}
.intro-brand {
  display: inline-flex;
  align-items: baseline;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
  text-shadow: 0 18px 50px rgba(0,0,0,.38);
}
.intro-brand span:first-child { color: #fff; }
.intro-brand span:last-child { color: var(--teal-2); }
.intro-core p {
  margin: 0;
  color: #bffefa;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
}
@keyframes stackflowPageEmerge {
  to { opacity: 1; filter: blur(0); transform: scale(1); }
}
@keyframes stackflowLoaderExit {
  to { opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.06); }
}
@keyframes stackflowGridDrift {
  to { background-position: 210px 210px; }
}
@keyframes stackflowBrainReveal {
  0% { clip-path: circle(10% at 50% 50%); opacity: .95; }
  64% { clip-path: circle(28% at 50% 50%); opacity: .72; }
  100% { clip-path: circle(145% at 50% 50%); opacity: 0; }
}
@keyframes stackflowBackplane {
  to { transform: scale(1.08) rotate(6deg); opacity: .95; }
}
@keyframes stackflowCoreLift {
  0% { transform: scale(.82); opacity: 0; }
  34% { opacity: 1; }
  78% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.04); opacity: 1; }
}
@keyframes stackflowBrainPulse {
  50% { transform: scale(1.25); opacity: .74; }
}
@keyframes stackflowRing {
  0% { transform: scale(.78); opacity: 0; }
  36% { opacity: .92; }
  100% { transform: scale(1.34); opacity: 0; }
}
.stackflow-chatbot {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 60;
  font-family: inherit;
}
.chatbot-toggle {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(191,254,250,.62);
  border-radius: 22px;
  background: linear-gradient(135deg, #071426 0%, #0d4ca3 54%, #00b7a6 100%);
  box-shadow: 0 22px 54px rgba(7,20,38,.26), 0 0 0 8px rgba(0,183,166,.1);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.chatbot-toggle:hover,
.chatbot-toggle:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 26px 64px rgba(7,20,38,.34), 0 0 0 8px rgba(0,183,166,.16);
  outline: 0;
}
.chatbot-toggle img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.chatbot-panel {
  position: absolute;
  right: 0;
  bottom: 88px;
  width: min(420px, calc(100vw - 32px));
  max-height: min(680px, calc(100vh - 132px));
  display: grid;
  grid-template-rows: auto minmax(240px, 1fr) auto auto;
  overflow: hidden;
  border: 1px solid rgba(217,226,236,.95);
  border-radius: 8px;
  background: white;
  box-shadow: 0 30px 90px rgba(7,20,38,.26);
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px) scale(.98);
  transform-origin: 100% 100%;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.stackflow-chatbot.is-open .chatbot-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.chatbot-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 16px;
  color: white;
  background: linear-gradient(135deg, #071426 0%, #0d4ca3 58%, #00b7a6 100%);
}
.chatbot-header span {
  display: block;
  color: #bffefa;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
}
.chatbot-header strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  line-height: 1.1;
}
.chatbot-header button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  color: white;
  background: rgba(255,255,255,.1);
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}
.chatbot-messages {
  min-height: 0;
  overflow-y: auto;
  padding: 18px;
  background: linear-gradient(180deg, #fbfdff, #f3f8fb);
}
.chatbot-message {
  width: fit-content;
  max-width: 94%;
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 8px;
  color: var(--ink);
  background: white;
  border: 1px solid var(--line);
  line-height: 1.45;
  font-size: 14px;
  box-shadow: 0 10px 24px rgba(7,20,38,.06);
}
.chatbot-message.user {
  margin-left: auto;
  color: #062032;
  background: #dff9f6;
  border-color: rgba(0,183,166,.28);
  font-weight: 750;
}
.chatbot-message.bot a {
  color: var(--blue);
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.chatbot-message.bot ul {
  margin: 8px 0 0;
  padding-left: 18px;
}
.chatbot-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid var(--line);
  background: white;
}
.chatbot-form input {
  min-width: 0;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 0 13px;
  color: var(--ink);
  background: #fbfdff;
}
.chatbot-form input:focus {
  outline: 2px solid rgba(0,183,166,.28);
  border-color: var(--teal);
}
.chatbot-form button {
  min-height: 46px;
  border: 0;
  border-radius: 7px;
  padding: 0 16px;
  background: var(--teal);
  color: #062032;
  font-weight: 900;
  cursor: pointer;
}
.chatbot-guardrail {
  margin: 0;
  padding: 0 16px 16px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  background: white;
}
.breadcrumbs {
  background: #fff;
  border-bottom: 1px solid rgba(217, 226, 236, .82);
}
.breadcrumbs ol {
  width: min(1220px, calc(100% - 32px));
  margin: 0 auto;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 9px;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.breadcrumbs ol::-webkit-scrollbar { display: none; }
.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
}
.breadcrumbs li + li:before {
  content: "/";
  color: #91a2b4;
  font-weight: 700;
}
.breadcrumbs a {
  color: #40546b;
  font-weight: 700;
  transition: color .18s ease;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus-visible {
  color: var(--teal);
}
.breadcrumbs [aria-current="page"] {
  color: var(--ink);
  font-weight: 800;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(7,20,38,.96);
  border-bottom: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(18px);
}
.nav-shell {
  width: min(1220px, calc(100% - 32px));
  margin: 0 auto;
  height: 92px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 850; letter-spacing: 0; flex-shrink: 0; }
.brand-mark-img { width: auto; height: 46px; display: block; object-fit: contain; transform: translateY(1px); filter: brightness(1.14) contrast(1.05) saturate(1.06) drop-shadow(0 8px 16px rgba(0,0,0,.24)); }
.brand-logo-img { width: clamp(220px, 18vw, 286px); height: auto; max-height: 76px; display: block; object-fit: contain; filter: brightness(1.18) contrast(1.04) saturate(1.08) drop-shadow(0 10px 20px rgba(0,0,0,.22)); }
.brand-name { font-size: 28px; line-height: 1; color: var(--white); font-weight: 900; letter-spacing: 0; }
.brand-name .flow-part, .brand-name span { color: var(--teal); }
.brand-name .stack-part, .text-brand .stack-part { color: #fff; }
.desktop-nav { flex: 1; display: flex; justify-content: center; }
.desktop-nav ul { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.nav-button {
  border: 0;
  background: transparent;
  padding: 14px 11px;
  font-weight: 700;
  color: rgba(255,255,255,.86);
  cursor: pointer;
}
.nav-button:after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.nav-item { position: relative; height: 92px; display: flex; align-items: center; }
.nav-item:after { content: ""; position: absolute; left: -8px; right: -8px; top: 100%; height: 14px; }
.mega {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%) translateY(0);
  width: min(760px, calc(100vw - 36px));
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 20px;
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .16s ease, visibility .16s ease;
}
.nav-item:hover .mega, .nav-item:focus-within .mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.mega-intro { background: linear-gradient(145deg, var(--blue-2), #0e5a79); color: white; padding: 22px; border-radius: var(--radius); }
.mega-intro p, .section-head p, .eyebrow { margin: 0 0 10px; color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 850; letter-spacing: .09em; }
.mega-intro h3 { margin: 0; font-size: 24px; line-height: 1.12; }
.mega-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mega-links a { padding: 12px; border-radius: var(--radius); border: 1px solid transparent; }
.mega-links a:hover { border-color: var(--line); background: var(--soft); }
.mega-links strong { display: block; font-size: 14px; }
.mega-links span { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; margin-top: 4px; }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.plain-link { font-weight: 750; color: rgba(255,255,255,.86); }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 19px;
  border-radius: 7px;
  font-weight: 850;
  border: 1px solid transparent;
  white-space: nowrap;
}
.button-primary { background: var(--teal); color: #062032; box-shadow: 0 12px 30px rgba(0,183,166,.28); }
.button-light { background: var(--ink); color: white; }
.button-outline { border-color: rgba(255,255,255,.38); color: white; background: rgba(255,255,255,.08); }
.section .button-outline, .page-hero .button-outline { border-color: var(--line); color: var(--ink); background: var(--white); }
.mobile-toggle { display: none; width: 44px; height: 44px; border: 0; background: var(--ink); border-radius: 7px; padding: 11px; }
.mobile-toggle span { display: block; height: 2px; background: white; margin: 5px 0; }
.mobile-nav { display: none; border-top: 1px solid var(--line); padding: 16px; background: white; }
.mobile-nav a, .mobile-nav summary { display: block; padding: 12px 4px; font-weight: 800; }
.mobile-nav details a { color: var(--muted); padding-left: 14px; font-weight: 650; }
.hero {
  width: min(1220px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
  gap: 44px;
  align-items: center;
  padding: 74px 0;
}
.hero-home {
  width: 100%;
  max-width: none;
  padding: 86px max(16px, calc((100% - 1220px)/2));
  background: radial-gradient(circle at 80% 20%, rgba(0,183,166,.2), transparent 35%), linear-gradient(135deg, #071426 0%, #0b3a73 55%, #008978 100%);
  color: white;
}
.home-hero-modern {
  position: relative;
  grid-template-columns: minmax(0, .82fr) minmax(540px, 1.18fr);
  min-height: clamp(680px, 72vh, 820px);
  overflow: hidden;
}
.home-hero-modern:before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,212,192,.8), transparent);
}
.home-hero-modern .hero-copy {
  position: relative;
  z-index: 1;
  max-width: 640px;
}
.home-hero-modern h1 {
  font-size: clamp(52px, 5.75vw, 86px);
  max-width: 640px;
  overflow-wrap: normal;
}
.home-hero-visual {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.home-hero-window {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  color: var(--ink);
  box-shadow: 0 34px 90px rgba(0,0,0,.32);
}
.home-hero-top,
.home-agent-top {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg, #f7fbff, #eef7f8);
}
.home-hero-top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cbd6e2;
}
.home-hero-top span:first-child { background: #ff6868; }
.home-hero-top span:nth-child(2) { background: #ffc857; }
.home-hero-top span:nth-child(3) { background: var(--teal); }
.home-hero-top strong,
.home-agent-top strong {
  margin-left: 10px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-hero-top em,
.home-agent-top em {
  margin-left: auto;
  color: var(--teal);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.home-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(180px, .65fr);
  gap: 16px;
  padding: 18px;
  background: radial-gradient(circle at 80% 8%, rgba(0,183,166,.12), transparent 34%), #fbfdff;
}
.home-command-main,
.home-command-side,
.home-command-graph {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 16px;
}
.home-command-main {
  display: grid;
  gap: 12px;
}
.home-command-main > p {
  margin: 0 0 4px;
  color: var(--muted);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .08em;
  font-weight: 900;
}
.home-command-main article {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7fbff;
}
.home-command-main i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 5px #dff9f6;
}
.home-command-main b,
.home-agent-body h3 {
  display: block;
  color: var(--ink);
  line-height: 1.12;
}
.home-command-main span,
.home-command-graph p,
.home-agent-body p {
  color: var(--muted);
  line-height: 1.45;
}
.home-command-main em {
  color: #005f57;
  background: #dff9f6;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.home-command-side {
  display: grid;
  gap: 12px;
}
.home-command-side div {
  min-width: 0;
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(0,183,166,.1), rgba(13,76,163,.08));
}
.home-command-side span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 900;
}
.home-command-side strong {
  display: block;
  margin-top: 8px;
  color: var(--blue);
  font-size: 30px;
  line-height: 1;
  overflow-wrap: anywhere;
}
.home-command-graph {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}
.home-command-graph .node-map {
  min-height: 136px;
}
.home-command-graph p {
  margin: 0;
  font-weight: 760;
}
.home-hero-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.home-hero-ribbon span {
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
  font-weight: 900;
}
.home-proof-band {
  position: relative;
  z-index: 2;
  width: min(1220px, calc(100% - 32px));
  margin: -38px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: var(--shadow);
}
.home-proof-band div {
  padding: 26px;
  border-right: 1px solid var(--line);
}
.home-proof-band div:last-child {
  border-right: 0;
}
.home-proof-band strong {
  display: block;
  color: var(--blue);
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1;
  margin-bottom: 10px;
}
.home-proof-band span {
  color: var(--muted);
  line-height: 1.45;
  font-weight: 740;
}
.official-identity-section {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 28px;
  align-items: stretch;
  padding-top: 72px;
  padding-bottom: 72px;
}
.official-identity-copy {
  align-self: center;
}
.official-identity-copy h2 {
  max-width: 780px;
}
.official-identity-copy p:last-child {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.62;
  max-width: 760px;
}
.official-identity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.official-identity-grid article {
  min-width: 0;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0,183,166,.24);
  border-radius: 8px;
  padding: 22px;
  background: linear-gradient(135deg, rgba(0,183,166,.08), rgba(13,76,163,.06));
}
.official-identity-grid span {
  color: var(--teal-dark);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}
.official-identity-grid strong {
  display: block;
  color: var(--ink);
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.16;
  overflow-wrap: anywhere;
}
.official-identity-grid a {
  color: var(--blue);
  font-weight: 900;
}
.official-disclaimer-section {
  margin-top: 0;
  padding-top: 34px;
  padding-bottom: 34px;
  border-top: 1px solid var(--line);
  background: #f7fbff;
}
.official-disclaimer-section .official-identity-copy h2 {
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.12;
  margin-bottom: 10px;
}
.official-disclaimer-section .official-identity-copy p:last-child {
  font-size: 15px;
  line-height: 1.55;
}
.official-disclaimer-section .official-identity-grid article {
  min-height: 118px;
  padding: 18px;
  background: white;
}
.official-disclaimer-section .official-identity-grid span {
  font-size: 11px;
}
.official-disclaimer-section .official-identity-grid strong {
  font-size: clamp(16px, 1.2vw, 19px);
}
.official-disclaimer-section .official-identity-grid a {
  font-size: 13px;
}
.section-head.centered {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.home-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 34px;
}
.home-control-head h2,
.home-loop-section h2 {
  color: white;
}
.home-control-head span,
.home-loop-section .section-head span {
  display: block;
  color: rgba(255,255,255,.72);
  margin-top: 14px;
  line-height: 1.55;
  max-width: 820px;
}
.home-control-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.home-control-grid article {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
}
.home-control-grid article:before {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  top: 108px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}
.home-control-grid span {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: rgba(0,183,166,.14);
  color: #47f0dc;
  font-weight: 950;
}
.home-control-grid h3 {
  color: white;
  font-size: 28px;
  line-height: 1.08;
  margin: 56px 0 14px;
}
.home-control-grid p {
  color: rgba(255,255,255,.72);
  line-height: 1.52;
  margin: 0;
}
.home-agent-spotlight {
  background: #fbfdff;
}
.home-agent-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 22px 64px rgba(7,20,38,.1);
}
.home-agent-body {
  display: grid;
  gap: 14px;
  padding: 18px;
}
.home-agent-body article {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 104px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdff;
}
.home-agent-body h3 {
  margin: 0 0 6px;
  font-size: 22px;
}
.home-agent-body p {
  margin: 0;
}
.home-agent-body article > span {
  justify-self: end;
  border-radius: 999px;
  padding: 7px 10px;
  background: #dff9f6;
  color: #005f57;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.home-loop-section {
  max-width: none;
  background: #06384A;
  color: white;
  overflow: hidden;
}
.home-loop-section .platform-flow-image-wrap {
  max-width: 1518px;
}
.home-solution-theater {
  background: #fff;
}
.home-solution-tabs {
  padding: 14px;
}
.home-solution-tabs > button {
  min-height: 46px;
  padding-left: 20px;
  padding-right: 20px;
}
.home-solution-tabs .tab-panels article.active {
  display: grid;
  grid-template-columns: minmax(240px, .55fr) minmax(0, 1.45fr);
  gap: 22px;
  align-items: start;
}
.home-tab-copy {
  min-width: 0;
  padding: 8px 0;
}
.home-tab-copy p {
  color: var(--teal);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  margin: 0 0 12px;
}
.home-tab-copy h3 {
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1.02;
  margin: 0 0 14px;
}
.home-tab-copy span {
  display: block;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 22px;
}
.home-solution-tabs .product-visual {
  margin-top: 0;
  min-height: 520px;
}
.home-transformation-section {
  background: #fbfdff;
}
.home-outcome-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.home-outcome-grid article {
  min-width: 0;
  min-height: 320px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
}
.home-outcome-grid p {
  color: var(--teal);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  margin: 0 0 18px;
}
.home-outcome-grid h3 {
  font-size: 22px;
  line-height: 1.16;
  min-height: 132px;
  margin: 0;
}
.home-outcome-grid strong {
  display: block;
  margin-top: 30px;
  color: var(--blue);
  font-size: 42px;
  line-height: 1;
}
.home-outcome-grid span {
  display: block;
  color: var(--muted);
  margin-top: 8px;
  line-height: 1.35;
}
.home-evaluation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.home-evaluation-grid article {
  min-width: 0;
  min-height: 260px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
}
.home-evaluation-grid h3 {
  font-size: 24px;
  line-height: 1.12;
  margin: 0 0 12px;
}
.home-evaluation-grid p {
  color: var(--muted);
  line-height: 1.55;
  margin: 0;
}
.home-section-actions {
  margin-top: 30px;
}
.page-hero { color: white; background: linear-gradient(135deg, #071426, #0c4d91 62%, #00a895); max-width: none; width: 100%; padding: 72px max(16px, calc((100% - 1220px)/2)); }
.page-hero.compact { min-height: 520px; }
.contact-hero { color: white; background: linear-gradient(135deg, #071426, #0c4d91 62%, #00a895); max-width: none; width: 100%; padding: 72px max(16px, calc((100% - 1220px)/2)); min-height: calc(100vh - 92px); }
.contact-hub-hero { grid-template-columns: minmax(0, .95fr) minmax(390px, .72fr); align-items: start; min-height: 650px; }
.contact-hub-hero .hero-copy { padding-top: 20px; }
.contact-hub-hero h1 { max-width: 800px; }
.contact-hero-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 34px; max-width: 760px; }
.contact-hero-kpis article { border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.08); border-radius: 8px; padding: 18px; min-height: 118px; backdrop-filter: blur(14px); }
.contact-hero-kpis strong { display: block; color: white; font-size: 34px; line-height: 1; margin-bottom: 10px; }
.contact-hero-kpis span { color: rgba(255,255,255,.74); line-height: 1.35; font-weight: 750; }
h1 { font-size: clamp(44px, 7vw, 88px); line-height: .95; letter-spacing: 0; margin: 0 0 24px; max-width: 920px; }
h2 { font-size: clamp(31px, 4vw, 58px); line-height: 1.02; margin: 0; letter-spacing: 0; }
h3 { letter-spacing: 0; }
.lead { font-size: clamp(18px, 2vw, 22px); line-height: 1.55; max-width: 760px; color: rgba(255,255,255,.82); margin: 0 0 28px; }
.section .lead, .page-hero + .section .lead { color: var(--muted); }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.product-visual {
  background: rgba(255,255,255,.96);
  color: var(--ink);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 8px;
  box-shadow: var(--shadow);
  overflow: hidden;
  min-height: 420px;
}
.visual-top {
  height: 54px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  background: #f7fafc;
}
.visual-top span { width: 10px; height: 10px; border-radius: 50%; background: var(--line); }
.visual-top span:first-child { background: #ff6868; }
.visual-top span:nth-child(2) { background: #ffc857; }
.visual-top span:nth-child(3) { background: var(--teal); }
.visual-top strong { margin-left: 10px; }
.visual-top em { margin-left: auto; color: var(--teal); font-style: normal; font-size: 12px; font-weight: 850; }
.visual-grid { display: grid; grid-template-columns: 1.3fr .8fr; gap: 14px; padding: 16px; }
.visual-panel { min-height: 148px; border: 1px solid var(--line); border-radius: 8px; padding: 16px; background: white; }
.visual-panel.wide { grid-row: span 2; }
.panel-title { color: var(--muted); font-size: 12px; text-transform: uppercase; font-weight: 850; letter-spacing: .08em; margin-bottom: 14px; }
.timeline { display: grid; grid-template-columns: 12px 1fr; gap: 13px 12px; }
.timeline p { margin: 0; color: #25384e; line-height: 1.4; }
.timeline span { width: 12px; height: 12px; border-radius: 50%; margin-top: 4px; }
.ok { background: var(--teal); }
.warn { background: #ffc857; }
.gauge { height: 108px; border-radius: 8px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(0,183,166,.14), rgba(13,76,163,.12)); text-align: center; }
.gauge b { display: block; font-size: 46px; color: var(--blue); }
.gauge span { display: block; color: var(--muted); }
.node-map { position: relative; height: 112px; background: radial-gradient(circle, rgba(0,183,166,.1), transparent 55%); }
.node-map:before, .node-map:after { content: ""; position: absolute; inset: 50% 10% auto 10%; height: 1px; background: var(--line); transform: rotate(16deg); }
.node-map:after { transform: rotate(-18deg); }
.node-map i { position: absolute; width: 18px; height: 18px; border-radius: 50%; background: var(--blue); border: 4px solid #dff9f6; }
.node-map i:nth-child(1) { left: 8%; top: 30%; }
.node-map i:nth-child(2) { left: 34%; top: 12%; background: var(--teal); }
.node-map i:nth-child(3) { left: 52%; top: 52%; }
.node-map i:nth-child(4) { left: 78%; top: 24%; background: var(--teal); }
.node-map i:nth-child(5) { left: 64%; top: 74%; }
.visual-panel button { width: 100%; height: 38px; border: 0; border-radius: 7px; background: var(--teal); color: #062032; font-weight: 850; margin-bottom: 10px; }
.visual-panel button.secondary { background: var(--soft); color: var(--ink); border: 1px solid var(--line); }
.ai-control-hero {
  grid-template-columns: minmax(0, .82fr) minmax(560px, 1.18fr);
  align-items: center;
  min-height: 720px;
}
.ai-control-hero h1 {
  max-width: 760px;
  font-size: clamp(48px, 6.1vw, 82px);
}
.ai-control-hero .lead {
  max-width: 720px;
}
.ai-control-tower-visual {
  min-height: 560px;
}
.ai-tower-visual-body {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(190px, .58fr);
  gap: 16px;
  padding: 18px;
  background: radial-gradient(circle at 84% 8%, rgba(0,183,166,.12), transparent 35%), #fbfdff;
}
.ai-tower-inventory,
.ai-tower-metrics,
.ai-tower-loop {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 16px;
}
.ai-tower-inventory {
  display: grid;
  gap: 12px;
}
.ai-tower-inventory > p {
  margin: 0 0 2px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}
.ai-tower-inventory article {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7fbff;
}
.ai-tower-inventory i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 5px #dff9f6;
}
.ai-tower-inventory b {
  display: block;
  line-height: 1.15;
}
.ai-tower-inventory span {
  display: block;
  color: var(--muted);
  line-height: 1.35;
  margin-top: 3px;
}
.ai-tower-inventory em {
  color: #005f57;
  background: #dff9f6;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.ai-tower-metrics {
  display: grid;
  gap: 12px;
}
.ai-tower-metrics div {
  min-width: 0;
  min-height: 116px;
  display: grid;
  align-content: center;
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(0,183,166,.11), rgba(13,76,163,.08));
}
.ai-tower-metrics span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 900;
}
.ai-tower-metrics strong {
  margin-top: 8px;
  color: var(--blue);
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.ai-tower-loop {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  background: linear-gradient(110deg, #071426, #0d4ca3 64%, #008f96);
}
.ai-tower-loop span {
  min-width: 0;
  min-height: 70px;
  display: grid;
  align-content: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  color: white;
  padding: 12px;
  font-weight: 900;
}
.ai-tower-loop b {
  color: var(--teal-2);
  font-size: 12px;
}
.ai-control-subnav {
  justify-content: center;
}
.ai-tower-intro {
  background: #fbfdff;
}
.ai-tower-capability-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.ai-tower-capability-grid article {
  min-width: 0;
  min-height: 300px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 26px;
  box-shadow: 0 18px 52px rgba(7,20,38,.06);
}
.ai-tower-capability-grid article.is-featured {
  grid-column: span 2;
  background: linear-gradient(135deg, #ffffff, #f3fbfb);
}
.ai-tower-capability-grid article > span {
  display: block;
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  margin-bottom: 14px;
}
.ai-tower-capability-grid h3,
.ai-foundation-grid h3,
.ai-leader-grid h3,
.ai-package-card h3 {
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.1;
  margin: 0 0 12px;
}
.ai-tower-capability-grid p,
.ai-foundation-grid p,
.ai-leader-grid p {
  color: var(--muted);
  line-height: 1.55;
  margin: 0 0 18px;
}
.ai-tower-capability-grid a,
.ai-foundation-grid a {
  color: var(--blue);
  font-weight: 850;
}
.ai-platform-foundation {
  background:
    radial-gradient(circle at 84% 12%, rgba(0,183,166,.15), transparent 34%),
    linear-gradient(135deg, #061c35, #0b315d 62%, #075d62);
}
.ai-foundation-grid,
.ai-leader-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.ai-foundation-grid article,
.ai-leader-grid article {
  min-width: 0;
  min-height: 300px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  padding: 26px;
}
.ai-foundation-grid h3,
.ai-foundation-grid p,
.ai-platform-foundation .card-icon + h3 {
  color: white;
}
.ai-foundation-grid p {
  color: rgba(255,255,255,.72);
}
.ai-foundation-grid a {
  color: var(--teal-2);
}
.ai-leader-section {
  background: #fff;
}
.ai-leader-grid article {
  border-color: var(--line);
  background: #fbfdff;
  box-shadow: 0 16px 48px rgba(7,20,38,.05);
}
.ai-package-section {
  background: #fbfdff;
}
.ai-package-layout {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 22px;
  align-items: stretch;
}
.ai-package-card {
  min-width: 0;
  border-radius: 8px;
  padding: 30px;
  color: white;
  background: linear-gradient(135deg, #071426, #0d4ca3 62%, #008f96);
  box-shadow: var(--shadow);
}
.ai-package-card > span {
  color: var(--teal-2);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}
.ai-package-card h3 {
  color: white;
  margin: 24px 0;
}
.ai-package-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.ai-package-list span {
  position: relative;
  min-height: 66px;
  display: flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  color: #25384e;
  padding: 14px 16px 14px 42px;
  font-weight: 800;
  line-height: 1.35;
}
.ai-package-list span:before {
  content: "";
  position: absolute;
  left: 18px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 5px #dff9f6;
}
.ai-related-head {
  margin-top: 58px;
}
.ai-resource-actions {
  margin-top: 28px;
}
.executive-value-hero {
  grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
  min-height: 700px;
}
.executive-value-hero h1 {
  max-width: 780px;
  font-size: clamp(46px, 5.7vw, 78px);
}
.executive-value-visual {
  min-height: 560px;
}
.executive-value-hero .hero-copy,
.executive-value-hero .product-visual {
  min-width: 0;
}
.exec-board-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .46fr);
  gap: 16px;
  padding: 18px;
  background:
    radial-gradient(circle at 82% 8%, rgba(0,183,166,.17), transparent 34%),
    linear-gradient(135deg, rgba(248,252,255,.98), rgba(238,247,251,.92));
}
.exec-board-main,
.exec-board-side,
.exec-board-trend {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 46px rgba(7,20,38,.08);
}
.exec-board-main {
  display: grid;
  gap: 14px;
  padding: 18px;
}
.exec-board-title,
.exec-control-head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.exec-board-title p,
.exec-control-head p {
  margin: 0 0 4px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 900;
}
.exec-board-title strong {
  color: var(--ink);
  font-size: 19px;
  line-height: 1.12;
}
.exec-board-title > span,
.exec-control-head > span {
  flex: 0 0 auto;
  border: 1px solid rgba(0,183,166,.26);
  border-radius: 999px;
  background: rgba(0,183,166,.1);
  color: #007d76;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 900;
}
.exec-hero-kpi {
  position: relative;
  min-height: 146px;
  overflow: hidden;
  border: 1px solid rgba(0,183,166,.22);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(0,183,166,.16), rgba(13,76,163,.08)),
    linear-gradient(90deg, rgba(0,183,166,.08) 1px, transparent 1px),
    linear-gradient(rgba(13,76,163,.07) 1px, transparent 1px);
  background-size: auto, 34px 34px, 34px 34px;
  padding: 18px;
}
.exec-hero-kpi:after {
  content: "";
  position: absolute;
  right: -42px;
  top: -52px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,183,166,.26), transparent 67%);
}
.exec-hero-kpi span,
.exec-kpi-row span,
.exec-value-waterfall span {
  display: block;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 900;
}
.exec-hero-kpi strong {
  display: block;
  margin-top: 8px;
  color: var(--blue);
  font-size: clamp(44px, 4vw, 62px);
  line-height: 1;
}
.exec-hero-kpi small,
.exec-kpi-row small {
  display: block;
  max-width: 270px;
  margin-top: 8px;
  color: #25384e;
  line-height: 1.38;
  font-weight: 750;
}
.exec-hero-kpi b {
  position: absolute;
  right: 18px;
  bottom: 18px;
  border-radius: 999px;
  background: #071426;
  color: white;
  padding: 8px 10px;
  font-size: 11px;
}
.exec-kpi-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.exec-kpi-row article {
  min-width: 0;
  min-height: 102px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff, #f4fbff);
  padding: 14px;
}
.exec-kpi-row strong {
  display: block;
  margin-top: 8px;
  color: var(--blue);
  font-size: clamp(28px, 2.3vw, 40px);
  line-height: 1;
}
.exec-value-waterfall {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdff;
  padding: 14px;
}
.exec-value-waterfall div {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) 62px;
  gap: 10px;
  align-items: center;
}
.exec-value-waterfall i {
  display: block;
  width: var(--w);
  height: 11px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
  box-shadow: 0 6px 16px rgba(0,183,166,.16);
}
.exec-value-waterfall b {
  color: var(--ink);
  font-size: 12px;
  text-align: right;
}
.exec-board-side {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 16px;
}
.exec-board-side article {
  position: relative;
  min-height: 68px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff, #f6fbff);
  padding: 12px 72px 12px 16px;
}
.exec-board-side article:before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: var(--teal);
}
.exec-board-side b,
.exec-board-side span,
.exec-board-side em {
  display: block;
}
.exec-board-side b {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.15;
}
.exec-board-side article span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 750;
}
.exec-board-side em {
  position: absolute;
  right: 12px;
  top: 13px;
  border-radius: 999px;
  background: rgba(0,183,166,.11);
  color: #007d76;
  padding: 5px 7px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.exec-risk-matrix {
  position: relative;
  min-height: 124px;
  overflow: hidden;
  border: 1px solid rgba(13,76,163,.16);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(13,76,163,.08) 1px, transparent 1px),
    linear-gradient(rgba(13,76,163,.08) 1px, transparent 1px),
    linear-gradient(135deg, rgba(0,183,166,.08), rgba(13,76,163,.05));
  background-size: 42px 42px, 42px 42px, auto;
  padding: 12px;
}
.exec-risk-matrix p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}
.exec-risk-matrix i {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 5px rgba(0,183,166,.13);
}
.exec-board-trend {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, .46fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
}
.exec-trend-copy b {
  display: block;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
}
.exec-trend-copy span {
  display: block;
  color: var(--muted);
  line-height: 1.45;
  margin-top: 6px;
}
.exec-board-trend svg {
  width: 100%;
  height: auto;
  min-height: 150px;
}
.exec-grid {
  fill: none;
  stroke: #d9e2ec;
  stroke-width: 2;
}
.exec-area {
  fill: url(#execTrendArea);
}
.exec-line {
  fill: none;
  stroke: var(--teal);
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.exec-dots circle {
  fill: var(--teal);
  stroke: white;
  stroke-width: 4;
}
.exec-labels text {
  fill: var(--muted);
  font-size: 15px;
  font-weight: 800;
}
.workflow-visual { min-height: 470px; }
.workflow-screen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr); gap: 14px; padding: 16px; }
.workflow-main-panel, .workflow-side-panel { border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 16px; min-width: 0; }
.workflow-heading { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; align-items: start; margin-bottom: 14px; }
.workflow-heading span { grid-column: 1 / -1; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 850; }
.workflow-heading strong { color: var(--ink); font-size: 18px; line-height: 1.15; }
.workflow-heading em { color: var(--teal); font-style: normal; font-size: 12px; font-weight: 850; white-space: nowrap; }
.workflow-table { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #fbfdff; }
.workflow-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) 74px 58px; gap: 10px; align-items: center; min-height: 44px; padding: 9px 12px; border-top: 1px solid var(--line); font-size: 13px; }
.workflow-row:first-child { border-top: 0; }
.workflow-row-head { min-height: 34px; background: #f1f6fb; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-size: 10px; font-weight: 850; }
.workflow-row b { color: var(--ink); white-space: nowrap; }
.workflow-row span { color: #25384e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workflow-row small { justify-self: start; min-width: 54px; border-radius: 999px; padding: 5px 8px; text-align: center; font-size: 10px; font-weight: 850; color: var(--ink); }
.workflow-row small.danger { color: #8a1f1f; background: #ffe7e7; }
.workflow-row small.warn { color: #684100; background: #fff2c7; }
.workflow-row small.teal { color: #005f57; background: #dff9f6; }
.workflow-row small.blue { color: #073b7c; background: #e4efff; }
.workflow-row em { color: var(--muted); font-style: normal; font-size: 12px; text-align: right; white-space: nowrap; }
.workflow-context { margin-top: 14px; border: 1px solid var(--line); border-radius: 8px; padding: 14px; background: linear-gradient(135deg, rgba(0,183,166,.08), rgba(13,76,163,.06)); }
.workflow-context h4 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.workflow-context p { position: relative; margin: 8px 0 0; padding-left: 18px; color: #25384e; line-height: 1.35; font-size: 13px; }
.workflow-context p:before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); }
.workflow-side-panel { display: grid; gap: 14px; align-content: start; }
.workflow-side-panel > * { min-width: 0; max-width: 100%; }
.workflow-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; min-width: 0; }
.workflow-metrics div { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: #fbfdff; min-height: 72px; display: grid; align-content: center; min-width: 0; overflow: hidden; }
.workflow-metrics b { color: var(--blue); font-size: clamp(18px, 1.6vw, 23px); line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workflow-metrics span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; font-weight: 850; margin-top: 6px; }
.workflow-mini { border: 1px solid var(--line); border-radius: 8px; min-height: 160px; background: #fbfdff; position: relative; overflow: hidden; width: 100%; max-width: 100%; min-width: 0; }
.workflow-kanban { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px; }
.workflow-kanban span { border-radius: 8px; background: white; border: 1px solid var(--line); color: var(--muted); font-size: 11px; font-weight: 850; display: grid; place-items: start center; padding-top: 12px; position: relative; }
.workflow-kanban span:after { content: ""; width: 70%; height: 48px; border-radius: 7px; background: linear-gradient(145deg, rgba(0,183,166,.18), rgba(13,76,163,.12)); margin-top: 12px; }
.workflow-topology:before, .workflow-topology:after { content: ""; position: absolute; left: 14%; right: 14%; top: 48%; height: 1px; background: #bfd2e6; transform: rotate(20deg); }
.workflow-topology:after { transform: rotate(-18deg); }
.workflow-topology i { position: absolute; width: 22px; height: 22px; border-radius: 50%; background: var(--blue); border: 5px solid #dff9f6; box-shadow: 0 8px 18px rgba(13,76,163,.18); }
.workflow-topology i:nth-child(1) { left: 13%; top: 36%; }
.workflow-topology i:nth-child(2) { left: 33%; top: 18%; background: var(--teal); }
.workflow-topology i:nth-child(3) { left: 52%; top: 50%; }
.workflow-topology i:nth-child(4) { left: 76%; top: 28%; background: var(--teal); }
.workflow-topology i:nth-child(5) { left: 64%; top: 72%; }
.workflow-topology i:nth-child(6) { left: 42%; top: 72%; background: #ffc857; }
.workflow-cloud-map { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px; background: radial-gradient(circle at 72% 18%, rgba(0,183,166,.18), transparent 34%), #fbfdff; }
.workflow-cloud-map span { border-radius: 8px; border: 1px solid var(--line); background: white; color: #25384e; font-size: 12px; font-weight: 850; padding: 12px; display: flex; align-items: end; min-height: 62px; }
.workflow-cloud-map span:nth-child(2), .workflow-cloud-map span:nth-child(3) { background: #f1f8ff; }
.workflow-bars { display: flex; align-items: end; gap: 12px; padding: 16px; }
.workflow-bars span { flex: 1; min-width: 0; height: var(--h); min-height: 36px; border-radius: 8px 8px 0 0; background: linear-gradient(180deg, var(--teal), var(--blue)); display: flex; align-items: start; justify-content: center; padding-top: 8px; color: white; font-size: 11px; font-weight: 850; }
.workflow-audit { display: grid; gap: 10px; padding: 14px; }
.workflow-audit span { position: relative; border: 1px solid var(--line); border-radius: 8px; background: white; color: #25384e; min-height: 26px; padding: 10px 12px 10px 38px; font-size: 12px; font-weight: 850; }
.workflow-audit span:before { content: ""; position: absolute; left: 14px; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: var(--teal); transform: translateY(-50%); box-shadow: 0 0 0 5px #dff9f6; }
.workflow-audit span:not(:last-child):after { content: ""; position: absolute; left: 20px; top: 31px; width: 1px; height: 20px; background: var(--line); }
.workflow-actions { display: grid; gap: 9px; width: 100%; max-width: 100%; min-width: 0; }
.workflow-actions button { width: 100%; max-width: 100%; min-width: 0; min-height: 38px; border: 0; border-radius: 7px; background: var(--teal); color: #062032; font-weight: 850; white-space: normal; }
.workflow-actions button.secondary { background: var(--soft); color: var(--ink); border: 1px solid var(--line); }
.metric-band {
  width: min(1050px, calc(100% - 32px));
  margin: -32px auto 0;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: white;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  border-radius: 8px;
}
.metric-band div { padding: 26px; border-right: 1px solid var(--line); }
.metric-band div:last-child { border-right: 0; }
.metric-band strong { display: block; color: var(--blue); font-size: 34px; }
.metric-band span { color: var(--muted); }
.section {
  padding: 86px max(16px, calc((100% - 1220px)/2));
  scroll-margin-top: 160px;
}
.section.dark {
  background: #061c35;
  color: white;
}
.section.dark .section-head span, .section.dark p { color: rgba(255,255,255,.72); }
.section-head { margin-bottom: 34px; max-width: 880px; }
.section-head span { display: block; color: var(--muted); margin-top: 14px; line-height: 1.55; }
.architecture { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.architecture article { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 22px; min-height: 230px; }
.architecture span { color: var(--teal); font-weight: 900; }
.architecture h3 { font-size: 28px; margin: 38px 0 12px; }
.architecture p { line-height: 1.5; }
.agent-grid, .card-grid, .capability-grid, .resource-grid, .story-grid, .listing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.agent-grid article, .info-card, .capability-grid article, .resource-grid article, .story-grid article, .listing-card {
  border: 1px solid var(--line);
  background: white;
  border-radius: 8px;
  padding: 26px;
  min-height: 230px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.agent-grid article:hover, .listing-card:hover, .resource-grid article:hover { transform: translateY(-3px); box-shadow: 0 18px 50px rgba(7,20,38,.1); }
.card-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(0,183,166,.16), rgba(13,76,163,.12)); color: var(--blue); border: 1px solid rgba(0,183,166,.3); border-radius: 8px; margin-bottom: 24px; }
.card-icon svg { width: 28px; height: 28px; display: block; color: currentColor; }
.agent-grid article:nth-child(odd) .card-icon, .info-card:nth-child(odd) .card-icon { color: var(--teal); }
.agent-grid h3, .info-card h3, .resource-grid h3, .story-grid h3, .listing-card h2, .capability-grid h3 { font-size: 24px; line-height: 1.15; margin: 0 0 12px; }
.agent-grid p, .info-card p, .resource-grid p, .story-grid p, .listing-card p, .capability-grid p { color: var(--muted); line-height: 1.55; }
.agent-grid a, .resource-grid a, .story-grid a, .capability-grid a, .listing-card b { color: var(--blue); font-weight: 850; }
.split-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 42px; align-items: start; }
.workflow-section { grid-template-columns: .62fr 1.38fr; }
.split-section > div:first-child p:not(.eyebrow) { color: var(--muted); font-size: 18px; line-height: 1.65; }
.solution-tabs { border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: var(--soft); }
.solution-tabs > button {
  border: 0;
  background: transparent;
  padding: 12px 14px;
  border-radius: 7px;
  font-weight: 850;
  cursor: pointer;
}
.solution-tabs > button.active { background: var(--ink); color: white; }
.tab-panels article { display: none; padding: 22px; }
.tab-panels article.active { display: block; }
.tab-panels .product-visual { margin-top: 18px; min-height: 360px; transform: none; transform-origin: top center; }
.proof-section { background: var(--soft); }
.story-grid article strong { display: block; font-size: 42px; color: var(--blue); margin-top: 28px; }
.story-grid article span { color: var(--muted); }
.news-section { background: #fbfdff; }
.page-hero .product-visual, .contact-hero .contact-form { align-self: stretch; }
.subnav {
  position: sticky;
  top: 92px;
  z-index: 10;
  display: flex;
  gap: 22px;
  padding: 14px max(16px, calc((100% - 1220px)/2));
  background: white;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
}
.subnav a { font-weight: 800; color: #244059; white-space: nowrap; }
.enterprise-automation-hero {
  min-height: 640px;
  gap: 44px;
}
.enterprise-automation-hero h1 {
  font-size: clamp(44px, 5.6vw, 76px);
  line-height: .98;
  max-width: 790px;
}
.enterprise-automation-hero .lead {
  max-width: 760px;
}
.enterprise-subnav {
  justify-content: center;
}
.enterprise-flow-visual {
  align-self: center;
  position: relative;
  display: grid;
  gap: 18px;
  width: 100%;
  min-height: 480px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.06)),
    linear-gradient(135deg, rgba(7,20,38,.88), rgba(13,76,163,.62));
  box-shadow: 0 28px 90px rgba(0,0,0,.24);
  overflow: hidden;
}
.enterprise-flow-visual:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .42;
  pointer-events: none;
}
.enterprise-flow-visual > * {
  position: relative;
}
.enterprise-flow-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}
.enterprise-flow-header span {
  color: var(--teal-2);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 900;
}
.enterprise-flow-header strong {
  color: white;
  font-size: 22px;
  line-height: 1.1;
  text-align: right;
}
.enterprise-flow-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  min-width: 0;
}
.enterprise-flow-step {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 104px;
  min-width: 0;
  padding: 16px 10px 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  color: white;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.enterprise-flow-step span {
  display: block;
  color: var(--teal-2);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
}
.enterprise-flow-step b {
  display: block;
  max-width: 100%;
  margin-top: 14px;
  color: white;
  font-size: clamp(15px, 1.08vw, 18px);
  line-height: 1.08;
  overflow-wrap: anywhere;
  word-break: normal;
}
.enterprise-flow-step:after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 12px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
  opacity: .34;
}
.enterprise-flow-step:hover,
.enterprise-flow-step:focus-visible,
.enterprise-flow-step.is-active {
  transform: translateY(-3px);
  border-color: rgba(0,212,192,.72);
  background: rgba(255,255,255,.15);
  box-shadow: 0 20px 44px rgba(0,0,0,.18);
  outline: none;
}
.enterprise-flow-step.is-active:after {
  opacity: 1;
}
.enterprise-flow-detail {
  min-height: 132px;
  padding: 22px;
  border: 1px solid rgba(0,212,192,.45);
  border-radius: 8px;
  background: rgba(7,20,38,.52);
}
.enterprise-flow-detail span {
  display: block;
  color: var(--teal-2);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.enterprise-flow-detail p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.88);
  font-size: 18px;
  line-height: 1.52;
  overflow-wrap: anywhere;
}
.enterprise-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.enterprise-flow-grid div {
  min-height: 88px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}
.enterprise-flow-grid b,
.enterprise-flow-grid span {
  display: block;
}
.enterprise-flow-grid b {
  color: white;
  font-size: 16px;
  overflow-wrap: anywhere;
}
.enterprise-flow-grid span {
  margin-top: 5px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.enterprise-benefit-grid,
.enterprise-capability-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.enterprise-benefit-grid article,
.enterprise-capability-grid article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 26px;
  min-height: 260px;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.enterprise-benefit-grid article:hover,
.enterprise-capability-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.46);
  box-shadow: 0 22px 58px rgba(7,20,38,.11);
}
.enterprise-benefit-grid h3,
.enterprise-capability-grid h3 {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.14;
}
.enterprise-benefit-grid p,
.enterprise-capability-grid p {
  color: var(--muted);
  line-height: 1.55;
}
.enterprise-capability-grid a {
  color: var(--blue);
  font-weight: 900;
}
.enterprise-workflow-section {
  overflow: hidden;
}
.enterprise-workflow-section .section-head {
  max-width: 980px;
}
.enterprise-automation-canvas {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 34px 90px rgba(0,0,0,.28);
}
.enterprise-canvas-nav {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 72px;
  padding: 0 26px;
  color: white;
  background: linear-gradient(100deg, #071426, #0d4ca3 66%, #008f96);
  border-bottom: 5px solid var(--teal);
}
.enterprise-canvas-nav span {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff6770;
}
.enterprise-canvas-nav span:nth-child(2) {
  background: #ffc658;
}
.enterprise-canvas-nav span:nth-child(3) {
  background: var(--teal);
}
.enterprise-canvas-nav strong {
  margin-left: 12px;
  font-size: 22px;
  line-height: 1.1;
}
.enterprise-canvas-nav em {
  margin-left: auto;
  color: #bfefea;
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
}
.enterprise-canvas-body {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, .56fr);
  gap: 18px;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(245,248,251,.92), rgba(255,255,255,.98)),
    linear-gradient(90deg, rgba(13,76,163,.07) 1px, transparent 1px),
    linear-gradient(rgba(13,76,163,.07) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}
.enterprise-canvas-work,
.enterprise-canvas-side,
.enterprise-canvas-graph {
  border: 1px solid #cfe0ee;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  min-width: 0;
}
.enterprise-canvas-work {
  display: grid;
  gap: 12px;
  padding: 22px;
}
.enterprise-canvas-work > p {
  margin: 0 0 6px;
  color: #4c6078;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.enterprise-canvas-work article {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 78px;
  padding: 14px;
  border: 1px solid #d8e7f3;
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff, #f5fbff);
}
.enterprise-canvas-work article > span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 6px rgba(0,183,166,.12);
}
.enterprise-canvas-work b,
.enterprise-canvas-work small,
.enterprise-canvas-work em {
  display: block;
}
.enterprise-canvas-work b {
  font-size: 18px;
  line-height: 1.18;
}
.enterprise-canvas-work small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 750;
}
.enterprise-canvas-work em {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,183,166,.12);
  color: #007d76;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}
.enterprise-canvas-side {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 18px;
}
.enterprise-canvas-side div {
  min-height: 104px;
  padding: 16px;
  border: 1px solid #d8e7f3;
  border-radius: 8px;
  background: white;
}
.enterprise-canvas-side span,
.enterprise-canvas-side small {
  display: block;
}
.enterprise-canvas-side span {
  color: #506177;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
}
.enterprise-canvas-side b {
  display: block;
  margin-top: 8px;
  color: var(--teal);
  font-size: 38px;
  line-height: 1;
}
.enterprise-canvas-side small {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}
.enterprise-canvas-graph {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 22px;
  min-height: 190px;
}
.enterprise-canvas-graph div {
  position: relative;
  min-height: 144px;
  border-radius: 8px;
  background:
    linear-gradient(26deg, transparent 49%, rgba(13,76,163,.18) 50%, transparent 51%),
    linear-gradient(154deg, transparent 49%, rgba(0,183,166,.22) 50%, transparent 51%),
    #f5fbff;
}
.enterprise-canvas-graph span {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 7px rgba(13,76,163,.12);
}
.enterprise-canvas-graph span:nth-child(1) { left: 16%; top: 32%; }
.enterprise-canvas-graph span:nth-child(2) { left: 46%; top: 18%; background: var(--teal); }
.enterprise-canvas-graph span:nth-child(3) { left: 72%; top: 48%; }
.enterprise-canvas-graph span:nth-child(4) { left: 35%; top: 66%; background: var(--teal); }
.enterprise-canvas-graph span:nth-child(5) { left: 82%; top: 18%; background: var(--teal); }
.enterprise-canvas-graph p {
  margin: 0;
  color: #314762;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 850;
}
.enterprise-proof-section {
  background: var(--soft);
}
.enterprise-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.enterprise-proof-grid article {
  min-height: 210px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
}
.enterprise-proof-grid span {
  display: block;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.enterprise-proof-grid strong {
  display: block;
  margin-top: 26px;
  color: var(--blue);
  font-size: clamp(34px, 3.5vw, 52px);
  line-height: 1;
}
.enterprise-proof-grid p {
  color: var(--muted);
  line-height: 1.5;
}
.enterprise-platform-cta {
  background: linear-gradient(135deg, #071426, #0d4ca3 62%, #008f96);
  color: white;
}
.enterprise-platform-cta > div {
  max-width: 920px;
}
.enterprise-platform-cta h2 {
  color: white;
}
.enterprise-platform-cta p:not(.eyebrow) {
  max-width: 820px;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.62;
}
.enterprise-platform-cta .button-outline {
  border-color: rgba(255,255,255,.36);
  color: white;
  background: rgba(255,255,255,.08);
}
.product-detail-hero {
  min-height: 660px;
  gap: 44px;
}
.product-detail-hero h1 {
  font-size: clamp(44px, 5.3vw, 76px);
  line-height: .98;
  max-width: 820px;
}
.product-subnav {
  gap: 18px;
  overflow-x: auto;
}
.product-overview-section .section-head,
.product-usecase-section .section-head,
.product-faq-section .section-head {
  max-width: 980px;
}
.product-benefit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.product-usecase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.product-usecase-grid article {
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  overflow-wrap: anywhere;
}
.product-usecase-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.46);
  box-shadow: 0 22px 58px rgba(7,20,38,.11);
}
.product-usecase-grid h3 {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.14;
}
.product-usecase-grid p {
  color: var(--muted);
  line-height: 1.55;
}
.product-related-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
}
.product-related-list span {
  flex-basis: 100%;
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 950;
}
.product-related-list a {
  min-height: 34px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--soft);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}
.product-workflow-section .enterprise-automation-canvas {
  max-width: 1220px;
}
.product-integrations-section {
  align-items: center;
  background: var(--soft);
}
.product-integrations-section > div:first-child {
  max-width: 560px;
}
.product-faq-section {
  background: var(--soft);
}
.customer-hero,
.resources-hero,
.demo-hero,
.compare-hero,
.trust-hero,
.support-hero,
.roi-hero {
  min-height: 640px;
  gap: 44px;
}
.customer-hero h1,
.resources-hero h1,
.demo-hero h1,
.compare-hero h1,
.trust-hero h1,
.support-hero h1,
.roi-hero h1 {
  font-size: clamp(44px, 5.4vw, 76px);
  line-height: .98;
}
.logo-showcase-section {
  padding-top: 42px;
  padding-bottom: 46px;
  background: #f7fbff;
  border-bottom: 1px solid var(--line);
}
.logo-showcase-head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: end;
  margin-bottom: 24px;
}
.logo-showcase-head h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
}
.logo-showcase-head > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.58;
  font-weight: 700;
}
.logo-showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.logo-showcase-grid article {
  min-width: 0;
  min-height: 104px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(13,76,163,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 14px 40px rgba(7,20,38,.05);
}
.logo-showcase-grid article.has-logo img {
  display: block;
  max-width: min(72%, 190px);
  max-height: 54px;
  object-fit: contain;
}
.logo-showcase-grid article.is-placeholder {
  background:
    linear-gradient(135deg, rgba(0,183,166,.06), rgba(13,76,163,.04)),
    #fff;
}
.logo-showcase-grid article.is-placeholder span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(0,183,166,.24);
  border-radius: 999px;
  color: #49627f;
  background: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.customer-featured-grid,
.customer-story-grid,
.demo-role-grid,
.demo-card-grid,
.trust-pillar-grid,
.trust-status-grid,
.support-path-grid,
.value-driver-grid,
.mini-metric-grid {
  display: grid;
  gap: 18px;
}
.customer-featured-grid,
.customer-story-grid,
.demo-role-grid,
.demo-card-grid,
.trust-pillar-grid,
.support-path-grid,
.value-driver-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mini-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.split-section .mini-metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.customer-featured-grid article,
.customer-story-grid article,
.demo-role-grid article,
.demo-card-grid article,
.trust-pillar-grid article,
.trust-status-grid article,
.support-path-grid article,
.value-driver-grid article,
.mini-metric-grid article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 26px;
  min-width: 0;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  overflow-wrap: anywhere;
}
.customer-featured-grid article:hover,
.customer-story-grid article:hover,
.demo-role-grid article:hover,
.demo-card-grid article:hover,
.trust-pillar-grid article:hover,
.support-path-grid article:hover,
.value-driver-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.46);
  box-shadow: 0 22px 58px rgba(7,20,38,.11);
}
.customer-featured-grid span,
.customer-story-grid span,
.demo-card-grid span,
.trust-status-grid span,
.mini-metric-grid span {
  display: block;
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.customer-featured-grid h3,
.customer-story-grid h3,
.demo-role-grid h3,
.demo-card-grid h3,
.trust-pillar-grid h3,
.trust-status-grid h3,
.support-path-grid h3,
.value-driver-grid h3 {
  margin: 10px 0 12px;
  font-size: 24px;
  line-height: 1.14;
}
.customer-featured-grid p,
.customer-story-grid p,
.demo-role-grid p,
.demo-card-grid p,
.trust-pillar-grid p,
.trust-status-grid p,
.support-path-grid p,
.value-driver-grid p,
.mini-metric-grid p {
  color: var(--muted);
  line-height: 1.55;
}
.customer-featured-grid strong,
.mini-metric-grid strong {
  display: block;
  margin-top: 22px;
  color: var(--blue);
  font-size: clamp(30px, 2.8vw, 46px);
  line-height: 1;
  overflow-wrap: normal;
  word-break: normal;
}
.customer-featured-grid a,
.customer-story-grid a,
.demo-role-grid a,
.demo-card-grid a,
.support-path-grid a {
  color: var(--blue);
  font-weight: 900;
}
.resource-toolbar {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.resource-toolbar input {
  flex: 1 1 280px;
  min-height: 48px;
  max-width: 560px;
}
.filter-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.filter-chips.vertical {
  display: grid;
}
.filter-chips button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 14px;
  background: white;
  color: var(--ink);
  font-weight: 850;
  cursor: pointer;
}
.filter-chips button.is-active,
.filter-chips button:hover,
.filter-chips button:focus-visible {
  border-color: rgba(0,183,166,.48);
  background: rgba(0,183,166,.12);
  color: #007d76;
}
.resource-layout {
  display: grid;
  grid-template-columns: minmax(260px, .32fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.resource-filter-panel {
  position: sticky;
  top: 120px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 24px;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
}
.resource-filter-panel h2 {
  margin-top: 0;
  font-size: 28px;
  line-height: 1.08;
}
.resource-center-section,
.customer-story-section,
.trust-status-section,
.support-success-section,
.roi-report-section {
  background: var(--soft);
}
.demo-card-grid article {
  display: flex;
  flex-direction: column;
  min-height: 270px;
}
.demo-card-grid a {
  margin-top: auto;
}
.trust-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.trust-status-grid article {
  min-height: 220px;
}
.trust-evidence-note {
  background: #071426;
  color: white;
}
.trust-evidence-note h2 {
  color: white;
}
.trust-evidence-note .section-head span {
  color: rgba(255,255,255,.72);
}
.roi-calculator-section .section-head {
  max-width: 1000px;
}
.roi-calculator-section .roi-section {
  padding: 0;
  background: transparent;
}
.roi-sticky-result {
  position: sticky;
  top: 118px;
  align-self: start;
}
.value-driver-grid article {
  min-height: 260px;
}
.page-cta {
  margin-top: 0;
}
.page-cta .hero-actions {
  margin-top: 22px;
}
.category-hub-hero {
  min-height: 660px;
  gap: 48px;
}
.category-hub-hero h1 {
  font-size: clamp(44px, 5.4vw, 76px);
  line-height: .98;
  max-width: 850px;
}
.category-hero-visual {
  align-self: stretch;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 500px;
  min-width: 0;
  border: 1px solid rgba(191,239,234,.34);
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.06)),
    radial-gradient(circle at 84% 18%, rgba(0,212,192,.28), transparent 34%),
    radial-gradient(circle at 12% 86%, rgba(21,120,255,.24), transparent 38%),
    rgba(7,20,38,.62);
  box-shadow: 0 28px 80px rgba(0,0,0,.24);
}
.category-hero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(191,239,234,.24);
}
.category-hero-top span,
.category-hero-flow span,
.category-card > span,
.category-group-card span,
.category-metric-band span,
.category-rollout-grid span {
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.category-hero-top strong {
  color: white;
  font-size: 24px;
  line-height: 1.1;
}
.category-hero-flow {
  display: grid;
  gap: 14px;
  padding: 22px;
}
.category-hero-flow article {
  position: relative;
  min-width: 0;
  padding: 22px 22px 22px 68px;
  border: 1px solid rgba(191,239,234,.22);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
}
.category-hero-flow article:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 58px;
  bottom: -24px;
  width: 1px;
  background: linear-gradient(var(--teal), transparent);
}
.category-hero-flow article:last-child:before {
  display: none;
}
.category-hero-flow span {
  position: absolute;
  left: 18px;
  top: 20px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 8px;
  color: white;
  background: linear-gradient(135deg, var(--blue), var(--teal));
}
.category-hero-flow h3 {
  margin: 0 0 8px;
  color: white;
  font-size: 24px;
  line-height: 1.1;
}
.category-hero-flow p {
  margin: 0;
  color: rgba(255,255,255,.76);
  line-height: 1.45;
}
.category-hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(191,239,234,.2);
}
.category-hero-metrics div {
  min-width: 0;
  padding: 18px;
  background: rgba(7,20,38,.74);
}
.category-hero-metrics strong,
.category-metric-band strong {
  display: block;
  color: var(--teal);
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1;
  overflow-wrap: normal;
  word-break: normal;
}
.category-hero-metrics span {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  font-weight: 800;
}
.hub-subnav {
  justify-content: center;
  background: white;
}
.hub-subnav a {
  min-height: 54px;
}
.category-hub-section,
.category-proof-section {
  background: var(--soft);
}
.category-platform-section {
  background:
    linear-gradient(135deg, rgba(245,251,255,.96), rgba(255,255,255,.98)),
    radial-gradient(circle at 85% 10%, rgba(0,183,166,.15), transparent 34%);
}
.category-card-grid,
.category-group-grid,
.category-rollout-grid,
.category-metric-band {
  display: grid;
  gap: 18px;
}
.category-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.products-category-grid,
.industry-category-grid,
.solutions-category-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.category-card,
.category-group-card,
.category-rollout-grid article,
.category-metric-band article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 18px 54px rgba(7,20,38,.07);
}
.category-card {
  display: flex;
  flex-direction: column;
  min-height: 280px;
  padding: 26px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.category-card:hover,
.category-group-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.5);
  box-shadow: 0 24px 64px rgba(7,20,38,.12);
}
.category-card h3,
.category-group-card h3,
.category-rollout-grid h3 {
  margin: 12px 0;
  color: var(--ink);
  font-size: clamp(24px, 2.3vw, 34px);
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.category-card p,
.category-group-card p,
.category-rollout-grid p,
.category-metric-band p {
  color: var(--muted);
  line-height: 1.55;
}
.section.dark .category-rollout-grid p {
  color: var(--muted);
}
.category-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 22px;
}
.category-card em {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid #bfeee9;
  border-radius: 999px;
  color: #005f72;
  background: #eafffb;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}
.category-card b,
.category-group-card a {
  margin-top: 20px;
  color: var(--blue);
  font-weight: 950;
}
.category-group-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.category-group-card {
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: 28px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.category-related-links {
  display: grid;
  gap: 10px;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.category-related-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--ink);
  font-weight: 900;
}
.category-related-links a:after {
  content: ">";
  color: var(--teal);
}
.category-rollout-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.category-rollout-grid article {
  position: relative;
  min-height: 250px;
  padding: 28px;
  overflow: hidden;
}
.category-rollout-grid article:after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  top: 0;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}
.category-metric-band {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.category-metric-band article {
  min-height: 220px;
  padding: 26px;
}
.industry-hero {
  min-height: 640px;
  gap: 44px;
}
.industry-hero h1 {
  font-size: clamp(44px, 5.6vw, 76px);
  line-height: .98;
  max-width: 790px;
}
.industry-solution-grid,
.industry-product-grid,
.industry-story-grid {
  display: grid;
  gap: 18px;
}
.industry-solution-grid,
.industry-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.industry-story-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.industry-solution-grid article,
.industry-product-grid article,
.industry-story-grid article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  padding: 26px;
  min-width: 0;
  box-shadow: 0 16px 48px rgba(7,20,38,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.industry-solution-grid article,
.industry-product-grid article {
  min-height: 300px;
}
.industry-story-grid article {
  min-height: 260px;
}
.industry-solution-grid article:hover,
.industry-product-grid article:hover,
.industry-story-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.46);
  box-shadow: 0 22px 58px rgba(7,20,38,.11);
}
.industry-solution-grid h3,
.industry-product-grid h3,
.industry-story-grid h3 {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.14;
  overflow-wrap: anywhere;
}
.industry-solution-grid p,
.industry-product-grid p,
.industry-story-grid p {
  color: var(--muted);
  line-height: 1.55;
}
.industry-related {
  display: grid;
  gap: 8px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.industry-related span,
.industry-story-grid > article > span {
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.industry-related a,
.industry-product-grid a {
  color: var(--blue);
  font-weight: 900;
}
.industry-story-section {
  background: var(--soft);
}
.industry-story-grid strong {
  display: block;
  margin-top: 28px;
  color: var(--blue);
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1;
}
.industry-faq-section {
  background: #fbfdff;
}
.mini-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.mini-tabs span, .integration-grid span { display: inline-flex; min-height: 44px; align-items: center; padding: 0 16px; background: var(--soft); border: 1px solid var(--line); border-radius: 999px; font-weight: 800; }
.integration-grid { display: flex; flex-wrap: wrap; gap: 12px; align-content: flex-start; }
.control-plane-visual {
  position: relative;
  isolation: isolate;
  min-height: 520px;
  border: 1px solid #cbdbe9;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(247,251,255,.94)),
    radial-gradient(circle at 85% 12%, rgba(0,183,166,.22), transparent 34%),
    radial-gradient(circle at 18% 92%, rgba(13,76,163,.18), transparent 38%);
  box-shadow: 0 24px 70px rgba(7,20,38,.09);
}
.control-plane-visual:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(13,76,163,.08) 1px, transparent 1px),
    linear-gradient(rgba(13,76,163,.08) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(135deg, transparent 0%, black 18%, black 80%, transparent 100%);
}
.control-plane-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  color: white;
  background: linear-gradient(110deg, #071426, #0d4ca3 62%, #008f96);
  border-bottom: 5px solid var(--teal);
}
.control-plane-status span {
  color: #bfefea;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 12px;
  font-weight: 900;
}
.control-plane-status strong {
  color: white;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.2;
  text-align: right;
  min-width: 0;
  overflow-wrap: anywhere;
}
.control-plane-grid {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(360px, 1.28fr);
  gap: 18px;
  padding: 24px;
}
.control-plane-core,
.control-module {
  border: 1px solid #d9e7f2;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 16px 44px rgba(7,20,38,.06);
  min-width: 0;
}
.control-plane-core {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 390px;
  padding: 24px;
}
.control-plane-core > span,
.control-module span {
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}
.control-plane-core h3 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.control-plane-core p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.control-plane-detail {
  margin-top: 12px;
  padding: 18px;
  border: 1px solid rgba(0,183,166,.28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0,183,166,.12), rgba(13,76,163,.08));
}
.control-plane-detail small {
  display: block;
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}
.control-plane-detail b {
  display: block;
  margin-top: 8px;
  color: #17314d;
  font-size: 16px;
  line-height: 1.48;
  overflow-wrap: anywhere;
}
.control-module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(138px, auto);
  gap: 12px;
}
.control-module {
  position: relative;
  display: flex;
  min-height: 138px;
  padding: 18px 18px 16px;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  cursor: pointer;
  overflow-wrap: anywhere;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.control-module-grid .control-module:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.control-module:before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
  opacity: .35;
}
.control-module b {
  display: block;
  margin-top: 16px;
  color: var(--ink);
  font-size: clamp(17px, 1.15vw, 20px);
  line-height: 1.14;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}
.control-module em {
  display: block;
  margin-top: 8px;
  color: #5c6b7d;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.38;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}
.control-module:hover,
.control-module:focus-visible,
.control-module.is-active {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.62);
  background: #ffffff;
  box-shadow: 0 20px 54px rgba(7,20,38,.13);
  outline: none;
}
.control-module.is-active:before {
  opacity: 1;
}
.ai-agents-hero .agent-command-visual {
  align-self: center;
  min-height: 0;
  width: 100%;
}
.ai-agents-hero {
  gap: 36px;
  padding-top: 58px;
  padding-bottom: 58px;
}
.ai-agents-hero h1 {
  font-size: clamp(44px, 5.7vw, 74px);
  line-height: .98;
  max-width: 780px;
}
.agent-command-visual {
  background: #f6fbff;
}
.agent-command-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .72fr);
  gap: 14px;
  padding: 16px;
}
.agent-command-main,
.agent-command-side {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  min-width: 0;
}
.agent-command-main {
  padding: 16px;
}
.agent-command-title span,
.agent-guardrail-card span,
.agent-trace-card span,
.agent-lifecycle-control > div > span {
  color: var(--muted);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .08em;
  font-weight: 900;
}
.agent-command-title h3 {
  margin: 8px 0 14px;
  font-size: 22px;
  line-height: 1.14;
}
.agent-roster {
  display: grid;
  gap: 10px;
}
.agent-roster article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: linear-gradient(135deg, #ffffff, #f6fbff);
  outline: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.agent-roster article:hover,
.agent-roster article:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(0,183,166,.58);
  box-shadow: 0 16px 36px rgba(7,20,38,.1);
}
.agent-roster b {
  display: block;
  color: var(--ink);
  font-size: 14px;
}
.agent-roster span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}
.agent-roster strong {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  color: var(--blue);
  background: linear-gradient(145deg, rgba(0,183,166,.16), rgba(13,76,163,.12));
  border: 1px solid rgba(0,183,166,.26);
  font-size: 22px;
}
.agent-command-side {
  display: grid;
  gap: 12px;
  padding: 14px;
  align-content: start;
  background: radial-gradient(circle at 80% 8%, rgba(0,183,166,.14), transparent 34%), white;
}
.agent-guardrail-card,
.agent-trace-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px;
  background: #fbfdff;
}
.agent-guardrail-card b {
  display: block;
  margin-top: 8px;
  color: var(--blue);
  font-size: 19px;
}
.agent-guardrail-card p,
.agent-trace-card p {
  margin: 8px 0 0;
  color: #25384e;
  line-height: 1.4;
  font-size: 13px;
}
.agent-action-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.agent-action-row button {
  min-height: 40px;
  border: 0;
  border-radius: 7px;
  background: var(--teal);
  color: #062032;
  font-weight: 900;
}
.agent-action-row button.secondary {
  background: var(--soft);
  color: var(--ink);
  border: 1px solid var(--line);
}
.ai-agent-overview {
  align-items: center;
}
.agent-lifecycle {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(13,76,163,.18);
  border-radius: 8px;
  padding: 18px;
  color: white;
  background:
    radial-gradient(circle at 18% 10%, rgba(110,231,255,.15), transparent 28%),
    radial-gradient(circle at 85% 82%, rgba(0,183,166,.2), transparent 36%),
    linear-gradient(135deg, #061c35, #06384a 56%, #071426);
  box-shadow: 0 28px 70px rgba(7,20,38,.18);
}
.agent-lifecycle:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(191,239,234,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,239,234,.07) 1px, transparent 1px);
  background-size: 38px 38px;
  opacity: .48;
}
.agent-lifecycle > * {
  position: relative;
  z-index: 1;
}
.agent-lifecycle-status {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 14px;
}
.agent-lifecycle-status span {
  margin-right: auto;
  color: var(--teal);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.agent-lifecycle-status b {
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  border-radius: 999px;
  padding: 7px 10px;
  color: white;
  font-size: 12px;
}
.agent-lifecycle-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(96px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
  min-width: 0;
}
.agent-lifecycle-track article {
  position: relative;
  display: grid;
  align-content: start;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  min-width: 0;
  min-height: 214px;
  padding: 16px;
  background: rgba(255,255,255,.07);
  outline: none;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.agent-lifecycle-track article:after {
  display: none;
}
.agent-lifecycle-track article:last-child:after {
  display: none;
}
.agent-lifecycle-track article:hover,
.agent-lifecycle-track article:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(0,212,192,.72);
  background: rgba(0,183,166,.14);
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.agent-lifecycle-track article span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: linear-gradient(135deg, #0d4ca3, #00b7a6);
  color: white;
  font-size: 12px;
  font-weight: 900;
}
.agent-lifecycle-track h3 {
  margin: 20px 0 10px;
  color: white;
  font-size: clamp(17px, 1.15vw, 20px);
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.agent-lifecycle-track p {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.agent-lifecycle-control {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) minmax(280px, .86fr);
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(0,212,192,.38);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
}
.agent-lifecycle-control h3 {
  margin: 7px 0 0;
  color: white;
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.18;
  overflow-wrap: anywhere;
}
.agent-flow-map {
  position: relative;
  height: 82px;
  border-radius: 8px;
  background: radial-gradient(circle, rgba(0,212,192,.2), transparent 62%);
}
.agent-flow-map:before,
.agent-flow-map:after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 48%;
  height: 1px;
  background: rgba(191,239,234,.28);
  transform: rotate(20deg);
}
.agent-flow-map:after {
  transform: rotate(-18deg);
}
.agent-flow-map i {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--blue);
  border: 4px solid rgba(191,239,234,.72);
}
.agent-flow-map i:nth-child(1) { left: 11%; top: 38%; }
.agent-flow-map i:nth-child(2) { left: 36%; top: 15%; background: var(--teal); }
.agent-flow-map i:nth-child(3) { left: 49%; top: 55%; }
.agent-flow-map i:nth-child(4) { left: 76%; top: 30%; background: var(--teal); }
.agent-flow-map i:nth-child(5) { left: 64%; top: 70%; }
.agent-lifecycle-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}
.agent-lifecycle-metrics b {
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  min-height: 72px;
  min-width: 0;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: white;
  padding: 12px;
  font-size: clamp(18px, 1.65vw, 24px);
  line-height: 1;
  overflow: hidden;
}
.agent-lifecycle-metrics small {
  display: block;
  margin-top: 7px;
  color: #bffefa;
  font-size: 8.5px;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.18;
  white-space: nowrap;
}
.integration-fabric-section { align-items: center; }
.integration-fabric {
  position: relative;
  min-height: 560px;
  border: 1px solid rgba(13,76,163,.18);
  border-radius: 8px;
  overflow: hidden;
  padding: 22px;
  color: white;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,183,166,.2), transparent 39%),
    radial-gradient(circle at 14% 16%, rgba(110,231,255,.16), transparent 26%),
    linear-gradient(135deg, #061c35 0%, #06384a 56%, #071426 100%);
  box-shadow: 0 28px 70px rgba(7,20,38,.2);
}
.integration-fabric:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(191,239,234,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,239,234,.07) 1px, transparent 1px);
  background-size: 38px 38px;
  opacity: .55;
  z-index: 0;
}
.integration-status {
  position: relative;
  z-index: 3;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
.integration-status span {
  margin-right: auto;
  color: var(--teal);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.integration-status b {
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  border-radius: 999px;
  padding: 7px 10px;
  color: white;
  font-size: 12px;
}
.integration-map {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.integration-lane {
  display: grid;
  gap: 14px;
}
.integration-group {
  position: relative;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(6,28,53,.74);
  border-radius: 8px;
  padding: 12px;
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.integration-group header {
  display: grid;
  grid-template-columns: 10px 1fr;
  gap: 10px;
  align-items: start;
  margin-bottom: 10px;
}
.integration-group header > span {
  width: 10px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(180deg, #00d4c0, #0d4ca3);
  box-shadow: 0 0 22px rgba(0,212,192,.42);
}
.integration-group h3 {
  margin: 0 0 4px;
  color: white;
  font-size: 14px;
  line-height: 1.2;
}
.integration-group p {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 11px;
  line-height: 1.35;
}
.integration-node-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.integration-node {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  border-radius: 8px;
  padding: 8px;
  outline: none;
  min-height: 48px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.integration-node:hover,
.integration-node:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(0,212,192,.72);
  background: rgba(0,183,166,.14);
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.integration-badge {
  display: inline-flex;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  background: linear-gradient(135deg, #0d4ca3, #00b7a6);
  color: white;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
}
.integration-node strong {
  display: block;
  color: white;
  font-size: 12px;
  line-height: 1.2;
}
.integration-node span {
  display: none;
  color: rgba(255,255,255,.62);
  font-size: 10px;
  line-height: 1.3;
}
.integration-core {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
  border: 1px solid rgba(0,212,192,.58);
  background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 12px;
  box-shadow: 0 24px 70px rgba(0,0,0,.25), inset 0 0 32px rgba(0,183,166,.12);
}
.integration-core:before {
  content: "";
  position: absolute;
  inset: -22px;
  border: 1px solid rgba(191,239,234,.2);
  border-radius: 8px;
  pointer-events: none;
}
.core-mark {
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 0;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #00d4c0 25%, #0d4ca3 72%);
  box-shadow: 0 0 42px rgba(0,212,192,.45);
}
.integration-core h3 {
  margin: 0;
  color: white;
  font-size: 23px;
  line-height: 1.05;
}
.integration-core p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.45;
}
.core-steps {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
.core-steps span {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 5px 7px;
  background: rgba(255,255,255,.08);
  color: #bffefa;
  font-size: 11px;
  font-weight: 900;
}
.integration-paths {
  position: absolute;
  inset: 58px 18px 18px;
  z-index: 1;
  width: calc(100% - 36px);
  height: calc(100% - 76px);
  opacity: .82;
}
.integration-paths path {
  fill: none;
  stroke: #00d4c0;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 9 13;
  animation: integrationFlow 5s linear infinite;
}
.integration-paths path:nth-child(2),
.integration-paths path:nth-child(5) {
  stroke: #6ee7ff;
  opacity: .75;
  animation-delay: -1.5s;
}
@keyframes integrationFlow {
  to { stroke-dashoffset: -96; }
}
.listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.listing-card span, .resource-grid span, .story-grid p { color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pricing-grid article { border: 1px solid var(--line); border-radius: 8px; padding: 28px; background: white; }
.pricing-grid h2 { font-size: 32px; }
.pricing-grid strong { display: block; font-size: 24px; margin: 20px 0; }
.pricing-grid span { display: block; padding: 10px 0; border-top: 1px solid var(--line); color: var(--muted); }
.pricing-grid .button { margin-top: 20px; width: 100%; }
.rendering-section { background: #f7fbff; scroll-margin-top: 150px; }
.platform-rendering { margin: 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--line); background: white; box-shadow: var(--shadow); }
.platform-rendering img { width: 100%; display: block; }
.platform-rendering figcaption { padding: 16px 20px; color: var(--muted); font-size: 14px; line-height: 1.5; background: white; }
.platform-mockup {
  --mock-accent: var(--teal);
  background: #fff;
  color: var(--ink);
}
.mock-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: clamp(18px, 2.4vw, 30px) clamp(18px, 3vw, 42px);
  color: white;
  background: linear-gradient(100deg, #071426 0%, #0d4ca3 55%, #008c94 100%);
  border-bottom: 6px solid var(--mock-accent);
}
.mock-header b {
  display: block;
  font-size: clamp(22px, 2.1vw, 34px);
  line-height: 1.1;
}
.mock-header span {
  display: block;
  margin-top: 7px;
  color: #d8fbf7;
  font-size: clamp(13px, 1.1vw, 16px);
  line-height: 1.45;
  font-weight: 700;
}
.mock-header aside {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 6px;
  background: rgba(255,255,255,.12);
  color: white;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
}
.mock-header aside i {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: var(--mock-accent);
}
.mock-body {
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(520px, 1.08fr);
  gap: clamp(18px, 2.2vw, 28px);
  padding: clamp(18px, 3vw, 42px);
  background: #f5f8fb;
}
.mock-workspace,
.mock-metric,
.mock-reasoning,
.mock-loop {
  border: 1px solid #d9e7f2;
  border-radius: 8px;
  background: white;
}
.mock-workspace {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 2.3vw, 28px);
}
.mock-title h3,
.mock-chart h3,
.mock-reasoning h3,
.mock-loop h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(20px, 1.75vw, 28px);
  line-height: 1.15;
}
.mock-title p,
.mock-chart p,
.mock-loop p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.45;
  font-weight: 650;
}
.mock-ticket-list {
  display: grid;
  gap: 10px;
}
.mock-ticket {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 74px;
  padding: 12px 14px;
  border: 1px solid #d9e7f2;
  border-radius: 7px;
  background: #fff;
}
.mock-ticket:nth-child(even) {
  background: #f7fbff;
}
.mock-ticket-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #e9fbf8;
  color: var(--mock-accent);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}
.mock-ticket b {
  display: block;
  color: var(--ink);
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.15;
}
.mock-ticket em {
  display: block;
  margin-top: 4px;
  color: #42566c;
  font-size: clamp(13px, 1vw, 15px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
}
.mock-ticket strong {
  justify-self: end;
  padding: 6px 10px;
  border: 1px solid #bfefea;
  border-radius: 5px;
  background: #e9fbf8;
  color: var(--mock-accent);
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}
.mock-context {
  padding: 16px;
  border: 1px solid #d9e7f2;
  border-radius: 7px;
  background: #fff;
}
.mock-context h4 {
  margin: 0 0 10px;
  font-size: 15px;
}
.mock-context p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0 0;
  color: #25384e;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 650;
}
.mock-context span {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 3px;
  background: var(--mock-accent);
}
.mock-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.mock-actions button {
  min-height: 46px;
  border: 1px solid var(--mock-accent);
  border-radius: 6px;
  background: var(--mock-accent);
  color: #062032;
  font-weight: 900;
  cursor: default;
}
.mock-actions button + button {
  border-color: #c9d8e7;
  background: white;
  color: var(--ink);
}
.mock-insights {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .56fr);
  gap: 14px;
  align-content: start;
}
.mock-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.mock-metric {
  min-height: 128px;
  padding: 18px;
}
.mock-metric span {
  display: block;
  color: #5c6b7d;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}
.mock-metric b {
  display: block;
  margin-top: 8px;
  color: var(--mock-accent);
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1;
}
.mock-metric small {
  display: block;
  margin-top: 7px;
  color: #42566c;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}
.mock-reasoning {
  padding: 18px;
}
.mock-reasoning h3 {
  font-size: 19px;
}
.mock-reasoning ul {
  display: grid;
  gap: 13px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.mock-reasoning li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
}
.mock-reasoning li span {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: var(--mock-accent);
}
.mock-chart {
  grid-column: 1 / -1;
  border-radius: 8px;
  background: #071426;
  color: white;
  padding: clamp(18px, 2vw, 26px);
}
.mock-chart h3 {
  color: white;
}
.mock-chart p {
  color: #bfefea;
}
.mock-bars {
  display: flex;
  align-items: end;
  gap: 10px;
  height: clamp(150px, 19vw, 220px);
  margin-top: 18px;
  padding: 16px 14px 0;
  border-top: 1px solid rgba(191,239,234,.24);
  background:
    linear-gradient(to top, rgba(191,239,234,.14) 1px, transparent 1px) 0 0 / 100% 33%;
}
.mock-bars span {
  position: relative;
  flex: 1;
  height: var(--bar-height);
  min-height: 42px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, var(--mock-accent), #0d4ca3);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.34);
}
.mock-bars span:after {
  content: "";
  position: absolute;
  inset: 7px 7px auto;
  height: 4px;
  background: rgba(255,255,255,.6);
}
.mock-bars i {
  position: absolute;
  left: 50%;
  bottom: -24px;
  transform: translateX(-50%);
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.mock-loop {
  grid-column: 1 / -1;
  padding: 18px;
}
.mock-loop h3 {
  font-size: 20px;
}
.comparison-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; background: white; margin-bottom: 28px; }
.comparison-table { width: 100%; border-collapse: collapse; min-width: 780px; }
.comparison-table th { text-align: left; background: #071426; color: white; padding: 18px; font-size: 14px; }
.comparison-table th:nth-child(2) { color: var(--teal); }
.comparison-table td { padding: 18px; border-top: 1px solid var(--line); color: #25384e; line-height: 1.5; vertical-align: top; }
.comparison-table td:first-child { font-weight: 850; color: var(--ink); }
.compare-links { margin-top: 28px; }
.company-principles-section,
.partner-track-section,
.pricing-package-section,
.legal-summary-section,
.pricing-faq-section {
  background: var(--soft);
}
.pricing-grid-modern article {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 18px 54px rgba(7,20,38,.08);
}
.pricing-grid-modern article:hover {
  border-color: rgba(0,183,166,.5);
  box-shadow: 0 24px 64px rgba(7,20,38,.12);
}
.pricing-grid-modern article > span:first-child {
  width: fit-content;
  margin: 0 0 18px;
  padding: 7px 11px;
  border: 1px solid #bfeee9;
  border-radius: 999px;
  background: #eafffb;
  color: #005f72;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.pricing-grid-modern .button {
  margin-top: auto;
}
.legal-hero .category-hero-visual,
.pricing-hero .category-hero-visual,
.company-hero .category-hero-visual {
  min-height: 500px;
}
.legal-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.legal-card-grid article {
  min-width: 0;
  min-height: 250px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 18px 54px rgba(7,20,38,.07);
  scroll-margin-top: 160px;
}
.legal-card-grid span {
  display: block;
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.legal-card-grid h3 {
  margin: 14px 0 12px;
  color: var(--ink);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.1;
}
.legal-card-grid p {
  color: var(--muted);
  line-height: 1.58;
}
.legal-detail-section {
  background: white;
}
.legal-contact-section {
  background: linear-gradient(135deg, #071426, #0d4ca3 62%, #008f96);
  color: white;
}
.legal-contact-section h2 {
  color: white;
}
.legal-contact-section .section-head span {
  color: rgba(255,255,255,.76);
}
.legal-contact-section .button-outline {
  border-color: rgba(255,255,255,.34);
  color: white;
  background: rgba(255,255,255,.08);
}
.alternative-hero .category-hero-visual {
  min-height: 520px;
}
.alternative-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  max-width: none;
  padding: 0 max(16px, calc((100% - 1220px)/2));
  background: #071426;
}
.alternative-proof-strip article {
  min-width: 0;
  padding: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.alternative-proof-strip strong,
.alternative-proof-strip span {
  display: block;
}
.alternative-proof-strip strong {
  color: white;
  font-size: 20px;
  line-height: 1.1;
}
.alternative-proof-strip span {
  margin-top: 8px;
  color: rgba(255,255,255,.7);
  font-weight: 800;
  line-height: 1.35;
}
.alternative-pain-section,
.alternative-proof-section {
  background: var(--soft);
}
.alternative-pain-grid,
.alternative-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.alternative-pain-grid article,
.alternative-feature-grid article {
  min-width: 0;
  min-height: 280px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 18px 54px rgba(7,20,38,.07);
}
.alternative-pain-grid article {
  display: flex;
  flex-direction: column;
}
.alternative-pain-grid svg {
  margin-bottom: 24px;
}
.alternative-pain-grid h3,
.alternative-feature-grid h3 {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: clamp(23px, 2vw, 31px);
  line-height: 1.1;
  overflow-wrap: anywhere;
}
.alternative-pain-grid p,
.alternative-feature-grid p,
.alternative-platform-panel p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.58;
}
.alternative-feature-grid article {
  position: relative;
  overflow: hidden;
}
.alternative-feature-grid article:before {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  top: 0;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}
.alternative-feature-grid span {
  display: block;
  color: var(--teal);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
}
.alternative-platform-panel {
  display: grid;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
  gap: 34px;
  align-items: center;
  background: #071426;
  color: white;
}
.alternative-platform-panel h2 {
  color: white;
}
.alternative-platform-panel p:not(.eyebrow) {
  color: rgba(255,255,255,.76);
  font-size: 18px;
}
.alternative-platform-panel .button-outline {
  border-color: rgba(255,255,255,.34);
  color: white;
  background: rgba(255,255,255,.08);
}
.alternative-platform-panel .workflow-visual {
  box-shadow: 0 26px 80px rgba(0,0,0,.34);
}
.alternative-migration-section {
  background: #fbfdff;
}
.roi-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; align-items: stretch; background: var(--soft); }
.roi-form, .roi-results, .contact-form { background: white; border: 1px solid var(--line); border-radius: 8px; padding: 28px; box-shadow: 0 18px 50px rgba(7,20,38,.08); }
.contact-panel-form { color: var(--ink); }
.contact-form-head { margin-bottom: 22px; }
.contact-form-head span { display: block; color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .1em; margin-bottom: 8px; }
.contact-form-head h2 { color: var(--ink); font-size: clamp(26px, 2.4vw, 34px); line-height: 1.05; margin-bottom: 10px; }
.contact-form-head p { color: var(--muted); line-height: 1.55; margin: 0; }
.contact-intent-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.contact-intent-row div { min-width: 0; border: 1px solid var(--line); border-radius: 8px; padding: 14px; background: linear-gradient(135deg, rgba(0,183,166,.08), rgba(13,76,163,.06)); }
.contact-intent-row b { display: block; color: var(--ink); margin-bottom: 6px; }
.contact-intent-row span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.contact-form-grid label { margin: 0; min-width: 0; font-size: 14px; line-height: 1.3; }
.contact-form-grid label.full { grid-column: 1 / -1; }
.contact-form textarea { resize: vertical; min-height: 118px; }
.contact-form .button { width: 100%; margin-top: 18px; }
.form-status { color: var(--muted); min-height: 22px; margin: 12px 0 0; font-weight: 750; line-height: 1.35; }
.contact-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.contact-route-card { display: grid; align-content: start; min-height: 248px; padding: 26px; border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--ink); box-shadow: 0 14px 46px rgba(7,20,38,.06); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.contact-route-card:hover { transform: translateY(-3px); border-color: rgba(0,183,166,.42); box-shadow: 0 22px 58px rgba(7,20,38,.11); }
.contact-route-card span { color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.contact-route-card h3 { margin: 18px 0 12px; font-size: 25px; line-height: 1.12; }
.contact-route-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.contact-route-card b { margin-top: 22px; color: var(--blue); font-size: 14px; }
.contact-process-section, .contact-outcome-section { background: #fbfdff; }
.contact-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.contact-process-grid article { position: relative; min-height: 230px; padding: 26px; border: 1px solid var(--line); border-radius: 8px; background: linear-gradient(180deg, #fff, #f7fbff); overflow: hidden; }
.contact-process-grid article:before { content: ""; position: absolute; left: 26px; right: 26px; top: 80px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--teal), var(--blue)); opacity: .9; }
.contact-process-grid span { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 8px; background: #e7fbf8; color: var(--teal); font-weight: 950; }
.contact-process-grid h3 { margin: 36px 0 12px; font-size: 25px; line-height: 1.12; }
.contact-process-grid p { color: var(--muted); line-height: 1.55; margin: 0; }
.contact-agenda-section { background: #071426; color: white; }
.contact-agenda-section .section-head h2 { color: white; }
.contact-agenda-section .section-head span { color: rgba(255,255,255,.72); }
.contact-agenda-section .enterprise-flow-visual { margin-top: 26px; }
.contact-request-band { max-width: none; background: linear-gradient(135deg, #071426, #0d4ca3 64%, #00a895); color: white; }
.contact-request-band > div { width: min(1220px, calc(100% - 32px)); margin: 0 auto; }
.contact-request-band h2 { color: white; max-width: 760px; }
.contact-request-band p:not(.eyebrow) { color: rgba(255,255,255,.76); max-width: 760px; line-height: 1.6; font-size: 18px; }
.contact-request-band .button-outline { border-color: rgba(255,255,255,.34); color: white; background: rgba(255,255,255,.08); }
label { display: grid; gap: 8px; color: var(--ink); font-weight: 800; margin-bottom: 16px; }
input, select, textarea { width: 100%; border: 1px solid #cbd6e2; border-radius: 7px; padding: 13px 14px; color: var(--ink); background: white; }
.roi-results { display: grid; align-content: center; }
.roi-results span { color: var(--muted); text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.roi-results strong { font-size: clamp(44px, 8vw, 90px); color: var(--blue); }
.roi-results.detailed { align-content: start; gap: 18px; }
.roi-results.detailed > p { color: var(--muted); line-height: 1.6; margin: 0; }
.roi-kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.roi-kpi-grid div { background: var(--soft); border: 1px solid var(--line); border-radius: 8px; padding: 16px; }
.roi-kpi-grid b { display: block; color: var(--blue); font-size: 24px; }
.roi-kpi-grid small { color: var(--muted); text-transform: uppercase; font-weight: 850; letter-spacing: .06em; }
.roi-breakdown { border: 1px solid var(--line); border-radius: 8px; padding: 18px; background: #fff; }
.roi-breakdown h3 { margin: 0 0 12px; }
.roi-breakdown dl { display: grid; gap: 10px; margin: 0; }
.roi-breakdown dl div { display: flex; justify-content: space-between; gap: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.roi-breakdown dt { color: var(--muted); font-weight: 750; }
.roi-breakdown dd { margin: 0; color: var(--ink); font-weight: 900; }
.roi-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.roi-actions .button:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.faq details { border-top: 1px solid var(--line); padding: 20px 0; max-width: 900px; }
.faq summary { font-size: 20px; font-weight: 900; cursor: pointer; }
.faq p { color: var(--muted); line-height: 1.6; }
.platform-flow-section { max-width: none; background: #06384A; color: white; overflow: hidden; padding: 0; }
.platform-flow-inner { max-width: none; margin: 0 auto; }
.platform-flow-image-wrap { margin: 0 auto; max-width: 1518px; line-height: 0; }
.platform-flow-img { display: block; width: 100%; height: auto; border: 0; }
.platform-flow-section .section-head { margin-left: auto; margin-right: auto; text-align: center; max-width: 900px; }
.platform-flow-section .section-head h2 { color: white; }
.platform-flow-section .section-head span { color: rgba(255,255,255,.72); }
.platform-flow-visual { position: relative; min-height: 620px; margin: 42px auto 0; border-radius: 8px; isolation: isolate; }
.flow-ribbon { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ribbon-shadow { fill: none; stroke: rgba(255,255,255,.18); stroke-width: 104; stroke-linecap: round; stroke-linejoin: round; }
.ribbon-main { fill: none; stroke: url(#flowRibbon); stroke-width: 78; stroke-linecap: round; stroke-linejoin: round; filter: url(#flowGlow); opacity: .95; }
.ribbon-highlight { fill: none; stroke: rgba(255,255,255,.72); stroke-width: 8; stroke-linecap: round; opacity: .72; }
.ribbon-thread { fill: none; stroke: rgba(255,255,255,.48); stroke-width: 2; stroke-linecap: round; opacity: .7; }
.flow-stars path { fill: white; opacity: .9; }
.flow-node { fill: white; stroke: rgba(255,255,255,.26); stroke-width: 22; }
.flow-core { position: absolute; z-index: 2; left: 50%; top: 52%; transform: translate(-50%, -50%); width: min(620px, calc(100% - 220px)); text-align: center; padding: 18px 28px; border-radius: 999px; border: 1px solid rgba(0,212,192,.75); background: linear-gradient(90deg, rgba(13,76,163,.72), rgba(6,28,53,.86), rgba(0,183,166,.34)); box-shadow: 0 22px 70px rgba(0,0,0,.26), inset 0 0 24px rgba(255,255,255,.08); }
.flow-core strong { display: block; font-size: clamp(26px, 3.6vw, 42px); line-height: 1.05; }
.flow-core span { display: block; margin-top: 6px; color: #BFEFEA; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; font-weight: 900; }
.flow-team-card { position: absolute; z-index: 3; width: 260px; padding: 18px; border-radius: 8px; border: 1px solid rgba(255,255,255,.18); background: rgba(6,28,53,.78); backdrop-filter: blur(12px); box-shadow: 0 22px 60px rgba(0,0,0,.22); }
.flow-team-left { left: 7%; top: 310px; }
.flow-team-right { right: 7%; top: 310px; }
.flow-team-card span { display: inline-flex; padding: 7px 12px; border-radius: 999px; background: linear-gradient(90deg, #0D4CA3, #00B7A6); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.flow-team-card b { display: block; margin-top: 14px; font-size: 21px; line-height: 1.1; }
.flow-team-card small { display: block; margin-top: 9px; color: rgba(255,255,255,.72); line-height: 1.45; font-size: 13px; }
.flow-label { position: absolute; z-index: 3; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 15px; border-radius: 999px; border: 1px solid rgba(255,255,255,.26); background: rgba(255,255,255,.1); color: white; box-shadow: 0 16px 40px rgba(0,0,0,.16); font-weight: 900; }
.flow-label:before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: white; box-shadow: 0 0 0 8px rgba(255,255,255,.2); margin-right: 10px; }
.flow-label-itsm { left: 6%; top: 128px; }
.flow-label-itom { right: 6%; top: 128px; }
.flow-label-cloud { left: 26%; bottom: 48px; }
.flow-label-finops { right: 26%; bottom: 48px; }
.flow-label-governance { left: 50%; top: 62px; transform: translateX(-50%); }
.flow-label-security { left: 50%; bottom: 92px; transform: translateX(-50%); background: rgba(0,183,166,.18); }
.site-footer { background: #061c35; color: white; padding: 48px max(16px, calc((100% - 1220px)/2)); }
.footer-cta { display: flex; justify-content: space-between; gap: 24px; align-items: center; min-width: 0; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); border-radius: 8px; padding: 28px; margin-bottom: 44px; }
.footer-cta p { color: var(--teal); margin: 0 0 8px; text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.footer-cta h2 { font-size: 34px; overflow-wrap: break-word; }
.footer-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.footer-grid { display: grid; grid-template-columns: minmax(280px, 1.35fr) repeat(6, minmax(120px, 1fr)); gap: 22px; align-items: start; }
.footer-brand .brand { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 10px; width: max-content; max-width: 100%; padding: 0; line-height: 1; }
.footer-brand .brand-mark-img { width: auto; height: 50px; }
.footer-brand .brand-logo-img { width: min(100%, 320px); height: auto; max-height: 86px; }
.site-footer .brand-name { display: inline-flex; align-items: baseline; white-space: nowrap; color: white; font-size: 30px; line-height: 1; }
.footer-brand p { color: rgba(255,255,255,.68); line-height: 1.6; margin-top: 16px; max-width: 280px; overflow-wrap: break-word; }
.footer-social { display: flex; gap: 10px; margin-top: 18px; }
.footer-grid .footer-social a { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 14px; border: 1px solid rgba(0,212,192,.42); border-radius: 999px; color: #bffefa; background: rgba(0,212,192,.08); font-weight: 800; }
.footer-grid .footer-social a:hover { color: white; border-color: rgba(255,255,255,.58); background: rgba(255,255,255,.08); }
.footer-grid h3 { color: white; margin: 0 0 14px; font-size: 15px; }
.footer-grid a { display: block; color: rgba(255,255,255,.72); padding: 5px 0; font-size: 13px; line-height: 1.35; }
.footer-grid a:hover { color: white; }
.footer-grid .footer-brand > .brand { display: inline-flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 10px; padding: 0; color: white; font-size: inherit; line-height: 1; }
.footer-bottom { display: flex; justify-content: space-between; gap: 18px; color: rgba(255,255,255,.58); border-top: 1px solid rgba(255,255,255,.13); margin-top: 36px; padding-top: 22px; font-size: 14px; }
.footer-bottom a { color: inherit; }
[data-browser="safari"] .product-visual { transform: translateZ(0); }
[data-device="mobile"] .hero { min-height: auto; }
@media (max-width: 1100px) {
  .desktop-nav, .plain-link { display: none; }
  .mobile-toggle { display: block; }
  .nav-shell { height: 74px; }
  .brand-mark-img { width: auto; height: 38px; }
  .brand-name { font-size: 24px; }
  .brand-logo-img { width: clamp(150px, 42vw, 210px); max-height: 56px; }
  body.mobile-open .mobile-nav { display: block; }
  .hero, .page-hero, .contact-hero, .split-section, .roi-section, .alternative-platform-panel { grid-template-columns: 1fr; }
  .page-hero, .contact-hero, .hero-home { padding-top: 52px; }
  .home-hero-modern { min-height: 0; }
  .home-control-head { grid-template-columns: 1fr; align-items: start; }
  .home-control-grid,
  .home-proof-band,
  .home-outcome-grid,
  .home-evaluation-grid,
  .ai-tower-capability-grid,
  .ai-foundation-grid,
  .ai-leader-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-control-hero { min-height: 0; }
  .executive-value-hero { min-height: 0; }
  .ai-package-layout { grid-template-columns: 1fr; }
  .home-proof-band div:nth-child(2n) { border-right: 0; }
  .home-proof-band div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .home-solution-tabs .tab-panels article.active { grid-template-columns: 1fr; }
  .home-solution-tabs .product-visual { min-height: 0; }
  .contact-hub-hero { min-height: 0; }
  .contact-hero-kpis,
  .contact-route-grid,
  .contact-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .architecture, .metric-band, .agent-grid, .card-grid, .capability-grid, .resource-grid, .story-grid, .pricing-grid, .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enterprise-automation-hero { min-height: 0; }
  .enterprise-flow-visual { min-height: 0; }
  .enterprise-benefit-grid,
  .enterprise-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-detail-hero { min-height: 0; }
  .logo-showcase-head { grid-template-columns: 1fr; align-items: start; }
  .logo-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-benefit-grid,
  .product-usecase-grid,
  .customer-featured-grid,
  .customer-story-grid,
  .demo-role-grid,
  .demo-card-grid,
  .trust-pillar-grid,
  .support-path-grid,
  .value-driver-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-status-grid,
  .mini-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-card-grid,
  .products-category-grid,
  .industry-category-grid,
  .solutions-category-grid,
  .category-group-grid,
  .category-rollout-grid,
  .category-metric-band,
  .alternative-proof-strip,
  .alternative-pain-grid,
  .alternative-feature-grid,
  .legal-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-hero,
  .resources-hero,
  .demo-hero,
  .compare-hero,
  .trust-hero,
  .support-hero,
  .roi-hero,
  .category-hub-hero { min-height: 0; }
  .resource-layout { grid-template-columns: 1fr; }
  .resource-filter-panel,
  .roi-sticky-result { position: static; }
  .industry-hero { min-height: 0; }
  .industry-solution-grid,
  .industry-product-grid,
  .industry-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enterprise-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enterprise-canvas-body { grid-template-columns: 1fr; }
  .enterprise-canvas-side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-brand { grid-column: 1 / -1; }
  .platform-flow-visual { min-height: 560px; }
  .flow-core { width: min(560px, calc(100% - 160px)); }
  .flow-team-card { width: 230px; }
  .flow-team-left { left: 4%; }
  .flow-team-right { right: 4%; }
  .workflow-screen { grid-template-columns: 1fr; }
  .workflow-side-panel { grid-template-columns: 1fr 1fr; }
  .workflow-actions { grid-column: 1 / -1; }
  .control-plane-grid { grid-template-columns: 1fr; }
  .control-plane-core { min-height: 0; }
  .mock-body { grid-template-columns: 1fr; }
  .mock-insights { grid-template-columns: minmax(0, 1fr) minmax(220px, .5fr); }
  .hero { gap: 28px; }
}
@media (max-width: 920px) {
  .agent-command-body { grid-template-columns: 1fr; }
  .home-command-grid,
  .home-command-graph,
  .home-agent-body article { grid-template-columns: 1fr; }
  .ai-tower-visual-body { grid-template-columns: 1fr; }
  .ai-tower-loop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .exec-value-body,
  .exec-value-trend { grid-template-columns: 1fr; }
  .official-identity-section { grid-template-columns: 1fr; }
  .official-identity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-command-main article { grid-template-columns: 16px minmax(0, 1fr); }
  .home-command-main article em { grid-column: 2; justify-self: start; }
  .home-agent-body article > span { justify-self: start; }
  .agent-lifecycle-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-lifecycle-track article:after { display: none; }
  .agent-lifecycle-control { grid-template-columns: 1fr; }
  .agent-lifecycle-track article { min-height: 0; }
  .agent-lifecycle-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .integration-fabric { min-height: 0; }
  .integration-core:before { inset: -10px; }
  .enterprise-flow-track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .enterprise-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enterprise-canvas-side { grid-template-columns: 1fr; }
  .enterprise-canvas-graph { grid-template-columns: 1fr; }
  .mock-insights { grid-template-columns: 1fr; }
  .mock-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .nav-shell { width: min(100% - 20px, 1220px); gap: 10px; }
  .brand-logo-img { width: clamp(128px, 44vw, 172px); max-height: 46px; }
  .brand-mark-img { width: auto; height: 34px; }
  .brand-name { font-size: 22px; }
  .stackflow-intro-loader:before { background-size: 140px 140px; }
  .intro-mark-wrap { width: clamp(118px, 34vw, 152px); }
  .intro-brand { font-size: clamp(30px, 10vw, 42px); }
  .intro-core p { max-width: 280px; font-size: 11px; line-height: 1.45; }
  .stackflow-chatbot {
    right: 16px;
    bottom: 16px;
  }
  .chatbot-toggle {
    width: 62px;
    height: 62px;
    border-radius: 18px;
  }
  .chatbot-toggle img {
    width: 49px;
    height: 49px;
  }
  .chatbot-panel {
    right: -2px;
    bottom: 76px;
    width: calc(100vw - 28px);
    max-height: calc(100vh - 106px);
    grid-template-rows: auto minmax(220px, 1fr) auto auto;
  }
  .chatbot-header { padding: 16px; }
  .chatbot-header strong { font-size: 18px; }
  .chatbot-messages { padding: 14px; }
  .chatbot-form { grid-template-columns: 1fr; }
  .chatbot-form button { width: 100%; }
  .button { min-height: 42px; padding: 0 13px; }
  .nav-actions { margin-left: auto; }
  .nav-actions .button-light { display: inline-flex; }
  .site-footer { overflow-x: hidden; }
  .footer-cta { width: 100%; box-sizing: border-box; overflow: hidden; }
  .footer-cta > div { min-width: 0; max-width: 100%; }
  .footer-cta p, .footer-cta h2 { max-width: 100%; overflow-wrap: anywhere; }
  .footer-actions { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand .brand { width: 100%; max-width: 100%; }
  h1 { font-size: clamp(40px, 14vw, 58px); }
  h2 { font-size: clamp(30px, 9vw, 42px); }
  .hero, .page-hero, .contact-hero, .hero-home { padding-left: 16px; padding-right: 16px; }
  .home-hero-modern h1 { font-size: clamp(42px, 14vw, 64px); }
  .ai-control-hero h1 { font-size: clamp(40px, 12vw, 58px); }
  .executive-value-hero h1 { max-width: 100%; overflow-wrap: break-word; font-size: clamp(34px, 9.6vw, 42px); line-height: 1.04; }
  .home-hero-ribbon,
  .official-identity-grid,
  .logo-showcase-grid,
  .home-control-grid,
  .home-proof-band,
  .home-outcome-grid,
  .home-evaluation-grid,
  .ai-tower-capability-grid,
  .ai-foundation-grid,
  .ai-leader-grid,
  .ai-package-list { grid-template-columns: 1fr; }
  .ai-tower-capability-grid article.is-featured { grid-column: auto; }
  .ai-tower-loop { grid-template-columns: 1fr; }
  .ai-tower-inventory article { grid-template-columns: 16px minmax(0, 1fr); }
  .ai-tower-inventory article em { grid-column: 2; justify-self: start; }
  .ai-control-tower-visual .visual-top { display: grid; grid-template-columns: repeat(3, 10px) minmax(0, 1fr); gap: 8px; height: auto; min-height: 58px; padding: 12px 14px; }
  .ai-control-tower-visual .visual-top strong { margin-left: 0; }
  .ai-control-tower-visual .visual-top em { grid-column: 1 / -1; margin-left: 0; white-space: normal; }
  .executive-value-visual .visual-top { display: grid; grid-template-columns: repeat(3, 10px) minmax(0, 1fr); gap: 8px; height: auto; min-height: 58px; padding: 12px 14px; }
  .executive-value-visual .visual-top strong { margin-left: 0; }
  .executive-value-visual .visual-top em { grid-column: 1 / -1; margin-left: 0; white-space: normal; }
  .executive-value-visual { width: 100%; max-width: 100%; }
  .exec-board-body { padding: 12px; gap: 12px; }
  .exec-board-main,
  .exec-board-side,
  .exec-board-trend { padding: 14px; }
  .exec-board-title,
  .exec-control-head { align-items: flex-start; flex-direction: column; }
  .exec-board-title > span,
  .exec-control-head > span { white-space: normal; }
  .exec-board-body,
  .exec-board-trend { grid-template-columns: 1fr; }
  .exec-kpi-row { grid-template-columns: 1fr; }
  .exec-hero-kpi { min-height: 0; padding: 16px; }
  .exec-hero-kpi strong { font-size: clamp(40px, 14vw, 52px); }
  .exec-hero-kpi small,
  .exec-kpi-row small { max-width: none; }
  .exec-hero-kpi b { position: static; display: inline-flex; margin-top: 12px; }
  .exec-value-waterfall div { grid-template-columns: 56px minmax(0, 1fr) 54px; }
  .exec-board-side article { padding: 12px 14px 12px 16px; }
  .exec-board-side em { position: static; display: inline-flex; width: max-content; margin-top: 10px; }
  .exec-board-trend svg { min-height: 118px; }
  .home-proof-band { margin-top: 0; width: 100%; border-radius: 0; }
  .home-proof-band div { border-right: 0; border-top: 1px solid var(--line); padding: 20px; }
  .home-proof-band div:first-child { border-top: 0; }
  .home-control-grid article,
  .home-agent-body article,
  .home-outcome-grid article,
  .home-evaluation-grid article { min-height: 0; padding: 20px; }
  .home-control-grid article:before { top: 92px; left: 20px; right: 20px; }
  .home-control-grid h3 { margin-top: 44px; font-size: 24px; }
  .home-agent-top { align-items: start; display: grid; gap: 6px; padding: 16px; }
  .home-agent-top strong,
  .home-agent-top em { margin-left: 0; white-space: normal; }
  .home-tab-copy h3 { font-size: clamp(28px, 9vw, 38px); }
  .home-outcome-grid h3 { min-height: 0; }
  .enterprise-automation-hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .enterprise-flow-visual { padding: 16px; gap: 14px; }
  .enterprise-flow-header { display: grid; gap: 6px; }
  .enterprise-flow-header strong { text-align: left; font-size: 20px; }
  .enterprise-flow-track,
  .enterprise-flow-grid,
  .contact-form-grid,
  .contact-hero-kpis,
  .contact-route-grid,
  .contact-process-grid,
  .enterprise-benefit-grid,
  .enterprise-capability-grid,
  .product-benefit-grid,
  .product-usecase-grid,
  .customer-featured-grid,
  .customer-story-grid,
  .demo-role-grid,
  .demo-card-grid,
  .trust-pillar-grid,
  .trust-status-grid,
  .support-path-grid,
  .value-driver-grid,
  .mini-metric-grid,
  .industry-solution-grid,
  .industry-product-grid,
  .industry-story-grid,
  .enterprise-proof-grid,
  .category-card-grid,
  .products-category-grid,
  .industry-category-grid,
  .solutions-category-grid,
  .category-group-grid,
  .category-rollout-grid,
  .category-metric-band,
  .category-hero-metrics,
  .alternative-proof-strip,
  .alternative-pain-grid,
  .alternative-feature-grid,
  .legal-card-grid { grid-template-columns: 1fr; }
  .category-hub-hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .category-hero-visual { min-height: 0; }
  .category-hero-top {
    display: grid;
    gap: 6px;
    padding: 16px;
  }
  .category-hero-flow { padding: 14px; gap: 12px; }
  .category-hero-flow article {
    padding: 16px 16px 16px 62px;
  }
  .category-hero-flow h3 { font-size: 20px; }
  .category-hero-flow p { font-size: 14px; }
  .category-card,
  .contact-route-card,
  .contact-process-grid article,
  .category-group-card,
  .category-rollout-grid article,
  .category-metric-band article,
  .alternative-pain-grid article,
  .alternative-feature-grid article,
  .legal-card-grid article {
    min-height: 0;
    padding: 20px;
  }
  .contact-hub-hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .contact-form { padding: 20px; }
  .contact-intent-row { grid-template-columns: 1fr; }
  .contact-hero-kpis article { min-height: 0; padding: 16px; }
  .contact-route-card { min-height: 0; }
  .contact-process-grid article { min-height: 0; }
  .contact-process-grid article:before { top: 76px; left: 20px; right: 20px; }
  .alternative-proof-strip { padding-left: 16px; padding-right: 16px; }
  .alternative-proof-strip article { padding: 18px; }
  .alternative-platform-panel { gap: 22px; }
  .industry-hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .enterprise-flow-step { min-height: 78px; padding: 14px; }
  .enterprise-flow-step b { margin-top: 10px; font-size: 18px; }
  .enterprise-flow-detail { min-height: 0; padding: 16px; }
  .enterprise-flow-detail p { font-size: 15px; }
  .enterprise-benefit-grid article,
  .enterprise-capability-grid article,
  .product-usecase-grid article,
  .customer-featured-grid article,
  .customer-story-grid article,
  .demo-role-grid article,
  .demo-card-grid article,
  .trust-pillar-grid article,
  .trust-status-grid article,
  .support-path-grid article,
  .value-driver-grid article,
  .mini-metric-grid article,
  .industry-solution-grid article,
  .industry-product-grid article,
  .industry-story-grid article,
  .enterprise-proof-grid article { min-height: 0; padding: 20px; }
  .enterprise-canvas-nav {
    align-items: start;
    flex-wrap: wrap;
    padding: 16px;
  }
  .enterprise-canvas-nav strong {
    order: 4;
    width: 100%;
    margin-left: 0;
    font-size: 20px;
  }
  .enterprise-canvas-nav em {
    order: 5;
    width: 100%;
    margin-left: 0;
  }
  .enterprise-canvas-body { padding: 14px; gap: 14px; }
  .enterprise-canvas-work { padding: 14px; }
  .enterprise-canvas-work article { grid-template-columns: 16px minmax(0, 1fr); align-items: start; }
  .enterprise-canvas-work em { grid-column: 2; justify-self: start; margin-top: 4px; }
  .enterprise-canvas-work b { font-size: 17px; }
  .enterprise-canvas-side b { font-size: 32px; }
  .enterprise-canvas-graph { padding: 16px; }
  .enterprise-canvas-graph p { font-size: 16px; }
  .product-detail-hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .customer-hero h1,
  .resources-hero h1,
  .demo-hero h1,
  .compare-hero h1,
  .trust-hero h1,
  .support-hero h1,
  .roi-hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .product-subnav { justify-content: flex-start; }
  .product-usecase-grid article { min-height: 0; }
  .resource-toolbar { align-items: stretch; }
  .resource-toolbar input { max-width: none; }
  .filter-chips button { min-height: 38px; padding: 0 12px; font-size: 13px; }
  .resource-filter-panel { padding: 18px; }
  .resource-filter-panel h2 { font-size: 24px; }
  .product-related-list a { white-space: normal; }
  .product-integrations-section > div:first-child { max-width: none; }
  .product-visual { min-height: 360px; }
  .visual-grid { grid-template-columns: 1fr; }
  .visual-panel.wide { grid-row: auto; }
  .visual-top { padding: 0 12px; }
  .visual-top strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .visual-top em { display: none; }
  .solution-tabs { padding: 8px; }
  .solution-tabs > button { padding: 10px 8px; font-size: 13px; }
  .tab-panels article { padding: 14px 8px; }
  .tab-panels .product-visual { transform: none; }
  .workflow-visual { min-height: 0; }
  .workflow-screen { padding: 10px; }
  .workflow-main-panel, .workflow-side-panel { padding: 12px; }
  .workflow-heading { grid-template-columns: 1fr; }
  .workflow-heading em { white-space: normal; }
  .workflow-row { grid-template-columns: 1fr auto; gap: 6px 8px; padding: 10px; }
  .workflow-row-head { display: none; }
  .workflow-row b, .workflow-row span { grid-column: 1 / -1; }
  .workflow-row span { white-space: normal; }
  .workflow-row em { text-align: left; }
  .workflow-side-panel { grid-template-columns: 1fr; }
  .workflow-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .workflow-metrics div { min-height: 64px; padding: 8px; }
  .workflow-metrics b { font-size: 18px; }
  .workflow-mini { min-height: 132px; }
  .workflow-kanban, .workflow-cloud-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .control-plane-visual { min-height: 0; }
  .control-plane-status {
    display: grid;
    padding: 16px;
    gap: 6px;
  }
  .control-plane-status strong {
    text-align: left;
    font-size: 18px;
  }
  .control-plane-grid { padding: 14px; gap: 14px; }
  .control-plane-core { padding: 18px; }
  .control-plane-core h3 { font-size: 25px; }
  .control-plane-core p,
  .control-plane-detail b { font-size: 14px; }
  .control-module-grid { grid-template-columns: 1fr; }
  .control-module {
    min-height: 0;
    padding: 14px;
  }
  .control-module b {
    margin-top: 14px;
    font-size: 20px;
  }
  .platform-rendering { border-radius: 7px; }
  .platform-rendering figcaption { padding: 14px; font-size: 13px; }
  .mock-header {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }
  .mock-header b { font-size: 22px; }
  .mock-header span { font-size: 13px; }
  .mock-header aside {
    justify-self: start;
    min-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    white-space: normal;
  }
  .mock-body { padding: 14px; gap: 14px; }
  .mock-workspace { padding: 14px; gap: 14px; }
  .mock-title h3, .mock-chart h3 { font-size: 21px; }
  .mock-title p, .mock-chart p, .mock-loop p { font-size: 14px; }
  .mock-ticket {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 9px 12px;
    align-items: start;
    min-height: 0;
    padding: 12px;
  }
  .mock-ticket strong {
    grid-column: 2;
    justify-self: start;
    white-space: normal;
    line-height: 1.2;
  }
  .mock-ticket b { font-size: 16px; }
  .mock-ticket em { font-size: 13px; }
  .mock-context { padding: 12px; }
  .mock-context p { font-size: 13px; }
  .mock-actions { grid-template-columns: 1fr; }
  .mock-metrics { grid-template-columns: 1fr; }
  .mock-metric { min-height: 0; padding: 14px; }
  .mock-reasoning { padding: 14px; }
  .mock-reasoning ul { gap: 10px; }
  .mock-chart { padding: 16px; }
  .mock-bars {
    height: 160px;
    gap: 7px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .mock-loop { padding: 14px; }
  .agent-command-body { padding: 12px; }
  .agent-roster article { grid-template-columns: 1fr; }
  .agent-roster strong { width: 100%; height: 44px; }
  .agent-action-row { grid-template-columns: 1fr; }
  .agent-lifecycle { padding: 14px; }
  .agent-lifecycle-status span { width: 100%; margin-right: 0; }
  .agent-lifecycle-track { grid-template-columns: 1fr; }
  .agent-lifecycle-track article { min-height: 0; }
  .agent-lifecycle-metrics { grid-template-columns: 1fr; }
  .integration-fabric { padding: 16px; }
  .integration-status { align-items: flex-start; }
  .integration-status span { width: 100%; margin-right: 0; }
  .integration-map { grid-template-columns: 1fr; }
  .integration-paths { display: none; }
  .integration-core { grid-template-columns: 1fr; text-align: center; }
  .core-mark { margin: 0 auto; }
  .core-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-node-grid { grid-template-columns: 1fr; }
  .platform-flow-section { padding: 0; }
  .platform-flow-image-wrap { max-width: 100%; }
  .platform-flow-visual { display: flex; flex-direction: column; min-height: 0; gap: 12px; margin-top: 26px; }
  .flow-ribbon { position: relative; inset: auto; height: 320px; min-height: 320px; order: 1; }
  .flow-core { position: relative; left: auto; top: auto; transform: none; width: auto; margin: -118px 8px 0; order: 2; border-radius: 8px; padding: 16px; }
  .flow-core strong { font-size: 25px; }
  .flow-team-card { position: relative; left: auto; right: auto; top: auto; width: auto; order: 3; margin: 0 8px; }
  .flow-label { position: static; transform: none; order: 4; align-self: flex-start; margin: 2px 8px; min-height: 30px; font-size: 13px; }
  .flow-label:before { width: 9px; height: 9px; box-shadow: 0 0 0 6px rgba(255,255,255,.18); }
  .metric-band { grid-template-columns: 1fr 1fr; margin-top: 0; border-radius: 0; width: 100%; }
  .metric-band div { padding: 18px; }
  .section { padding: 58px 16px; }
  .architecture, .agent-grid, .card-grid, .capability-grid, .resource-grid, .story-grid, .listing-grid, .pricing-grid, .footer-grid { grid-template-columns: 1fr; }
  .roi-kpi-grid { grid-template-columns: 1fr 1fr; }
  .subnav { top: 74px; padding-left: 16px; padding-right: 16px; }
  .footer-cta, .footer-bottom { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
  body.home-entry-loading {
    overflow: auto;
  }
  body.home-entry-loading .site-header,
  body.home-entry-loading main,
  body.home-entry-loading .site-footer,
  body.home-entry-loading .stackflow-chatbot {
    opacity: 1;
    filter: none;
    transform: none;
  }
  .stackflow-intro-loader {
    display: none;
  }
}