:root{--bg-navy:#082445;--accent-blue:#0b74a6;--white:#fff;--radius-lg:28px}.navy-area{color:var(--white);margin:0 auto;max-width:1200px;min-height:220px;overflow:hidden;padding:100px 28px 48px;position:relative}.how-tag{background:var(--accent-blue);border-radius:0 18px 18px 18px;box-shadow:0 8px 20px rgba(3,30,52,.35);color:var(--white);cursor:pointer;font-size:26px;font-weight:700;padding:18px 22px;position:absolute;right:160px;text-align:center;top:45px;transition:transform .18s ease,box-shadow .18s ease;z-index:10}.how-tag:focus,.how-tag:hover{box-shadow:0 16px 34px rgba(3,30,52,.45);outline:none;transform:translateY(-6px)}.how-tag:active{transform:translateY(-2px)}.arcs{bottom:20px;height:180px;left:32px;width:320px}.arcs,.chevrons{position:absolute}.chevrons{right:40px;top:40%;transform:translateY(-10%)}.navy-footer{bottom:16px;color:hsla(0,0%,100%,.7);font-size:12px;left:242px;position:absolute}@media (max-width:480px){.how-tag{padding:12px 16px;right:20px;top:-28px}.arcs{bottom:6px;height:120px;left:8px;width:220px}.chevrons{right:18px;top:55%;transform:translateY(-40%)}}@media (max-width:767px){.navy-area{background:#fff!important;display:none!important;height:0!important}}@media (min-width:768px) and (max-width:1024px){.info-panel{top:0;z-index:10}.navy-area{display:none!important}}