/* In2AI operational visual environment. All media and fonts remain local. */
:root {
  color-scheme:dark;
  --background:#080f17; --surface:#111e2a; --surface-dark:#080f17; --surface-dark-soft:#142635;
  --text:#edf4f8; --text-secondary:#b1c3ce; --text-inverse:#f5f9fc;
  --primary:#19707e; --primary-strong:#8be5e8; --accent:#8be5cf; --accent-soft:#142e31;
  --border:#35505e; --border-muted:#293e4d; --focus:#96eff4; --graphic-line:#73cbd5;
  --shadow:0 20px 60px #00000026;
}
body { background:radial-gradient(ellipse at 95% 25%,#10303b66,transparent 45%),var(--background); }
main { overflow:clip; }
::selection { background:#235e6c; color:#fff; }
.site-header { background:#080f17ed; border-color:#29404d; }
.brand-symbol { stroke:#8be5e8; }
nav a { color:#b9cbd5; }
nav a:hover,nav a[aria-current="page"] { background:#17313c; color:#a7edf0; }
:where(a,button,input):focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.button { background:#176476; border-color:#5aaebd; color:#fff; border-radius:.3rem; }
.button:hover { background:#20576a; color:#fff; }
.button-secondary { background:#0c1c26b8; border-color:#809da9; color:#edf4f8; }
.button-secondary:hover { background:#1c3945; }
.eyebrow { color:#8be5cf; }
.text-link,.back-link { color:#96e2e7; }
.hero-governed-environment,.platform-environment-hero { isolation:isolate; position:relative; background:#080f17; }
.hero-governed-environment { padding-block:5.5rem 4rem; }
.hero-governed-environment .hero-grid { min-height:35rem; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:4rem; }
.hero-governed-environment .hero-copy h1 { font-size:clamp(3.2rem,5.1vw,5rem); max-width:11ch; }
.hero .lede,.platform-hero-layout .lede { color:#d2dfe6; }
.hero-copy { text-shadow:0 2px 20px #0008; }
.scene-picture { display:block; width:100%; }
.scene-picture img { display:block; width:100%; height:auto; }
.scene-backdrop { position:absolute; inset:0; z-index:-2; height:100%; }
.scene-backdrop img { height:100%; object-fit:cover; object-position:65% 55%; }
.hero-governed-environment::after,.platform-environment-hero::after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,#080f17f5 0%,#080f17c9 27%,#080f1733 69%,#080f174d),linear-gradient(0deg,#080f17,transparent 28%); }
.hero-governed-environment::before { z-index:-1; opacity:.1; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.hero-topology-stage { position:relative; min-width:0; padding-top:8rem; }
.scene-tag { display:inline-block; margin:0 0 .85rem; padding:.3rem .6rem; color:#e0eaf0; border:1px solid #93bfcc66; background:#081621da; font:.6rem/1.5 var(--technical-font); letter-spacing:.07em; text-transform:uppercase; }
.ecosystem-topology { background:linear-gradient(140deg,#0b1c26de,#0b1722f2); border-color:#5b91a087; backdrop-filter:blur(8px); border-radius:.35rem; box-shadow:0 16px 60px #0005; }
.topology-header { border-color:#47717d; }
.topology-root-mark { border-color:#76bac7; background:#15333f; color:#a1ebee; }
.topology-lanes { border-color:#47717d; }
.topology-lane a { background:#0c1d29c9; border-color:#426372; border-radius:.2rem; }
.topology-lane a:hover { background:#1b3d48; border-color:#83d6df; }
.topology-lane .solution-motif { stroke:#8dd8df; }
.topology-lane strong { font-size:.76rem; }
.topology-lane small { color:#c2d0da; }
.topology-root-label { color:#8fced6; }
.expansion-rail { display:flex; align-items:center; gap:1.2rem; border-top:1px dashed #4e7988; padding-top:1.2rem; margin-top:1.6rem; }
.expansion-rail p { margin:0; color:#a9c0ca; font-size:.76rem; line-height:1.65; }
.expansion-rail strong { color:#d3e9ef; font-weight:600; }
.expansion-points { display:flex; align-items:center; flex:0 0 6rem; position:relative; justify-content:space-between; }
.expansion-points::before { content:""; position:absolute; width:100%; border-top:1px dashed #5d95a3; }
.expansion-points i { position:relative; width:7px; height:7px; background:#0e222c; border:1px solid #6fc3d0; border-radius:50%; }
.expansion-points i:nth-child(2) { opacity:.75; }.expansion-points i:nth-child(3) { opacity:.5; }.expansion-points i:nth-child(4) { opacity:.3; }
.hero-topology-stage .expansion-rail { padding-top:.8rem; margin-top:.8rem; }
.hero-topology-stage .expansion-rail p { font-size:.65rem; background:#0a1820bb; }
.governance-rail-section { padding-block:2rem; background:#0c1922; border-block:1px solid #293e4d; }
.governance-rail { background:transparent; border-color:#38505d; border-radius:0; }
.governance-rail li { background:#10232e66; }.governance-rail li::after { background:#10232e; }
.intrinsic-systems-section { background:radial-gradient(ellipse at 75% 25%,#12323b66,transparent 65%); }
.intrinsic-visual-card { background:linear-gradient(145deg,#102832,#0b1723); border-color:#3c5b69; border-radius:.4rem; box-shadow:none; }
.intrinsic-visual { background:transparent; }
.intrinsic-visual::after { display:none; }
.pathway-system li { border-color:#3b616f; background:#10242e; border-radius:.2rem; }
.intrinsic-signal-grid span { border-radius:.2rem; background:#10252f; border-color:#365565; }
.assistant-preview-section { padding-top:4rem; background:linear-gradient(135deg,#101e2a,#0a141e); }
.assistant-preview-layout { align-items:center; }
.validated-systems-section { background:linear-gradient(180deg,#0d1b24,#101e29); }
.validated-environment,.validated-environment-continuum { background:transparent; border:0; border-top:1px solid #3c5a69; border-radius:0; box-shadow:none; padding:2rem 0 0; }
.governance-observatory { background:radial-gradient(ellipse at 12% 10%,#14343d,#0a141f 75%); }
.platform-system-feature { background:#0e1e29; }
.capability-landscape-section,.platform-principles-section { background:linear-gradient(130deg,#0b1721,#112631); }
.capability-cluster { background:transparent; border-radius:0; border-color:#37525f; box-shadow:none; }
.capability-node { background:#10232d; border-color:#324f5d; border-radius:.25rem; }
.capability-node:hover { background:#17343f; border-color:#7ac7d0; }
.capability-node em { color:#c3cfd6; }
.capability-node small { color:#b1c3ce; }
.cluster-orbit { background:#214651; border-color:#79c8d1; box-shadow:inset 0 0 0 .25rem #10252e; }
.solution-motif { stroke:#8ed6df; }
.operational-scene { margin:0; min-width:0; background:#0c1b25; border:1px solid #3b5a68; border-radius:.3rem; overflow:hidden; }
.operational-image { position:relative; isolation:isolate; aspect-ratio:3 / 2; overflow:hidden; }
.operational-image .scene-picture,.operational-image img { height:100%; object-fit:cover; }
.operational-image::after { content:""; position:absolute; inset:40% 0 0; pointer-events:none; background:linear-gradient(0deg,#0c1b25,transparent); }
.operational-image .scene-tag { position:absolute; left:1rem; top:1rem; z-index:2; }
.scene-traces { position:absolute; inset:0; width:100%; height:100%; z-index:1; fill:none; stroke:#87dce5; stroke-width:1; opacity:.6; }
.scene-traces circle { fill:#112d38; stroke-width:1.5; }
.trace-continuation { stroke-dasharray:4 7; }
.operational-scene figcaption { padding:0 1.2rem 1.2rem; position:relative; z-index:2; }
.operational-scene .eyebrow { font-size:.6rem; margin-bottom:1rem; }
.scene-node-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
.scene-node-rail li { min-width:0; padding:.5rem .6rem .6rem 0; border-top:1px solid #6597a7; font-size:.72rem; line-height:1.5; color:#d7e5eb; }
.scene-node-rail li span { display:block; color:#93c7d3; font:.6rem var(--technical-font); margin-bottom:.45rem; }
.scene-boundary { margin:.7rem 0 0; color:#abc0ca; font-size:.68rem; line-height:1.6; }
.scene-and-system { min-width:0; display:grid; gap:1rem; }
.system-diagram { background:linear-gradient(145deg,#142c37,#0e1e2b); border-color:#416273; border-radius:.25rem; }
.diagram-header,.system-diagram figcaption { border-color:#416273; }
.diagram-header .eyebrow,.diagram-steps small,.system-diagram figcaption { color:#b6cbd5; }
.diagram-index,.diagram-step-index { color:#9ad2dc; }
.diagram-steps { gap:.75rem; }
.diagram-steps li { background:#10212c; border-color:#3c5c6d; border-radius:.2rem; }
.diagram-steps li::before { border-color:#7ab5c4; }
.diagram-trust-boundary { background:#15313a; color:#cfeced; border-color:#78aeb9; }
.system-diagram-credentials_vault .diagram-steps li:nth-child(3) { background:#193c45; border-color:#7dbcc7; }
.boundary-sequence { background:#10252f; border-color:#496775; border-radius:.3rem; }
.solution-state-environment { background:#102731; border-color:#416475; border-radius:.25rem; }
.solution-state-environment div { border-color:#3b5a68; }
.platform-environment-hero { padding-block:4rem; }
.platform-hero-layout { position:relative; gap:3rem; }
.platform-hero-layout h1 { color:#f5f9fc; }
.platform-governance-rail { background:#0c1e28e6; }
.platform-context-scene { margin-bottom:3.5rem; }
.platform-context-scene .operational-image { aspect-ratio:2.6 / 1; }
.platform-context-scene .operational-image img { object-position:50% 45%; }
.platform-visual-overview-section { background:#0e1d28; }
.platform-boundary-section { background:radial-gradient(ellipse at 95% 35%,#1b3e48,#0b1822 80%); }
.page-intro { background:radial-gradient(ellipse at 90% 0%,#173b47,transparent 45%),#0b1721; }
.catalogue-context { margin-top:2rem; display:grid; grid-template-columns:1.5fr 1fr; align-items:end; gap:3rem; padding-bottom:3rem; }
.catalogue-context .operational-image { aspect-ratio:2.5 / 1; }
.catalogue-context .expansion-rail { align-self:center; }
.module-card { background:linear-gradient(145deg,#142a35,#101f2c); border-color:#3c5867; border-radius:.3rem; box-shadow:none; }
.module-card-planned { background:#101f2c; }
.status-pill,.module-card-planned .status-pill { background:#213440; border-color:#7895a3; color:#e1eaf0; border-radius:.2rem; }
.module-card-planned .status-pill { border-style:dashed; }
.detail-panel { padding:0; border:0; background:transparent; }
.detail-panel > .operational-scene { margin-bottom:1.5rem; }
.detail-panel .system-diagram { margin:0 0 1rem; }
.detail-meta { margin-top:2rem; }
.detail-panel > h2 { border-top:1px solid #334c5b; padding-top:1.25rem; }
.notice { background:#17313a; color:#dce9ef; border-color:#8be5cf; }
.product-workflow,.continuum-architecture-scene { background:linear-gradient(145deg,#122c38,#0e1d29); border-color:#426576; border-radius:.3rem; box-shadow:none; }
.synthetic-label { color:#b7dcf0; border-color:#709bae; border-radius:.2rem; }
.workflow-window { background:#0c1c27; border-color:#426071; border-radius:.2rem; box-shadow:none; }
.workflow-request,.workflow-objective,.workflow-authority,.workflow-outcome { background:#152d38; border-color:#73bdcc; }
.workflow-authority { background:#143331; }.workflow-authority em { color:#a5dfd0; }
.workflow-outcome { background:#15303a; }
.architecture-governance span { border-color:#5d998e; color:#b3e9db; border-radius:.2rem; }
.architecture-stages li { background:#132b35; border-color:#456b73; border-radius:.2rem; }
.architecture-stages li:not(:last-child)::after { background:#132b35; border-color:#6babb0; }
.operational-horizon { background:linear-gradient(155deg,#0c1a25,#12303a); }
.operational-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
.operational-pair .text-link { display:inline-block; margin-top:1rem; }
.closing-system { background:radial-gradient(ellipse at 80% 100%,#19424d,#0a1520 80%); }
.in2ai-assistant-launcher,.in2ai-assistant-input-row button { background:#175d71; }
.in2ai-assistant-message.visitor { background:#235b70; }
@media (min-width:1101px) { .hero-topology-stage { transform:translateY(.5rem); } }
@media (max-width:1100px) {
  .hero-governed-environment .hero-grid,.platform-hero-layout { grid-template-columns:1fr; gap:2rem; }
  .hero-governed-environment .hero-grid { min-height:0; }
  .hero-governed-environment .hero-copy h1 { max-width:15ch; font-size:4rem; }
  .hero-copy { max-width:43rem; }
  .hero-topology-stage { padding-top:2rem; }
  .scene-backdrop img { object-position:65% 20%; }
  .hero-governed-environment::after,.platform-environment-hero::after { background:linear-gradient(90deg,#080f17df,#080f1766),linear-gradient(0deg,#080f17,transparent 65%); }
  .ecosystem-topology { max-width:none; }
  .platform-principles { grid-template-columns:1fr; }
  .catalogue-context { grid-template-columns:1fr; gap:1rem; }
  .catalogue-context .operational-image { aspect-ratio:2 / 1; }
}
@media (max-width:560px) {
  .header-inner { min-height:4rem; gap:.3rem; }
  .brand { font-size:.95rem; }.brand-symbol { width:1.7rem; }
  nav { width:auto; gap:0; }nav a { padding:.6rem .5rem; font-size:.78rem; }
  .hero-governed-environment { padding-block:3rem 2.5rem; }
  .hero-governed-environment .hero-copy h1 { font-size:3.15rem; max-width:11ch; }
  .hero .lede { font-size:1rem; line-height:1.7; }
  .scene-backdrop { height:43rem; }.scene-backdrop img { object-position:72% 30%; }
  .hero-governed-environment::after,.platform-environment-hero::after { background:linear-gradient(0deg,#080f17 0%,#080f17e8 45%,#080f1740 100%); }
  .hero-topology-stage { padding-top:.5rem; }
  .ecosystem-topology { padding:1rem; }
  .topology-lanes { gap:1rem; }.topology-lane a { padding:.65rem; }
  .topology-lane strong { font-size:.85rem; }.topology-lane small { font-size:.71rem; }
  .topology-root { padding-block:1rem; }
  .expansion-rail { gap:.8rem; }.expansion-points { flex-basis:3.5rem; }
  .operational-pair { grid-template-columns:1fr; gap:2.5rem; }
  .operational-scene figcaption { padding:0 1rem 1rem; }
  .scene-node-rail { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
  .scene-node-rail li { font-size:.75rem; }
  .operational-image { aspect-ratio:1.25 / 1; }
  .operational-image img { object-position:60% 45%; }
  .platform-context-scene .operational-image,.catalogue-context .operational-image { aspect-ratio:1.3 / 1; }
  .platform-environment-hero { padding-top:3rem; }
  .platform-hero-layout h1 { font-size:3rem; }
  .detail-panel .solution-motif { width:2.4rem; height:2.4rem; margin:0; }
  .diagram-header { align-items:flex-start; }
  .diagram-header .eyebrow { font-size:.58rem; }
}
@media (prefers-reduced-motion:no-preference) {
  .trace-continuation { animation:trace-drift 12s linear infinite; }
}
@keyframes trace-drift { to { stroke-dashoffset:-44; } }
@media (prefers-reduced-motion:reduce) { .trace-continuation { animation:none; } }

/* Targeted hero refinement: an open ecosystem within the operational scene. */
.brand { font-size:1.2rem; gap:.75rem; }
.brand .brand-symbol { width:2.25rem; height:2.25rem; }
.brand-suffix { color:#d2e4ed; font-weight:700; }
.hero-governed-environment { padding-block:3.5rem 3rem; }
.hero-governed-environment .hero-grid { grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:2.5rem; min-height:36rem; }
.hero-governed-environment .hero-copy .hero-brand-title { font-size:clamp(4.5rem,6.1vw,5.5rem); line-height:.98; letter-spacing:-.055em; max-width:none; margin:0 0 1.7rem; font-weight:750; }
.hero-brand-title > span { display:block; color:#d1f1f2; }
.hero-proposition { color:#f1f7fb; font-size:clamp(1.6rem,2.3vw,2.1rem); line-height:1.22; letter-spacing:-.025em; font-weight:550; margin:0 0 1.4rem; max-width:19ch; }
.hero .hero-copy .lede { font-size:1.05rem; max-width:43ch; }
.hero-topology-stage { padding-top:0; transform:none; min-width:0; }
.hero-topology-stage > .scene-tag { border:0; background:transparent; padding:0; color:#b7ccd5; font-size:.56rem; letter-spacing:.09em; margin-bottom:.5rem; }
.hero-topology-stage .expansion-rail { border:0; padding-top:0; margin-top:.8rem; }
.hero-topology-stage .expansion-rail p { background:transparent; }
.ecosystem-topology.living-ecosystem { border:0; border-radius:0; padding:0; background:none; box-shadow:none; backdrop-filter:none; max-width:none; }
.ecosystem-space { position:relative; height:36rem; isolation:isolate; }
.ecosystem-space::before { content:""; position:absolute; inset:8% -8%; z-index:-1; background:radial-gradient(ellipse at 49% 51%,#0b4b5b55,transparent 58%); pointer-events:none; }
.ecosystem-connections { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:#85e3e4; stroke-width:1; pointer-events:none; }
.ecosystem-orbits { opacity:.22; stroke-width:.65; transform:rotate(-18deg); transform-origin:310px 306px; }
.ecosystem-orbits ellipse:last-child { stroke-dasharray:2 11; }
.ecosystem-branches { opacity:.55; }
.ecosystem-flow { stroke:#d4ffef; stroke-width:1.8; stroke-dasharray:12 240; opacity:.8; }
.ecosystem-horizon { opacity:.28; stroke-dasharray:3 8; stroke-width:.8; }
.ecosystem-horizon circle { fill:#0d222c; stroke-dasharray:none; }
.ecosystem-core { position:absolute; left:48.4%; top:51%; transform:translate(-50%,-50%); width:8rem; height:8rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle,#153d49ee,#081923bb 66%,transparent 70%); text-shadow:0 2px 15px #000; }
.ecosystem-core-light { position:absolute; inset:-.5rem; border:1px solid #8ce7e65c; border-radius:50%; box-shadow:0 0 28px #44cbd51c,inset 0 0 22px #44cbd51c; }
.ecosystem-core strong { font-size:1.75rem; line-height:1.1; font-weight:650; letter-spacing:-.04em; }
.ecosystem-core strong span { display:block; font-size:1.05rem; letter-spacing:.015em; margin-top:.2rem; }
.ecosystem-core small { font:.5rem/1.6 var(--technical-font); color:#acd5dc; margin-top:.6rem; text-transform:uppercase; letter-spacing:.08em; }
.ecosystem-region { position:absolute; width:43%; min-width:0; }
.ecosystem-region-products { left:0; top:1%; }
.ecosystem-region-platform { right:0; top:8%; }
.ecosystem-region-specialist { left:16%; top:76%; width:49%; }
.ecosystem-region h3 { display:flex; align-items:baseline; gap:.5rem; font:.64rem/1.6 var(--technical-font); letter-spacing:.06em; text-transform:uppercase; color:#b7f3eb; margin:0 0 .65rem; }
.ecosystem-region h3 > span { color:#7fa9b7; font-size:.5rem; }
.ecosystem-region ul { margin:0; padding:0; list-style:none; }
.ecosystem-region li { position:relative; }
.ecosystem-region li::before { content:""; position:absolute; left:.8rem; top:0; bottom:0; border-left:1px solid #8be5cf3d; }
.ecosystem-region li:last-child::before { bottom:50%; }
.ecosystem-region a { position:relative; display:flex; align-items:center; gap:.55rem; padding:.45rem .35rem .45rem 0; min-height:3.2rem; text-decoration:none; border:0; background:linear-gradient(90deg,#091823bd,transparent); border-radius:0; transition:background .2s ease; }
.ecosystem-region a:hover,.ecosystem-region a:focus-visible { background:linear-gradient(90deg,#164351e8,transparent); }
.ecosystem-region .solution-motif { flex:none; min-width:1.6rem; width:1.6rem; height:1.6rem; stroke:#a5ece6; padding:.15rem; background:#0c212c; border-radius:50%; }
.ecosystem-region strong { display:block; color:#edf7fa; font-size:.76rem; line-height:1.3; font-weight:600; text-shadow:0 1px 8px #000; }
.ecosystem-region small { display:block; color:#c0d2db; font-size:.6rem; line-height:1.5; margin-top:.2rem; }
.ecosystem-node-arrow { margin-left:auto; color:#9ce7e3; font-size:.8rem; opacity:0; }
.ecosystem-region a:hover .ecosystem-node-arrow,.ecosystem-region a:focus-visible .ecosystem-node-arrow { opacity:1; }
.ecosystem-horizon-label { position:absolute; right:0; top:65%; width:34%; font:.58rem/1.6 var(--technical-font); color:#9fc6cf; letter-spacing:.05em; }
.ecosystem-horizon-label span { display:block; font-size:.52rem; color:#9bb6c2; margin-top:.3rem; letter-spacing:0; }
.living-ecosystem figcaption { border:0; padding:0; margin:.8rem 0 0; color:#b9ccd5; font-size:.62rem; max-width:65ch; }
/* One connected pathway, without panel-within-panel framing. */
.intrinsic-systems-section .intrinsic-visual-card { border:0; background:none; box-shadow:none; padding:1rem 0; border-radius:0; }
.intrinsic-systems-section .intrinsic-visual { background:none; }
.pathway-system-hero ol { grid-template-columns:1fr; gap:0; margin-block:1.8rem; padding-left:.65rem; }
.pathway-system-hero li { border:0; border-left:1px solid #76bcc066; background:none; border-radius:0; padding:.5rem 0 1.5rem 2.5rem; }
.pathway-system-hero li:last-child { padding-bottom:.5rem; border-left-color:transparent; }
.pathway-system-hero li > span { position:absolute; left:-.8rem; top:.35rem; margin:0; width:1.6rem; height:1.6rem; display:grid; place-items:center; border:1px solid #81c8ce; border-radius:50%; background:#10212c; color:#c2efeb; font-size:.6rem; }
.pathway-system-hero li strong { font-size:1.15rem; }
.pathway-system-hero li small { margin-top:.2rem; }
.intrinsic-systems-section .intrinsic-signal-grid span { background:none; border:0; border-left:1px solid #699ca7; padding-left:.9rem; border-radius:0; }
.governance-rail-section .governance-rail { border:0; background:none; box-shadow:none; overflow:visible; gap:1.5rem; }
.governance-rail-section .governance-rail li { border:0; border-top:1px solid #5d9aa4; background:none; padding:1rem 0 0; min-height:0; }
.governance-rail-section .governance-rail li::before { content:""; position:absolute; left:0; top:-4px; width:7px; height:7px; border-radius:50%; background:#b3eee5; box-shadow:0 0 12px #7cebe350; }
.governance-rail-section .governance-rail li::after { display:none; }
@media (min-width:561px) and (max-width:1100px) {
  .hero-governed-environment .hero-grid { grid-template-columns:1fr; gap:2rem; }
  .hero-governed-environment .hero-copy .hero-brand-title { font-size:4.5rem; }
  .hero-brand-title > span { display:inline; }
  .hero-topology-stage { max-width:43rem; width:100%; margin-inline:auto; }
  .ecosystem-space { height:31rem; }
  .ecosystem-selected .ecosystem-extra { display:none; }
  .ecosystem-region-specialist { top:73%; }
  .governance-rail-section .governance-rail { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
}
@media (max-width:560px) {
  .brand { font-size:1.12rem; }.brand .brand-symbol { width:2rem; height:2rem; }
  .hero-governed-environment { padding-top:2.5rem; }
  .hero-governed-environment .hero-grid { grid-template-columns:1fr; gap:2.5rem; min-height:0; }
  .hero-governed-environment .hero-copy .hero-brand-title { font-size:clamp(3rem,14.4vw,3.7rem); margin-bottom:1.2rem; }
  .hero-brand-title > span { display:block; }
  .hero-proposition { font-size:1.6rem; }
  .hero-topology-stage { padding:0; }
  .ecosystem-space { display:flex; flex-direction:column; align-items:stretch; gap:2rem; height:auto; padding-left:1rem; }
  .ecosystem-connections { display:none; }
  .ecosystem-space::before { inset:0 auto 0 1.8rem; width:1px; background:linear-gradient(#94ede5,#64b4be 80%,transparent); }
  .ecosystem-core { position:relative; transform:none; left:auto; top:auto; width:auto; height:auto; align-items:flex-start; text-align:left; padding:0 0 0 2rem; border-radius:0; background:none; }
  .ecosystem-core-light { inset:.2rem auto auto .4rem; width:.8rem; height:.8rem; }
  .ecosystem-core strong { font-size:1.65rem; }.ecosystem-core strong span { display:inline; font-size:inherit; margin-left:.35rem; }
  .ecosystem-core small { font-size:.55rem; }
  .ecosystem-region { position:relative; left:auto; right:auto; top:auto; width:auto; padding-left:2rem; }
  .ecosystem-region::before { content:""; position:absolute; left:.5rem; top:.3rem; width:.6rem; height:.6rem; background:#112e38; border:1px solid #9fe8e3; border-radius:50%; }
  .ecosystem-region h3 { font-size:.67rem; }
  .ecosystem-region a { min-height:3.5rem; background:linear-gradient(90deg,#0b1e28bb,transparent); }
  .ecosystem-region strong { font-size:.85rem; }.ecosystem-region small { font-size:.68rem; }
  .ecosystem-node-arrow { opacity:1; }
  .ecosystem-horizon-label { position:relative; top:auto; right:auto; width:auto; padding:1rem 0 1rem 2rem; margin:0; border-top:1px dashed #487781; }
  .ecosystem-horizon-label::after { content:""; display:block; width:5rem; height:.5rem; margin-top:1rem; border-top:1px dashed #6fb2bb; opacity:.5; }
  .living-ecosystem figcaption { margin-top:1rem; font-size:.65rem; }
  .governance-rail-section .governance-rail { grid-template-columns:1fr; gap:0; margin-left:.3rem; }
  .governance-rail-section .governance-rail li { border-top:0; border-left:1px solid #5d9aa4; padding:0 0 1.5rem 1.5rem; }
  .governance-rail-section .governance-rail li:last-child { padding-bottom:0; border-left-color:transparent; }
  .governance-rail-section .governance-rail li::before { left:-4px; top:.35rem; }
}
@media (prefers-reduced-motion:no-preference) {
  .ecosystem-flow { animation:ecosystem-signal 18s linear infinite; }
  .ecosystem-core-light { animation:ecosystem-breathe 9s ease-in-out infinite; }
}
@keyframes ecosystem-signal { to { stroke-dashoffset:-504; } }
@keyframes ecosystem-breathe { 50% { box-shadow:0 0 35px #68e5de35,inset 0 0 24px #68e5de20; } }
@media (prefers-reduced-motion:reduce) { .ecosystem-flow,.ecosystem-core-light { animation:none; } }

/* Material refinement: structure through light, mass and grouping, not frames. */
.system-diagram { position:relative; border:0; padding:1.5rem 0; background:none; box-shadow:none; border-radius:0; }
.diagram-header { border:0; padding:0 0 1.25rem; align-items:center; }
.diagram-header .solution-motif { width:3.5rem; min-width:3.5rem; height:3.5rem; padding:.8rem; border-radius:1.1rem; background:radial-gradient(circle at 25% 15%,#357b84,#173e4d 60%,#102835); box-shadow:0 12px 30px #0003,inset 0 1px #b0f1ed26; stroke:#b2eeea; }
.diagram-header h3 { font-size:1.25rem; }
.diagram-index { display:none; }
.diagram-steps { position:relative; isolation:isolate; margin:.5rem 0 1.3rem; gap:.5rem 1rem; }
.diagram-steps li { border:0; background:none; padding:1rem .7rem; gap:.9rem; align-items:flex-start; border-radius:0; }
.diagram-steps li::before { display:none; }
.diagram-step-index { flex:none; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; padding:0; color:#d2f6f0; font-size:.65rem; background:radial-gradient(circle at 30% 15%,#356370,#163d4a 75%); box-shadow:0 7px 16px #0003,inset 0 1px #b4e9e133; }
.diagram-steps strong { font-size:.9rem; }
.diagram-steps small { color:#bfd1db; }
.system-diagram figcaption { border:0; padding:.3rem .7rem 0; color:#b6cbd5; }
.diagram-trust-boundary { border:0; padding:1.1rem 1.2rem; background:linear-gradient(100deg,#24505b99,#132d3855); border-radius:.75rem; color:#daefee; }
.system-diagram-project_command .diagram-steps { border:0; padding:0; background:radial-gradient(ellipse at 0 30%,#22536155,transparent 75%); }
/* Bounded execution: one continuous lane, with execution and evidence as focal states. */
.system-diagram-autonomy_engine .diagram-steps { grid-template-columns:1fr; border:0; padding:0; gap:0; }
.system-diagram-autonomy_engine .diagram-steps::before { content:""; position:absolute; z-index:-1; left:1.1rem; top:1rem; bottom:2rem; width:1.2rem; border-radius:1rem; background:linear-gradient(#1a3f4c,#306d7480 40%,#19464c 70%,transparent); }
.system-diagram-autonomy_engine .diagram-steps li { border:0; padding:.85rem .7rem; background:none; }
.system-diagram-autonomy_engine .diagram-steps li:nth-child(3) { margin-top:.5rem; padding-block:1.2rem; background:radial-gradient(ellipse at 10% 20%,#33798788,transparent 85%),linear-gradient(90deg,#1d4654b3,#15344033); border-radius:1.3rem 1.3rem 0 0; }
.system-diagram-autonomy_engine .diagram-steps li:nth-child(4) { padding-block:1.2rem; margin-bottom:.5rem; background:linear-gradient(90deg,#1d4654b3,#15344033); border-radius:0 0 1.3rem 1.3rem; }
.system-diagram-autonomy_engine .diagram-steps li:nth-child(4) .diagram-step-index { background:radial-gradient(circle at 30% 15%,#4e9485,#225149); color:#f0fff8; }
.system-diagram-autonomy_engine .diagram-steps li:last-child .diagram-step-index { box-shadow:0 0 25px #64c4ab28,inset 0 1px #c2f4e64d; }
/* Local storage: source mass, two analysis objects, one recovery relationship. */
.system-diagram-data_storage_assist .diagram-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.system-diagram-data_storage_assist .diagram-steps li:first-child { grid-column:1 / -1; border:0; padding:1.6rem 1.2rem; border-radius:1.5rem; background:radial-gradient(ellipse at 0 0,#3d808a80,transparent 75%),linear-gradient(135deg,#203f4e,#162d3a); box-shadow:0 18px 35px #0002,inset 0 1px #c5f0ec1a; }
.system-diagram-data_storage_assist .diagram-steps li:nth-child(2),.system-diagram-data_storage_assist .diagram-steps li:nth-child(3) { padding:1rem .6rem; background:linear-gradient(145deg,#1a3c48aa,#10283233); border-radius:1rem; }
.system-diagram-data_storage_assist .diagram-steps li:nth-child(3) { margin-top:1.1rem; }
.system-diagram-data_storage_assist .diagram-steps li:last-child { grid-column:1 / -1; padding-top:.5rem; background:radial-gradient(ellipse at 15% 0,#235a554d,transparent 75%); }
/* Evidence flow: four paired sequence regions instead of eight framed boxes. */
.system-diagram-conversation_assist .diagram-steps { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:0; row-gap:1rem; }
.system-diagram-conversation_assist .diagram-steps li { padding:1.1rem .8rem; background:linear-gradient(180deg,#1a3b48b3,#122b3633); }
.system-diagram-conversation_assist .diagram-steps li:nth-child(odd) { border-radius:1.2rem 0 0 1.2rem; }
.system-diagram-conversation_assist .diagram-steps li:nth-child(even) { border-radius:0 1.2rem 1.2rem 0; }
.system-diagram-conversation_assist .diagram-steps li:nth-child(3),.system-diagram-conversation_assist .diagram-steps li:nth-child(4) { background:linear-gradient(180deg,#22504db3,#15333255); }
.system-diagram-sovereign_core .diagram-steps,.system-diagram-credentials_vault .diagram-steps { background:radial-gradient(ellipse at 0 40%,#25536555,transparent 80%); border:0; }
.system-diagram-credentials_vault .diagram-steps li:nth-child(3) { border:0; background:radial-gradient(ellipse at 0 0,#326b6cb3,#173e4855); border-radius:1rem; }
/* Open governance and compatibility compositions. */
.platform-principles > article { border:0; padding-block:1.5rem; }
.platform-principles .system-diagram { padding-block:1rem; }
.platform-governance-rail { border:0; background:linear-gradient(135deg,#1b3d4788,#10273133); border-radius:1.1rem; padding:.6rem; }
.platform-governance-rail li { border:0; background:none; min-height:0; }
.platform-governance-rail li::after { display:none !important; }
.platform-visual-overview-section .intrinsic-visual-card { border:0; border-radius:0; padding:1rem 0; background:none; box-shadow:none; }
.pathway-system-platform ol { gap:1.6rem 1rem; }
.pathway-system-platform li { border:0; border-radius:0; background:none; padding:.5rem .8rem 1rem; }
.pathway-system-platform li > span { width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 25% 15%,#467f87,#1b414e 80%); box-shadow:0 9px 18px #0003; }
.pathway-system-platform { background:radial-gradient(ellipse at 20% 45%,#28586255,transparent 75%); }
.intrinsic-visual-card .graphic-disclaimer { border:0; padding-top:.7rem; }
.pathway-system-hero li { border:0; background:linear-gradient(90deg,#1b3f4b66,transparent 75%); padding:.85rem .7rem 1.2rem 2.8rem; }
.pathway-system-hero li > span { border:0; background:radial-gradient(circle at 25% 15%,#467f87,#1b414e 80%); box-shadow:0 8px 18px #0003; top:.75rem; }
.pathway-system-hero ol { position:relative; }
.pathway-system-hero ol::before { content:""; position:absolute; left:.65rem; top:1rem; bottom:1.6rem; width:.35rem; border-radius:1rem; background:linear-gradient(#34727a88,#285c6866,transparent); }
.boundary-sequence { border:0; background:radial-gradient(ellipse at 20% 0,#22525f88,transparent 85%); border-radius:1rem; padding:1.3rem .5rem; gap:1rem; }
.boundary-sequence li { border:0; }
.boundary-sequence li::after { display:none; }
.boundary-sequence li > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:#214b56; color:#c2eee8; margin-bottom:.8rem; }
/* Catalogue entries are material objects; the surrounding group stays open. */
.module-card { position:relative; isolation:isolate; border:0; border-radius:1.2rem; background:radial-gradient(ellipse at 4% 0,#32677180,transparent 65%),linear-gradient(155deg,#1b3543,#10222f 70%); box-shadow:0 16px 40px #0003,inset 0 1px #c1f0ee17; padding:1.8rem; }
.module-card .card-heading { align-items:center; gap:1rem; margin-bottom:1.7rem; }
.module-card .card-heading .solution-motif { width:3.5rem; min-width:3.5rem; height:3.5rem; padding:.8rem; border-radius:1.1rem; background:radial-gradient(circle at 25% 15%,#4c8a90,#204857 70%); box-shadow:0 10px 22px #0004,inset 0 1px #c1f0ee33; stroke:#c6f5ee; }
.module-card h2 { font-size:1.5rem; }
.module-card .module-meta { padding:1rem; margin:1rem 0 1.2rem; border-radius:.8rem; background:#0b1c266e; }
.module-card .module-meta div { border:0; padding:.45rem 0; grid-template-columns:1fr; gap:.25rem; }
.module-card .module-meta dt { font-size:.72rem; color:#b2c7d2; }
.module-card .module-meta dd { font-size:.85rem; }
.module-card .status-pill { border:0; background:#2b4650; color:#e6f5f5; padding:.3rem .6rem; border-radius:.4rem; }
.module-card .text-link { padding-top:.4rem; }
.module-card:hover { box-shadow:0 20px 44px #0005,inset 0 1px #c1f0ee33; }
.capability-cluster { border:0; padding:1.5rem 0; gap:2rem; }
.capability-cluster-heading { border:0; background:radial-gradient(ellipse at 0 20%,#255a6655,transparent 75%); }
.cluster-orbit { border:0; background:radial-gradient(circle at 30% 20%,#5c9b9c,#25545e); box-shadow:0 8px 20px #0003; border-radius:50%; }
.capability-node { border:0; padding:1.1rem; border-radius:1rem; background:linear-gradient(145deg,#1c3946,#122933); box-shadow:0 12px 24px #0002,inset 0 1px #c1f0ee0f; }
.capability-node:hover { background:linear-gradient(145deg,#254b58,#16323e); }
.capability-node .solution-motif { padding:.3rem; width:2.3rem; min-width:2.3rem; height:2.3rem; border-radius:.7rem; background:#2b5661; }
/* Call capture: one continuous workspace, with distinct authority and outcome materials. */
.product-workflow,.continuum-architecture-scene { border:0; border-radius:1.25rem; background:radial-gradient(ellipse at 5% 0,#2c667180,transparent 65%),linear-gradient(145deg,#193744,#102632); padding:1.5rem; box-shadow:0 20px 45px #0003; }
.product-workflow-compact,.continuum-architecture-compact { padding:1.25rem; }
.synthetic-label { border:0; background:#294957; border-radius:.4rem; color:#deedf3; }
.workflow-window,.product-workflow-compact .workflow-window { border:0; border-radius:0; background:none; box-shadow:none; padding:.5rem 0 0; gap:0; }
.workflow-window-bar { border:0; padding:.3rem 0 1rem; color:#b7cbd4; }
.workflow-request,.workflow-objective,.workflow-authority,.workflow-outcome,
.product-workflow-compact .workflow-request,.product-workflow-compact .workflow-objective,.product-workflow-compact .workflow-authority,.product-workflow-compact .workflow-outcome { border:0; padding:1.1rem 1.2rem; background:none; }
.workflow-request { border-radius:1rem 1rem 0 0; background:linear-gradient(100deg,#254b5866,transparent); }
.workflow-objective { background:linear-gradient(100deg,#254b5866,transparent); padding-top:.3rem; }
.workflow-authority,.product-workflow-compact .workflow-authority { background:radial-gradient(ellipse at 10% 0,#3c7e7166,transparent 85%),#173d3b; border-radius:1rem 1rem 0 0; margin-top:.7rem; }
.workflow-outcome,.product-workflow-compact .workflow-outcome { background:linear-gradient(105deg,#214a4a,#173a3d); border-radius:0 0 1rem 1rem; padding-top:.4rem; }
.workflow-authority em { color:#c4f1df; }
.workflow-outcome small { color:#c1dbdf; }
.architecture-governance span { border:0; background:#214c4c; padding:.3rem .65rem; border-radius:.4rem; color:#c4eee1; }
.architecture-stages,.continuum-architecture-compact .architecture-stages { gap:.5rem; background:linear-gradient(120deg,#2c596466,transparent); border-radius:1rem; padding:.5rem; }
.architecture-stages li { border:0; border-radius:0; background:none; }
.architecture-stages li:not(:last-child)::after { display:none; }
.architecture-stages li > span { display:grid; place-items:center; width:1.8rem; height:1.8rem; background:#2b5860; color:#c3eee6; border-radius:50%; }
.solution-state-environment { border:0; border-radius:.9rem; background:linear-gradient(120deg,#1c3c4880,transparent); padding:1.2rem; }
.solution-state-environment div { border:0; }
.detail-panel > h2 { border:0; padding-top:1.6rem; }
/* Photos retain the scene; quieter traces and blended captions sit within it. */
.operational-scene { border:0; border-radius:1rem; background:linear-gradient(#10232e,#0d202a); box-shadow:0 18px 40px #0002; }
.scene-traces { opacity:.2; stroke-width:1.4; }
.operational-scene figcaption { margin-top:-1rem; padding-top:.3rem; }
.scene-node-rail { gap:.8rem; }
.scene-node-rail li { border:0; padding-top:.6rem; }
.scene-node-rail li span { width:1.55rem; height:1.55rem; display:grid; place-items:center; border-radius:50%; background:#284f5b; color:#c8ede8; box-shadow:0 5px 12px #0002; }
@media (max-width:1100px) {
  .capability-cluster-heading { border:0; }
  .platform-principles { gap:1.5rem; }
}
@media (max-width:560px) {
  .system-diagram { padding-block:1.25rem; }
  .diagram-header { gap:.75rem; }
  .diagram-header .solution-motif { width:2.8rem; min-width:2.8rem; height:2.8rem; padding:.6rem; }
  .diagram-header h3 { font-size:1.1rem; }
  .diagram-steps,.system-diagram-conversation_assist .diagram-steps,.system-diagram-data_storage_assist .diagram-steps { grid-template-columns:1fr; }
  .diagram-steps li { padding:.85rem .5rem; }
  .system-diagram-conversation_assist .diagram-steps { row-gap:0; }
  .system-diagram-conversation_assist .diagram-steps li:nth-child(odd) { border-radius:1rem 1rem 0 0; }
  .system-diagram-conversation_assist .diagram-steps li:nth-child(even) { border-radius:0 0 1rem 1rem; margin-bottom:1rem; }
  .system-diagram-data_storage_assist .diagram-steps li:nth-child(3) { margin:0; }
  .system-diagram-data_storage_assist .diagram-steps li:first-child { padding:1.25rem .8rem; }
  .module-card { padding:1.4rem; }
  .module-card .module-meta { padding:.8rem; }
  .product-workflow header,.continuum-architecture-scene header { grid-template-columns:1fr; row-gap:.4rem; }
  .product-workflow,.continuum-architecture-scene { padding:1.1rem; }
  .workflow-window-bar { flex-wrap:wrap; }
  .architecture-stages,.continuum-architecture-compact .architecture-stages { grid-template-columns:1fr; }
  .architecture-stages li,.continuum-architecture-compact .architecture-stages li { min-height:0; display:flex; gap:.8rem; padding:.8rem; }
  .architecture-stages li > span { flex:none; }
  .architecture-stages strong { margin-top:0; }
  .pathway-system-platform ol { grid-template-columns:1fr; gap:.5rem; }
  .pathway-system-platform li { padding-left:3.5rem; }
  .pathway-system-platform li > span { position:absolute; left:.4rem; top:.5rem; }
  .scene-node-rail { gap:.65rem; }
}

/* Public foundation scope: high-level outcomes, without implementation detail. */
.sovereign-foundation-scope { list-style:none; margin:1rem 0 1.5rem; padding:0; display:grid; gap:.35rem; }
.sovereign-foundation-scope li { padding:.9rem 1rem; background:linear-gradient(90deg,#20424e88,transparent); border-radius:.7rem; }
.sovereign-foundation-scope strong { display:block; font-size:.9rem; color:#edf4f8; }
.sovereign-foundation-scope span { display:block; margin-top:.25rem; font-size:.8rem; line-height:1.6; color:#bfd1db; }