/* TOKENS, RESET Y ELEMENTOS COMPARTIDOS */
:root {
  --navy:#071b42;
  --navy-2:#0b285b;
  --blue:#087fc0;
  --cyan:#10c8df;
  --cyan-soft:#e5f9fc;
  --ink:#12244a;
  --muted:#62708a;
  --paper:#f7f9fc;
  --white:#fff;
  --line:#e5eaf1;
  --shadow:0 24px 70px rgba(7,27,66,.1);
  --radius:22px;
  --font-body:"DM Sans",Arial,sans-serif;
  --font-display:"Manrope","DM Sans",Arial,sans-serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:92px
}
body {
  margin:0;
  background:var(--white);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}
img {
  display:block;
  max-width:100%
}
a {
  color:inherit;
  text-decoration:none
}
button,input,select,textarea {
  font:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
.container {
  width:min(1160px,calc(100% - 48px));
  margin-inline:auto
}
.skip-link {
  position:absolute;
  left:16px;
  top:-60px;
  padding:10px 16px;
  background:var(--white);
  z-index:99
}
.skip-link:focus {
  top:10px
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 20px;
  color:var(--cyan);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase
}
.status-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 5px rgba(16,200,223,.14)
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  font-family:var(--font-display);
  letter-spacing:-.045em
}
h1 {
  max-width:660px;
  margin-bottom:24px;
  font-size:clamp(48px,6vw,76px);
  line-height:1.05;
  font-weight:800
}
h1 span,.process h2 span {
  color:var(--cyan)
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:52px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s
}
.button:hover {
  transform:translateY(-2px)
}
.button-primary {
  background:var(--cyan);
  color:var(--navy);
  box-shadow:0 10px 26px rgba(16,200,223,.22)
}
.button-primary:hover {
  background:#48d9e9;
  box-shadow:0 14px 30px rgba(16,200,223,.3)
}
.button span:last-child {
  font-size:19px;
  line-height:1
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--cyan);
  font-size:14px;
  font-weight:700
}
.text-link:hover {
  gap:14px
}
.note-mark {
  flex:0 0 22px;
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(16,200,223,.13);
  color:var(--cyan);
  font-weight:800
}
.section-pad {
  padding:105px 0
}
.eyebrow-dark {
  color:var(--blue)
}
.button-outline {
  border-color:rgba(255,255,255,.32);
  color:var(--white);
  background:transparent
}
.button-outline:hover {
  border-color:var(--cyan);
  background:rgba(16,200,223,.08)
}