.ecc-nq-hero{background:#06234b;color:#fff;padding:64px 24px}.ecc-nq-wrap{width:min(1120px,100%);margin:auto;box-sizing:border-box}.ecc-nq-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.14;color:#fff;margin:0;max-width:900px}.ecc-nq-article{padding:40px 24px 64px}.ecc-nq-copy{color:#25384f;font-size:18px;line-height:1.8}.ecc-nq-copy p{margin:0 0 28px}.ecc-nq-copy h2{color:#06234b;font-size:clamp(24px,3vw,32px);line-height:1.3;margin:36px 0 14px}.ecc-nq-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 42px}.ecc-nq-images figure{margin:0}.ecc-nq-images img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 12px 30px #06234b18}.ecc-nq-cta{display:flex;flex-wrap:wrap;gap:16px;padding:28px;background:#edf8f5;border-radius:16px;margin-top:36px}.ecc-nq-cta a{display:inline-block;background:#06234b;color:#fff!important;text-decoration:none;padding:13px 23px;border-radius:8px;font-weight:700}.ecc-nq-cta a:hover{background:#087966}.ecc-nq-cta a:focus-visible{outline:3px solid #04a887;outline-offset:4px}@media(max-width:640px){.ecc-nq-images{grid-template-columns:1fr}.ecc-nq-hero{padding:44px 22px}.ecc-nq-copy{font-size:17px}.ecc-nq-cta{padding:20px}}

.ecc-nq-rotation{margin:32px auto 44px;text-align:center}
.ecc-nq-rotation>label{display:inline-block;margin:0 0 18px 8px;font-size:15px;cursor:pointer}
.ecc-nq-rotation>input{accent-color:#06234b;width:18px;height:18px;vertical-align:middle}
.ecc-nq-stage{perspective:1400px;max-width:780px;width:100%;margin:auto}
.ecc-nq-spinner{position:relative;width:100%;aspect-ratio:3 / 2;transform-style:preserve-3d;animation:ecc-nq-turn 14s linear 3 forwards}
.ecc-nq-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #06234b20}
.ecc-nq-face img{display:block;width:100%;height:100%;object-fit:cover}
.ecc-nq-back{transform:rotateY(180deg)}
#ecc-nq-pause:checked~.ecc-nq-stage .ecc-nq-spinner{animation-play-state:paused}
.ecc-nq-stage:hover .ecc-nq-spinner{animation-play-state:paused}
@keyframes ecc-nq-turn{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.ecc-nq-spinner{animation:none;transform:none;aspect-ratio:auto;display:grid;gap:20px;transform-style:flat}.ecc-nq-face{position:relative;transform:none;backface-visibility:visible}.ecc-nq-rotation>input,.ecc-nq-rotation>label{display:none}}

#ecc-nq-home-card{padding:32px 24px 16px;background:#f7f9fc}#ecc-nq-home-card .ecc-nq-rotation{margin:0 auto 20px}

/* Two-thirds of the former 780px width, with the same proportion on phones. */
#ecc-nq-home-card .ecc-nq-stage{width:66.666667%;max-width:520px}
#ecc-nq-home-card .ecc-nq-tagline{text-align:center;color:#06234b;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.3;margin:22px 0 12px}
