/* StormSimple Signal — site styles. Most styling is inline in index.html; this file holds resets, hover states, and animations. */
:root{--navy:#0A2E4E;--blue:#1387C9;--ink:#0A2E4E;--muted:#5C6D78;--line:#E4E9EC;--bg:#F1F4F6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#e4e4e6;font-family:'Montserrat',system-ui,sans-serif;color:var(--ink)}
a{color:var(--blue)}a:hover{color:#0F6EA3}
main{max-width:1240px;margin:0 auto;background:var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.hov-navy:hover{background:#0c3a63 !important}
.hov-ghost:hover{border-color:#8A959C !important}
.hov-blue:hover{background:#0F6EA3 !important}
.seg{border:0;cursor:pointer;border-radius:18px;padding:8px 18px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;background:transparent;color:#3D5265}
.seg.active{background:var(--navy);color:#fff}
h1,h2,h3,h4{font-family:'Montserrat',system-ui,sans-serif}
summary::-webkit-details-marker{display:none}
details[open] summary .ss-chev{transform:rotate(180deg)}
@keyframes ss-rain{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}100%{transform:translateY(20px);opacity:0}}
@keyframes ss-bob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.ss-egg{display:inline-flex;flex-direction:column;align-items:center;gap:2px;cursor:default;user-select:none;flex:none}
.ss-egg .ss-drop{display:block;width:2px;height:9px;border-radius:2px;background:#1387C9;position:absolute;top:-6px;animation:ss-rain 1.4s linear infinite;opacity:0}
.ss-egg .ss-umb{position:relative;display:grid;place-items:center;width:64px;height:60px;overflow:visible}
.ss-egg .ss-umb svg{width:56px;height:56px;color:#0A2E4E;transition:color .25s;animation:ss-bob 3s ease-in-out infinite;transform-origin:50% 100%}
.ss-egg:hover .ss-umb svg{color:#1387C9;animation-duration:.6s}
.ss-egg .ss-msg{color:#8A959C;transition:color .25s}
.ss-egg:hover .ss-msg{color:#0A2E4E}
.ss-egg .ss-more{max-height:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-height .4s ease,opacity .3s;color:#5C6D78;font-size:11px}
.ss-egg:hover .ss-more{max-height:20px;opacity:1}