/* CRITICAL: nav + hero gradient + utilities used immediately */
:root{
  --ol-primary:#0061f2;
  --ol-primary-50:#e6f0ff;
  --ol-light-bg:#ffffff;
  --transition-fast:.2s ease;
  --nav-height: 5rem; 
}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;}
.navbar{transition:box-shadow var(--transition-fast);}
.navbar .nav-link{opacity:.8;transition:opacity var(--transition-fast);}
.navbar .nav-link:hover,.navbar .nav-link:focus{opacity:1;}
.btn-primary{background:#0061f2;border:none;}
.hero{
  background:linear-gradient(135deg,var(--ol-primary-50) 0%,var(--ol-light-bg) 100%);
  padding-block:4.5rem;
}
.gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent;
  background:linear-gradient(45deg,#0061f2,#4c8dff);
}

[id] {                 /* any element that can be linked to */
  scroll-margin-top: var(--nav-height);
}