/* D is self-contained: no selectors affect the existing A/B/C banners. */
.vp-d{--vp-d-motion-version:spatial-20261028-2;--vp-d-blue:#188fc8;--vp-d-text:#f5f8fb;isolation:isolate;position:relative;overflow:visible;background:radial-gradient(ellipse at 14% 0%,#07314780,transparent 62%),linear-gradient(120deg,#001b2a,#00121e 75%);border:1px solid #244352;border-radius:12px;color:var(--vp-d-text);font:14px/1.5 Arial,Helvetica,sans-serif}
.vp-d,.vp-d *{box-sizing:border-box}
.vp-d::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(122deg,transparent 35%,#5786a009 35.1%,transparent 67%)}
.vp-d .vp-d-layout{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:20px;align-items:center;padding:24px}
.vp-d .vp-d-intro{min-width:0}
/* A compact introductory label; preserve its vertical footprint. */
.vp-d .vp-d-eyebrow{width:fit-content;max-width:100%;margin:0;padding:6px 8px;border:1px solid #389cc35c;border-radius:4px;background:#188fc808;color:#9dc8e4;font-size:10px;line-height:14.39px;font-weight:600;letter-spacing:.8px;overflow-wrap:anywhere}
.vp-d .vp-d-heading{font:700 30px/1.12 Arial,Helvetica,sans-serif;letter-spacing:-1.35px;margin:17px 0 16px;color:#f5f8fb;overflow-wrap:normal}
.vp-d .vp-d-description{font-size:14px;line-height:1.6;color:#abc7dc;margin:0 0 22px}
.vp-d .vp-d-actions{display:grid;gap:9px}
.vp-d .vp-d-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:11px 14px;border:1px solid #189fdb;border-radius:7px;background:linear-gradient(120deg,#008ad0,#006cbb);font-size:13px;line-height:1.4;font-weight:700;text-decoration:none;color:#fff;position:relative;isolation:isolate;transition:background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease}
.vp-d .vp-d-action-secondary{background:#04233650;border-color:#1685b0}
/* Fade a white wash over the existing gradient without changing its base colours. */
.vp-d .vp-d-action:not(.vp-d-action-secondary)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;opacity:0;pointer-events:none;transition:opacity 200ms ease}
.vp-d .vp-d-action svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform 200ms ease}
.vp-d .vp-d-action:focus-visible{box-shadow:0 0 18px #188fc838}
.vp-d .vp-d-action:focus-visible::before{opacity:.08}
.vp-d .vp-d-action-secondary:focus-visible{background-color:#07344b70;border-color:#309ac2;box-shadow:inset 0 0 12px #249edb14}
.vp-d .vp-d-action:focus-visible svg{transform:translateX(5px)}
/* Avoid sticky hover feedback after a tap on a touch-only device. */
@media(hover:hover) and (pointer:fine){
  .vp-d .vp-d-action:hover{box-shadow:0 0 18px #188fc838}
  .vp-d .vp-d-action:hover::before{opacity:.08}
  .vp-d .vp-d-action-secondary:hover{background-color:#07344b70;border-color:#309ac2;box-shadow:inset 0 0 12px #249edb14}
  .vp-d .vp-d-action:hover svg{transform:translateX(5px)}
}
.vp-d .vp-d-action:active{transform:translateY(1px);transition-duration:200ms,200ms,200ms,100ms}
.vp-d .vp-d-carousel{position:relative;min-width:0;container-type:inline-size;--vp-d-step:62px;--vp-d-card-height:calc((100cqw - 2px) * .5625 + 2px)}
.vp-d .vp-d-stack{position:relative;width:100%;height:calc(var(--vp-d-card-height) + 2 * var(--vp-d-step));perspective:1000px;touch-action:pan-y}
.vp-d .vp-d-card{position:absolute;top:50%;left:0;width:100%;margin:0;border:1px solid #486172;border-radius:8px;overflow:hidden;background:#032132;color:#fff;box-shadow:0 8px 18px #0003;transform:translate3d(0,calc(-50% + var(--vp-d-slot) * var(--vp-d-step)),0) scale(.90);filter:brightness(.51) saturate(.8);transform-origin:center center;z-index:2;opacity:1;transition:transform 600ms cubic-bezier(.4,0,.2,1),filter 600ms cubic-bezier(.4,0,.2,1),opacity 600ms cubic-bezier(.4,0,.2,1),border-color 600ms cubic-bezier(.4,0,.2,1),box-shadow 600ms cubic-bezier(.4,0,.2,1);will-change:transform}
.vp-d .vp-d-card[data-slot="-2"],.vp-d .vp-d-card[data-slot="2"]{opacity:0;pointer-events:none}
/* Keep the border's layout space; only diffuse light defines the active edge. */
.vp-d .vp-d-card.is-active{transform:translate3d(0,-50%,0) scale(1);filter:brightness(1) saturate(1);border-color:transparent;outline:none;box-shadow:0 9px 24px #0006,0 0 10px 0 #8ed6ff0f,0 0 20px 1px #69c2ff28,0 0 30px 2px #4bb0ff1e;z-index:10}
.vp-d .vp-d-card.vp-d-no-transition{transition:none!important}
.vp-d .vp-d-card.vp-d-handoff{pointer-events:none}
.vp-d .vp-d-card-link{display:block;color:inherit;text-decoration:none;outline-offset:-4px;touch-action:pan-y}
.vp-d .vp-d-picture{position:relative;aspect-ratio:16/9;background:#04131c;overflow:hidden}
.vp-d .vp-d-picture img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
.vp-d .vp-d-image-fallback{display:grid;place-items:center;height:100%;font-size:12px;color:#b4cbd9}
.vp-d .vp-d-select{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;border:0;background:transparent;color:inherit;border-radius:inherit}
.vp-d .vp-d-select:focus-visible{outline-offset:-4px}
/* Desktop-only native cursor, including the active link and rear-card buttons. */
@media(hover:hover) and (pointer:fine){
  .vp-d .vp-d-card-link,.vp-d .vp-d-picture,.vp-d .vp-d-picture img,.vp-d .vp-d-select{cursor:url("d-scroll-cursor.png?ver=26b3433be4595fb7") 12 11,ns-resize}
}
/* Size changes around the existing centres; hover only changes the glass paint. */
.vp-d .vp-d-control{--vp-d-control-size:26px;position:absolute;left:50%;transform:translateX(-50%);z-index:20;display:grid;place-items:center;width:var(--vp-d-control-size);height:var(--vp-d-control-size);padding:0;border:1px solid #b6e2ff45;border-radius:50%;color:#fff;background:linear-gradient(145deg,#b1d5ec08,#0715210d),#101f2b52;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #e0f2ff14,0 2px 7px #0003;transition:background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease;touch-action:none;user-select:none;cursor:pointer}
/* Keep a forgiving touch target around the smaller visible glass circle. */
.vp-d .vp-d-control::before{content:"";position:absolute;inset:-9px;border-radius:50%;touch-action:none}
.vp-d .vp-d-control[data-direction="-1"]{top:calc(var(--vp-d-step) / 2 + var(--vp-d-card-height) * .025 - var(--vp-d-control-size) / 2)}
.vp-d .vp-d-control[data-direction="1"]{bottom:calc(var(--vp-d-step) / 2 + var(--vp-d-card-height) * .025 - var(--vp-d-control-size) / 2)}
.vp-d .vp-d-control:hover:not(:disabled){background-color:#1d344480;border-color:#b6e2ff80;box-shadow:inset 0 1px 1px #e0f2ff20,0 2px 7px #0003,0 0 12px #72bbef2b}
.vp-d .vp-d-control:disabled{opacity:.35;cursor:default}
.vp-d .vp-d-control svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}
.vp-d .vp-d-empty{display:grid;place-items:center;position:absolute;inset:0;margin:0;color:#a9c1d3;font-size:13px;text-align:center;padding:20px}
.vp-d a:focus-visible,.vp-d button:focus-visible,.vp-d .vp-d-carousel:focus-visible{outline:2px solid #8cddff;outline-offset:3px}
.vp-d .vp-d-card-link:focus-visible,.vp-d .vp-d-select:focus-visible{outline-offset:-4px}
/* Paint keyboard focus above the positioned picture, independently of the glow. */
.vp-d .vp-d-card-link:focus-visible{position:relative}
.vp-d .vp-d-card-link:focus-visible::after{content:"";position:absolute;inset:4px;z-index:1;border-radius:4px;outline:2px solid #8cddff;pointer-events:none}
.vp-d .vp-d-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container banner (max-width:570px){
  .vp-d .vp-d-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 18px 18px}
  .vp-d .vp-d-eyebrow{padding-block:5px}
  .vp-d .vp-d-heading{font-size:29px;line-height:1.12;letter-spacing:-.6px;margin:14px 0 12px;text-wrap:balance}
  .vp-d .vp-d-description{font-size:13px;line-height:1.55;margin-bottom:17px;max-width:38ch}
  .vp-d .vp-d-actions{gap:8px}
  .vp-d .vp-d-action{min-height:46px;font-size:13px;padding:11px 13px}
  .vp-d .vp-d-carousel{--vp-d-step:62px}
  .vp-d .vp-d-stack{width:100%;height:calc(var(--vp-d-card-height) + 2 * var(--vp-d-step))}
}
@media(prefers-reduced-motion:reduce){.vp-d .vp-d-card,.vp-d .vp-d-action,.vp-d .vp-d-control,.vp-d .vp-d-action::before,.vp-d .vp-d-action svg{transition:none!important}}