/* H17 contact surfaces, no alteration to H16 responsive navigation. */
.moon-contact{padding-top:70px;padding-bottom:80px}
.moon-contact-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.65fr);gap:36px;
 align-items:center;border:1px solid #466c9a;border-radius:19px;padding:clamp(24px,4vw,58px);
 background:linear-gradient(130deg,#111b32,#152849 72%,#143a50)}
.moon-contact .moon-contact-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#92d2ef}
.moon-contact h2{color:#f2f7ff;font-size:clamp(29px,4vw,50px);line-height:1.15;margin:14px 0}
.moon-contact p{max-width:650px;color:#c1d0ed;font-size:clamp(15px,1.7vw,18px);line-height:1.7}
.moon-contact-cta{display:inline-flex;margin-top:16px;min-height:48px;align-items:center;justify-content:center;
 border-radius:100px;padding:12px 24px;color:#fff;background:#1266f1;border:1px solid #61a7ff;
 text-decoration:none;font-size:15px;font-weight:800}
.moon-contact-cta:hover,.moon-contact-cta:focus-visible{background:#3481ff}
.moon-contact-qr{text-align:center}
.moon-contact-qr img{display:block;max-width:250px;width:100%;height:auto;border-radius:12px;
 background:#fff;padding:11px;margin:auto}
.moon-contact-qr figcaption{font-size:12px;color:#bad0e6;margin-top:11px}
.moon-contact a:focus-visible,.card-foot .card-about:focus-visible{outline:3px solid #ffdd91;outline-offset:3px}
.card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}
@media(max-width:680px){.moon-contact{padding-top:46px;padding-bottom:55px}
 .moon-contact-shell{grid-template-columns:1fr;gap:22px}
 .moon-contact-qr img{max-width:205px}}