*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth
}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--brand-muted);
  background:var(--brand-ivory);
  line-height:1.65
}
body.nav-open{
  overflow:hidden
}
img{
  max-width:100%;
  display:block
}
a{
  color:var(--brand-blue-dark);
  text-decoration:none
}
a:hover{
  color:var(--brand-blue)
}
h1,h2,h3{
  margin:0;
  color:var(--brand-ink);
  line-height:1.05;
  letter-spacing:0
}
h1,h2{
  font-family:var(--font-display);
  font-weight:700
}
h1{
  font-size:clamp(2.65rem,5vw,5.7rem)
}
h2{
  font-size:clamp(2rem,3.2vw,3.55rem)
}
h3{
  font-size:1.18rem
}
p{
  margin:0
}
button,input,select,textarea{
  font:inherit
}
.container{
  width:min(var(--container),calc(100% - 40px));
  margin-inline:auto
}
.skip-link{
  position:absolute;
  left:16px;
  top:-60px;
  z-index:100;
  background:var(--brand-blue-deep);
  color:#fff;
  padding:10px 14px;
  border-radius:999px
}
.skip-link:focus{
  top:16px
}
:focus-visible{
  outline:3px solid rgba(23,143,189,
.32);
  outline-offset:3px
}
.section{
  padding:clamp(64px,8vw,112px) 0;
  background:#fff
}
.section-ivory{
  background:linear-gradient(180deg,var(--brand-ivory),#fff)
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin:0 0 16px;
  padding:8px 12px;
  border:1px solid rgba(23,143,189,
.14);
  border-radius:999px;
  background:rgba(23,143,189,
.08);
  color:var(--brand-blue-dark);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase
}
.section-heading{
  max-width:760px;
  margin-bottom:34px
}
.section-heading>p:not(.eyebrow){
  font-size:1.08rem;
  max-width:660px
}
.row-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  max-width:none
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
  animation-duration:.01ms!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important
}

}
@media(max-width:720px){
  .container{
  width:min(100% - 28px,var(--container))
}
.section{
  padding:52px 0
}
h1{
  font-size:clamp(2.35rem,11vw,3.45rem)
}
.row-heading{
  display:block
}

}

body {
  background:
    radial-gradient(circle at 12% 4%, rgba(45, 156, 219, 0.055), transparent 28rem),
    linear-gradient(180deg, #fff 0%, var(--brand-ivory) 55%, #fff 100%);
}

.section {
  background:
    radial-gradient(circle at 90% 0%, rgba(45, 156, 219, 0.035), transparent 22rem),
    #fff;
}

.section-ivory {
  background:
    radial-gradient(circle at 8% 12%, rgba(47, 107, 83, 0.045), transparent 24rem),
    linear-gradient(180deg, var(--brand-ivory), #fff);
}

.eyebrow {
  border-color: rgba(45, 156, 219, 0.16);
  background: linear-gradient(135deg, rgba(45, 156, 219, 0.08), rgba(238, 246, 243, 0.72));
  color: var(--brand-blue-dark);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}