/* SHAUX standalone app: base (vars, reset, buttons). The website's site.css is NOT loaded here. */
:root{--navy:#29378F;--blue:#1B7DC1;--ink:#0f1630;--muted:#5b6475;--bg:#f4f6fb;--line:#e3e7ef;--r:14px;
--grad:linear-gradient(135deg,#29378F 0%,#223a9e 45%,#1B7DC1 100%);
--shadow-sm:0 1px 2px rgba(15,22,48,.06),0 4px 14px rgba(15,22,48,.06);--shadow-md:0 10px 30px rgba(20,30,80,.10),0 2px 6px rgba(20,30,80,.06);--shadow-lg:0 30px 60px rgba(20,30,80,.18);
--sd-w:248px;--tb-h:68px;--bt-h:64px;--safe-b:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;min-height:100vh}
h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.015em;line-height:1.25}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
ul{list-style:none}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
:focus-visible{outline:3px solid rgba(27,125,193,.45);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
[hidden]{display:none!important}
svg use{pointer-events:none}
/* website-style buttons used in a few CTA blocks */
.btn{display:inline-block;background:linear-gradient(135deg,#1B7DC1,#2160b8);color:#fff;font-weight:700;padding:12px 24px;border-radius:999px;box-shadow:0 8px 20px rgba(27,125,193,.35);border:0;cursor:pointer;text-decoration:none!important}
.btn:hover{filter:brightness(1.06)}
.lnk{color:#fff;font-weight:700;text-decoration:underline}
