/* Shared composition: open editorial ground, precise analytical scenes. */
:root{--surface-paper:#f6f8fc;--surface-ink:#0a1c36;--surface-blue:#093ce0;--rule:#c3cedd;--hairline:1px}
.home-page .section{padding-block:88px}
.home-page .section-top{margin-bottom:44px}
.home-page .section-heading{gap:7%;margin-bottom:42px}
.home-page .section-heading h2,.home-page .problem-layout h2{font-size:clamp(32px,3.5vw,50px);line-height:1.16;letter-spacing:-.045em}
.home-page .section-heading>p{max-width:440px;font-size:16px}
.hero--graphs{min-height:750px;max-height:940px;height:calc(100svh - var(--header));background:#07162b}
.hero--graphs::before{background:linear-gradient(90deg,#07162b 12%,#07162be8 38%,#07162b00 72%),radial-gradient(ellipse at 78% 56%,#1b4b7a35,transparent 48%)}
.hero--graphs .hero-copy{width:68%;max-width:980px}
.hero--graphs h1{font-size:clamp(40px,4.15vw,64px);font-weight:700;line-height:1.12;letter-spacing:-.048em}
.hero--graphs .hero-description{max-width:475px;margin-top:30px}
.hero--graphs .graph-hero-art{width:78%;right:-13%;top:43%;max-width:1320px}
.hero--graphs .hero-graphs{aspect-ratio:12/7.2;mask-image:linear-gradient(90deg,transparent,#000 23%,#000 90%,transparent)}
.hero--graphs .graph-hero-art figcaption{position:relative;justify-content:flex-start;padding:0 12% 0 26%;margin-top:25px;flex-wrap:wrap;gap:14px}
.hero-graph-controls{display:flex;gap:22px;max-width:100%}
.hero-graph-controls button{padding:10px 0;border:0;border-bottom:1px solid transparent;background:none;color:#89a7cf;font-size:11px;letter-spacing:.08em;text-transform:uppercase;min-height:44px}
.hero-graph-controls button[aria-pressed=true]{color:#e1eeff;border-bottom-color:#bbd7ff}
.hero-graph-controls button:hover{color:white}
.hero-graph-controls button:focus-visible{outline:2px solid #abcfff;outline-offset:5px}
.hero--graphs .hero-graph-focus,.hero--graphs .hero-graph-progress{display:none}
.hero--graphs .graph-hero-art figcaption>span:last-child{flex-basis:100%;text-align:left;font-size:10px;color:#a1b6d3}
.problem{background:#fff}
.problem .problem-sequence{margin-top:42px}
.platform{background:var(--surface-paper)}
.architecture-console{--rule:#bfcde0;--rule-active:#093ce0;--line:var(--rule);background:transparent;color:var(--surface-ink);border-inline:0}
.architecture-console .console-top{padding-inline:0;color:#5a6c86}
.architecture-console .console-top>span{color:#5a6c86}
.architecture-console .architecture-tabs button{min-height:116px;padding:21px 24px;color:#5b6d87;background:transparent}
.architecture-console .architecture-tabs button[aria-selected=true]{background:#e8eef9;color:#08296d}
.architecture-console .architecture-tabs button>span,.architecture-console .architecture-tabs small{color:#526d97}
.architecture-console .architecture-tabs button strong{color:inherit;font-size:21px}
.architecture-console .architecture-tabs button::before{display:none}
.architecture-console .architecture-cursor,.architecture-console .architecture-cursor::before,.architecture-console .architecture-cursor::after,.architecture-console .architecture-scan{background:#093ce0;box-shadow:none}
.architecture-console :is(button,[role=tabpanel]):focus-visible{outline-color:#093ce0}
.architecture-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;min-width:0}
.architecture-cutaway{margin:0;min-width:0;padding:18px 26px 20px 0}
.architecture-vector{display:block;width:100%;height:auto;overflow:visible}
.architecture-vector path{fill:none;stroke:#7392bc;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.architecture-vector .cutaway-grid{stroke:#a9bbd3;opacity:.34}
.architecture-vector .cutaway-edge{stroke:#527bad;opacity:.58}
.architecture-vector .cutaway-connection{stroke:#477fc5;stroke-dasharray:3 7;opacity:.38}
.architecture-vector .cutaway-module{stroke:#3567a9;opacity:.7}
.architecture-vector .is-focus path:not(.cutaway-grid){stroke:#093ce0;opacity:1}
.architecture-vector .cutaway-label{fill:#536984;font-size:13px;letter-spacing:.07em}
.architecture-vector .is-focus .cutaway-label{fill:#093ce0}
.architecture-vector .cutaway-port{fill:#f6f8fc;stroke:#4979bc;stroke-width:1;vector-effect:non-scaling-stroke}
.architecture-vector .is-focus .cutaway-port{fill:#093ce0;stroke:#093ce0}
.architecture-cutaway figcaption{display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.6;color:#5d6f89;letter-spacing:.04em;border-top:1px solid var(--rule);padding-top:14px}
.architecture-console .architecture-panels{align-self:stretch;align-items:center;border-left:1px solid var(--rule)}
.architecture-console .architecture-panels article{display:block;padding:34px 0 34px 34px;min-height:0}
.architecture-console .architecture-panels h3{color:#0a1c36;font-size:clamp(23px,2.2vw,30px);line-height:1.22;margin-bottom:22px}
.architecture-console .architecture-panels p{color:#52647e;font-size:15px;line-height:1.85}
.architecture-console .architecture-contract{margin-top:24px;padding-top:20px}
.architecture-console .architecture-contract span{color:#093ce0}
.architecture-console .architecture-panels article::after{display:none}
.lenses{background:#07162b;color:#ebf3ff;--rule:#91b8e340;--line:var(--rule)}
.lenses .section-top .eyebrow,.lenses .section-heading h2>span{color:#a5caff}
.lenses .section-note,.lenses .section-heading>p,.lenses .engine-foot p{color:#b0c3df}
.lenses .engine-foot strong{color:#f0f6ff}
.lens-explorer{background:transparent;border-inline:0}
.lens-explorer .lens-stage{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);align-items:stretch}
.lens-explorer .engine-diagram.lens-carousel{min-height:660px;aspect-ratio:auto;border-right:0;background:radial-gradient(ellipse at 47% 48%,#1d48713b,transparent 68%)}
.lens-explorer .lens-detail{position:relative;border-left:1px solid var(--rule);padding:34px 0 34px 34px;background:linear-gradient(115deg,#15345633,transparent 60%)}
.lens-explorer .lens-detail::before{content:'';position:absolute;left:-1px;top:34px;width:1px;height:70px;background:#bddcff}
.lens-explorer .lens-detail h3{font-size:clamp(25px,2.4vw,34px)}
.lens-explorer .engine-node{background:linear-gradient(135deg,#102b49e8,#071a31e8);border-color:#729bd354}
.lens-explorer .engine-node[aria-pressed=true]{background:linear-gradient(135deg,#1b4169f5,#102a47fa);border-color:#b7d6fc;box-shadow:0 18px 48px #00000029}
.carousel-dependencies{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.carousel-dependencies path{fill:none;stroke:#789fd1;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.4;stroke-dasharray:3 6}
.carousel-dependencies circle{fill:#b5d4ff}
.is-rearranging .carousel-dependencies,.carousel-overview .carousel-dependencies{visibility:hidden}
.lens-connections{margin-top:24px;border-top:1px solid var(--rule);padding-top:18px}
.lens-connections .mini-label{color:#93b7e7}
.lens-connections p{color:#bdcde3;font-size:13px;line-height:1.75;margin-top:8px}
.lens-connection-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lens-connection-links button{background:none;color:#d5e5fc;border:1px solid var(--rule);padding:8px 11px;font-size:12px;min-height:40px}
.lens-connection-links button:hover,.lens-connection-links button:focus-visible{background:#16385b;border-color:#b5d4ff}
.carousel-footer .lens-connections{text-align:left;margin:0 0 20px;padding-top:16px}
.carousel-footer .lens-connections p{max-width:480px;margin-top:7px;font-size:12px}
.carousel-footer .lens-connection-links{margin-top:10px}
.lens-carousel.carousel-overview .lens-connections{display:none}
.lens-explorer .carousel-footer .carousel-navigation{margin-top:0}
.governance{background:#0d213b;color:#edf5ff;--rule:#91b8e340;--line:var(--rule)}
.governance .eyebrow,.governance h2>span{color:#a5caff}
.governance .section-note,.governance .section-heading>p,.governance .section-source{color:#b0c3df}
.governance .read-console{background:transparent;border-inline:0}
.governance .read-evidence{background:#142b48}
.governance .read-primary{background:radial-gradient(ellipse at 45% 47%,#1e4e7344,transparent 68%)}
.read-factors-list{display:flex;flex-wrap:wrap;gap:7px}
.read-mobile-factors{display:none}
.read-factor{background:transparent;border:1px solid #91b8e34a;color:#b8cde8;padding:7px 9px;min-height:38px;font-size:12px;line-height:1.5;text-align:left}
.read-factor[aria-pressed=true]{border-color:#bedbff;color:#edf6ff;background:#25496e66}
.read-factor:hover{border-color:#bedbff;color:#fff}
.read-annotation{margin-top:6px;padding:18px 0 0;border-top:1px solid var(--rule);min-height:156px}
.read-annotation .mini-label{display:block;color:#b7d3f6;font-size:11px;margin-bottom:10px}
.read-annotation p{font-size:14px;line-height:1.8;color:#c7d8ed;margin:0}
.read-annotation a{font-size:11px;color:#a9caff;display:inline-block;margin-top:11px;text-decoration:underline;text-underline-offset:4px}
.read-hairline.has-factor .read-hero-svg path{opacity:.38;transition:opacity .4s,stroke .4s}
.read-hairline.has-factor .read-hero-svg path.is-factor{opacity:1;stroke:#dfedff;stroke-opacity:1}
.read-hairline.has-factor .hero-node,.read-hairline.has-factor .hero-signal{opacity:.35}
.read-factor-marker{fill:none;stroke:#c9e1ff;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.95;pointer-events:none}
.read-factor-number{fill:#d7e9ff;font-size:12px;letter-spacing:.08em}
.read-hairline.has-factor .read-factor-marker path{opacity:1;stroke:#c9e1ff}
.deployment{background:#edf2f9}
.boundary-console{border-inline:0;background:#091c34}
.boundary-map{background:radial-gradient(ellipse at 48% 50%,#1e4b7436,transparent 72%)}
.boundary-vector .boundary-domain-plane{fill:#16365a24;stroke:#729ac2;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-domain-wall{fill:#24496618;stroke:#769dc155;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-plane-grid{fill:none;stroke:#7195b62e;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-module-edge{fill:#122c49eb;stroke:#86acd275;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-module-top{fill:#16395d;stroke:#93b9e995;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-module-detail{fill:none;stroke:#91b8e38c;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-module.is-active .boundary-module-top{fill:#20476d;stroke:#c6e0ff}
.boundary-vector .boundary-flow{fill:none;stroke:#a2c5f4;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:none;animation:none}
.boundary-vector .boundary-update{fill:none;stroke:#8eacce;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 6}
.boundary-vector .boundary-flow-port{fill:#d4e8ff}
.boundary-vector .boundary-update:not(.is-package-route){stroke-dasharray:none}
.boundary-environments{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 15px;border-bottom:1px solid var(--rule);color:#d4e5fb;font-size:14px;font-weight:500;line-height:1.6;text-align:center}
.boundary-vector .boundary-reference rect{fill:#081c34;stroke:#94bce7;stroke-width:1;vector-effect:non-scaling-stroke}
.boundary-vector .boundary-reference text{fill:#e8f3ff;font-size:18px;font-weight:500;letter-spacing:.01em}
.boundary-vector[data-compact=true] .boundary-reference text{font-size:21px}
.boundary-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:4px 0 18px}
.boundary-key>div{padding:13px 0;border-top:1px solid var(--rule);min-width:0}
.boundary-key dt{display:flex;align-items:baseline;gap:11px;color:#e0edff;font-size:14px;font-weight:500;line-height:1.6}
.boundary-key-reference{flex:none;width:24px;color:#a7caef;font-size:13px;font-weight:400}
.boundary-key dd{margin:4px 0 0 35px;color:#afc8e7;font-size:13px;line-height:1.7}
.boundary-key [data-boundary-key=processing] .boundary-key-reference{color:#f0f7ff}
.resources{background:#fff}
.resource-explorer{--rule:#c3cedd;--rule-active:#093ce0;background:transparent;color:#0a1c36;border-inline:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.resource-selectors button{padding:23px 25px 23px 0;min-height:92px;color:#334c6e}
.resource-selectors button[aria-selected=true]{background:#edf3fc;color:#0d2d68}
.resource-selectors button:hover{background:#f0f4fb;color:#093ce0}
.resource-selectors button[aria-selected=true]::before{background:#093ce0}
.resource-index,.resource-selectors button[aria-selected=true] .resource-index{color:#4268a5}
.resource-name{font-size:18px}
.resource-name small{color:#667a95}
.resource-arrow,.resource-selectors button[aria-selected=true] .resource-arrow{color:#093ce0}
.resource-preview{padding:28px 0 28px 44px;background:linear-gradient(120deg,#f6f8fc,white)}
.resource-preview-heading,.resource-preview-count{color:#5e7698}
.resource-explorer .resource-meta,.resource-explorer .resource-meta>span{color:#536d91}
.resource-explorer .resources-grid h3{color:#0a1c36;font-size:34px;max-width:490px}
.resource-explorer .document-scope .mini-label{color:#093ce0}
.resource-explorer .document-scope li,.resource-explorer .document-scope p{color:#48617f}
.resource-explorer .resource-bottom,.resource-explorer .resource-bottom>span{color:#093ce0}
.resource-explorer .resources-grid>a:hover .resource-bottom{color:#072475}
.contact{padding-block:68px!important}
@media(min-width:1500px){.hero--graphs .graph-hero-art{width:79%;right:-15%}.hero--graphs .hero-copy{width:65%}.home-page .section{padding-block:104px}}
@media(max-width:1100px){.hero--graphs{height:auto;min-height:680px;padding-top:65px}.hero--graphs .hero-copy{width:72%}.hero--graphs h1{font-size:clamp(36px,4.5vw,47px)}.hero--graphs .graph-hero-art{position:absolute;width:88%;right:-33%;top:54%;max-width:none;transform:translateY(-50%)}.hero--graphs .graph-hero-art figcaption{padding-left:19%;gap:10px}.hero-graph-controls{gap:14px}.hero-graph-controls button{font-size:10px}.architecture-console .architecture-tabs button strong{font-size:18px}.architecture-console .architecture-panels article{padding-left:25px}.architecture-cutaway{padding-right:18px}.lens-explorer .lens-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.lens-explorer .lens-detail{padding-left:26px}.lens-explorer .engine-diagram.lens-carousel{min-height:680px}.resource-preview{padding-left:28px}}
@media(max-width:800px){.home-page .section{padding-block:64px}.home-page .section-top{margin-bottom:30px}.home-page .section-heading{gap:26px}.hero--graphs{display:block;padding-top:52px;padding-bottom:95px;min-height:0}.hero--graphs .hero-copy{width:100%;max-width:none}.hero--graphs h1{font-size:clamp(32px,5.2vw,42px)}.hero--graphs .hero-description{max-width:480px}.hero--graphs .graph-hero-art{position:relative;width:calc(100% + var(--gutter)*2);right:auto;top:auto;transform:none;margin:0 calc(var(--gutter)*-1);max-width:none}.hero--graphs .hero-graphs{aspect-ratio:12/6.4;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 92%,transparent)}.hero--graphs .graph-hero-art figcaption{padding:0 var(--gutter);margin-top:-10px;justify-content:space-between;flex-wrap:nowrap}.hero--graphs .graph-hero-art figcaption>span:last-child{flex-basis:auto;font-size:10px}.hero-graph-controls{gap:19px}.hero-graph-controls button{font-size:10px}.architecture-workspace{grid-template-columns:1fr}.architecture-cutaway{padding:5px 0 20px;max-width:680px;width:100%;margin:auto}.architecture-console .architecture-panels{border-left:0;border-top:1px solid var(--rule)}.architecture-console .architecture-panels article{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:28px 0}.architecture-console .architecture-panels h3{font-size:25px;margin:0}.lens-explorer .lens-stage{grid-template-columns:1fr}.lens-explorer .engine-diagram.lens-carousel{min-height:560px;border-bottom:1px solid var(--rule)}.lens-explorer .lens-detail{border-left:0;padding:30px}.lens-explorer .lens-detail::before{left:30px;top:0;width:70px;height:1px}.lens-explorer .lens-detail h3{max-width:550px}.lens-connections{margin-top:20px}.read-annotation{min-height:130px}.resource-explorer{grid-template-columns:1fr}.resource-selectors button{padding:18px 22px}.resource-preview{padding:28px}.resource-explorer .resources-grid h3{max-width:100%}}
@media(max-width:650px){.home-page .section{padding-block:52px}.home-page .section-heading h2,.home-page .problem-layout h2{font-size:32px}.home-page .section-heading{margin-bottom:28px}.hero--graphs{padding-top:43px}.hero--graphs h1{font-size:clamp(27px,6.5vw,40px)}.hero--graphs .hero-description{margin-top:23px;font-size:15px}.hero--graphs .graph-hero-art{margin-top:8px}.hero--graphs .graph-hero-art figcaption{display:block;margin-top:-8px}.hero-graph-controls{justify-content:space-between;gap:10px}.hero--graphs .graph-hero-art figcaption>span:last-child{display:block;text-align:right;margin-top:5px}.hero--graphs .hero-graphs{aspect-ratio:12/7.4}.architecture-console .architecture-tabs button{padding:17px 10px;min-height:105px}.architecture-console .architecture-tabs button strong{font-size:15px}.architecture-console .architecture-tabs button>span{font-size:10px;margin-bottom:12px}.architecture-console .architecture-panels article{display:block;padding:25px 0}.architecture-console .architecture-panels h3{font-size:25px;margin-bottom:18px}.architecture-vector .cutaway-label{font-size:16px}.architecture-cutaway figcaption{font-size:9px;gap:10px}.lens-explorer .engine-diagram.lens-carousel{min-height:515px}.lens-explorer .lens-detail{padding:27px var(--gutter)}.lens-explorer .lens-detail::before{left:var(--gutter)}.read-factor{min-height:40px;font-size:12px;padding:8px 10px}.read-annotation{min-height:145px;padding-top:15px}.read-annotation p{font-size:14px}.resource-selectors button{padding:18px var(--gutter);min-height:96px}.resource-preview{padding:25px var(--gutter)}.resource-explorer .resources-grid h3{font-size:29px}.contact{padding-block:50px!important}}
@media(prefers-reduced-motion:reduce){.read-hairline.has-factor .read-hero-svg path{transition:none}}
.motion-paused .read-hairline.has-factor .read-hero-svg path{transition:none}
@media(max-width:800px){.read-mobile-factors{display:block;margin:20px 0 0}.read-mobile-factors dt{font-size:11px;color:#9fbee5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.read-mobile-factors dd{margin:0}.read-mobile-factors .read-factor{flex:1 0 28%;text-align:center}.read-mobile-factors:empty{display:none}}
@media(max-width:650px){.lens-explorer .engine-diagram.lens-carousel:not(.carousel-overview){min-height:620px}.carousel-footer .lens-connections p{font-size:12px}.boundary-key{grid-template-columns:1fr;margin-bottom:12px}.boundary-key>div{padding:11px 0}.boundary-key dt{font-size:15px}.boundary-key dd{font-size:14px}.boundary-environments{gap:12px}.architecture-vector .cutaway-label{font-size:26px}.read-mobile-factors .read-factor{flex-basis:43%}}
@media(max-width:360px){.hero-graph-controls button{font-size:9px;letter-spacing:0}}
@media(forced-colors:active){.architecture-console,.resource-explorer{background:Canvas;color:CanvasText;--rule:CanvasText;--rule-active:Highlight}.architecture-console p,.architecture-console h3,.resource-explorer :is(span,h3,li,p){color:CanvasText}.architecture-vector,.boundary-vector{forced-color-adjust:none}.lenses,.governance{background:Canvas;color:CanvasText;--rule:CanvasText}.governance :is(h2>span,.eyebrow,.section-heading>p,.section-note,.section-source){color:CanvasText}}