:root{--ocx26-bg:#07111c;--ocx26-panel:#0b1826;--ocx26-panel2:#102235;--ocx26-line:#24445e;--ocx26-text:#e9f4ff;--ocx26-muted:#7f9ab0;--ocx26-blue:#42a5ff;--ocx26-cyan:#49d9e8;--ocx26-green:#43d58b;--ocx26-amber:#ffb454;--ocx26-violet:#9b8cff}
.technical-scene.ocx-viz{height:430px!important;min-height:430px!important;position:relative;overflow:hidden;border:1px solid #29465e!important;border-radius:14px;background:radial-gradient(circle at 48% 45%,#102b44 0,#091b2b 44%,#050d16 100%)!important;box-shadow:0 28px 80px rgba(1,10,20,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;color:var(--ocx26-text);isolation:isolate}
.technical-scene.ocx-viz:before,.technical-scene.ocx-viz:after{content:none!important}.ocx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(82,155,205,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,155,205,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.86),transparent 96%)}
.ocx-scan{position:absolute;inset:-30% 0 auto;height:30%;background:linear-gradient(180deg,transparent,rgba(73,217,232,.055),transparent);transform:translateY(-120%);pointer-events:none}.ocx-viz.is-visual-live .ocx-scan{animation:ocxScan 8s linear infinite}
.ocx-viz-head{position:absolute;z-index:12;left:18px;right:18px;top:14px;display:flex;align-items:center;gap:10px;font:700 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;color:#7f9cb3}.ocx-viz-head b{color:#cce9f8}.ocx-viz-head i{margin-left:auto;font-style:normal;color:#58768f}.ocx-viz-foot{position:absolute;z-index:12;left:18px;right:18px;bottom:12px;display:flex;align-items:center;gap:7px;color:#7891a5;font:700 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px}.ocx-viz-foot small{margin-left:auto;font-size:7px;color:#536c81}.ocx-live-dot{width:6px;height:6px;border-radius:50%;background:var(--ocx26-green);box-shadow:0 0 0 4px rgba(67,213,139,.08),0 0 12px rgba(67,213,139,.32)}
.ocx-node{position:relative;z-index:6;min-width:112px;padding:10px 12px;border:1px solid #2c526c;background:linear-gradient(145deg,rgba(16,39,59,.96),rgba(8,24,38,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.16)}.ocx-node b,.ocx-node small{display:block}.ocx-node b{font:800 9px/1.15 Arial,sans-serif;letter-spacing:.6px;color:#e9f7ff}.ocx-node small{margin-top:5px;font:600 7px/1.25 ui-monospace,monospace;color:#7893a9}.ocx-node.healthy{border-color:rgba(67,213,139,.5)}.ocx-node.change{border-color:rgba(255,180,84,.5)}
.ocx-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;border:1px solid #2b4f68;background:#0b2032;color:#bad3e5;font:800 7px/1 ui-monospace,monospace;letter-spacing:.7px}.ocx-badge.ok,.ocx-badge.live{border-color:rgba(67,213,139,.45);color:#86e6ae}.ocx-badge.warn{border-color:rgba(255,180,84,.48);color:#ffc87a}.ocx-links{position:absolute;inset:45px 0 34px;width:100%;height:calc(100% - 79px);z-index:2;pointer-events:none}.ocx-links path{fill:none;stroke:#2d718f;stroke-width:1.4;stroke-dasharray:5 6;vector-effect:non-scaling-stroke}.ocx-viz.is-visual-live .ocx-links path{animation:ocxDash 14s linear infinite}
.ocx-command-map{position:absolute;inset:55px 24px 96px}.ocx-source-stack{position:absolute;top:22px;bottom:22px;display:flex;flex-direction:column;justify-content:space-between}.ocx-source-stack.left{left:0}.ocx-source-stack.right{right:0}.ocx-command-core{position:absolute;z-index:7;left:50%;top:50%;width:178px;height:178px;transform:translate(-50%,-50%);border:1px solid #3a88ad;border-radius:50%;background:radial-gradient(circle at 50% 38%,#173f5f,#0a2134 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(35,106,143,.08),0 0 70px rgba(55,172,221,.14)}.ocx-command-core:before{content:"";position:absolute;inset:15px;border:1px dashed rgba(87,207,231,.28);border-radius:50%}.ocx-command-core span{font:700 7px/1 ui-monospace,monospace;color:#6fb6d5;letter-spacing:1.2px}.ocx-command-core strong{font-size:19px;letter-spacing:.2px;margin:7px 0;color:#fff}.ocx-command-core small{font:600 7px/1.3 ui-monospace,monospace;color:#83a3b9}.ocx-command-core i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ocx26-cyan);right:23px;top:44px;box-shadow:0 0 16px var(--ocx26-cyan)}
.ocx-command-output{position:absolute;left:24px;right:24px;bottom:37px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ocx-command-output div{padding:9px 11px;border:1px solid #203f56;background:rgba(7,20,32,.88)}.ocx-command-output small,.ocx-command-output strong{display:block}.ocx-command-output small{font:700 6px/1 ui-monospace,monospace;color:#5e8098;letter-spacing:.8px}.ocx-command-output strong{font-size:8px;margin-top:4px;color:#cde8f6}
.ocx-cloud-map{position:absolute;inset:55px 28px 42px;display:flex;flex-direction:column;gap:11px}.ocx-cloud-row{display:flex;justify-content:center;gap:12px;position:relative}.ocx-cloud-row.edge .ocx-node{min-width:155px}.ocx-cloud-row.runtime .ocx-node{flex:1}.ocx-cloud-row.data .ocx-node{min-width:175px}.ocx-cloud-row:after{content:"";position:absolute;left:8%;right:8%;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,#245370,transparent)}.ocx-telemetry-rail,.ocx-release-console,.ocx-policy-rail,.ocx-software-rail{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #21445c;background:rgba(6,20,31,.78);font:700 7px/1 ui-monospace,monospace;color:#7694aa}.ocx-telemetry-rail span,.ocx-release-console span,.ocx-policy-rail b{color:#58d5e3;letter-spacing:.8px}.ocx-telemetry-rail b,.ocx-release-console b,.ocx-policy-rail span{padding:5px 7px;background:#0d293e;color:#9db8c9;font-weight:700}
.ocx-pipeline-2026{position:absolute;left:24px;right:24px;top:138px;display:flex;align-items:center;gap:7px}.ocx-pipeline-2026 .ocx-node{flex:1;min-width:0;text-align:center;padding:12px 5px}.ocx-pipeline-2026>i{height:1px;flex:0 0 17px;background:#38718d;position:relative}.ocx-pipeline-2026>i:after{content:"";position:absolute;right:-1px;top:-2px;border-left:4px solid #55b5d1;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}.ocx-release-console{position:absolute;left:24px;right:24px;bottom:52px}.ocx-release-console b{font-weight:700}
.ocx-gitops-map{position:absolute;left:22px;right:22px;top:112px;display:flex;align-items:center;justify-content:center;gap:8px}.ocx-gitops-map .ocx-node{flex:1;min-width:0;text-align:center}.ocx-arrow{color:#59cfe1;font:700 16px/1 ui-monospace,monospace}.ocx-env-row{position:absolute;left:22px;right:22px;bottom:62px;display:flex;align-items:center;gap:8px;border-top:1px solid #1d3d53;padding-top:14px}.ocx-env-row small{margin-left:auto;font:600 7px/1.2 ui-monospace,monospace;color:#6e8aa0}
.ocx-k8s-map{position:absolute;inset:56px 22px 44px}.ocx-k8s-control{width:230px;margin:0 auto 20px;padding:13px 16px;border:1px solid #3d6f97;background:linear-gradient(145deg,#102b48,#0a1b2d);text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.18)}.ocx-k8s-control small,.ocx-k8s-control strong,.ocx-k8s-control span{display:block}.ocx-k8s-control small{font:700 6px/1 ui-monospace,monospace;color:#67b7dc;letter-spacing:1px}.ocx-k8s-control strong{font-size:14px;margin:5px 0;color:#eef9ff}.ocx-k8s-control span{font:600 7px/1.2 ui-monospace,monospace;color:#7894aa}.ocx-k8s-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ocx-k8s-nodes>div{padding:9px;border:1px solid #1f4158;background:rgba(7,20,32,.78)}.ocx-k8s-nodes .ocx-node{min-width:0}.ocx-k8s-nodes>div>span{display:inline-flex;margin:9px 4px 0 0;padding:6px 8px;border:1px solid #2d5b76;color:#8eb1c6;font:700 6px/1 ui-monospace,monospace;background:#0b2336}.ocx-k8s-rail{display:flex;gap:7px;margin-top:10px}.ocx-k8s-rail b{flex:1;text-align:center;padding:8px;border:1px solid #1f4259;background:#0a2133;color:#779bb2;font:700 6px/1 ui-monospace,monospace}
.ocx-observe-grid{position:absolute;left:20px;right:20px;top:58px;bottom:106px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.ocx-observe-grid article{padding:11px;border:1px solid #23465e;background:linear-gradient(145deg,rgba(14,36,54,.94),rgba(7,20,31,.94));overflow:hidden}.ocx-observe-grid article>span{display:block;font:800 7px/1 ui-monospace,monospace;color:#5cd7e4;letter-spacing:.8px}.ocx-observe-grid small{display:block;margin-top:7px;font:600 6px/1.2 ui-monospace,monospace;color:#6f8ca2}.ocx-observe-grid svg{width:100%;height:55px;margin-top:5px}.ocx-observe-grid polyline{fill:none;stroke:#50dc9a;stroke-width:2}.ocx-observe-grid pre{margin:8px 0 0;color:#9bb6c8;font:600 7px/1.5 ui-monospace,monospace}.ocx-trace-bars{margin-top:15px}.ocx-trace-bars i{display:block;height:7px;margin:6px 0;background:linear-gradient(90deg,#3ca9ff 0 28%,#7f8cff 28% 63%,#49d9e8 63% 88%,transparent 88%);opacity:.86}.ocx-change-timeline{display:flex;gap:16px;align-items:center;height:60px;border-bottom:1px solid #2b5169}.ocx-change-timeline i{width:8px;height:8px;border-radius:50%;background:var(--ocx26-amber);box-shadow:0 0 14px rgba(255,180,84,.28)}.ocx-correlation-bar{position:absolute;left:20px;right:20px;bottom:47px;padding:10px 12px;border:1px solid #2e5871;background:#0b2133;display:flex;gap:10px;align-items:center;font:700 7px/1 ui-monospace,monospace;color:#809db1}.ocx-correlation-bar b{color:#5edbe4}.ocx-correlation-bar strong{margin-left:auto;color:#b8d7e8}
.ocx-security-map{position:absolute;inset:56px 24px 46px}.ocx-security-core{position:absolute;left:50%;top:44%;width:180px;height:120px;transform:translate(-50%,-50%);border:1px solid #3b7292;background:linear-gradient(145deg,#112c43,#081b2a);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5}.ocx-security-core small,.ocx-security-core strong,.ocx-security-core span{display:block}.ocx-security-core small{font:700 6px/1 ui-monospace,monospace;color:#60cfe0}.ocx-security-core strong{margin:7px 0;font-size:16px}.ocx-security-core span{font:600 7px/1.3 ui-monospace,monospace;color:#7692a6}.ocx-security-map>.ocx-node{position:absolute;width:126px}.ocx-security-map>.ocx-node:nth-of-type(2){left:0;top:16px}.ocx-security-map>.ocx-node:nth-of-type(3){right:0;top:16px}.ocx-security-map>.ocx-node:nth-of-type(4){left:0;bottom:52px}.ocx-security-map>.ocx-node:nth-of-type(5){right:0;bottom:52px}.ocx-policy-rail{position:absolute;left:0;right:0;bottom:0}
.ocx-incident-2026{position:absolute;inset:58px 22px 48px}.ocx-incident-timeline{height:62px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px;padding:0 8px;border:1px solid #2a4d64;background:#091d2d}.ocx-incident-timeline span{font:800 7px/1 ui-monospace,monospace;color:#c5dce9}.ocx-incident-timeline i{height:1px;background:linear-gradient(90deg,#ffb454,#d46666)}.ocx-incident-panel{margin:12px auto 0;width:min(72%,420px);padding:17px;border:1px solid #365b73;background:linear-gradient(145deg,#10283b,#081a28);text-align:center}.ocx-incident-panel small,.ocx-incident-panel strong{display:block}.ocx-incident-panel small{font:700 6px/1 ui-monospace,monospace;color:#ffba68;letter-spacing:.9px}.ocx-incident-panel strong{font-size:15px;margin:7px 0}.ocx-incident-panel p{margin:0!important;color:#7f9aaf!important;font:600 7px/1.45 ui-monospace,monospace!important}.ocx-incident-actions{display:flex;justify-content:center;gap:7px;margin-top:12px}
.ocx-iac-editor{position:absolute;left:22px;top:60px;bottom:48px;width:58%;padding:15px;border:1px solid #2e4f65;background:#050d14}.ocx-iac-editor b{color:#ab9cff;font:800 8px/1 ui-monospace,monospace}.ocx-iac-editor pre{margin:13px 0;color:#b9cfdd;font:600 8px/1.65 ui-monospace,monospace}.ocx-plan-2026{position:absolute;right:22px;top:79px;width:31%;padding:16px;border:1px solid #594f82;background:linear-gradient(145deg,#18162a,#0e1120)}.ocx-plan-2026 span,.ocx-plan-2026 b,.ocx-plan-2026 small{display:block}.ocx-plan-2026 span{font:700 6px/1 ui-monospace,monospace;color:#9f8df6}.ocx-plan-2026 b{font-size:12px;margin:7px 0 12px}.ocx-plan-2026 div{padding:7px 0;border-top:1px solid rgba(169,151,255,.14);font:700 7px/1 ui-monospace,monospace;color:#9bacba}.ocx-plan-2026 div i{display:inline-block;width:17px;color:#76dfa4;font-style:normal}.ocx-plan-2026 small{margin-top:10px;color:#766e98;font:600 6px/1.3 ui-monospace,monospace}
.ocx-finops-chart{position:absolute;left:22px;top:66px;bottom:56px;width:63%;padding:12px;border:1px solid #2c4f66;background:#081b29}.ocx-finops-chart span{font:800 7px/1 ui-monospace,monospace;color:#ffbd6c}.ocx-finops-chart svg{width:100%;height:220px}.ocx-finops-chart polyline{fill:none;stroke:#ffb454;stroke-width:2}.ocx-finops-chart line{stroke:#36586d;stroke-width:1}.ocx-finops-side{position:absolute;right:22px;top:86px;width:28%;display:grid;gap:10px}.ocx-finops-side .ocx-node{min-width:0}
.ocx-software-map{position:absolute;inset:58px 22px 47px;text-align:center}.ocx-client-row,.ocx-data-row{display:flex;justify-content:center;gap:8px}.ocx-software-map>.ocx-node{width:180px;margin:12px auto}.ocx-service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ocx-service-row .ocx-node{min-width:0}.ocx-data-row{margin-top:10px}.ocx-software-rail{margin-top:10px}.ocx-software-rail span{padding:5px 8px;background:#0d293e;color:#8cacbf}
.ocx-architecture-stack{position:absolute;left:22px;right:22px;top:61px;bottom:86px;display:grid;gap:8px}.ocx-arch-layer{display:grid;grid-template-columns:95px repeat(3,1fr);align-items:center;gap:8px;padding:8px;border:1px solid #24475f;background:rgba(8,24,37,.82)}.ocx-arch-layer>span{font:800 7px/1 ui-monospace,monospace;color:#58cfe0;letter-spacing:.8px}.ocx-arch-layer .ocx-badge{width:100%}.ocx-arch-footer{position:absolute;left:22px;right:22px;bottom:48px;display:flex;justify-content:space-between;padding:10px 12px;border:1px solid #254a62;background:#0a2132;font:700 7px/1 ui-monospace,monospace;color:#7896aa}.ocx-arch-footer b{color:#cae7f4}
.ocx-generic-map{position:absolute;inset:58px 24px 75px}.ocx-generic-core{position:absolute;z-index:6;left:50%;top:50%;width:220px;min-height:118px;transform:translate(-50%,-50%);padding:18px;border:1px solid #37708e;background:linear-gradient(145deg,#102c43,#081a29);display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 0 55px rgba(47,145,190,.12)}.ocx-generic-core small,.ocx-generic-core strong,.ocx-generic-core span{display:block}.ocx-generic-core small{font:700 6px/1 ui-monospace,monospace;color:#5fd4e2;letter-spacing:.9px}.ocx-generic-core strong{margin:7px 0;font-size:13px;line-height:1.15}.ocx-generic-core span{font:600 7px/1.3 ui-monospace,monospace;color:#7794a8}.ocx-generic-map>.ocx-node{position:absolute;width:126px}.ocx-generic-map>.ocx-node:nth-of-type(2){left:0;top:6px}.ocx-generic-map>.ocx-node:nth-of-type(3){left:0;bottom:6px}.ocx-generic-map>.ocx-node:nth-of-type(4){right:0;top:6px}.ocx-generic-map>.ocx-node:nth-of-type(5){right:0;bottom:6px}.ocx-generic-rail{position:absolute;left:24px;right:24px;bottom:47px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ocx-generic-rail span{text-align:center;padding:8px;border:1px solid #21445b;background:#0a2031;color:#7898ae;font:700 6px/1 ui-monospace,monospace;letter-spacing:.6px}
.ocx-viz.is-visual-live .ocx-command-core i,.ocx-viz.is-visual-live .ocx-live-dot{animation:ocxPulse 2.8s ease-in-out infinite}.ocx-viz.is-visual-live .ocx-observe-grid polyline,.ocx-viz.is-visual-live .ocx-finops-chart polyline{stroke-dasharray:540;stroke-dashoffset:540;animation:ocxDraw 1.6s ease forwards}.ocx-viz.is-visual-live .ocx-pipeline-2026>i:after{animation:ocxArrow 1.9s ease-in-out infinite}
@keyframes ocxScan{0%{transform:translateY(-140%)}100%{transform:translateY(520%)}}@keyframes ocxDash{to{stroke-dashoffset:-110}}@keyframes ocxPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}@keyframes ocxDraw{to{stroke-dashoffset:0}}@keyframes ocxArrow{0%,100%{transform:translateX(0);opacity:.45}50%{transform:translateX(4px);opacity:1}}
@media(max-width:1180px){.technical-scene.ocx-viz{height:420px!important;min-height:420px!important}.ocx-viz-head i{display:none}.ocx-command-map{left:16px;right:16px}.ocx-node{min-width:102px}.ocx-pipeline-2026{gap:4px}.ocx-pipeline-2026>i{flex-basis:10px}.ocx-release-console{gap:5px}.ocx-release-console b{padding:4px 5px}}
@media(max-width:760px){.technical-scene.ocx-viz{height:390px!important;min-height:390px!important;border-radius:10px}.ocx-viz-head{left:12px;right:12px}.ocx-viz-head b{max-width:56%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocx-viz-foot{left:12px;right:12px}.ocx-viz-foot small{display:none}.ocx-source-stack{display:none}.ocx-command-core{width:170px;height:170px}.ocx-command-output{left:12px;right:12px;grid-template-columns:1fr}.ocx-command-output div:nth-child(n+2){display:none}.ocx-cloud-row.runtime .ocx-node:nth-child(3){display:none}.ocx-cloud-row{gap:6px}.ocx-cloud-row .ocx-node{min-width:0!important;flex:1}.ocx-pipeline-2026{left:12px;right:12px;top:105px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ocx-pipeline-2026>i{display:none}.ocx-release-console{left:12px;right:12px;bottom:50px;flex-wrap:wrap}.ocx-gitops-map{left:12px;right:12px;top:90px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.ocx-gitops-map .ocx-arrow{display:none}.ocx-env-row{left:12px;right:12px}.ocx-k8s-nodes{grid-template-columns:1fr 1fr}.ocx-k8s-nodes>div:nth-child(3){display:none}.ocx-observe-grid{left:12px;right:12px;grid-template-columns:1fr 1fr}.ocx-observe-grid article:nth-child(n+3){display:none}.ocx-security-map>.ocx-node,.ocx-generic-map>.ocx-node{display:none}.ocx-incident-panel{width:90%}.ocx-iac-editor{left:12px;width:60%}.ocx-plan-2026{right:12px;width:32%}.ocx-finops-chart{left:12px;width:62%}.ocx-finops-side{right:12px;width:30%}.ocx-service-row{grid-template-columns:1fr 1fr}.ocx-service-row .ocx-node:nth-child(3){display:none}.ocx-arch-layer{grid-template-columns:82px 1fr 1fr}.ocx-arch-layer .ocx-badge:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.ocx-viz *{animation:none!important;transition:none!important}.ocx-scan{display:none}.ocx-observe-grid polyline,.ocx-finops-chart polyline{stroke-dasharray:none;stroke-dashoffset:0}}

.ocx-page-hero-2026{background:linear-gradient(180deg,#f7f9fb 0,#fff 100%);border-bottom:1px solid #d8e0e6}
.ocx-page-hero-inner{width:min(1540px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);gap:54px;align-items:center;min-height:560px;padding:46px 0}
.ocx-page-hero-copy{max-width:760px}.ocx-page-kicker{display:block;color:#506c83;font:800 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.25px}.ocx-page-hero-copy h1{margin:12px 0 17px!important;color:#121c27!important;font-size:clamp(46px,4.5vw,68px)!important;line-height:.98!important;letter-spacing:-2.1px!important}.ocx-page-hero-copy>p{max-width:720px;margin:0!important;color:#455f73!important;font-size:16px!important;line-height:1.7!important}
.ocx-page-actions{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}.ocx-page-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #146eb4;text-decoration:none;font-size:11px;font-weight:800}.ocx-page-actions a:first-child{background:#146eb4;color:#fff}.ocx-page-actions a:last-child{background:#fff;color:#146eb4}.ocx-page-principles{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.ocx-page-principles span{padding:7px 9px;background:#edf2f5;border-left:3px solid #6c8292;color:#334b5c;font:700 9px/1.2 Arial,sans-serif}
.ocx-page-hero-2026 .technical-scene.ocx-viz{height:420px!important;min-height:420px!important}.direct-page-content>.hero:first-child{display:none!important}
@media(max-width:1120px){.ocx-page-hero-inner{grid-template-columns:1fr;gap:28px;padding:42px 0}.ocx-page-hero-copy{max-width:900px}.ocx-page-hero-2026 .technical-scene.ocx-viz{height:410px!important;min-height:410px!important}}
@media(max-width:700px){.ocx-page-hero-inner{width:calc(100% - 30px);padding:34px 0}.ocx-page-hero-copy h1{font-size:42px!important}.ocx-page-hero-copy>p{font-size:14px!important}.ocx-page-principles{display:grid;grid-template-columns:1fr 1fr}.ocx-page-actions{display:grid}.ocx-page-actions a{width:100%}}

/* 2026 embedded engineering visuals */
.direct-page-content .split-story{border:1px solid #cbd7df!important;background:#fff!important;box-shadow:0 22px 54px rgba(15,35,55,.06)}
.direct-page-content .story-panel{position:relative;overflow:hidden;min-height:330px!important;background:radial-gradient(circle at 78% 20%,#153b58 0,#0a2133 42%,#06131e 100%)!important;border-left:1px solid #29465b!important;padding:30px!important}
.direct-page-content .story-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(93,158,200,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,158,200,.08) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.direct-page-content .story-panel:after{content:"SIGNAL WINDOW A / REFERENCE DATA";position:absolute;left:28px;top:22px;color:#64869e;font:700 7px/1 ui-monospace,monospace;letter-spacing:.9px}
.direct-page-content .story-panel>b,.direct-page-content .story-panel>span{position:relative;z-index:2}.direct-page-content .story-panel>b{font-size:20px!important;color:#edf8ff!important}.direct-page-content .story-panel>span{color:#7fa1b7!important;font:600 8px/1.3 ui-monospace,monospace!important}
.direct-page-content .signal-chart{position:relative;z-index:2;height:190px!important;margin:25px 0 22px!important;padding:22px 8px 0;border-left:1px solid #31536a;border-bottom:1px solid #31536a;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,rgba(116,167,200,.08) 40px)}
.direct-page-content .signal-chart i{position:relative;background:linear-gradient(180deg,#43d9e8 0,#1c8ee7 58%,#2460ca 100%)!important;border:1px solid rgba(130,220,245,.25);box-shadow:0 0 20px rgba(44,157,225,.08);border-radius:3px 3px 0 0;transform-origin:bottom}.direct-page-content .signal-chart i:after{content:"";position:absolute;left:20%;right:20%;top:8px;height:1px;background:rgba(255,255,255,.45)}
.direct-page-content .story-panel.in-view .signal-chart i{animation:ocxBarRise .7s cubic-bezier(.2,.75,.2,1) both}.direct-page-content .story-panel.in-view .signal-chart i:nth-child(2){animation-delay:.06s}.direct-page-content .story-panel.in-view .signal-chart i:nth-child(3){animation-delay:.12s}.direct-page-content .story-panel.in-view .signal-chart i:nth-child(4){animation-delay:.18s}.direct-page-content .story-panel.in-view .signal-chart i:nth-child(5){animation-delay:.24s}.direct-page-content .story-panel.in-view .signal-chart i:nth-child(6){animation-delay:.3s}
.direct-page-content .process-rail{gap:9px!important}.direct-page-content .process-step{min-height:172px!important;padding:20px!important;border:1px solid #234861!important;background:linear-gradient(155deg,#0a2236,#071724)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.direct-page-content .process-step:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2e8bd8,#49d9e8,transparent)}.direct-page-content .process-step:after{content:">"!important;right:-8px!important;top:42%!important;width:16px;height:28px;display:grid;place-items:center;background:#102b40;border:1px solid #28516a;color:#62d8e4!important}.direct-page-content .process-step span{display:inline-flex;padding:5px 7px;border:1px solid #2b5871;background:#0a2a40;color:#72dce6!important;font:800 7px/1 ui-monospace,monospace}.direct-page-content .process-step b{margin:24px 0 8px!important;color:#f0f8fc!important;font-size:13px!important}.direct-page-content .process-step small{color:#86a1b5!important;font:600 8px/1.55 Arial,sans-serif!important}
.direct-page-content .tech-card{border:1px solid #d0dae1!important;background:linear-gradient(180deg,#fff,#fbfcfd)!important;box-shadow:0 12px 30px rgba(16,42,65,.035);min-height:250px!important}.direct-page-content .tech-card:before{width:3px!important;background:linear-gradient(#2d9bdf,#49d9e8)!important}.direct-page-content .tech-card:after{content:"TECHNICAL CAPABILITY";position:absolute;right:18px;top:17px;color:#8094a3;font:700 6px/1 ui-monospace,monospace;letter-spacing:.65px}.direct-page-content .tech-card .card-no{display:inline-flex;padding:4px 6px;border:1px solid #bed1de;background:#eef5f8;color:#277cb5!important;font:800 7px/1 ui-monospace,monospace}.direct-page-content .tech-card h3{margin-top:26px!important}.direct-page-content .card-scan{height:2px!important;background:linear-gradient(90deg,#2f8ed1 0 28%,#49d9e8 28% 55%,#dde7ed 55%)!important}
.direct-page-content .evidence-banner{position:relative;overflow:hidden;border:1px solid #b8cedb!important;background:linear-gradient(135deg,#f8fbfd,#eef5f8)!important;box-shadow:0 18px 42px rgba(18,51,76,.05)}.direct-page-content .evidence-banner:before{content:"VALIDATION CONTROL";position:absolute;right:24px;top:18px;color:#7890a1;font:700 6px/1 ui-monospace,monospace;letter-spacing:.8px}.direct-page-content .evidence-ui{gap:9px!important}.direct-page-content .evidence-ui span{position:relative;padding:22px 17px!important;border:1px solid #bdd1de!important;background:#fff!important;font:800 8px/1.2 ui-monospace,monospace!important;color:#294b61}.direct-page-content .evidence-ui span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#43d58b;box-shadow:0 0 0 3px rgba(67,213,139,.08)}
.direct-page-content .outcome-strip{gap:0;border:1px solid #cbd8e0!important;background:#fff;box-shadow:0 14px 34px rgba(14,43,65,.04)}.direct-page-content .outcome-strip div{position:relative;padding:24px 22px!important;border-right:1px solid #d5e0e6!important}.direct-page-content .outcome-strip div:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2f8fd4,#49d9e8)}.direct-page-content .outcome-strip b{font-size:12px!important;color:#18384f}.direct-page-content .outcome-strip span{display:block;margin-top:5px;color:#6d8291!important;font:600 8px/1.3 ui-monospace,monospace!important}
.direct-page-content .architecture-rail{gap:44px!important}.direct-page-content .architecture-rail aside{padding:26px;border:1px solid #cedae2;background:linear-gradient(160deg,#fbfcfd,#f3f7f9)}.direct-page-content .architecture-rail aside:before{content:"OPERATING MODEL";display:block;margin-bottom:13px;color:#638198;font:800 6px/1 ui-monospace,monospace;letter-spacing:.8px}.direct-page-content .rail-items{border-left:1px solid #a8c1d1!important}.direct-page-content .rail-items>div{position:relative;padding:19px 24px 19px 28px!important;border-bottom:1px solid #d9e3e9!important;transition:background .2s ease,transform .2s ease}.direct-page-content .rail-items>div:before{content:"";position:absolute;left:-4px;top:22px;width:7px;height:7px;border-radius:50%;background:#318fcd;box-shadow:0 0 0 4px #fff}.direct-page-content .rail-items>div:hover{background:#f7fafb;transform:translateX(3px)}.direct-page-content .rail-items b{color:#173a52!important}
.direct-page-content .architecture-feature{border:1px solid #294a61!important;background:#081a29!important;box-shadow:0 24px 54px rgba(7,26,41,.16)}.direct-page-content .arch-stack{background:radial-gradient(circle at 50% 42%,#164a6d,#081925 72%)!important}.direct-page-content .arch-stack:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(89,155,198,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(89,155,198,.08) 1px,transparent 1px);background-size:28px 28px}.direct-page-content .arch-stack i{border:1px solid #45bad8!important;background:linear-gradient(90deg,rgba(45,132,183,.12),rgba(73,217,232,.18))!important;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.direct-page-content .slides article{border:1px solid #c7d4dc!important;box-shadow:0 16px 38px rgba(16,46,70,.05)}.direct-page-content .slides article:after{background:linear-gradient(145deg,#0d2840,#12547d)!important}.direct-page-content .slide-deck button{border:1px solid #aac2d1!important;color:#1e78b4!important;box-shadow:0 8px 22px rgba(17,53,78,.06)}
@keyframes ocxBarRise{from{transform:scaleY(.05);opacity:.25}to{transform:scaleY(1);opacity:1}}
@media(max-width:700px){.direct-page-content .story-panel{min-height:285px!important}.direct-page-content .process-step:after{display:none!important}.direct-page-content .outcome-strip div{border-right:0!important;border-bottom:1px solid #d5e0e6!important}.direct-page-content .architecture-rail aside{padding:20px}.direct-page-content .rail-items>div{grid-template-columns:1fr!important;gap:7px!important}}

/* 2026 responsive containment and mobile hero QA */
.awsx-home-inner>*{min-width:0}
.awsx-hero-copy,.awsx-home-inner .technical-scene{min-width:0;max-width:100%}
.awsx-home-inner .technical-scene{width:100%}
@media(max-width:760px){
  body.php-site{overflow-x:hidden}
  .awsx-home-inner{min-width:0;overflow:hidden}
  .awsx-hero-copy{width:100%;min-width:0}
  .awsx-hero-copy h1,.awsx-hero-lead{max-width:100%!important}
  .awsx-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .awsx-hero-actions a{width:100%;box-sizing:border-box;text-align:center}
  .awsx-home-inner .technical-scene{width:100%!important;max-width:100%!important}
}

/* opschugex-readable-visuals-v1.0.38 */
.direct-page-content .story-panel{background:radial-gradient(circle at 78% 20%,#2d678d 0,#174b72 42%,#103a59 100%)!important}
.direct-page-content .story-panel:after{font-size:10px!important;color:#bdd8e8!important}.direct-page-content .story-panel>span{font-size:12px!important;color:#c6ddea!important}
.direct-page-content .process-step{min-height:150px!important;padding:19px!important;background:linear-gradient(155deg,#174b72,#123b5b)!important;border-color:#3c789d!important}.direct-page-content .process-step span{font-size:11px!important}.direct-page-content .process-step b{font-size:16px!important;margin:18px 0 7px!important}.direct-page-content .process-step small{font-size:14px!important;line-height:1.5!important;color:#d1e3ee!important}
.direct-page-content .tech-card{min-height:205px!important}.direct-page-content .tech-card:after{font-size:11px!important;letter-spacing:.6px!important;top:16px!important;color:#5d7789!important}.direct-page-content .tech-card .card-no{font-size:11px!important}.direct-page-content .tech-card h3{margin-top:24px!important}
.direct-page-content .evidence-banner:before{font-size:10px!important}.direct-page-content .evidence-ui span{font-size:14px!important;line-height:1.35!important}.direct-page-content .outcome-strip div{padding:20px!important}.direct-page-content .outcome-strip b{font-size:16px!important}.direct-page-content .outcome-strip span{font-size:14px!important;line-height:1.45!important}.direct-page-content .architecture-rail aside:before{font-size:10px!important}.direct-page-content .architecture-feature{background:#174b72!important}.direct-page-content .arch-stack{background:radial-gradient(circle at 50% 42%,#2d678d,#123b5b 72%)!important}.direct-page-content .slides article:after{background:linear-gradient(145deg,#174b72,#2b78a5)!important}


/* opschugex-home-hero-polish-v1: preserve existing typography sizes */
.awsx-home-hero{position:relative;isolation:isolate;background-color:#f8fbff!important;background-image:linear-gradient(rgba(88,151,195,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(88,151,195,.13) 1px,transparent 1px),radial-gradient(circle at 82% 18%,rgba(46,112,239,.10),transparent 38%)!important;background-size:64px 64px,64px 64px,auto!important}
.awsx-home-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,255,.82) 0%,rgba(248,251,255,.75) 52%,rgba(248,251,255,.48) 100%)}
.awsx-hero-copy{position:relative}
.awsx-eyebrow{color:#087bc1!important;letter-spacing:.16em!important}
.awsx-hero-copy h1{letter-spacing:-.045em!important;text-wrap:balance}
.awsx-hero-copy h1 .ops-hero-accent{color:#2f66ee}
.awsx-hero-lead{max-width:900px!important;color:#173b5a!important}
.awsx-hero-detail{max-width:920px!important}
@media(max-width:760px){.awsx-home-hero{background-size:34px 34px,34px 34px,auto!important}.awsx-hero-copy h1{letter-spacing:-.035em!important}.awsx-hero-copy h1 br{display:none}}

/* Homepage hero: alignment and spacing polish only */
@media(min-width:761px){
  .awsx-home-inner{width:min(1480px,calc(100% - 80px))!important;gap:46px!important}
  .awsx-hero-copy{padding:8px 0 14px}
  .awsx-hero-copy h1{max-width:760px!important;margin:14px 0 22px!important;line-height:1.06!important}
  .awsx-hero-lead{max-width:760px!important;margin:0 0 24px!important;line-height:1.5!important}
  .awsx-hero-detail{max-width:800px!important;margin:0 0 13px!important;line-height:1.66!important}
  .awsx-hero-detail + .awsx-hero-detail{margin-top:0!important}
}
@media(max-width:760px){
  .awsx-hero-lead{margin-bottom:18px!important}
  .awsx-hero-detail{margin-bottom:12px!important}
}

/* Homepage mobile hero: alignment and spacing polish only */
@media(max-width:760px){
  .awsx-home-inner{width:calc(100% - 40px)!important;padding:28px 0 32px!important;gap:20px!important}
  .awsx-eyebrow{margin-bottom:10px!important}
  .awsx-hero-copy h1{margin:12px 0 18px!important;line-height:1.06!important}
  .awsx-hero-lead{line-height:1.52!important}
  .awsx-hero-detail{line-height:1.62!important}
}