.network-picture{position:relative;min-height:620px;display:flex;align-items:flex-end;overflow:hidden}
.network-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.network-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,17,31,.95),rgba(3,17,31,.05) 68%)}
.network-picture>div{position:relative;z-index:1;width:min(980px,100%);padding:70px clamp(22px,7vw,105px)}
.network-picture h2{max-width:900px;margin:0;font-size:clamp(46px,7vw,90px);font-weight:300;line-height:1}
.network-picture p:last-child{max-width:720px;color:#d7e3e9;font-size:18px;line-height:1.65}
.commercial{background:#071f3b}
.commercial-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px 45px;align-items:start;margin-bottom:60px}
.commercial-intro h2{margin:0;font-size:clamp(44px,6vw,78px);font-weight:300;line-height:1.02}
.commercial-intro>p:not(.eyebrow){color:#c4d3dc;font-size:18px;line-height:1.65}
.commercial-visual{position:relative;grid-column:2;grid-row:1/5;align-self:center;width:100%;overflow:hidden}
.commercial-photo{display:block;width:100%;height:auto;object-fit:contain}
.vela-logo{display:flex;align-items:center;gap:7px;color:#fff;white-space:nowrap}
.vela-logo svg{width:54px;height:auto}
.vela-logo svg path{fill:none;stroke:#55d8dd;stroke-width:10;stroke-linecap:round}
.vela-logo>span{font-size:26px;letter-spacing:.04em}
.vela-logo b,.vela-logo em{color:#55d8dd;font-style:normal;font-weight:400}
.hero-logo{display:flex;align-items:center}
.hero-ai-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;padding:12px 18px 10px;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.hero-ai-name{position:relative;display:flex;align-items:baseline;line-height:.82;letter-spacing:-.06em}
.hero-ai-name strong{color:#071f59;font-size:39px;font-weight:900}
.hero-ai-name b{margin-left:7px;color:#079df1;font-size:39px;font-weight:900}
.hero-ai-name i{position:absolute;right:-8px;top:-12px;color:#12b9e9;font-size:18px;font-style:normal}
.hero-ai-lockup>span{margin-top:8px;color:#071f59;font-size:11px;font-weight:800;letter-spacing:.01em}
.hero-ai-lockup em{color:#0878d7;font-style:normal}
.scenario-brand{min-height:76px;margin:-8px 0 28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-logo{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;text-decoration:none}
.footer-logo svg{width:56px;height:auto}
.footer-logo svg path{fill:none;stroke:#55d8dd;stroke-width:10;stroke-linecap:round}
.footer-logo>span{font-size:28px;letter-spacing:.05em}
.footer-logo b,.footer-logo em{color:#55d8dd;font-style:normal;font-weight:400}
.host-value .photo{min-height:0;overflow:visible}
.host-value .photo img{display:block;width:100%;height:auto;min-height:0;object-fit:contain}
.ecosystem-note{display:grid;gap:8px;margin-top:15px;padding:24px;border:1px solid rgba(239,207,150,.45);background:#123b48}
.ecosystem-note strong{color:#efcf96;font-size:24px}
.ecosystem-note span{color:#c7d8df;line-height:1.55}
.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scenario{padding:clamp(26px,4vw,48px);border:1px solid rgba(85,216,221,.32);background:#0b3150}
.scenario.hero-first{border-color:rgba(239,207,150,.5);background:#123f42}
.scenario h3{margin:10px 0 20px;color:#fff;font:clamp(32px,4vw,52px)/1.06 Georgia,serif}
.scenario h4{margin:34px 0 16px;color:#efcf96;font-size:20px}
.free-label{display:inline-block;margin-bottom:18px;padding:10px 14px;border-radius:999px;background:#55d8dd;color:#06223a;font-size:11px;font-weight:900;letter-spacing:.08em}
.scenario ul{margin:18px 0;padding:0;list-style:none}
.scenario li{padding:12px 0 12px 25px;border-top:1px solid rgba(255,255,255,.13);color:#d5e1e7;line-height:1.5}
.scenario li:before{content:"✓";float:left;margin-left:-24px;color:#55d8dd;font-weight:900}
.condition,.scenario-lead{color:#aebfca;line-height:1.65}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tiers div{padding:18px 12px;border:1px solid rgba(85,216,221,.28);background:#061f39;text-align:center}
.tiers span,.tiers strong,.tiers small{display:block}
.tiers span{min-height:28px;color:#55d8dd;font-size:9px;font-weight:800;letter-spacing:.1em}
.tiers strong{margin:12px 0 4px;color:#fff;font-size:25px}
.tiers small{color:#9db2bf}
.hero-tiers{margin:25px 0}
.demo-link{display:flex;align-items:center;justify-content:space-between;margin:25px 0;padding:17px 20px;border-radius:999px;background:#efcf96;color:#061f39;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.08em}
.demo-link span{font-size:20px}
@media(max-width:900px){.commercial-intro,.scenario-grid{grid-template-columns:1fr}.commercial-visual{grid-column:auto;grid-row:auto}.tiers{grid-template-columns:1fr}}
@media(max-width:600px){.hero>img{object-position:52% center}.network-picture{min-height:540px}.network-picture>div{padding:55px 20px}.commercial-intro{gap:22px;margin-bottom:38px}.commercial-intro h2{font-size:44px}.commercial-intro>p:not(.eyebrow){margin:0}.commercial-visual{margin:2px 0 4px}.ecosystem-note{margin-top:0;padding:20px}.ecosystem-note strong{font-size:21px}.scenario{padding:28px 20px}.scenario-brand{min-height:64px;margin:0 0 24px;padding-bottom:16px}.scenario-brand.vela-logo svg{width:42px}.scenario-brand.vela-logo>span{font-size:22px}.hero-ai-lockup{padding:10px 14px 9px}.hero-ai-name strong,.hero-ai-name b{font-size:34px}.footer-logo svg{width:46px}.footer-logo>span{font-size:24px}}