:root{
  --bg:#F6F8FB; --bg2:#FFFFFF;
  --ink:#0B1220; --muted:#334155; --muted2:#475569;
  --line:#D7E0EA; --line2:#C7D3E0;
  --blue:#0B5CAB; --blue2:#19B3E6; --navy:#073763;
  --good:#0E9F6E; --warn:#D97706; --bad:#E11D48;
  --soft:#F8FAFC;
  --shadow: 0 8px 20px rgba(2,6,23,.08);
  --shadow2: 0 18px 60px rgba(2,6,23,.12);
  --radius:14px; --radius2:18px; --max:1180px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  color-scheme: light;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family:var(--font);
  color:var(--ink);
  background:
    radial-gradient(1100px 520px at 10% 6%, rgba(25,179,230,.12), transparent 55%),
    radial-gradient(900px 560px at 86% 10%, rgba(11,92,171,.10), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}
a{ color:inherit; text-decoration:none; }
button,input,textarea{ font:inherit; color:inherit; }
::selection{ background: rgba(25,179,230,.25); }

h1,h2,h3{ margin:0; line-height:1.1; letter-spacing:-.02em; }
h1{ font-size:clamp(34px, 4vw, 56px); }
h2{ font-size:clamp(26px, 3.1vw, 40px); }
h3{ font-size:18px; }
p{ margin:0; line-height:1.6; color:var(--muted); }

@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}