:root{
  --bg:#f3f6f9;
  --bg2:#eaf0f6;
  --surface:#ffffff;
  --surface-alt:#f8fafc;
  --border:#d4dde7;
  --border-strong:#b9c8d8;
  --text:#102033;
  --muted:#526173;
  --muted2:#718096;
  --accent:#2f6fad;
  --accent2:#5ca7a5;
  --accent-soft:#e8f2fb;
  --danger:#b42318;
  --shadow:0 16px 38px rgba(16,32,51,.08);
  --shadow-soft:0 8px 22px rgba(16,32,51,.06);
  --r:22px;
  --r-sm:14px;
  --max:1180px;
  --pad:32px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{ box-sizing:border-box; }
html{ min-height:100%; scroll-behavior:smooth; }
body{ min-height:100%; }

body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:linear-gradient(180deg,#ffffff 0%,var(--bg) 42%,var(--bg2) 100%);
  line-height:1.6;
  font-size:16px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body::before{ display:none; }

a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

h1,h2,p,ul{ overflow-wrap:break-word; }
h1{
  margin:0 0 22px;
  max-width:820px;
  font-size:clamp(44px,6vw,74px);
  line-height:.98;
  letter-spacing:-.065em;
  color:#102033;
}

h2{
  margin:0 0 14px;
  color:#111827;
  letter-spacing:-.035em;
}

p{ margin:0 0 18px; color:var(--muted); }
p:last-child{ margin-bottom:0; }
ul{ margin:0; color:var(--muted); }
li + li{ margin-top:8px; }
strong{ color:#26384d; }

::selection{ background:#dbeafe; color:#102033; }
:focus-visible{ outline:3px solid rgba(47,111,173,.28); outline-offset:3px; }