.vid{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#0b1d28;border-radius:22px;box-shadow:var(--shadow)}
.vfig{margin:24px 0}
.vfig figcaption{font-size:.9rem;color:var(--ink2);margin-top:10px;font-weight:700;text-align:center}
.hero-v{max-width:320px;justify-self:center;width:100%;margin:0}
.hero.hvid .wrap{grid-template-columns:1.35fr .65fr}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin:26px 0}
.vgrid .vfig{margin:0}
.wrap>.vfig{max-width:330px}
@media (max-width:860px){.hero.hvid .wrap{grid-template-columns:1fr}.hero-v{max-width:290px}.vgrid{grid-auto-flow:column;grid-auto-columns:62%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.vgrid .vfig{scroll-snap-align:start}}
.logo{flex-direction:row;align-items:center}
.logo .slogan{font-size:.78rem;font-weight:600;font-style:italic;color:var(--ink2);border-left:1px solid var(--line);padding-left:10px;line-height:1.15;max-width:90px;letter-spacing:0}
@media (max-width:1180px){.logo .slogan{display:none}}
@media (max-width:1060px){.logo .slogan{display:block}}
@media (max-width:420px){.logo .slogan{display:none}}
.ftr .dist{margin:30px 0 0;padding:16px 18px;border:1px solid #1f3443;border-radius:14px;font-size:.88rem;line-height:1.6;color:#c4d6df}
.anim{margin:26px auto;max-width:760px}
.anim svg{width:100%;height:auto;display:block;border-radius:22px;box-shadow:var(--shadow)}
.anim .lb{font:800 15px 'Plus Jakarta Sans',sans-serif;fill:#0f2533;letter-spacing:.02em}
.anim .lb2{font:700 12px 'Plus Jakarta Sans',sans-serif;fill:#0b7783}
.anim .lg text{font:600 11px 'Plus Jakarta Sans',sans-serif;fill:#4a5b66}
.anim .mesh line{stroke:#0b7783;stroke-width:1;opacity:.35}
.anim .pt{transform-box:fill-box;animation:odHit 5.2s cubic-bezier(.45,.05,.6,1) var(--d) infinite both;opacity:0}
@keyframes odHit{0%{transform:translate(-20px,var(--y));opacity:0}8%{opacity:1}62%{transform:translate(282px,var(--y))}70%{transform:translate(262px,calc(var(--y) + 8px))}85%{opacity:.9}100%{transform:translate(268px,calc(var(--y) + 34px));opacity:0}}
.anim .air{fill:none;stroke:#19a7e0;stroke-width:3;stroke-linecap:round;opacity:0;animation:odAir 4.2s linear var(--d) infinite}
@keyframes odAir{0%{transform:translateX(-90px);opacity:0}10%{opacity:.75}90%{opacity:.75}100%{transform:translateX(600px);opacity:0}}
.anim .memb{animation:odPulse 2.6s ease-in-out infinite}
@keyframes odPulse{50%{opacity:.8}}
.anim .airlb{fill:#19a7e0}
.anim.paused *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.anim .pt{animation:none;opacity:1;transform:translate(240px,var(--y))}.anim .air{animation:none;opacity:.6;transform:translateX(380px)}}
.pchart{position:relative;margin:26px 0 8px;padding-bottom:96px}
.pt-ticks{position:relative;height:22px;font-size:.74rem;color:var(--ink2);margin:0 4px}
.pt-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.pt-ticks span:first-child{transform:none}.pt-ticks span:last-child{transform:translateX(-100%)}
.pt-area{position:relative;border-radius:16px;padding:10px 0;background:linear-gradient(90deg,#dfe7ee 0 16.6%,#e7edf2 16.6% 33.3%,#edf2f5 33.3% 50%,#f2f5f8 50% 66.6%,#f6f8fa 66.6% 83.3%,#fafbfc 83.3%)}
.pt-row{position:relative;height:34px}
.pt-lb{position:absolute;top:2px;font-size:.78rem;font-weight:700;color:var(--ink);white-space:nowrap}
.pt-row i{position:absolute;top:21px;height:7px;border-radius:6px;background:var(--brand);transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 90ms)}
.pchart.in .pt-row i{transform:scaleX(1)}
.pt-band{position:absolute;right:0;height:30px;border-radius:0 16px 16px 0;font-weight:800;font-size:.84rem;display:flex;align-items:center;padding-left:12px;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1) 1s}
.pchart.in .pt-band{transform:scaleX(1)}
.pt-band.reg{bottom:48px;background:#cdd3da;color:#33414c}
.pt-band.odr{bottom:12px;background:var(--brand);color:#fff}
.pchart small{position:absolute;bottom:-4px;left:0;font-size:.74rem;color:var(--ink2)}
@media (max-width:640px){.pt-lb{font-size:.68rem}.pt-ticks{font-size:.62rem}.pt-band{font-size:.72rem}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.pchart.rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.pt-row i,.pt-band{transform:none;transition:none}}
@media print{.topbar,.hdr,.ftr,.wa-float,.noprint,.ctaband,.crumb{display:none!important}body{background:#fff}.band,.content{padding:14px 0!important}.rv{opacity:1;transform:none}.pt-row i,.pt-band{transform:none}.card{break-inside:avoid}}
.vwrap{position:relative;border-radius:22px}
.vcover{position:absolute;inset:0;border:0;margin:0;padding:18px;border-radius:22px;background:#0b1d28 center/cover no-repeat;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;color:#fff;text-align:left;overflow:hidden;font:inherit;box-shadow:var(--shadow)}
.vcover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,22,32,.45) 0,rgba(6,22,32,0) 26%,rgba(6,22,32,0) 48%,rgba(6,22,32,.88) 100%);transition:background .3s}
.vcover>*{position:relative}
.vc-top{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 11px;border-radius:30px}
.vc-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .25s}
.vc-play:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:vcPulse 2s ease-out infinite}
.vc-play svg{width:34px;height:34px;fill:var(--brand);margin-left:4px}
@keyframes vcPulse{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
.vc-bot b{display:block;font-size:1.12rem;line-height:1.25;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.vc-bot small{display:block;margin-top:6px;font-size:.8rem;font-style:italic;opacity:.85}
.vcover:hover .vc-play,.vcover:focus-visible .vc-play{transform:scale(1.08)}
.vcover:focus-visible{outline:3px solid var(--amber,#f5a524);outline-offset:3px}
.vwrap.playing .vcover{display:none}
.vgrid .vc-play{width:64px;height:64px;margin:-32px 0 0 -32px}.vgrid .vc-bot b{font-size:1rem}
@media (prefers-reduced-motion:reduce){.vc-play:after{animation:none}}
.vfig:has(.vcover) figcaption{display:none}
.vfig:has(.vwrap.playing) figcaption{display:block}
.fig.diag img{background:#fff;object-fit:contain;height:auto;border:1px solid var(--line)}