:root { --background:#f8fafc; --surface:#ffffff; --surface-dark:#0b1220; --surface-dark-soft:#111d33; --text:#0b1220; --text-secondary:#475467; --text-inverse:#f8fafc; --primary:#155eef; --primary-strong:#1149ba; --accent:#0d7a6b; --accent-soft:#d9f4ef; --cyan:#67e8f9; --border:#cfd8e3; --border-muted:#e7ecf2; --focus:#155eef; --status:#0d7a6b; --graphic-line:#155eef; --graphic-node:#67e8f9; --radius-sm:.65rem; --radius:1.15rem; --shadow:0 18px 42px rgba(11,18,32,.08); --content:72rem; --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2.5rem; --space-5:4.5rem; --space-6:7rem; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--text); background:var(--background); font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.6; } a { color:inherit; text-underline-offset:.18em; } a:focus-visible, main:focus { outline:3px solid var(--focus); outline-offset:4px; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { color:var(--text); line-height:1.08; letter-spacing:-.035em; } h1 { max-width:13ch; font-size:clamp(2.8rem,6.5vw,5.75rem); } h2 { font-size:clamp(1.75rem,3.6vw,3rem); } h3 { font-size:1.08rem; letter-spacing:-.01em; } p { max-width:68ch; } .shell { width:min(var(--content),calc(100% - 3rem)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:5; background:color-mix(in srgb,var(--background) 94%,transparent); border-bottom:1px solid var(--border-muted); backdrop-filter:blur(10px); } .header-inner { min-height:5.2rem; display:flex; gap:var(--space-3); align-items:center; justify-content:space-between; } .brand { display:inline-flex; align-items:center; gap:.65rem; color:var(--text); font-size:1.05rem; font-weight:800; text-decoration:none; letter-spacing:-.03em; white-space:nowrap; } .brand-suffix { color:var(--text-secondary); font-weight:650; } .brand-symbol { width:2rem; height:2rem; fill:none; stroke:var(--primary); stroke-linecap:round; stroke-linejoin:round; stroke-width:2.6; } nav { display:flex; gap:.15rem; flex-wrap:wrap; align-items:center; } nav a { min-height:2.8rem; padding:.66rem .8rem; color:var(--text-secondary); font-weight:700; text-decoration:none; } nav a:hover,nav a[aria-current="page"] { color:var(--primary); } nav a[aria-current="page"] { text-decoration:underline; text-decoration-thickness:2px; } .nav-proof { border:1px solid var(--border); border-radius:999px; }
.skip-link { position:absolute; top:-5rem; left:1rem; z-index:10; padding:.8rem 1rem; background:var(--primary); color:var(--text-inverse); } .skip-link:focus { top:1rem; }
.hero { padding:clamp(4.5rem,10vw,8rem) 0; color:var(--text-inverse); background:var(--surface-dark); overflow:hidden; } .hero h1 { color:var(--text-inverse); } .hero .lede { color:#cbd5e1; font-size:clamp(1.14rem,2vw,1.4rem); } .hero-grid,.split-layout,.detail-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr); gap:clamp(2rem,5vw,5rem); align-items:center; } .hero .eyebrow { color:var(--cyan); } .hero-status { padding-left:1rem; border-left:3px solid var(--cyan); color:#d6f8fc; font-weight:700; } .hero-graphic { min-width:0; color:var(--cyan); } .hero-graphic-caption { display:flex; justify-content:space-between; gap:.5rem; color:#b6c8d9; font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .pathways-graphic { width:100%; height:auto; color:var(--primary); } .hero .pathways-graphic { color:var(--cyan); } .pathways-frame { fill:rgba(255,255,255,.025); stroke:currentColor; stroke-opacity:.28; } .pathways-rail { fill:none; stroke-linecap:round; stroke-linejoin:round; } .pathways-rail-primary { stroke:currentColor; stroke-width:5; } .pathways-rail-muted { stroke:currentColor; stroke-opacity:.38; stroke-width:3; } .pathways-rail-detail { stroke:var(--accent); stroke-width:3; } .pathways-block { fill:rgba(21,94,239,.1); stroke:currentColor; stroke-width:3; } .pathways-block-inner { fill:var(--surface); stroke:var(--accent); } .hero .pathways-block-inner { fill:var(--surface-dark-soft); } .pathways-node { fill:var(--surface); stroke:currentColor; stroke-width:4; } .hero .pathways-node { fill:var(--surface-dark); } .pathways-evidence { fill:var(--accent); }
.section { padding:clamp(4.5rem,9vw,var(--space-6)) 0; } .section-heading { max-width:48rem; margin-bottom:var(--space-4); } .section-heading.compact { margin-bottom:var(--space-2); } .eyebrow { margin-bottom:.65rem; color:var(--accent); font-size:.75rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; } .lede { color:var(--text-secondary); font-size:clamp(1.1rem,2vw,1.35rem); } .action-row { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; margin-top:var(--space-3); } .button { display:inline-flex; align-items:center; min-height:2.9rem; padding:.7rem 1rem; border:1px solid var(--primary); border-radius:var(--radius-sm); background:var(--primary); color:var(--text-inverse); font-weight:800; text-decoration:none; } .button:hover { background:var(--primary-strong); } .button-secondary { background:transparent; color:var(--text-inverse); border-color:#94a3b8; } .text-link,.back-link { color:var(--primary-strong); font-weight:800; } .text-link { margin-top:auto; } .back-link { display:inline-block; margin-bottom:var(--space-3); }
.section-work { background:var(--surface); } .card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:2rem 0; } .module-card { display:flex; flex-direction:column; min-height:22rem; padding:1.5rem; border:1px solid var(--border-muted); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); overflow-wrap:anywhere; } .module-card:hover { border-color:#aab9cb; transform:translateY(-2px); } .card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:.7rem; } .card-heading .eyebrow { max-width:18ch; } .solution-motif { width:4rem; min-width:4rem; height:auto; fill:none; stroke:var(--accent); stroke-linecap:round; stroke-linejoin:round; stroke-width:2.3; } .module-card h2 { font-size:1.38rem; } .module-card > p:not(.eyebrow) { color:var(--text-secondary); } .module-meta,.detail-meta { margin:auto 0 1rem; } .module-meta div,.detail-meta div { display:grid; grid-template-columns:minmax(8rem,.72fr) 1.3fr; gap:.75rem; padding:.65rem 0; border-top:1px solid var(--border-muted); } dt { color:var(--text-secondary); } dd { margin:0; font-weight:700; overflow-wrap:anywhere; } .status-pill { display:inline-block; padding:.14rem .5rem; border:1px solid #65b7aa; border-radius:999px; background:var(--accent-soft); color:#07584d; font-size:.8rem; font-weight:800; line-height:1.35; }
.governance-section { background:var(--surface-dark); color:var(--text-inverse); } .governance-section h2,.governance-section h3 { color:var(--text-inverse); } .governance-section .eyebrow { color:var(--cyan); } .principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; } .principle-grid article { padding:1.2rem 0; border-top:2px solid var(--accent); } .principle-grid p { color:inherit; } .platform-feature { background:var(--surface); } .selected-future { background:#eef3f8; } .closing-path { background:var(--surface-dark); color:var(--text-inverse); } .closing-path h2 { color:var(--text-inverse); } .closing-path .eyebrow { color:var(--cyan); } .closing-path .text-link { color:var(--cyan); }
.page-intro { min-height:auto; } .platform-intro { padding-bottom:var(--space-4); } .platform-diagram-section { padding-top:var(--space-3); background:var(--surface); } .pathway-steps { display:grid; gap:.7rem; margin:1.5rem 0 0; padding:0; list-style:none; counter-reset:pathway; } .pathway-steps li { counter-increment:pathway; padding:.7rem 0 .7rem 2.5rem; border-top:1px solid var(--border-muted); font-weight:750; } .pathway-steps li::before { content:counter(pathway,decimal-leading-zero); position:absolute; margin-left:-2.5rem; color:var(--accent); font-size:.8rem; } .platform-principles article { border-top-color:var(--primary); } .detail-layout { align-items:start; } .detail-panel { padding:1.7rem; border:1px solid var(--border-muted); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); } .detail-panel h2 { margin-top:1.8rem; font-size:1.23rem; } .detail-panel h2:first-child { margin-top:0; } .solution-detail-page .solution-motif { width:6rem; margin:1rem 0; } .catalogue-group + .catalogue-group { margin-top:4rem; padding-top:4rem; border-top:1px solid var(--border); } .notice,.preview-banner { padding:1rem; border-left:4px solid var(--accent); background:var(--accent-soft); color:#083d43; } .preview-banner { display:flex; gap:.7rem; flex-wrap:wrap; margin-bottom:2rem; } .preview-banner.compact { display:inline-flex; margin-bottom:1.4rem; }
.site-footer { padding:2.5rem 0; border-top:1px solid var(--border); background:var(--surface); color:var(--text-secondary); font-size:.9rem; } .footer-inner { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; } .footer-inner p { margin:0; }
.capability-list,.governed-record-list { padding:0; list-style:none; } .capability-list li,.governed-record-list li { padding:1rem 0; border-top:1px solid var(--border-muted); } .capability-list span,.governed-record-list span { display:block; color:var(--accent); font-size:.86rem; font-weight:750; } .capability-list p,.governed-record-list p { margin:.35rem 0 0; color:var(--text-secondary); } .record-note { font-size:.9rem; }
.hero-precision { padding-block:clamp(3.5rem,7vw,6rem); } .hero-precision .hero-grid { gap:clamp(2rem,4vw,4rem); } .hero-precision h1 { max-width:12ch; font-size:clamp(2.8rem,5.5vw,5.15rem); } .hero-precision .lede { margin-bottom:1.1rem; } .hero-precision .hero-status { margin-bottom:1.25rem; }
.page-intro h1 { max-width:15ch; font-size:clamp(2.75rem,5.5vw,5rem); } .catalogue-group-planned { margin-top:3.25rem !important; padding-top:3.25rem !important; } .catalogue-group-planned .card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .module-card-planned { min-height:18.5rem; padding:1.2rem; background:color-mix(in srgb,var(--surface) 78%,var(--background)); box-shadow:none; } .module-card-planned .solution-motif { width:3.35rem; min-width:3.35rem; } .module-card-planned h2 { font-size:1.2rem; } .module-card-planned .module-meta { margin-top:1rem; } .module-card-planned .status-pill { font-size:.75rem; }
.status-detail { display:block; max-width:29ch; margin-top:.4rem; color:var(--text-secondary); font-size:.88rem; font-weight:500; line-height:1.45; } .detail-meta .status-detail { max-width:36ch; }
.platform-composition { display:grid; grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr); gap:clamp(2rem,5vw,5rem); align-items:center; } .platform-flow { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(14rem,.8fr); gap:clamp(1.25rem,3vw,2.5rem); align-items:center; } .platform-flow .pathway-steps { margin:0; } .platform-flow .pathway-steps li:last-child { border-bottom:1px solid var(--border-muted); }
.site-footer { padding:3rem 0; background:var(--surface-dark); border-top:0; color:#cbd5e1; } .footer-inner { align-items:center; } .footer-brand { display:flex; gap:.85rem; align-items:center; color:var(--text-inverse); } .footer-brand .brand-symbol { width:2.45rem; height:2.45rem; color:var(--cyan); stroke:currentColor; } .footer-brand strong { display:block; font-size:1.05rem; letter-spacing:-.02em; } .footer-brand p { margin:.08rem 0 0; color:var(--cyan); font-size:.9rem; font-weight:700; } .footer-operator { display:grid; gap:.25rem; max-width:31rem; text-align:right; } .footer-operator strong { color:var(--text-inverse); } .footer-operator span { color:#cbd5e1; }
@media (max-width:1100px) { .catalogue-group-planned .card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .platform-composition { grid-template-columns:1fr; } .platform-composition-intro { max-width:44rem; } }
@media (max-width:820px) { .hero-grid,.split-layout,.detail-layout { grid-template-columns:1fr; } .hero { padding-block:4.5rem; } .hero-graphic { max-width:38rem; } .card-grid,.principle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } h1 { max-width:16ch; } }
@media (max-width:820px) { .hero-precision { padding-block:4.5rem; } .hero-precision h1 { max-width:13ch; } .platform-flow { grid-template-columns:1fr; } .platform-flow .pathway-steps { max-width:38rem; } .catalogue-group-planned .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .shell { width:min(100% - 1.5rem,var(--content)); } .header-inner { padding:.8rem 0; align-items:flex-start; flex-direction:column; } nav { width:100%; gap:.05rem; } nav a { padding-inline:.5rem; } .card-grid,.principle-grid,.catalogue-group-planned .card-grid { grid-template-columns:1fr; } .module-meta div,.detail-meta div { grid-template-columns:1fr; gap:.15rem; } .hero-graphic-caption { font-size:.65rem; } .module-card-planned { min-height:0; } .footer-operator { text-align:left; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }

/* WEB-F8C: Governed Intelligence Environment */
.site-header { background:color-mix(in srgb,var(--background) 88%,transparent); box-shadow:0 1px 0 rgba(11,18,32,.02); }
.hero-governed-environment { position:relative; isolation:isolate; padding-block:clamp(4rem,7.5vw,7rem); background:radial-gradient(circle at 78% 36%,rgba(21,94,239,.18),transparent 28rem),radial-gradient(circle at 20% 88%,rgba(13,122,107,.13),transparent 30rem),var(--surface-dark); }
.hero-governed-environment::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.2; background-image:linear-gradient(rgba(103,232,249,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.12) 1px,transparent 1px); background-size:4rem 4rem; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.hero-governed-environment .hero-grid { grid-template-columns:minmax(0,.82fr) minmax(31rem,1.18fr); gap:clamp(2.5rem,6vw,7rem); }
.hero-governed-environment .hero-copy { position:relative; z-index:1; }
.hero-governed-environment .hero-copy h1 { max-width:10ch; font-size:clamp(3.15rem,5.8vw,6.2rem); }
.governed-system-canvas { position:relative; margin:0; padding:1rem; border:1px solid rgba(103,232,249,.26); border-radius:1.65rem; background:linear-gradient(145deg,rgba(17,29,51,.86),rgba(11,18,32,.35)); box-shadow:0 2rem 5rem rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06); transform:perspective(1100px) rotateY(-2deg) rotateX(1deg); animation:system-arrive .7s ease-out both; }
.canvas-frame-label { display:flex; justify-content:space-between; gap:1rem; padding:.15rem .35rem .7rem; color:#cbd5e1; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.canvas-frame-label span:first-child { color:var(--cyan); }
.governed-system-svg { display:block; width:100%; height:auto; overflow:visible; }
.canvas-grid { fill:none; stroke:#67e8f9; stroke-opacity:.1; stroke-width:1; }
.canvas-plane { fill:url(#canvas-plane); stroke:#67e8f9; stroke-opacity:.22; stroke-width:1.4; } .canvas-plane-back { transform:translateY(-18px); } .canvas-plane-front { transform:translateY(12px); }
.canvas-rail { fill:none; stroke-linecap:round; stroke-linejoin:round; } .canvas-rail-muted { stroke:#67e8f9; stroke-opacity:.28; stroke-width:3; } .canvas-rail-primary { stroke:url(#canvas-line); stroke-width:5; } .canvas-rail-active { stroke:#67e8f9; stroke-opacity:.68; stroke-width:2; stroke-dasharray:8 10; }
.canvas-boundary { fill:rgba(21,94,239,.1); stroke:#67e8f9; stroke-opacity:.66; stroke-width:2.5; } .canvas-boundary-inner { fill:#111d33; stroke:#0d7a6b; stroke-width:2; }
.canvas-node { fill:#0b1220; stroke:#67e8f9; stroke-width:3; } .canvas-node-major { fill:#111d33; stroke-width:4; } .canvas-signal { fill:#67e8f9; } .canvas-arrow,.canvas-vector { fill:none; stroke:#67e8f9; stroke-opacity:.6; stroke-width:2; }
.system-canvas-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.35rem; margin:.6rem 0 0; padding:0; list-style:none; }
.system-canvas-stages li { min-width:0; padding:.8rem .65rem .15rem; border-top:1px solid rgba(103,232,249,.2); color:#cbd5e1; } .system-canvas-stages span { display:block; color:var(--cyan); font-size:.66rem; font-weight:800; letter-spacing:.12em; } .system-canvas-stages strong { display:block; margin-top:.22rem; color:var(--text-inverse); font-size:.77rem; line-height:1.2; } .system-canvas-stages small { display:block; margin-top:.32rem; font-size:.66rem; line-height:1.35; }
.governed-system-canvas figcaption { margin:.9rem .35rem .1rem; color:#b6c8d9; font-size:.74rem; line-height:1.45; }
.governance-rail-section { position:relative; z-index:2; margin-top:-1.25rem; padding-bottom:1rem; }
.governance-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; border:1px solid var(--border); border-radius:1rem; overflow:hidden; background:var(--surface); box-shadow:0 1.2rem 3rem rgba(11,18,32,.1); }
.governance-rail li { position:relative; min-height:6.6rem; padding:1.1rem 1.2rem; border-right:1px solid var(--border-muted); } .governance-rail li:last-child { border-right:0; } .governance-rail li::after { content:""; position:absolute; top:50%; right:-.38rem; z-index:1; width:.72rem; height:.72rem; border-top:1px solid var(--border); border-right:1px solid var(--border); background:var(--surface); transform:translateY(-50%) rotate(45deg); } .governance-rail li:last-child::after { display:none; }
.governance-rail span { display:block; color:var(--accent); font-size:.66rem; font-weight:850; letter-spacing:.12em; } .governance-rail strong { display:block; margin-top:.2rem; font-size:1rem; } .governance-rail small { display:block; margin-top:.22rem; color:var(--text-secondary); font-size:.75rem; line-height:1.35; }
.section { position:relative; }.editorial-heading { display:grid; grid-template-columns:minmax(15rem,.78fr) minmax(20rem,1.22fr); column-gap:clamp(2rem,7vw,8rem); align-items:start; margin-bottom:clamp(2.5rem,5vw,4.5rem); }.editorial-heading .eyebrow { grid-column:1; }.editorial-heading h2 { grid-column:1; margin-bottom:0; }.editorial-heading p:not(.eyebrow) { grid-column:2; grid-row:1 / span 2; align-self:end; color:var(--text-secondary); font-size:1.1rem; }
.validated-systems-section { padding-top:clamp(4.5rem,8vw,7.5rem); background:linear-gradient(180deg,var(--background),var(--surface)); }.validated-environments { display:grid; gap:clamp(2rem,5vw,5.5rem); }.validated-environment { display:grid; grid-template-columns:minmax(16rem,.73fr) minmax(28rem,1.27fr); gap:clamp(1.5rem,5vw,5rem); align-items:center; padding:clamp(1.25rem,3vw,2.75rem); border:1px solid var(--border-muted); border-radius:1.6rem; background:var(--surface); box-shadow:var(--shadow); overflow:hidden; }.validated-environment-continuum { grid-template-columns:minmax(28rem,1.27fr) minmax(16rem,.73fr); background:linear-gradient(135deg,#edf7f5,var(--surface)); }.validated-environment-continuum .environment-intro { grid-column:2; grid-row:1; }.validated-environment-continuum .continuum-architecture-scene { grid-column:1; grid-row:1; }.environment-intro h3 { max-width:16ch; font-size:clamp(1.7rem,3vw,2.7rem); }.environment-intro > p:not(.eyebrow) { color:var(--text-secondary); }.environment-status { display:grid; gap:.45rem; margin:1.5rem 0; color:var(--text-secondary); font-size:.88rem; }.environment-status .status-pill { width:max-content; }
.product-workflow,.continuum-architecture-scene { position:relative; padding:1.25rem; border:1px solid rgba(21,94,239,.2); border-radius:1.15rem; background:linear-gradient(145deg,#f8fbff,#edf4ff); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1rem 2.3rem rgba(21,94,239,.1); }.product-workflow header,.continuum-architecture-scene header { display:grid; grid-template-columns:1fr auto; column-gap:1rem; align-items:start; }.product-workflow header h3,.continuum-architecture-scene header h3 { grid-column:1 / -1; margin:.65rem 0 1rem; font-size:1.1rem; }.synthetic-label { width:max-content; padding:.22rem .48rem; border:1px solid #9fbce8; border-radius:999px; color:#1149ba; font-size:.65rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.workflow-window { display:grid; gap:.65rem; padding:1rem; border:1px solid #c9d8ee; border-radius:.85rem; background:#fff; box-shadow:0 .75rem 1.5rem rgba(11,18,32,.06); }.workflow-window-bar { display:flex; justify-content:space-between; gap:.5rem; padding-bottom:.6rem; border-bottom:1px solid var(--border-muted); color:var(--text-secondary); font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.workflow-request,.workflow-objective,.workflow-authority,.workflow-outcome { position:relative; padding:.75rem .85rem .75rem 1rem; border-left:3px solid var(--primary); background:#f8fafc; }.workflow-request strong,.workflow-objective strong,.workflow-authority strong,.workflow-outcome strong { display:block; line-height:1.3; }.workflow-request p { margin:.25rem 0 0; color:var(--text-secondary); font-size:.78rem; line-height:1.4; }.workflow-objective span,.workflow-authority span,.workflow-outcome span { display:block; margin-bottom:.22rem; color:var(--accent); font-size:.66rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.workflow-authority { border-left-color:var(--accent); background:#f1faf8; }.workflow-authority em { display:block; margin-top:.26rem; color:#07584d; font-size:.76rem; font-style:normal; font-weight:750; }.workflow-outcome { border-left-color:#67c7d5; background:#f3fbfd; }.workflow-outcome small { display:block; margin-top:.25rem; color:var(--text-secondary); font-weight:700; }.workflow-note { margin:.85rem .15rem .05rem; color:var(--text-secondary); font-size:.74rem; line-height:1.45; }
.continuum-architecture-scene { background:linear-gradient(145deg,#eefbf8,#f7fbff); }.architecture-governance { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:.75rem; }.architecture-governance span { padding:.25rem .5rem; border:1px solid #9dd5cb; border-radius:999px; color:#07584d; font-size:.66rem; font-weight:800; }.architecture-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.4rem; margin:0; padding:0; list-style:none; }.architecture-stages li { position:relative; min-width:0; min-height:8.7rem; padding:1rem .65rem .75rem; border:1px solid #c6ddd8; border-radius:.75rem; background:rgba(255,255,255,.78); }.architecture-stages li:not(:last-child)::after { content:""; position:absolute; top:50%; right:-.32rem; z-index:1; width:.62rem; height:.62rem; border-top:1px solid #9dc3bc; border-right:1px solid #9dc3bc; background:#f4fcfa; transform:translateY(-50%) rotate(45deg); }.architecture-stages li > span { display:block; color:var(--accent); font-size:.65rem; font-weight:850; }.architecture-stages strong { display:block; margin-top:.45rem; font-size:.83rem; line-height:1.2; }.architecture-stages small { display:block; margin-top:.35rem; color:var(--text-secondary); font-size:.68rem; line-height:1.35; }
.governance-observatory { overflow:hidden; background:radial-gradient(circle at 78% 50%,rgba(103,232,249,.12),transparent 28rem),var(--surface-dark); color:var(--text-inverse); }.observatory-layout { display:grid; grid-template-columns:minmax(18rem,1fr) minmax(24rem,1fr); gap:clamp(2rem,8vw,8rem); align-items:end; }.observatory-layout h2 { max-width:11ch; color:var(--text-inverse); font-size:clamp(2.6rem,5vw,5.1rem); }.observatory-layout .eyebrow { color:var(--cyan); }.observatory-principles { display:grid; gap:.55rem; }.observatory-principles article { display:grid; grid-template-columns:7rem 1fr; gap:1rem; padding:1rem 0; border-top:1px solid rgba(103,232,249,.22); }.observatory-principles span { color:var(--cyan); font-size:.72rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.observatory-principles p { margin:0; color:#d8e4f0; }
.platform-system-feature { background:linear-gradient(180deg,var(--surface),#eaf3fb); }.platform-system-layout { display:grid; grid-template-columns:minmax(18rem,.72fr) minmax(30rem,1.28fr); gap:clamp(2rem,8vw,8rem); align-items:center; }.platform-system-layout h2 { max-width:10ch; }.capability-landscape-section { background:#eef3f8; }.capability-landscape { display:grid; gap:1.2rem; }.capability-cluster { display:grid; grid-template-columns:minmax(13rem,.28fr) 1fr; gap:1.5rem; padding:1.25rem; border:1px solid #d9e4ee; border-radius:1.25rem; background:rgba(255,255,255,.68); }.capability-cluster-heading { position:relative; padding:1rem; border-right:1px solid var(--border-muted); }.capability-cluster-heading h3 { margin:.7rem 0 .35rem; font-size:1.2rem; }.capability-cluster-heading p { color:var(--text-secondary); font-size:.78rem; }.cluster-orbit { display:block; width:2.8rem; height:2.8rem; border:1px solid var(--primary); border-radius:50%; box-shadow:inset 0 0 0 .48rem rgba(21,94,239,.08); }.cluster-orbit::after { content:""; display:block; width:.5rem; height:.5rem; margin:-.2rem 0 0 2.2rem; border-radius:50%; background:var(--accent); }.capability-field { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:.7rem; }.capability-node { display:flex; flex-direction:column; min-width:0; padding:.85rem; border:1px solid #dbe4ec; border-radius:.85rem; background:rgba(248,250,252,.78); color:var(--text); text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }.capability-node:hover { border-color:#8daacb; background:#fff; transform:translateY(-3px); }.capability-node > span { color:var(--accent); font-size:.64rem; font-weight:850; letter-spacing:.1em; }.capability-node strong { margin-top:.45rem; font-size:.9rem; line-height:1.25; }.capability-node small { margin-top:.45rem; color:var(--text-secondary); font-size:.72rem; line-height:1.35; }.capability-node em { margin-top:auto; padding-top:.75rem; color:#07584d; font-size:.67rem; font-style:normal; font-weight:800; }.closing-system { background:radial-gradient(circle at 15% 0,rgba(103,232,249,.13),transparent 24rem),var(--surface-dark); color:var(--text-inverse); }.closing-system h2 { max-width:15ch; color:var(--text-inverse); }.closing-system-inner { display:flex; justify-content:space-between; gap:2rem; align-items:end; }.closing-system .eyebrow { color:var(--cyan); }
.platform-environment-hero { background:linear-gradient(180deg,#edf6fc,var(--background)); }.platform-hero-layout { display:grid; grid-template-columns:minmax(17rem,.72fr) minmax(31rem,1.28fr); gap:clamp(2rem,8vw,8rem); align-items:center; }.platform-hero-layout h1 { max-width:9ch; }.platform-governance-rail { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:2rem; box-shadow:none; }.platform-governance-rail li { min-height:5.6rem; }.platform-governance-rail li:nth-child(2)::after { display:none; }.platform-governance-rail li:nth-child(3)::after { display:block; }.boundary-story { display:grid; grid-template-columns:minmax(17rem,.64fr) minmax(30rem,1.36fr); gap:clamp(2rem,8vw,8rem); align-items:center; }.boundary-story h2 { max-width:13ch; }.boundary-sequence { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin:0; padding:1.1rem; list-style:none; border:1px solid #c5d8e6; border-radius:1.1rem; background:linear-gradient(145deg,#fff,#eef7fb); }.boundary-sequence li { position:relative; min-width:0; padding:.65rem; border-top:2px solid var(--accent); }.boundary-sequence li:not(:last-child)::after { content:""; position:absolute; top:1.4rem; right:-.48rem; width:.95rem; border-top:1px solid #9eb8cd; }.boundary-sequence span { color:var(--accent); font-size:.66rem; font-weight:850; }.boundary-sequence strong { display:block; margin-top:.4rem; font-size:.88rem; line-height:1.2; }.boundary-sequence p { margin:.4rem 0 0; color:var(--text-secondary); font-size:.72rem; line-height:1.35; }.platform-principles-section { background:#f7fafc; }
.solution-detail-page .detail-panel { display:grid; align-content:start; gap:0; }.solution-detail-page .detail-panel > h2:first-of-type { margin-top:1.8rem; }.solution-state-environment { margin-bottom:.5rem; padding:1rem; border:1px solid #c9dce9; border-radius:.9rem; background:#f2f8fc; }.solution-state-environment div { display:grid; grid-template-columns:8rem 1fr; gap:.65rem; padding:.55rem 0; border-top:1px solid #d7e5ee; }.solution-state-environment div span { color:var(--text-secondary); font-size:.8rem; }.solution-state-environment p:last-child { margin:.8rem 0 0; color:var(--text-secondary); font-size:.82rem; line-height:1.45; }.solution-detail-page .product-workflow,.solution-detail-page .continuum-architecture-scene { margin-bottom:.5rem; }.product-workflow-compact,.continuum-architecture-compact { padding:1rem; }.product-workflow-compact header h3,.continuum-architecture-compact header h3 { font-size:1rem; }.product-workflow-compact .workflow-window { gap:.45rem; padding:.75rem; }.product-workflow-compact .workflow-request,.product-workflow-compact .workflow-objective,.product-workflow-compact .workflow-authority,.product-workflow-compact .workflow-outcome { padding:.6rem .65rem .6rem .8rem; }.continuum-architecture-compact .architecture-stages { grid-template-columns:repeat(2,minmax(0,1fr)); }.continuum-architecture-compact .architecture-stages li { min-height:6.7rem; }.continuum-architecture-compact .architecture-stages li:nth-child(2)::after { display:none; }
@keyframes system-arrive { from { opacity:0; transform:perspective(1100px) translateY(12px) rotateY(-2deg) rotateX(1deg); } to { opacity:1; transform:perspective(1100px) rotateY(-2deg) rotateX(1deg); } }
@media (max-width:1100px) { .hero-governed-environment .hero-grid,.platform-system-layout,.platform-hero-layout,.boundary-story { grid-template-columns:1fr; }.hero-governed-environment .hero-copy h1 { max-width:11ch; }.governed-system-canvas { max-width:52rem; }.editorial-heading { grid-template-columns:1fr; }.editorial-heading p:not(.eyebrow) { grid-column:1; grid-row:auto; margin:1rem 0 0; }.validated-environment,.validated-environment-continuum { grid-template-columns:1fr; }.validated-environment-continuum .environment-intro,.validated-environment-continuum .continuum-architecture-scene { grid-column:auto; grid-row:auto; }.capability-field { grid-template-columns:repeat(3,minmax(0,1fr)); }.capability-cluster { grid-template-columns:1fr; }.capability-cluster-heading { display:flex; align-items:center; gap:1rem; padding:0 0 1rem; border-right:0; border-bottom:1px solid var(--border-muted); }.capability-cluster-heading h3,.capability-cluster-heading p { margin:0; }.cluster-orbit { flex:0 0 auto; } }
@media (max-width:820px) { .hero-governed-environment { padding-block:3.5rem 4.5rem; }.hero-governed-environment .hero-copy h1 { font-size:clamp(3rem,12vw,4.6rem); }.governance-rail-section { margin-top:0; padding:1rem 0 0; }.governance-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }.governance-rail li:nth-child(2)::after { display:none; }.governance-rail li:nth-child(3)::after { display:block; }.system-canvas-stages { grid-template-columns:repeat(2,minmax(0,1fr)); }.observatory-layout { grid-template-columns:1fr; }.observatory-layout h2 { max-width:13ch; }.capability-field { grid-template-columns:repeat(2,minmax(0,1fr)); }.closing-system-inner { align-items:start; flex-direction:column; }.boundary-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }.boundary-sequence li:nth-child(2)::after { display:none; }.boundary-sequence li:nth-child(3)::after { display:block; } }
@media (max-width:560px) { .hero-governed-environment .hero-copy h1 { max-width:9ch; }.governed-system-canvas { padding:.65rem; border-radius:1rem; transform:none; }.canvas-frame-label { font-size:.6rem; }.system-canvas-stages { gap:.2rem; }.system-canvas-stages li { padding:.65rem .35rem .15rem; }.system-canvas-stages strong { font-size:.7rem; }.system-canvas-stages small { font-size:.59rem; }.governance-rail { grid-template-columns:1fr; }.governance-rail li { min-height:auto; border-right:0; border-bottom:1px solid var(--border-muted); }.governance-rail li:last-child { border-bottom:0; }.governance-rail li::after { display:none !important; }.validated-environment { padding:1rem; border-radius:1rem; }.architecture-stages,.continuum-architecture-compact .architecture-stages { grid-template-columns:1fr; }.architecture-stages li { min-height:auto; }.architecture-stages li::after { display:none !important; }.observatory-principles article { grid-template-columns:1fr; gap:.35rem; }.capability-field { grid-template-columns:1fr; }.capability-cluster { padding:1rem; }.capability-cluster-heading { align-items:flex-start; flex-wrap:wrap; }.boundary-sequence { grid-template-columns:1fr; }.boundary-sequence li::after { display:none !important; }.solution-state-environment div { grid-template-columns:1fr; gap:.15rem; } }

/* In2AI owned generated marketing graphics */
.marketing-graphic-card {
  background: linear-gradient(180deg, rgba(12, 24, 52, 0.94), rgba(7, 16, 36, 0.92));
  border: 1px solid rgba(91, 171, 255, 0.18);
  border-radius: 1.5rem;
  box-shadow: 0 26px 64px rgba(4, 10, 24, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
  padding: 1rem;
}

.hero-graphic-stage {
  align-self: stretch;
}

.feature-graphic {
  border-radius: 1rem;
  display: block;
  height: auto;
  width: 100%;
}

.hero-marketing-graphic {
  margin-inline: auto;
  max-width: 760px;
}

.graphic-disclaimer {
  color: rgba(221, 232, 255, 0.78);
  font-size: 0.92rem;
  line-height: 1.55;
  margin: 0.85rem 0 0;
}

.marketing-graphic-card-wide {
  margin: 2rem 0 2.5rem;
}

.assistant-preview-section {
  padding-top: 0;
}

.assistant-preview-layout {
  align-items: center;
  display: grid;
  gap: 1.75rem;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.assistant-preview-copy .lede {
  margin-bottom: 1rem;
}

.assistant-preview-points {
  display: grid;
  gap: 0.8rem;
  list-style: none;
  margin: 1.2rem 0 0;
  padding: 0;
}

.assistant-preview-points li {
  color: var(--text-secondary);
  line-height: 1.55;
  padding-left: 1.35rem;
  position: relative;
}

.assistant-preview-points li::before {
  background: var(--primary-strong);
  border-radius: 1px;
  content: "";
  height: 0.48rem;
  left: 0;
  position: absolute;
  top: 0.62rem;
  width: 0.48rem;
}

@media (max-width: 960px) {
  .assistant-preview-layout {
    grid-template-columns: 1fr;
  }

  .marketing-graphic-card-wide {
    margin-top: 1.5rem;
  }
}

/* In2AI intrinsic visual layer V2 */
.intrinsic-systems-section,
.platform-visual-overview-section {
  position: relative;
}

.intrinsic-systems-layout,
.platform-visual-overview-layout {
  align-items: center;
  display: grid;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.intrinsic-visual-card {
  background:
    radial-gradient(circle at 76% 18%, rgba(84, 104, 255, 0.18), transparent 34%),
    radial-gradient(circle at 26% 74%, rgba(27, 222, 236, 0.13), transparent 34%),
    rgba(5, 13, 30, 0.88);
  border: 1px solid rgba(91, 171, 255, 0.2);
  border-radius: 1.5rem;
  box-shadow: 0 26px 70px rgba(3, 9, 22, 0.35);
  overflow: hidden;
  padding: 0.85rem;
}

.intrinsic-visual {
  background-image: linear-gradient(140deg, #0b1220, #16345b);
  background-repeat: no-repeat;
  border-radius: 1rem;
  min-height: clamp(300px, 34vw, 520px);
  overflow: hidden;
  position: relative;
}

.intrinsic-visual::after {
  background:
    linear-gradient(180deg, rgba(2, 7, 18, 0.02), rgba(2, 7, 18, 0.22)),
    radial-gradient(circle at center, transparent 48%, rgba(2, 7, 18, 0.22) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.intrinsic-system-nucleus {
  background-position: 72% 13%;
  background-size: 205% auto;
}

.intrinsic-platform-network {
  background-position: 66% 10%;
  background-size: 180% auto;
}

.intrinsic-signal-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1.4rem;
}

.intrinsic-signal-grid span {
  background: rgba(15, 34, 67, 0.52);
  border: 1px solid rgba(91, 171, 255, 0.14);
  border-radius: 1rem;
  display: grid;
  gap: 0.24rem;
  padding: 0.9rem 1rem;
}

.intrinsic-signal-grid strong {
  color: #f3f7ff;
  font-size: 0.96rem;
}

.intrinsic-signal-grid small {
  color: rgba(218, 229, 250, 0.72);
  font-size: 0.78rem;
}

.platform-visual-overview-layout {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}

@media (max-width: 980px) {
  .intrinsic-systems-layout,
  .platform-visual-overview-layout {
    grid-template-columns: 1fr;
  }

  .intrinsic-visual {
    min-height: clamp(280px, 66vw, 500px);
  }

  .intrinsic-system-nucleus {
    background-position: 68% 10%;
    background-size: 185% auto;
  }

  .intrinsic-platform-network {
    background-position: 66% 9%;
    background-size: 170% auto;
  }
}

@media (max-width: 640px) {
  .intrinsic-signal-grid {
    grid-template-columns: 1fr;
  }

  .intrinsic-visual {
    min-height: 310px;
  }

  .intrinsic-system-nucleus,
  .intrinsic-platform-network {
    background-position: 67% 8%;
    background-size: 225% auto;
  }
}

/* Visual modernisation: a shared technical presentation system. */
:root { --content:80rem; --radius:.85rem; --radius-sm:.45rem; --shadow:0 12px 32px rgba(11,18,32,.045); --technical-font:ui-monospace,SFMono-Regular,Consolas,monospace; }
h1,h2,h3 { text-wrap:balance; }
h1 { font-weight:650; letter-spacing:-.055em; }
h2 { font-weight:600; letter-spacing:-.04em; }
.eyebrow { font-family:var(--technical-font); font-weight:650; letter-spacing:.1em; }
.site-header { background:rgba(248,250,252,.96); }
.header-inner { min-height:5rem; }
nav a { font-size:.86rem; border-radius:.4rem; }
nav a[aria-current="page"] { background:#e9eff8; text-decoration:none; }
.button { padding:.85rem 1.15rem; font-size:.88rem; font-weight:650; transition:background .18s ease,transform .18s ease; }
.button:hover { transform:translateY(-2px); }
.hero-governed-environment { padding-block:5.5rem 5rem; background:radial-gradient(ellipse at 82% 8%,#162b43 0,transparent 55%),#0b1220; }
.hero-governed-environment::before { background-size:48px 48px; opacity:.17; }
.hero-governed-environment .hero-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:3.5rem; }
.hero-governed-environment .hero-copy h1 { max-width:12ch; font-size:clamp(3rem,4.9vw,4.8rem); line-height:1.02; }
.hero .lede { font-size:1.1rem; line-height:1.75; }
.hero-status { font-size:.84rem; font-weight:500; border-left-width:1px; color:#cbd5e1; }
.hero .button-secondary { color:#e2e8f0; border-color:#64748b; }
.governance-rail-section { margin:0; padding:1.8rem 0 0; }
.governance-rail { border-radius:.6rem; box-shadow:none; }
.governance-rail li { padding:1rem 1.25rem; min-height:6rem; }
.section { padding-block:clamp(3.5rem,7vw,6rem); }
.module-card { border-radius:.7rem; padding:1.6rem; box-shadow:var(--shadow); transition:border-color .18s ease,transform .18s ease; }
.card-heading { align-items:center; margin-bottom:1.5rem; }
.solution-motif { width:2.5rem; min-width:2.5rem; height:2.5rem; stroke-width:1.5; stroke:var(--primary-strong); }
.solution-detail-page .solution-motif { width:3.5rem; height:3.5rem; }
.status-pill { border:1px solid #bacadd; background:#edf2f8; color:#294969; border-radius:.3rem; font-weight:650; }
.module-card-planned .status-pill { background:#f2f3f5; border-style:dashed; color:#475467; }
.module-meta { margin-top:auto; padding-top:1.3rem; font-size:.8rem; }
.status-detail { font-size:.78rem; }
.capability-cluster { border-radius:.7rem; background:#fff; }
.capability-field { grid-template-columns:repeat(3,minmax(0,1fr)); }
.capability-node { border-radius:.4rem; background:#f8fafc; }
.capability-node em { color:#475467; }
.capability-node-heading { display:flex; align-items:center; justify-content:space-between; }
.capability-node .solution-motif { width:1.8rem; min-width:1.8rem; height:1.8rem; }
.cluster-orbit { width:1.25rem; height:1.25rem; border-radius:.2rem; box-shadow:inset 0 0 0 .25rem #e9eff8; }
.cluster-orbit::after { display:none; }
.platform-hero-layout { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:3rem; }
.platform-hero-layout h1 { font-size:clamp(2.75rem,4.7vw,4.5rem); max-width:11ch; }
.platform-principles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
.platform-principles > article { min-width:0; }
.detail-layout { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:3rem; }
.detail-panel { box-shadow:none; padding:1.5rem; }
.detail-panel > p,.detail-panel > ul { font-size:.94rem; color:var(--text-secondary); }
.detail-meta { font-size:.88rem; }
.detail-panel .system-diagram { margin:-.5rem -.5rem 1rem; }
.system-diagram { margin:0; padding:1.25rem; border:1px solid #cbd6e3; border-radius:.65rem; background:linear-gradient(135deg,#ffffff,#f0f5fa); min-width:0; }
.diagram-header { display:flex; align-items:center; gap:.8rem; padding-bottom:1.1rem; border-bottom:1px solid #dbe3ed; }
.diagram-header > div { min-width:0; }
.diagram-header .eyebrow { font-size:.61rem; margin-bottom:.3rem; color:#475467; }
.diagram-header h3 { margin:0; font-size:1.12rem; line-height:1.3; }
.diagram-header .solution-motif { flex:none; }
.diagram-index { margin-left:auto; color:#4a6582; font:1.5rem var(--technical-font); }
.diagram-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:1.2rem 0; padding:0; list-style:none; }
.diagram-steps li { position:relative; min-width:0; display:flex; gap:.65rem; padding:.9rem .7rem; border:1px solid #d4deea; border-radius:.35rem; background:#fff; }
.diagram-step-index { font:.65rem var(--technical-font); color:#42688f; padding-top:.25rem; }
.diagram-steps li::before { content:""; position:absolute; top:-.85rem; left:1rem; height:.8rem; border-left:1px solid #8ea5bd; }
.diagram-steps strong { display:block; font-size:.83rem; font-weight:650; line-height:1.35; }
.diagram-steps small { display:block; margin-top:.35rem; color:#475467; font-size:.73rem; line-height:1.5; }
.system-diagram figcaption { color:#475467; font-size:.74rem; line-height:1.6; padding-top:.85rem; border-top:1px solid #d5e0eb; }
.system-diagram-project_command .diagram-steps { border-left:1px solid #9baec3; padding-left:.8rem; }
.system-diagram-project_command .diagram-steps li::before { top:50%; left:-.85rem; width:.8rem; height:0; border-left:0; border-top:1px solid #8ea5bd; }
.system-diagram-autonomy_engine .diagram-steps { grid-template-columns:1fr; border-left:1px dashed #a5b4c6; padding-left:.8rem; }
.system-diagram-autonomy_engine .diagram-steps li { border-left:3px solid #567493; }
.system-diagram-data_storage_assist .diagram-steps li:first-child { grid-column:1 / -1; border-top:2px solid #42688f; }
.diagram-trust-boundary { padding:.85rem; border:1px dashed #758ba4; background:#eaf0f6; color:#324a65; font: .73rem/1.6 var(--technical-font); }
.system-diagram-credentials_vault .diagram-steps li:nth-child(3) { border:2px solid #627a96; background:#eaf0f6; }
.system-diagram-sovereign_core .diagram-steps { grid-template-columns:1fr; }
.ecosystem-topology { --map-line:#3d536b; margin:0; padding:1.4rem; min-width:0; border:1px solid #34485f; border-radius:.85rem; background:linear-gradient(145deg,rgba(26,43,63,.94),rgba(11,18,32,.98)); color:#f1f5f9; box-shadow:0 24px 60px #02081233,inset 0 1px 0 #ffffff0a; }
.topology-header { display:flex; flex-wrap:wrap; gap:.4rem 1rem; justify-content:space-between; padding-bottom:1.1rem; border-bottom:1px solid var(--map-line); }
.topology-header .eyebrow { color:#b8d8f2; font-size:.6rem; margin:0; }
.topology-version { font:.6rem var(--technical-font); color:#c1cddd; }
.topology-root { display:flex; align-items:center; gap:.8rem; padding:1.3rem .2rem; }
.topology-root-mark { display:grid; place-items:center; flex:none; width:2.7rem; height:2.7rem; border:1px solid #7791ac; background:#233a53; border-radius:.45rem; font:1.15rem var(--technical-font); color:#c4e4ff; }
.topology-root strong { display:block; font-size:1.2rem; font-weight:650; letter-spacing:-.025em; }
.topology-root small { display:block; color:#b8c9dc; font-size:.65rem; }
.topology-root-label { margin-left:auto; color:#adc4dc; font:.55rem/1.5 var(--technical-font); letter-spacing:.08em; }
.topology-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; padding-top:1.1rem; border-top:1px solid var(--map-line); }
.topology-lane { position:relative; min-width:0; }
.topology-lane::before { content:""; position:absolute; left:1rem; top:-1.1rem; height:1.1rem; border-left:1px solid #7892ad; }
.topology-lane h3 { display:flex; align-items:baseline; gap:.4rem; min-height:3rem; margin:0; color:#d2e1f1; font:.65rem/1.5 var(--technical-font); letter-spacing:0; }
.topology-lane h3 > span { color:#9eb5ce; font-size:.55rem; }
.topology-lane ul { list-style:none; margin:0; padding:0; display:grid; gap:.55rem; }
.topology-lane a { position:relative; display:flex; gap:.45rem; align-items:start; min-height:6.15rem; padding:.65rem .5rem; border:1px solid #3b4f65; border-radius:.35rem; background:#152337; text-decoration:none; transition:border-color .2s ease,background .2s ease; }
.topology-lane a:hover,.topology-lane a:focus-visible { background:#20354e; border-color:#a0c5e5; }
.topology-lane .solution-motif { width:1.2rem; min-width:1.2rem; height:1.2rem; stroke:#afcbe7; }
.topology-lane strong { display:block; font-size:.75rem; line-height:1.45; font-weight:600; }
.topology-lane small { display:block; margin-top:.4rem; color:#b6c6d9; font-size:.66rem; line-height:1.4; }
.topology-link-arrow { display:none; }
.ecosystem-topology figcaption { display:flex; gap:.6rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--map-line); color:#becddd; font-size:.66rem; line-height:1.6; }
.boundary-marker { flex:none; width:.5rem; height:.5rem; border:1px solid #b6cee5; margin-top:.3rem; }
.intrinsic-visual { min-height:0; display:block; }
.intrinsic-visual-card { padding:1.5rem; border-radius:.75rem; }
.pathway-system { color:#e2eaf3; padding:.5rem; }
.pathway-system-heading { display:flex; align-items:center; gap:1rem; font:.65rem/1.5 var(--technical-font); letter-spacing:.07em; color:#bdd6ef; }
.pathway-system .solution-motif { stroke:#b7d5ef; }
.pathway-system ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; margin:1.5rem 0; gap:1.1rem; }
.pathway-system li { position:relative; border:1px solid #3d526c; border-radius:.4rem; padding:1rem; background:#14253a; }
.pathway-system li > span { display:block; font:.7rem var(--technical-font); color:#b7d5ef; margin-bottom:.8rem; }
.pathway-system strong { display:block; font-size:1rem; font-weight:600; }
.pathway-system small { display:block; font-size:.8rem; color:#b7c8db; margin-top:.4rem; }
.pathway-system > p { color:#b7c8db; font-size:.78rem; margin:0; }
.intrinsic-visual-card .graphic-disclaimer { font-size:.75rem; color:#c4d1e4; padding-top:1rem; border-top:1px solid #34485f; }
.platform-visual-overview-layout { align-items:center; }
.assistant-preview-layout { align-items:center; }
.site-footer { border-top:1px solid #34485f; padding-block:3rem 5rem; }
:where(a,button,input):focus-visible { outline:3px solid #155eef; outline-offset:4px; }
.ecosystem-topology a:focus-visible { outline-color:#c5e2ff; }
@media (max-width:1100px) {
  .hero-governed-environment .hero-grid,.platform-hero-layout { grid-template-columns:1fr; gap:2.5rem; }
  .hero-governed-environment .hero-copy h1 { max-width:15ch; }
  .ecosystem-topology { max-width:54rem; width:100%; }
  .topology-lane a { min-height:5rem; padding:.8rem; }
  .topology-lane strong { font-size:.78rem; }
  .topology-lane small { font-size:.68rem; }
  .topology-lane h3 { font-size:.75rem; }
  .topology-lane .solution-motif { width:1.5rem; min-width:1.5rem; height:1.5rem; }
  .detail-layout { grid-template-columns:1fr; }
  .capability-field { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .platform-principles { grid-template-columns:1fr; }
  .hero-governed-environment { padding-block:3rem; }
  .hero-governed-environment .hero-copy h1 { font-size:clamp(3rem,8vw,4rem); }
  .hero .lede { font-size:1rem; }
}
@media (max-width:560px) {
  .shell { width:calc(100% - 2.5rem); }
  .header-inner { flex-direction:row; flex-wrap:wrap; align-items:center; gap:.4rem; padding-block:.8rem; }
  .brand { font-size:1rem; }
  nav { gap:.25rem; }
  nav a { padding:.6rem .8rem; }
  .hero-governed-environment .hero-copy h1 { max-width:12ch; font-size:3.2rem; }
  .ecosystem-topology { padding:1rem; }
  .topology-lanes { grid-template-columns:1fr; gap:1.5rem; border-top:0; padding-top:0; border-left:1px solid var(--map-line); margin-left:.4rem; padding-left:1rem; }
  .topology-lane::before { left:-1rem; top:.7rem; width:.65rem; height:0; border-left:0; border-top:1px solid #7892ad; }
  .topology-lane h3 { min-height:0; margin-bottom:.7rem; }
  .topology-lane a { min-height:0; align-items:center; padding:.8rem; }
  .topology-lane strong { font-size:.88rem; }
  .topology-lane small { font-size:.75rem; }
  .topology-link-arrow { display:block; margin-left:auto; color:#bed8ee; }
  .topology-root-label { display:none; }
  .topology-root strong { font-size:1.1rem; }
  .topology-root small { font-size:.63rem; }
  .topology-header .eyebrow { font-size:.57rem; }
  .diagram-steps,.pathway-system ol { grid-template-columns:1fr; }
  .diagram-steps li { padding:1rem .7rem; }
  .diagram-steps strong { font-size:.9rem; }
  .diagram-steps small { font-size:.78rem; }
  .diagram-header .eyebrow { line-height:1.5; }
  .diagram-index { display:none; }
  .system-diagram { padding:1rem; }
  .capability-field { grid-template-columns:1fr; }
  .detail-panel { padding:1rem; }
  .intrinsic-visual-card { padding:1rem; }
  .solution-detail-page h1 { font-size:2.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .button:hover,.module-card:hover,.capability-node:hover { transform:none; }
}

/* In2AI bounded guided assistant V1 */
.in2ai-assistant {
  bottom: 1.25rem;
  position: fixed;
  right: 1.25rem;
  z-index: 80;
}

.in2ai-assistant-launcher {
  align-items: center;
  background: linear-gradient(135deg, rgba(20, 122, 255, 0.96), rgba(105, 64, 230, 0.96));
  border: 1px solid rgba(156, 213, 255, 0.32);
  border-radius: 999px;
  box-shadow: 0 18px 48px rgba(3, 15, 43, 0.42);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 700;
  gap: 0.55rem;
  padding: 0.72rem 1rem 0.72rem 0.72rem;
}

.in2ai-assistant-launcher:hover,
.in2ai-assistant-launcher:focus-visible {
  transform: translateY(-1px);
}

.in2ai-assistant-launcher-mark {
  align-items: center;
  background: rgba(3, 12, 34, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.72rem;
  height: 2rem;
  justify-content: center;
  letter-spacing: 0.04em;
  width: 2rem;
}

.in2ai-assistant-panel {
  background:
    radial-gradient(circle at 86% 4%, rgba(79, 87, 255, 0.18), transparent 32%),
    rgba(6, 15, 34, 0.985);
  border: 1px solid rgba(98, 174, 255, 0.24);
  border-radius: 1.4rem;
  bottom: 4.5rem;
  box-shadow: 0 28px 80px rgba(0, 8, 28, 0.58);
  display: grid;
  max-height: min(680px, calc(100vh - 7rem));
  overflow: hidden;
  position: absolute;
  right: 0;
  width: min(390px, calc(100vw - 2rem));
}

.in2ai-assistant-header {
  align-items: center;
  border-bottom: 1px solid rgba(120, 183, 255, 0.13);
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.05rem 0.9rem;
}

.in2ai-assistant-header .eyebrow {
  margin: 0 0 0.22rem;
}

.in2ai-assistant-header strong {
  color: #f5f8ff;
  font-size: 1.05rem;
}

.in2ai-assistant-close {
  background: transparent;
  border: 0;
  color: rgba(229, 237, 255, 0.74);
  cursor: pointer;
  font-size: 1.75rem;
  line-height: 1;
  padding: 0.2rem;
}

.in2ai-assistant-boundary {
  background: rgba(54, 120, 255, 0.08);
  border-bottom: 1px solid rgba(120, 183, 255, 0.1);
  color: rgba(213, 226, 249, 0.72);
  font-size: 0.76rem;
  line-height: 1.45;
  padding: 0.72rem 1.05rem;
}

.in2ai-assistant-messages {
  display: grid;
  gap: 0.62rem;
  max-height: 260px;
  overflow-y: auto;
  padding: 1rem 1.05rem 0.65rem;
}

.in2ai-assistant-message {
  border-radius: 0.95rem;
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
  max-width: 92%;
  padding: 0.72rem 0.82rem;
}

.in2ai-assistant-message.assistant {
  background: rgba(24, 48, 91, 0.72);
  border: 1px solid rgba(91, 171, 255, 0.12);
  color: rgba(236, 243, 255, 0.9);
  justify-self: start;
}

.in2ai-assistant-message.visitor {
  background: linear-gradient(135deg, rgba(35, 119, 241, 0.72), rgba(93, 67, 204, 0.72));
  color: #fff;
  justify-self: end;
}

.in2ai-assistant-links {
  display: grid;
  gap: 0.55rem;
  padding: 0.3rem 1.05rem 0.7rem;
}

.in2ai-assistant-links a {
  background: rgba(19, 39, 74, 0.72);
  border: 1px solid rgba(91, 171, 255, 0.16);
  border-radius: 0.85rem;
  color: #f1f6ff;
  display: grid;
  gap: 0.16rem;
  padding: 0.7rem 0.78rem;
  text-decoration: none;
}

.in2ai-assistant-links a:hover,
.in2ai-assistant-links a:focus-visible {
  border-color: rgba(83, 190, 255, 0.48);
}

.in2ai-assistant-links small {
  color: rgba(206, 220, 245, 0.68);
  font-size: 0.7rem;
}

.in2ai-assistant-options {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0.25rem 1.05rem 0.9rem;
}

.in2ai-assistant-options button,
.in2ai-assistant-reset {
  background: rgba(14, 31, 60, 0.86);
  border: 1px solid rgba(91, 171, 255, 0.15);
  border-radius: 0.75rem;
  color: rgba(238, 244, 255, 0.9);
  cursor: pointer;
  font: inherit;
  font-size: 0.78rem;
  line-height: 1.3;
  min-height: 2.7rem;
  padding: 0.55rem 0.6rem;
}

.in2ai-assistant-options button:hover,
.in2ai-assistant-options button:focus-visible,
.in2ai-assistant-reset:hover,
.in2ai-assistant-reset:focus-visible {
  background: rgba(27, 63, 117, 0.9);
  border-color: rgba(84, 185, 255, 0.4);
}

.in2ai-assistant-footer {
  border-top: 1px solid rgba(120, 183, 255, 0.1);
  color: rgba(206, 220, 245, 0.6);
  font-size: 0.72rem;
  min-height: 3.1rem;
  padding: 0.72rem 1.05rem;
}

.in2ai-assistant-reset {
  min-height: 0;
  padding: 0.45rem 0.65rem;
}

@media (max-width: 640px) {
  .in2ai-assistant {
    bottom: 0.85rem;
    right: 0.85rem;
  }

  .in2ai-assistant-panel {
    bottom: 4.15rem;
    max-height: calc(100vh - 6rem);
    width: calc(100vw - 1.7rem);
  }

  .in2ai-assistant-options {
    grid-template-columns: 1fr;
  }

  .in2ai-assistant-launcher > span:last-child {
    display: none;
  }

  .in2ai-assistant-launcher {
    padding-right: 0.72rem;
  }
}


/* In2AI bounded guided assistant V1.4 free-text layer */
.in2ai-assistant-form {
  border-top: 1px solid rgba(120, 183, 255, 0.1);
  display: grid;
  gap: 0.42rem;
  padding: 0.8rem 1.05rem 0.72rem;
}

.in2ai-assistant-form label {
  color: rgba(229, 237, 255, 0.82);
  font-size: 0.76rem;
  font-weight: 700;
}

.in2ai-assistant-form small {
  color: rgba(206, 220, 245, 0.56);
  font-size: 0.68rem;
}

.in2ai-assistant-input-row {
  display: grid;
  gap: 0.45rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.in2ai-assistant-input-row input {
  background: rgba(3, 13, 32, 0.72);
  border: 1px solid rgba(91, 171, 255, 0.18);
  border-radius: 0.72rem;
  color: #f5f8ff;
  font: inherit;
  font-size: 0.82rem;
  min-width: 0;
  outline: none;
  padding: 0.68rem 0.72rem;
}

.in2ai-assistant-input-row input::placeholder {
  color: rgba(201, 215, 239, 0.42);
}

.in2ai-assistant-input-row input:focus {
  border-color: rgba(84, 185, 255, 0.54);
  box-shadow: 0 0 0 3px rgba(55, 142, 255, 0.1);
}

.in2ai-assistant-input-row button {
  background: linear-gradient(135deg, rgba(34, 118, 244, 0.92), rgba(91, 69, 204, 0.92));
  border: 1px solid rgba(119, 191, 255, 0.22);
  border-radius: 0.72rem;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.58rem 0.72rem;
}

.in2ai-assistant-input-row button:disabled {
  cursor: default;
  opacity: 0.42;
}