@charset "UTF-8";
  
:root {
  --ink:#081d2b;
  --teal:#157584;
  --aqua:#29a7aa;
  --muted:#44535e;
  --line:#d5e4e7;
  --pale:#eff7f8;
  --radius:18px
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:25px
}
body {
  margin:0;
  background:#fbfdfe;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.55
}
button,input,select {
  font:inherit
}
button,a,input,select {
  -webkit-tap-highlight-color:transparent
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {
  outline:3px solid #48bac2;
  outline-offset:4px
}
button {
  border:0
}
h1,h2,h3,h4,p {
  margin-top:0
}
h2 {
  font-size:clamp(30px,3.05vw,44px);
  line-height:1.15;
  letter-spacing:-1.4px;
  margin-bottom:20px
}
h3 {
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.6px
}
p {
  color:var(--muted)
}
.container {
  max-width:1440px;
  width:calc(100% - 88px);
  margin-inline:auto
}
.section {
  padding:70px 0 38px
}
.section-heading {
  text-align:center;
  margin:0 auto 32px
}
.section-heading p {
  font-size:18px;
  margin:0
}
.eyebrow {
  display:inline-block;
  padding:5px 15px;
  border:1px solid #82acb1;
  border-radius:50px;
  text-transform:uppercase;
  color:#286974;
  font-size:12px;
  letter-spacing:.35px;
  line-height:1.5;
  margin-bottom:16px
}
.icon {
  width:30px;
  height:30px;
  flex-shrink:0;
  color:var(--teal)
}
.icon-circle {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eaf4f5;
  border-radius:50%;
  width:72px;
  height:72px;
  flex-shrink:0
}
.icon-circle .icon {
  width:38px;
  height:38px
}
.button {
  min-height:46px;
  padding:12px 24px;
  border-radius:10px;
  color:white;
  background:linear-gradient(105deg,#158798,#087284);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  transition:background .2s,transform .2s;
   text-align:center
}
.button:hover {
  filter:brightness(1.08);
  transform:translateY(-2px)
}
.button span {
  font-size:25px;
  font-weight:400;
  line-height:20px
}
.button--outline {
  border:1px solid #55949d;
  color:var(--teal);
  background:transparent
}
.button .icon {
  width:23px;
  height:23px;
  color:inherit
}
.tag {
  display:inline-block;
  padding:3px 10px;
  background:#348996;
  color:white;
  border-radius:7px;
  font-size:12px;
  line-height:1.4
}
.tag--sand {
  background:#ebdbc6;
  color:#253743
}
.short-line {
  display:block;
  background:linear-gradient(90deg,var(--teal),#dfeeee);
  width:56px;
  height:2px;
  margin:25px 0
}
.proof-strip {
  display:flex;
  border:1px solid #e8eff1;
  border-radius:19px;
  padding:28px 24px;
  gap:22px;
  margin-top:28px;
  background:#f7fbfc
}
.proof-strip>div {
  display:flex;
  align-items:flex-start;
  flex:1;
  gap:20px;
  padding-right:20px;
  border-right:1px solid var(--line)
}
.proof-strip>div:last-child {
  border:0;
  padding:0
}
.proof-strip .icon {
  width:39px;
  height:39px;
  margin-top:4px
}
.proof-strip p {
  margin:0;
  font-size:13px
}
.proof-strip strong {
  display:block;
  color:var(--ink);
  font-size:15px;
  margin-bottom:5px
}
.proof-strip span {
  display:block
}
.text-link {
  color:var(--teal);
  background:transparent;
  font-size:14px
}
dialog {
  border:1px solid var(--line);
  border-radius:20px;
  width:min(540px,calc(100% - 32px));
  padding:36px;
  color:var(--ink);
  box-shadow:0 25px 100px #001b3540
}
dialog::backdrop {
  background:#001723a8;
  backdrop-filter:blur(5px)
}
.dialog-close {
  position:absolute;
  top:12px;
  right:15px;
  font-size:28px;
  color:var(--teal);
  background:none
}
dialog h2 {
  font-size:32px
}
dialog ul {
  padding-left:20px;
  margin-bottom:28px
}
body:has(dialog[open]) {
  overflow:hidden
}

@media(min-width:1600px) {
  .container {
  max-width:1440px
}

}
@media(max-width:1100px) {
  .container {
  width:calc(100% - 48px)
}
.proof-strip {
  gap:14px;
  padding:22px 18px
}
.proof-strip>div {
  gap:12px;
  padding-right:12px
}
.proof-strip .icon {
  width:28px;
  height:28px
}
.proof-strip strong {
  font-size:14px
}

}
@media(max-width:700px) {
  body {
  font-size:15px
}
.container {
  width:calc(100% - 32px)
}
.section {
  padding:44px 0 16px
}
h2 {
  font-size:30px;
  letter-spacing:-.8px
}
h3 {
  font-size:22px
}
.section-heading br {
  display:none
}
.section-heading p {
  font-size:16px
}
.proof-strip {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 14px
}
.proof-strip>div {
  border:0;
  padding:0;
  gap:10px
}
.proof-strip .icon {
  width:25px;
  height:25px
}
.proof-strip p {
  font-size:12px
}
.proof-strip strong {
  font-size:13px
}
.button {
  padding:12px 17px
}
.eyebrow {
  font-size:10px
}
.icon-circle {
  width:62px;
  height:62px
}

}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
*,*::before,*::after {
  transition:none!important;
  animation:none!important
}

}