:root{
  --blue:#0057d8;
  --blue-2:#0b74ee;
  --blue-dark:#003f9f;
  --text:#0b1b2e;
  --text-2:#17263a;
  --muted:#5b6a80;
  --muted-2:#7a899b;
  --bg:#f5f8fc;
  --card:#ffffff;
  --border:#e4ebf5;
  --border-2:#edf2f8;
  --footer:#0b1b2e;
  --container:1688px;
  --page-pad:clamp(48px,5vw,96px);
  --radius:14px;
  --radius-sm:8px;
  --shadow:0 10px 28px rgba(11,27,46,.055);
  --shadow-soft:0 6px 18px rgba(11,27,46,.045);
  --font:"Manrope","Inter","Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:14px;
  line-height:1.52;
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{
  width:min(var(--container),calc(100vw - (var(--page-pad) * 2)));
  margin-inline:auto;
}
.section{padding:30px 0 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;gap:24px}
.section-title{margin:0;font-size:clamp(25px,1.58vw,32px);line-height:1.16;font-weight:800;letter-spacing:-.038em;color:var(--text)}
.section-kicker{margin:0 0 5px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.section-desc{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.55;max-width:720px}
.section-link{font-size:13px;color:var(--blue);font-weight:800;white-space:nowrap;letter-spacing:-.01em}
.section-link::after{content:" →"}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


/* Complete preview font normalization */
body, button, input, textarea, select { font-family: "Manrope", "Inter", "Helvetica Neue", "Segoe UI", Arial, sans-serif; }


/* Final fix: remove blue focus/active frame on mouse-clicked navigation and buttons */
.main-nav a:focus,
.main-nav a:active,
.site-header a:focus,
.site-header a:active,
.btn:focus,
.btn:active,
.header-cta:focus,
.header-cta:active,
button:focus,
button:active,
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.main-nav a:focus-visible,
.site-header a:focus-visible,
.btn:focus-visible,
.header-cta:focus-visible,
button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
