/* ============================================
   Base — Petrel Design System
   Reset, tokens, typography foundations
   ============================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --navy:#0B1F3B;
  --blue:#207AC1;
  --white:#FFFFFF;
  --slate:#6E7A89;
  --rule:#E4E8ED;
  --bg:#F9FAFB;
  --max:1200px;
  --px:clamp(24px,6vw,80px);
}

html{scroll-behavior:smooth}

body{
  font-family:'Inter',sans-serif;
  font-weight:400;
  font-size:17px;
  line-height:1.65;
  color:var(--navy);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* ── CONTAINER ───────────────────────── */
.c{max-width:var(--max);margin:0 auto;padding:0 var(--px)}

/* ── EYEBROW ─────────────────────────── */
.eyebrow{
  display:block;
  font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--blue);
  margin-bottom:22px;
}

/* ── UTILITY HEADING ─────────────────── */
.section-h2{
  font-family:'Manrope',sans-serif;
  font-size:clamp(26px,3.5vw,42px);
  font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--navy);
}