*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #FBFAF9; }
html { overflow-x: hidden; scroll-behavior: smooth; scrollbar-gutter: stable; -webkit-text-size-adjust: 100%; }
body { font-family: 'Work Sans', system-ui, sans-serif; color: #18243C; }
img { max-width: 100%; display: block; }
a { color: #247890; text-decoration: none; }
a:hover { color: #18243C; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: rgba(36,120,144,.18); }
@keyframes kb { 0% { transform: scale(1.14) translate3d(-.4%,-.3%,0); } 50% { transform: scale(1) translate3d(0,0,0); } 100% { transform: scale(1.1) translate3d(-.7%,-.5%,0); } }
@keyframes rise { from { opacity: 0; transform: translateY(18px) } to { opacity: 1; transform: none } }
@keyframes cue { 0%,100% { transform: translateY(0); opacity:.55 } 50% { transform: translateY(7px); opacity:1 } }
@keyframes drift { from { transform: scale(1.04) } to { transform: scale(1.11) } }
summary::-webkit-details-marker { display: none; }
summary::marker { content: ""; }
[role="dialog"][data-open] { display: none !important; }
body[data-ready="1"] [role="dialog"][data-open="1"] { display: flex !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; } }