/* SQE brand base: fonts and azure only, light surface. Tokens mirror the SQE Brand Design System. */
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/IBM-Plex-Sans-Condensed-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/IBM-Plex-Sans-Condensed-500.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/IBM-Plex-Sans-Condensed-600.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/IBM-Plex-Sans-Condensed-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/Inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/Inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/Inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/Inter-700.woff2') format('woff2')}

:root{
  --paper:#FFFFFF;--canvas:#F5F7FB;--hairline:#E4E8F0;--ink:#0E1116;--slate:#5B6473;
  --azure:#0F47E0;--azure-text:#1437BF;--azure-weak:#EEF2FD;--azure-line:#C9D6F8;
  --error:#EF4444;--error-text:#7F1D1D;--success-text:#047857;--warning-text:#92400E;
  --font-head:'IBM Plex Sans Condensed','Arial Narrow',Arial,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --r-btn:6px;--r-input:12px;--r-card:16px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.2;margin:0;letter-spacing:-.005em}
p{margin:0}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--azure-text)}
:focus-visible{outline:3px solid var(--azure);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--azure-text)}
.num{font-variant-numeric:tabular-nums}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:var(--r-btn);font-weight:600;font-size:16px;line-height:1;text-decoration:none;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .3s var(--ease)}
.btn-primary{background:var(--azure);color:#fff}
.btn-primary:hover{background:var(--azure-text)}
.btn-primary:active{transform:translateY(1px)}
.btn-primary[disabled]{opacity:.5;cursor:not-allowed}
.btn-ghost{background:var(--paper);border-color:var(--hairline);color:var(--ink)}
.btn-ghost:hover{border-color:var(--azure);color:var(--azure-text)}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.card{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-card)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--azure-weak);color:var(--azure-text);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.logo{display:block;height:26px;width:auto}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
