{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .gp-component-id-hMp3AqE60n { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-hMp3AqE60n { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-hMp3AqE60n { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-hMp3AqE60n { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-hMp3AqE60n { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-hMp3AqE60n { width: 100%;overflow-wrap: break-word; } } #water-bridge, #water-bridge * { box-sizing: border-box; } #water-bridge { --ink: #122b40; --muted: #40596d; --soft: #587488; --line: rgba(23,74,111,.17); width: 100vw; min-height: 100vh; margin-left: calc(50% - 50vw); display: flex; flex-direction: column; overflow: hidden; color: var(--ink); background: radial-gradient(ellipse at 50% -8%, rgba(73,157,214,.16), transparent 48%), linear-gradient(160deg,#f0f7fb 0%,#e4eff6 54%,#edf5fa 100%); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #water-bridge a { color: inherit; } #water-bridge .wb-wrap { width: min(930px, calc(100% - 42px)); margin-inline: auto; } #water-bridge .wb-topline { height: 11px; margin-top: 10px; border-top: 1px dashed rgba(30,72,103,.42); } #water-bridge main { flex: 1; } #water-bridge .wb-hero { padding: 33px 0 14px; text-align: center; } #water-bridge h1 { max-width: 820px; margin: 0 auto; color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(35px, 5vw, 56px); font-weight: 600; letter-spacing: -.045em; line-height: 1.05; text-wrap: balance; } #water-bridge h1 span { color: #176fa8; font-style: italic; text-shadow: 0 0 20px rgba(74,169,236,.12); } #water-bridge .cta { display: inline-flex; width: min(390px, 100%); min-height: 58px; align-items: center; justify-content: center; gap: 12px; margin-top: 22px; padding: 0 22px; border: 1px solid rgba(207,237,255,.35); border-radius: 999px; background: linear-gradient(112deg,#63d5ff 0%,#368eff 48%,#3957f3 100%); box-shadow: 0 13px 31px rgba(45,133,255,.34), 0 5px 13px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.48); color: #06182b !important; font-size: 15px; font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } #water-bridge .cta:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 18px 40px rgba(45,133,255,.42), 0 7px 15px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.58); } #water-bridge .cta:active { transform: scale(.98); } #water-bridge .cta:focus-visible { outline: 3px solid #286fe4; outline-offset: 4px; } #water-bridge .wb-play { display: inline-grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: rgba(5,31,59,.13); font-size: 13px; line-height: 1; } #water-bridge .wb-sound-note { margin: 10px auto 0; color: #527086; font-size: 11px; line-height: 1.55; } #water-bridge .wb-copy { max-width: 830px; margin: 22px auto 0; padding: 19px 0 1px; border-top: 1px solid var(--line); } #water-bridge .wb-copy p { margin: 0 0 13px; color: var(--muted); font-size: 13px; line-height: 1.78; text-align: left; } #water-bridge .wb-bottom { padding: 6px 0 32px; text-align: center; } #water-bridge .wb-bottom .cta { margin-top: 11px; } #water-bridge .wb-footer { padding: 20px 0 18px; border-top: 1px solid var(--line); background: rgba(45,111,157,.055); text-align: center; } #water-bridge .wb-links { display: flex; justify-content: center; gap: 24px; margin-bottom: 11px; } #water-bridge .wb-links a { color: #29485e; font-size: 10px; font-weight: 700; text-decoration: none; } #water-bridge .wb-links a:hover { color: #102e45; text-decoration: underline; text-underline-offset: 3px; } #water-bridge .wb-legal { max-width: 790px; margin: 0 auto 6px; color: #536d80; font-size: 9px; line-height: 1.65; } #water-bridge .wb-copy-right { margin: 0; color: #6b8292; font-size: 9px; } @media (max-width: 640px) { #water-bridge .wb-wrap { width: calc(100% - 34px); } #water-bridge .wb-hero { padding-top: 24px; } #water-bridge h1 { font-size: clamp(33px, 9vw, 43px); } #water-bridge .cta { width: 100%; min-height: 55px; padding-inline: 15px; font-size: 13px; } #water-bridge .wb-copy { margin-top: 20px; padding-top: 17px; } #water-bridge .wb-copy p { font-size: 12px; line-height: 1.72; } #water-bridge .wb-links { gap: 20px; } } @media (prefers-reduced-motion: reduce) { #water-bridge *, #water-bridge *::before, #water-bridge *::after { transition-duration: .01ms !important; } }