:root{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-2:#eef4ff;
  --ink:#071a33;
  --text:#40506a;
  --muted:#75849a;
  --line:#dfe7f2;
  --primary:#1264ff;
  --primary-2:#2f7cff;
  --primary-dark:#0845bf;
  --success:#11a36a;
  --warning:#f5a524;
  --danger:#e5484d;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:28px;
  --radius-xl:36px;
  --shadow-sm:0 8px 24px rgba(7,26,51,.07);
  --shadow-md:0 18px 55px rgba(7,26,51,.11);
  --shadow-lg:0 30px 90px rgba(7,26,51,.16);
  --container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:
    radial-gradient(circle at 20% 0%, rgba(18,100,255,.12), transparent 34rem),
    linear-gradient(180deg,#fbfdff 0%,var(--bg) 48%,#eef3fa 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img,svg{display:block;max-width:100%}
h1,h2,h3,strong{color:var(--ink)}
h1{font-size:clamp(3rem,13vw,5.7rem);line-height:.92;letter-spacing:-.075em;font-weight:820}
h2{font-size:clamp(2rem,8vw,4rem);line-height:1;letter-spacing:-.055em;font-weight:800}
h3{font-size:1.2rem;line-height:1.2}
p{max-width:62ch}
.skip-link{position:absolute;left:-999px;top:1rem;background:var(--ink);color:white;padding:.7rem 1rem;border-radius:999px;z-index:99}
.skip-link:focus{left:1rem}
.container{width:min(var(--container),calc(100% - 2rem));margin-inline:auto}
.section{padding:72px 0}
.section-heading{display:grid;gap:14px;margin-bottom:28px}
.section-heading span,.section-tag{color:var(--primary);font-weight:750;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
