/* Hero-only system illustration. No effects or layout changes elsewhere. */
.data-system-figure{width:100%;isolation:isolate}.data-system-figure .figure-index{margin-bottom:0;min-height:45px;padding-top:4px;gap:12px;align-items:center}.hero-motion{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;padding:0 0 0 7px;background:transparent;color:var(--blue);font:10px/1.5 var(--mono);white-space:nowrap}.hero-motion-icon{width:9px;height:10px;border-inline:3px solid currentColor}.hero-motion[aria-pressed=true] .hero-motion-icon{width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.hero-motion:disabled{color:var(--muted)}.hero-motion:disabled .hero-motion-icon{width:8px;height:8px;border:1px solid currentColor}.hero-map{position:relative;aspect-ratio:760/540;width:100%}.hero-system-art{width:100%;height:auto;overflow:visible}.hero-column-labels{position:absolute;inset:4% 3% auto;display:grid;grid-template-columns:38% 42% 20%;font:9px/1.5 var(--mono);color:var(--muted);letter-spacing:.04em}.hero-column-labels>span:nth-child(2){padding-left:2.5%}.hero-column-labels>span:last-child{text-align:right}.hero-construction{stroke:#bdcfe2;stroke-width:1;stroke-dasharray:3 7;opacity:.55}.hero-transport{stroke:#0a66c2;stroke-width:3.5}.hero-node-face{fill:#fff;stroke:#8eabc9;stroke-width:1.6}.hero-node-accent,.hero-output-accent{stroke:#0a66c2;stroke-width:4.5}.hero-node-detail{stroke:#0a66c2;stroke-width:1.7}.hero-quality-gate{fill:#0a66c2;stroke:#074c92;stroke-width:2}.hero-gate-ticks{fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.hero-core-back{fill:#c4d9ee;stroke:#89afd4;stroke-width:1}.hero-core-face{fill:url(#hero-core-fill);stroke:#315b86;stroke-width:2}.hero-core-divider{stroke:#87b4dc;stroke-width:1.4;fill:none}.hero-worker rect{fill:#214c76;stroke:#8ec8fc;stroke-width:1.5}.hero-worker-slots{stroke:#b2d4f1;stroke-width:1.5}.hero-lake-body{fill:url(#hero-store-fill);stroke:#0a66c2;stroke-width:2.2}.hero-lake-top{fill:#eaf4ff;stroke:#0a66c2;stroke-width:2.2}.hero-lake-layer{stroke:#73a1cc;stroke-width:1.2}.hero-output-face{fill:#edf5fd;stroke:#689bca;stroke-width:1.7}.hero-output-symbols{stroke:#0a66c2;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.hero-control-routes{stroke:#617d9c;stroke-width:1.5;stroke-dasharray:4 5;fill:none}.hero-review-arrow{fill:none;stroke:#617d9c;stroke-width:1.5}.hero-review-face{fill:#f5f8fc;stroke:#a8bdcf;stroke-width:1.2}.hero-registration{stroke:#86a7c7;stroke-width:1.1}.hero-packet{stroke:#94d1ff;stroke-width:5;stroke-dasharray:7 93;stroke-dashoffset:0;opacity:0;fill:none}.hero-worker-load{transform-box:fill-box;transform-origin:left center}.motion-ready .hero-packet{opacity:1;animation:hero-travel 7.5s linear infinite;animation-play-state:paused}.motion-ready .hero-worker-load{animation:hero-work 4.8s ease-in-out infinite;animation-play-state:paused}.motion-ready.is-flowing .hero-packet,.motion-ready.is-flowing .hero-worker-load{animation-play-state:running}.motion-ready .packet-b{animation-delay:-2.5s}.motion-ready .packet-c{animation-delay:-5s}.motion-ready .packet-d{animation-delay:-1.3s}.hero-node-face,.hero-core-face,.hero-output-face{transition:stroke .25s,stroke-width .25s}.data-system-figure[data-active-stage=collect] .hero-node-face,.data-system-figure[data-active-stage=serve] .hero-output-face{stroke:#0a66c2;stroke-width:3.2}.data-system-figure[data-active-stage=engineer] .hero-core-face{stroke:#0a66c2;stroke-width:3.5}
.hero-sources,.hero-products{display:contents}.hero-map-label{position:absolute;width:18%;display:flex;flex-direction:column;gap:5px;pointer-events:none}.hero-map-label strong{font-size:12px;line-height:1.25;letter-spacing:-.025em;color:var(--ink)}.hero-map-label small{font-size:9px;line-height:1.5;color:var(--muted)}.hero-source{left:4.6%;padding-right:2%}.source-batch{top:21.2%}.source-stream{top:43.1%}.source-database{top:64.9%}.hero-product{left:80.4%;width:16.3%;padding-right:1%}.product-analytics{top:21.2%}.product-ai{top:43.1%}.product-forecast{top:64.9%}.hero-quality-label{position:absolute;left:29.9%;top:27.5%;width:13%;text-align:center;color:var(--blue)}.hero-quality-label strong{font:10px/1.5 var(--mono);font-weight:600}.hero-quality-label small{display:none}.hero-review-label{position:absolute;left:11.5%;top:82.6%;width:17.5%;height:7.3%;display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:9px;line-height:1.35}.hero-review-label strong{font-weight:500}.hero-compute-label{position:absolute;left:43.2%;top:30.1%;width:22.8%;color:#fff}.hero-component-code{display:block;font:7px/1.4 var(--mono);color:#b7d4ee;margin-bottom:5px;letter-spacing:.04em}.hero-compute-label>strong{display:block;font-size:13px;line-height:1.15;font-weight:600;letter-spacing:-.025em}.hero-compute-label>small{display:none}.hero-worker-caption{position:absolute;left:43.2%;top:57.5%;width:22.8%;color:#b9d5ee;font:7px/1.4 var(--mono);letter-spacing:.01em;text-align:center}.hero-store-label{position:absolute;left:41.4%;top:70.3%;width:26%;text-align:center;color:#074c92}.hero-store-label strong{font-size:11px;line-height:1.2;font-weight:650;display:block}.hero-store-label small{display:none}.hero-governance{position:absolute;left:41%;top:89.1%;width:55.2%;display:flex;justify-content:space-between;gap:6px;color:var(--muted);font:9px/1.6 var(--mono)}.hero-governance>span+span:before{content:"/";color:#a9bfd4;margin-right:10px}.hero-mobile-workers{display:none}.hero-stage-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #c2d2e3}.hero-stage-controls>button{min-height:47px;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;border-bottom:2px solid transparent;padding:10px 5px}.hero-stage-controls>button>span{font:9px/1.4 var(--mono);font-weight:400}.hero-stage-controls>button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue);background:#f0f6fd}.hero-stage-controls>button:hover{color:var(--blue);background:#f7faff}.hero-stage-note{font-size:11px;line-height:1.75;color:var(--muted);min-height:53px;padding:13px 0 0;max-width:530px}.data-system-figure figcaption{margin-top:0;padding-top:10px;gap:5px 14px}.data-system-figure figcaption>span{font-size:9px}.data-system-figure figcaption strong{font-size:12px}
@keyframes hero-travel{to{stroke-dashoffset:-100}}@keyframes hero-work{0%,100%{transform:scaleX(.5);opacity:.65}50%{transform:scaleX(1);opacity:1}}
@media(min-width:761px) and (max-width:1100px){.masthead{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:30px}.masthead h1{font-size:clamp(54px,6.7vw,74px)}.hero-map-label strong{font-size:11px}.hero-map-label small{font-size:8px}.hero-compute-label>strong{font-size:11px}.hero-component-code,.hero-worker-caption{font-size:6px}.hero-quality-label strong{font-size:9px}.hero-store-label strong{font-size:10px}.hero-governance{font-size:8px}.hero-governance>span+span:before{margin-right:5px}.hero-review-label{font-size:8px}.hero-stage-note{font-size:11px;min-height:68px}.data-system-figure .figure-index{font-size:9px}}
@media(max-width:760px){.data-system-figure{max-width:680px}.hero-map-label strong{font-size:clamp(11px,2vw,14px)}.hero-map-label small{font-size:clamp(9px,1.55vw,11px)}.hero-compute-label>strong{font-size:clamp(12px,2.2vw,15px)}.hero-component-code{font-size:8px}.hero-worker-caption{font-size:8px}.hero-store-label strong{font-size:13px}.hero-governance{font-size:10px}.hero-review-label{font-size:10px}.hero-quality-label strong{font-size:11px}.hero-stage-note{font-size:12px}.data-system-figure figcaption>span{font-size:10px}}
@media(max-width:540px){.data-system-figure .figure-index{font-size:10px;min-height:52px}.hero-map{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:18px 12px 17px;background:linear-gradient(#fff,#f4f8fc);border-inline:1px solid #dbe6f1}.hero-system-art,.hero-column-labels,.hero-worker-caption{display:none}.hero-sources,.hero-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}.hero-map-label{position:static;width:auto;min-height:64px;padding:12px 5px 11px;border:1px solid #b8cde1;border-top:3px solid #0a66c2;background:#fff;text-align:center;gap:5px;justify-content:center;pointer-events:auto}.hero-map-label strong{font-size:11px;line-height:1.4}.hero-map-label small{font-size:9px;line-height:1.5}.hero-quality-label,.hero-compute-label,.hero-store-label,.hero-governance,.hero-review-label{position:relative;left:auto;top:auto;width:auto;height:auto}.hero-quality-label{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;margin:29px 19px 0;padding:13px 14px;border:1px solid #8bb3db;border-left:4px solid #0a66c2;background:#eaf3fc}.hero-quality-label strong{font-size:12px;line-height:1.5}.hero-quality-label small{display:block;font:10px/1.6 var(--font);color:var(--muted);max-width:140px}.hero-quality-label:before,.hero-compute-label:before,.hero-store-label:before,.hero-products:before{content:"";position:absolute;width:3px;height:29px;background:#0a66c2;left:calc(50% - 1.5px);top:-30px}.hero-quality-label:after,.hero-compute-label:after,.hero-store-label:after,.hero-products:after{content:"";position:absolute;width:7px;height:8px;left:calc(50% - 3.5px);top:-24px;background:#7bbaff;opacity:0}.hero-review-label{display:block;text-align:right;padding:8px 20px 7px;font:10px/1.5 var(--mono);color:var(--muted)}.hero-review-label strong:before{content:"Failed checks → ";color:#526176}.hero-compute-label{margin:18px 8px 0;padding:21px 17px 18px;background:linear-gradient(135deg,#1a3d61,#0d1d31);border:1px solid #0a66c2;box-shadow:5px 6px 0 #d4e4f4;text-align:left}.hero-compute-label:before{height:20px;top:-20px}.hero-compute-label:after{top:-19px}.hero-component-code{font-size:9px;margin-bottom:8px}.hero-compute-label>strong{font-size:20px;line-height:1.2}.hero-compute-label>small{display:block;font-size:11px;line-height:1.6;color:#c7dbee;margin-top:8px}.hero-mobile-workers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid #4a6c8e}.hero-mobile-workers>span{position:relative;border:1px solid #7cabd6;padding:11px 9px;background:#214c76;display:block;height:40px}.hero-mobile-workers>span:before{content:"";position:absolute;left:9px;right:9px;top:11px;height:2px;background:#91bce4;box-shadow:0 5px #91bce4}.hero-mobile-workers b{display:block;height:4px;position:absolute;left:9px;right:9px;bottom:8px;background:#72b9ff;transform-origin:left center}.hero-store-label{margin:31px 18px 0;padding:16px 10px 14px;border:2px solid #0a66c2;border-bottom-width:5px;background:#e6f1fc;box-shadow:0 4px 0 #c9ddef,0 7px 0 #e1ecf6}.hero-store-label strong{font-size:16px}.hero-store-label small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.hero-products{margin-top:36px}.hero-products:before{height:35px;top:-35px}.hero-product{background:#eef6ff}.hero-governance{margin:18px 0 0;padding-top:13px;border-top:1px dashed #a9bfd5;font-size:9px;justify-content:center;gap:10px}.hero-governance>span+span:before{margin-right:10px}.hero-stage-controls>button{font-size:12px;gap:7px}.hero-stage-note{min-height:65px;font-size:12px}.data-system-figure figcaption{align-items:flex-start;flex-direction:column;gap:5px;padding-block:12px 15px}.data-system-figure figcaption>span{font-size:10px}.data-system-figure figcaption strong{font-size:13px}.data-system-figure[data-active-stage=collect] .hero-source,.data-system-figure[data-active-stage=serve] .hero-product{border-color:#0a66c2;background:#dfedfc}.data-system-figure[data-active-stage=engineer] .hero-compute-label{outline:2px solid #76b4f0;outline-offset:3px}.motion-ready .hero-quality-label:after,.motion-ready .hero-compute-label:after,.motion-ready .hero-store-label:after,.motion-ready .hero-products:after{opacity:1;animation:hero-mobile-travel 2.8s linear infinite;animation-play-state:paused}.motion-ready .hero-mobile-workers b{animation:hero-work 4.8s ease-in-out infinite;animation-play-state:paused}.motion-ready .hero-mobile-workers>span:nth-child(2) b{animation-delay:-1.6s}.motion-ready .hero-mobile-workers>span:nth-child(3) b{animation-delay:-3.2s}.motion-ready.is-flowing .hero-quality-label:after,.motion-ready.is-flowing .hero-compute-label:after,.motion-ready.is-flowing .hero-store-label:after,.motion-ready.is-flowing .hero-products:after,.motion-ready.is-flowing .hero-mobile-workers b{animation-play-state:running}}
.source-batch,.product-analytics{top:20%}.source-stream,.product-ai{top:41.85%}.source-database,.product-forecast{top:63.7%}
@media(min-width:541px) and (max-width:980px){.masthead{grid-template-columns:minmax(0,1fr);gap:38px}.masthead h1{font-size:clamp(68px,10vw,86px)}.data-system-figure{max-width:640px;justify-self:center}.hero-map-label strong{font-size:13px}.hero-map-label small{font-size:10px}.hero-compute-label>strong{font-size:14px}.hero-component-code,.hero-worker-caption{font-size:8px}.hero-store-label strong{font-size:13px}.hero-governance{font-size:10px}.hero-review-label{font-size:10px}.hero-quality-label strong{font-size:11px}.hero-stage-note{font-size:12px;min-height:53px}}
@media(min-width:541px){.hero-store-label{top:73.1%}}
@keyframes hero-mobile-travel{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(16px);opacity:0}}
@media(prefers-reduced-motion:reduce){.data-system-figure *,.data-system-figure *:before,.data-system-figure *:after{animation:none!important;transition:none!important}.hero-packet,.hero-quality-label:after,.hero-compute-label:after,.hero-store-label:after,.hero-products:after{opacity:0!important}}
@media(forced-colors:active){.hero-node-face,.hero-output-face,.hero-lake-body,.hero-lake-top{fill:Canvas;stroke:CanvasText}.hero-core-face{fill:CanvasText;filter:none}.hero-map-label strong,.hero-map-label small,.hero-governance,.hero-store-label{color:CanvasText}.hero-compute-label{color:Canvas}.hero-stage-controls>button[aria-pressed=true]{outline:2px solid Highlight}.hero-map,.hero-quality-label,.hero-map-label,.hero-store-label{background:Canvas;border-color:CanvasText}.hero-transport{stroke:LinkText}.hero-compute-label{background:CanvasText;box-shadow:none}.hero-component-code,.hero-compute-label>small{color:Canvas}}