/* Original diagram assets with viewport-aware flow animation. */
.info-visual{position:relative;display:block;overflow:hidden;border:1px solid #4d79c13b;background:#060c19;border-radius:12px;transform:none;box-shadow:0 15px 60px #0003;isolation:isolate}.info-visual:after{display:none}.diagram-stage{position:relative;overflow:hidden;background:#060913}.info-visual .diagram-stage>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;object-position:center;max-height:none}.diagram-beam{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#62e3ff0a 43%,#62e3ff17 48%,transparent 58%);transform:translateX(-120%);pointer-events:none;mix-blend-mode:screen}.is-visible .diagram-beam{animation:diagramSweep 7s linear infinite}.diagram-corner{position:absolute;width:22px;height:22px;pointer-events:none;border-color:#66bdff77}.corner-a{top:13px;left:13px;border-top:1px solid;border-left:1px solid}.corner-b{bottom:13px;right:13px;border-bottom:1px solid;border-right:1px solid}.info-visual .flow-legend{position:relative;inset:auto;transform:none;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:20px 25px 17px;background:#0a1425;border-top:1px solid #658ddd30;overflow:hidden;font-size:12px;letter-spacing:.04em;color:#a7bbd9}.flow-legend:before{content:'';position:absolute;height:1px;left:38px;right:38px;top:26px;background:#2e4971}.flow-legend:after{content:'';position:absolute;top:25px;height:3px;left:25px;width:25px;border-radius:50%;background:#78d6ff;box-shadow:0 0 15px #55b9ff;opacity:0;pointer-events:none}.is-visible .flow-legend:after{animation:flowTravel 7s linear infinite}.flow-step{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;position:relative;z-index:1;flex:1;word-break:keep-all;font-size:12px;font-weight:500;letter-spacing:.025em}.step-dot{display:block;width:11px;height:11px;border:2px solid #506e96;background:#0a1425;border-radius:50%;box-shadow:0 0 0 4px #0a1425}.is-visible .step-dot{animation:nodeSignal 7s linear infinite;animation-delay:calc(var(--step)*1.4s)}.hero{grid-template-columns:1.05fr 1fr;min-height:790px;gap:45px}.hero-media{align-self:center;width:100%;border-radius:16px;overflow:hidden}.hero-media .diagram-stage>img{aspect-ratio:1.2;object-fit:contain}.hero-media .flow-legend{padding-inline:15px}.foundation-media{margin-top:45px}.foundation-media .diagram-stage>img{aspect-ratio:2;object-fit:contain;max-height:540px}.engine-media .diagram-stage>img{aspect-ratio:1.25}.engine-layout{grid-template-columns:.85fr 1.25fr}.planning-frame .diagram-stage>img{aspect-ratio:1.35}.screen-top{display:none}.platform-visual{margin-top:45px}.platform-visual .diagram-stage>img{aspect-ratio:2;max-height:570px}.platform-layout{margin-top:30px;grid-template-columns:27% 1fr;gap:40px}.module-panel{min-height:460px}.module-picture img{height:auto;aspect-ratio:1.8;object-fit:contain;background:#060913}.module-picture small{letter-spacing:.05em}.live-media .diagram-stage>img{aspect-ratio:1.35}.analytics-frame .diagram-stage>img{aspect-ratio:1.3}.story-ribbon{margin-top:45px}.story-ribbon .diagram-stage>img{height:auto;aspect-ratio:2;object-fit:contain}.purpose{background:radial-gradient(ellipse at 50% 50%,#17357055,transparent 70%),#060c19;padding-block:115px}.purpose:before{display:none}.purpose-visual{margin-top:45px;max-width:1000px}.purpose-visual .diagram-stage>img{aspect-ratio:1.8}.purpose-bottom{gap:60px}.network-banner{height:auto;margin-top:45px}.network-banner .diagram-stage>img{height:auto;aspect-ratio:2;object-fit:contain}.network-banner:after{display:none}.network-banner>div{position:relative;inset:auto}.network-banner .diagram-stage{padding:0}.final-cta:before{display:none}.final-cta{background:radial-gradient(ellipse at center,#12305b44,transparent 65%);padding-block:115px}.cta-visual{max-width:780px;margin:45px auto 0;text-align:left}.cta-visual .diagram-stage>img{aspect-ratio:1.8}.one-line{margin-top:35px}strong{word-break:keep-all}@keyframes diagramSweep{0%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}@keyframes flowTravel{0%{transform:translateX(0);opacity:0}5%{opacity:.8}90%{opacity:.8}100%{transform:translateX(calc(100vw - 180px));opacity:0}}@keyframes nodeSignal{0%,12%,100%{border-color:#80d3ff;box-shadow:0 0 0 4px #0a1425,0 0 18px #56baff80;background:#50aaff}22%,85%{border-color:#506e96;box-shadow:0 0 0 4px #0a1425;background:#0a1425}}@media(max-width:1200px){.hero{gap:30px;min-height:720px}.platform-layout{gap:30px}.engine-layout{gap:25px}.info-visual .flow-legend{padding-inline:18px}}@media(max-width:1000px){.hero{gap:20px;min-height:680px}.hero h1{font-size:49px}.hero-media .flow-step{font-size:10px}.engine-layout{grid-template-columns:1fr}.engine-media{max-width:none}.engine-media .diagram-stage>img{aspect-ratio:1.5}.foundation-media .diagram-stage>img,.platform-visual .diagram-stage>img,.story-ribbon .diagram-stage>img,.network-banner .diagram-stage>img{aspect-ratio:1.5}}@media(max-width:768px){.hero{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:50px;padding-bottom:95px}.hero h1{font-size:clamp(42px,7.1vw,52px)}.hero-media{max-width:none}.hero-media .diagram-stage>img{aspect-ratio:1.3}.info-visual{border-radius:9px}.info-visual .diagram-stage>img{aspect-ratio:1.5;min-height:0}.info-visual .flow-legend{padding:17px 10px 14px;gap:4px}.flow-step{font-size:10px;gap:9px;letter-spacing:0}.flow-legend:before{top:22px;left:20px;right:20px}.flow-legend:after{top:21px}.platform-layout{grid-template-columns:1fr;gap:20px}.platform-visual,.foundation-media,.purpose-visual,.network-banner{margin-top:35px}.module-panel{min-height:0}.module-picture img{height:auto;aspect-ratio:1.5}.module-info{padding:23px}.engine-media figcaption,.screen-frame figcaption{font-size:11px}.story-ribbon{margin-top:35px}.purpose{padding-block:85px}.cta-visual{margin-top:35px}.final-cta{padding-block:85px}.diagram-corner{width:15px;height:15px}.hero-media figcaption{left:auto;bottom:auto}.live-tag{display:none}}@media(prefers-reduced-motion:reduce){.diagram-beam,.flow-legend:after{display:none}.step-dot{animation:none!important}.info-visual{scroll-behavior:auto}}
@keyframes flowTravel{0%{left:25px;opacity:0}5%{opacity:.85}90%{opacity:.85}100%{left:calc(100% - 45px);opacity:0}}
.info-visual .flow-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.diagram-live{position:absolute;left:50%;top:67%;transform:translateX(-50%);font-size:12px;letter-spacing:.18em;color:#a5dcff;padding:4px 12px;background:#060913c9;border:1px solid #5cafff40;border-radius:4px}