/* Jonada Global design system: tokens + primitives shared by the corporate site and the app. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/montserrat-latin-wght-normal.woff2) format("woff2-variations")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2-variations")}
:root{
  --navy-950:#06121F;--navy-900:#092747;--navy-800:#10304F;--navy-700:#1B4A78;
  --blue-600:#1456C8;--blue-500:#2D6FE0;--blue-300:#4FA3FF;--blue-100:#DCE9FB;
  --ink:#243449;--muted:#4A5B6C;--line:#D8E0E8;--soft:#F3F6FA;--surface:#fff;
  --cta:#0B6BEF;--action:#087BFA; /* decorative/large UI only: 4.0:1 on white fails AA for small text */
  --ok:#0F7B4B;--warn:#8A5A00;--bad:#B3261E;
  --display:"Montserrat","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;
  --radius:10px;--wrap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 16px/1.6 var(--body);color:var(--ink);background:var(--surface)}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.15;margin:0;letter-spacing:-.01em}
a{color:var(--blue-600)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue-300);outline-offset:2px;border-radius:4px}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--cta);color:#fff;border:2px solid var(--cta);border-radius:8px;padding:13px 22px;font:600 16px/1 var(--display);text-decoration:none;cursor:pointer;min-height:46px}
.btn:hover{background:var(--blue-500);border-color:var(--blue-500)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{background:var(--soft)}
.btn.on-dark.ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.btn.on-dark.ghost:hover{background:rgba(255,255,255,.1)}
.btn.sm{padding:9px 16px;min-height:40px;font-size:15px}
.btn[disabled]{opacity:.6;cursor:not-allowed}
.btn.danger{background:var(--bad);border-color:var(--bad)}
.eyebrow{font:600 12.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue-600)}
.band .eyebrow,.on-dark .eyebrow{color:var(--blue-300)}

/* forms */
label{display:grid;gap:6px;font:600 14px/1.3 var(--body);color:var(--ink)}
input,select,textarea{font:400 16px/1.4 var(--body);padding:12px 14px;border:1.5px solid #9AA9B8;border-radius:8px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--blue-600)}
textarea{min-height:120px;resize:vertical}
[aria-invalid="true"]{border-color:var(--bad)}
.err{color:var(--bad);font:500 13.5px/1.3 var(--body);min-height:0}
.hp{position:absolute!important;left:-5000px;width:1px;height:1px;overflow:hidden}
.alert{padding:14px 16px;border-radius:8px;border:1px solid;font-size:15px}
.alert.ok{background:#E8F6EF;border-color:#9AD3B8;color:#0B5A38}
.alert.bad{background:#FDECEA;border-color:#F0B4AF;color:#8C1D18}
.alert.info{background:var(--soft);border-color:var(--line);color:var(--ink)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}