/* Aqua Well Spring · estilos de componentes
   Una clase por elemento del diseno. El prefijo dice a que seccion pertenece,
   asi que para tocar el hero basta con buscar "inicio-".
   Reset, tipografia y utilidades: base.css · Animaciones: animations.css */

/* ═══════════ page ═══════════ */
.page-1 {
  width:100%;
  overflow-x:clip;
  background:#F1F7FD;
}
.page-2 {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  width:62px;
  height:62px;
  border-radius:999px;
  background:#0D47A1;
  color:#ffffff;
  font-size:26px;
  box-shadow:0 14px 30px rgba(13,71,161,0.35);
  animation:awsPulse 2.8s ease-in-out infinite;
}

/* ═══════════ header ═══════════ */
.header-1 {
  position:sticky;
  top:0;
  z-index:60;
  background:#F1F7FD;
  border-bottom:1px solid #DBEAF7;
}
.header-2 {
  padding:12px clamp(18px,3vw,52px);
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
}
.header-3 {
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.header-4 {
  width:250px;
  height:auto;
  display:block;
}
.header-5 {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 22px;
  min-width:0;
  flex:1 1 auto;
  margin-left:clamp(20px,4vw,56px);
  font-size:14px;
  font-weight:600;
  color:#4A79B0;
}
.header-6 {
  color:#4A79B0;
}
.header-7 {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px;
  border:1px solid #CFE4F7;
  border-radius:999px;
  background:#ffffff;
}
.header-8 {
  display:flex;
  gap:10px;
  flex:0 0 auto;
}
.header-9 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:11px 18px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #CFE4F7;
  color:#0D47A1;
  font-size:14px;
  font-weight:700;
}
.header-10 {
  display:inline-flex;
  align-items:center;
  margin-right:9px;
  flex:0 0 auto;
}
.header-11 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:11px 18px;
  border-radius:999px;
  background:#0D47A1;
  color:#ffffff;
  font-size:14px;
  font-weight:700;
}

/* ═══════════ inicio ═══════════ */
.inicio-1 {
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:flex-end;
  padding:clamp(28px,4vw,60px);
  overflow:hidden;
}
.inicio-2 {
  position:absolute;
  inset:0;
  background:#0A2F6B;
}
.inicio-3 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1;
  transition:opacity 1.1s linear;
}
.inicio-4 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1.1s linear;
}
.inicio-5 {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,47,107,0.15) 0%,rgba(10,47,107,0.82) 72%);
}
.inicio-6 {
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-end;
  gap:clamp(18px,4vw,60px);
  color:#ffffff;
}
.inicio-7 {
  flex:1 1 auto;
  min-width:0;
}
.inicio-8 {
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:9px 18px;
  border-radius:999px;
  background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.4);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:0.06em;
}
.inicio-9 {
  margin-top:24px;
  font-size:clamp(46px,8.4vw,140px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.05em;
  max-width:14ch;
}
.inicio-10 {
  color:#7FE3FB;
}
.inicio-11 {
  display:flex;
  gap:36px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:32px;
}
.inicio-12 {
  font-size:20px;
  font-weight:600;
  line-height:1.5;
  max-width:40ch;
  white-space:pre-line;
}
.inicio-13 {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.inicio-14 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:18px 32px;
  border-radius:999px;
  background:#ffffff;
  color:#0A2F6B;
  font-size:15px;
  font-weight:800;
  transition:transform .3s ease;
}
.inicio-15 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:18px 32px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.65);
  color:#ffffff;
  font-size:15px;
  font-weight:700;
  transition:transform .3s ease;
}
.inicio-16 {
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  position:relative;
  z-index:3;
  margin-bottom:78px;
}
.inicio-17 {
  width:clamp(188px,20vw,350px);
  height:auto;
  display:block;
}
.inicio-18 {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:12px 22px;
  border-radius:16px;
  background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.42);
  backdrop-filter:blur(6px);
  text-align:center;
  white-space:nowrap;
}
.inicio-19 {
  font-size:11px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#7FE3FB;
}
.inicio-20 {
  font-size:13px;
  font-weight:800;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#ffffff;
}

/* ═══════════ beneficios ═══════════ */
.beneficios-1 {
  padding:clamp(56px,6vw,104px) clamp(18px,3vw,52px) 0;
}
.beneficios-2 {
  font-size:clamp(36px,5.4vw,88px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.045em;
  max-width:16ch;
}
.beneficios-3 {
  margin-top:40px;
  background:#ffffff;
  border-radius:30px;
  padding:clamp(28px,3vw,52px);
}
.beneficios-4 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:18px 40px;
}
.beneficios-5 {
  margin-top:30px;
  font-size:18px;
  line-height:1.5;
  font-weight:700;
  color:#0D47A1;
}

/* ═══════════ contacto ═══════════ */
.contacto-1 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(430px,1fr));
  gap:20px;
  align-items:start;
}
.contacto-2 {
  position:sticky;
  top:96px;
}
.contacto-3 {
  font-size:clamp(36px,5.4vw,88px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.045em;
}
.contacto-4 {
  margin-top:22px;
  font-size:19px;
  line-height:1.55;
  color:#1C4E8A;
  max-width:48ch;
}
.contacto-5 {
  margin-top:32px;
  border-radius:30px;
  background:#ffffff;
  padding:clamp(28px,3vw,44px);
}
.contacto-6 {
  display:flex;
  gap:12px;
}
.contacto-7 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:19px;
  background:linear-gradient(155deg,#1878DE,#0D47A1);
  box-shadow:0 8px 18px rgba(13,71,161,0.22);
  flex:0 0 auto;
}
.contacto-8 {
  margin-top:20px;
  font-size:26px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-0.02em;
}
.contacto-9 {
  margin-top:14px;
  font-size:15px;
  color:#1C4E8A;
}
.contacto-10 {
  margin-top:26px;
  display:flex;
  align-items:baseline;
  gap:16px;
}
.contacto-11 {
  font-size:22px;
  color:#4A79B0;
  text-decoration:line-through;
}
.contacto-12 {
  font-size:58px;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.04em;
  color:#0D47A1;
}
.contacto-13 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  margin-top:28px;
  padding:16px 28px;
  border-radius:999px;
  background:#0D47A1;
  color:#ffffff;
  font-size:15px;
  font-weight:700;
  transition:transform .3s ease;
}
.contacto-14 {
  border-radius:30px;
  background:linear-gradient(170deg,#D9F2FD,#7FE3FB);
  padding:clamp(28px,3vw,48px);
}
.contacto-15 {
  font-size:clamp(30px,3.4vw,46px);
  font-weight:800;
  line-height:1.03;
  letter-spacing:-0.035em;
}
.contacto-16 {
  margin-top:14px;
  font-size:15px;
  line-height:1.55;
  color:#1C4E8A;
}
.contacto-17 {
  display:grid;
  gap:16px;
  margin-top:30px;
}
.contacto-18 {
  display:grid;
  gap:8px;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#1C4E8A;
}
.contacto-19 {
  padding:16px;
  border-radius:16px;
  border:1px solid #ffffff;
  background:rgba(255,255,255,0.8);
  color:#0A2F6B;
  font-size:15px;
}
.contacto-20 {
  display:grid;
  gap:10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#1C4E8A;
}
.contacto-21 {
  display:flex;
  gap:22px;
  color:#0A2F6B;
  font-size:15px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
}
.contacto-22 {
  display:flex;
  gap:8px;
  align-items:center;
}
.contacto-23 {
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding:18px 24px;
  border-radius:999px;
  border:none;
  background:#0D47A1;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  transition:transform .3s ease;
}

/* ═══════════ galeria ═══════════ */
.galeria-1 {
  font-size:clamp(36px,5.4vw,88px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.045em;
  max-width:20ch;
}
.galeria-2 {
  margin-top:20px;
  font-size:16px;
  line-height:1.55;
  color:#1C4E8A;
  max-width:72ch;
}
.galeria-3 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(max(23%,180px),1fr));
  gap:14px;
  margin-top:38px;
}
.galeria-4 {
  background:#ffffff;
  border-radius:24px;
  padding:28px;
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .35s ease, background .35s ease;
}
.galeria-5 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:17px;
  background:linear-gradient(155deg,#1878DE,#0D47A1);
  box-shadow:0 8px 18px rgba(13,71,161,0.22);
  flex:0 0 auto;
}
.galeria-6 {
  font-size:17px;
  font-weight:800;
  line-height:1.25;
}
.galeria-7 {
  margin-top:26px;
  font-size:15px;
  color:#1C4E8A;
}

/* ═══════════ blog ═══════════ */
.blog-1 {
  font-size:12px;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#1878DE;
}
.blog-2 {
  font-size:clamp(36px,5.4vw,88px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.045em;
  margin-top:18px;
}
.blog-3 {
  margin-top:20px;
  font-size:16px;
  line-height:1.6;
  color:#1C4E8A;
  max-width:74ch;
}
.blog-4 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:20px;
  margin-top:42px;
}
.blog-5 {
  background:#ffffff;
  border-radius:30px;
  padding:clamp(26px,3vw,40px);
  display:flex;
  flex-direction:column;
  transition:transform .35s ease;
}
.blog-6 {
  margin-top:18px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#1878DE;
}
.blog-7 {
  margin-top:12px;
  font-size:25px;
  line-height:1.22;
  font-weight:800;
  letter-spacing:-0.03em;
}
.blog-8 {
  color:#0A2F6B;
}
.blog-9 {
  margin-top:14px;
  font-size:15px;
  line-height:1.6;
  color:#1C4E8A;
}
.blog-10 {
  margin-top:auto;
  padding-top:24px;
  font-size:13px;
  color:#4A79B0;
}
.blog-11 {
  margin-top:14px;
  font-size:15px;
  font-weight:800;
}
.blog-12 {
  background:linear-gradient(170deg,#D9F2FD,#7FE3FB);
  border-radius:30px;
  padding:clamp(26px,3vw,40px);
  display:flex;
  flex-direction:column;
  transition:transform .35s ease;
}
.blog-13 {
  width:30px;
  height:30px;
  object-fit:contain;
  display:block;
}
.blog-14 {
  margin-top:18px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#1C4E8A;
}
.blog-15 {
  margin-top:42px;
}
.blog-16 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:20px 38px;
  border-radius:999px;
  background:#0D47A1;
  color:#ffffff;
  font-size:16px;
  font-weight:800;
  transition:transform .3s ease;
}

/* ═══════════ list ═══════════ */
.list-1 {
  display:grid;
  grid-template-columns:26px 1fr;
  gap:12px;
  font-size:17px;
  line-height:1.45;
  color:#1C4E8A;
  padding-bottom:16px;
  border-bottom:1px solid #EAF3FB;
}
.list-2 {
  color:#0D47A1;
  font-weight:800;
}
.list-3 {
  border-bottom:1px solid #EAF3FB;
  padding:26px 0;
}
.list-4 {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-size:20px;
  font-weight:800;
  line-height:1.35;
}
.list-5 {
  color:#0D47A1;
}
.list-6 {
  margin-top:16px;
  font-size:16px;
  line-height:1.65;
  color:#1C4E8A;
  max-width:86ch;
}

/* ═══════════ promo ═══════════ */
.promo-1 {
  position:fixed;
  inset:0;
  z-index:100;
  background:rgba(10,47,107,0.55);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  animation:awsFade .35s ease both;
}
.promo-2 {
  position:relative;
  background:#ffffff;
  border-radius:28px;
  max-width:440px;
  width:100%;
  max-height:92vh;
  overflow:auto;
  animation:awsPop .45s cubic-bezier(.2,.8,.3,1) both;
}
.promo-3 {
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:36px;
  height:36px;
  border-radius:999px;
  border:none;
  background:rgba(10,47,107,0.7);
  color:#ffffff;
  font-size:15px;
  cursor:pointer;
}
.promo-4 {
  width:100%;
  display:block;
}
.promo-5 {
  display:flex;
  gap:10px;
  padding:20px;
}
.promo-6 {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px 18px;
  border-radius:999px;
  background:#0D47A1;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
}
.promo-7 {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px 18px;
  border-radius:999px;
  background:#29B6F6;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
}

/* ═══════════ footer ═══════════ */
.footer-1 {
  margin-top:clamp(56px,6vw,104px);
  border-top:1px solid #DBEAF7;
}
.footer-2 {
  padding:52px clamp(18px,3vw,52px) 34px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:34px;
}
.footer-3 {
  width:200px;
  height:auto;
  display:block;
}
.footer-4 {
  margin-top:14px;
  font-size:15px;
  line-height:1.6;
  color:#4A79B0;
}
.footer-5 {
  display:grid;
  gap:10px;
  font-size:15px;
  font-weight:600;
  align-content:start;
}
.footer-6 {
  font-size:15px;
  line-height:1.9;
  color:#1C4E8A;
}
.footer-7 {
  color:#1C4E8A;
}
.footer-8 {
  padding:0 clamp(18px,3vw,52px) 40px;
  font-size:13px;
  color:#4A79B0;
}

/* ═══════════ servicios ═══════════ */
.servicios-1 {
  padding:clamp(30px,4vw,60px) clamp(18px,3vw,52px) 0;
}
.servicios-2 {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.servicios-3 {
  font-size:clamp(26px,3vw,42px);
  font-weight:800;
  letter-spacing:-0.03em;
}
.servicios-4 {
  display:flex;
  gap:10px;
}
.servicios-5 {
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid #CFE4F7;
  background:#ffffff;
  color:#0D47A1;
  font-size:18px;
  cursor:pointer;
}
.servicios-6 {
  height:3px;
  border-radius:999px;
  background:#DBEAF7;
  margin-top:18px;
  overflow:hidden;
}
.servicios-7 {
  height:100%;
  width:25%;
  background:#0D47A1;
  border-radius:999px;
  transition:transform .4s ease;
  transform-origin:0 50%;
}
.servicios-8 {
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:24px 0 6px;
  cursor:grab;
}
.servicios-9 {
  flex:0 0 min(88vw,760px);
  scroll-snap-align:start;
  background:#ffffff;
  border-radius:30px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.05fr 1fr;
}
.servicios-10 {
  padding:clamp(26px,2.6vw,44px);
  display:flex;
  flex-direction:column;
}
.servicios-11 {
  font-size:11.5px;
  font-weight:800;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#1878DE;
}
.servicios-12 {
  margin-top:16px;
  font-size:clamp(30px,2.8vw,46px);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-0.035em;
}
.servicios-13 {
  margin-top:16px;
  font-size:16px;
  line-height:1.55;
  color:#1C4E8A;
}
.servicios-14 {
  display:flex;
  gap:10px;
  margin-top:auto;
  padding-top:26px;
  flex-wrap:wrap;
}
.servicios-15 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:13px 22px;
  border-radius:999px;
  border:1px solid #CFE4F7;
  color:#0D47A1;
  font-size:14px;
  font-weight:700;
}
.servicios-16 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:13px 22px;
  border-radius:999px;
  background:#0D47A1;
  color:#ffffff;
  font-size:14px;
  font-weight:700;
}
.servicios-17 {
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
}
.servicios-18 {
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  object-position:50% 35%;
}
.servicios-19 {
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  object-position:32% 50%;
}

/* ═══════════ precio ═══════════ */
.precio-1 {
  margin-top:clamp(30px,4vw,56px);
  background:#0D47A1;
  color:#ffffff;
  padding:clamp(34px,4vw,60px) 0;
  overflow:hidden;
}
.precio-2 {
  padding:0 clamp(18px,3vw,52px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
}
.precio-3 {
  display:flex;
  align-items:center;
  font-size:36px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
  color:#ffffff;
  max-width:30ch;
}
.precio-4 {
  display:flex;
  align-items:baseline;
  gap:20px;
  flex-wrap:wrap;
}
.precio-5 {
  font-size:28px;
  color:#7BAEDD;
  text-decoration:line-through;
}
.precio-6 {
  font-size:clamp(56px,8vw,116px);
  font-weight:800;
  line-height:0.86;
  letter-spacing:-0.05em;
}
.precio-7 {
  font-size:16px;
  font-weight:700;
  color:#D9F2FD;
}
.precio-8 {
  margin-top:32px;
  overflow:hidden;
}
.precio-9 {
  display:flex;
  width:max-content;
  animation:awsMarquee 40s linear infinite;
  opacity:0.5;
}
.precio-10 {
  display:flex;
  gap:44px;
  padding-right:44px;
  font-size:22px;
  font-weight:800;
  letter-spacing:-0.02em;
  white-space:nowrap;
  color:#7FE3FB;
}

/* ═══════════ analisis ═══════════ */
.analisis-1 {
  font-size:clamp(30px,4.4vw,68px);
  font-weight:800;
  line-height:1.0;
  letter-spacing:-0.045em;
}
.analisis-2 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
  gap:20px;
  margin-top:38px;
}
.analisis-3 {
  background:#ffffff;
  border-radius:30px;
  padding:clamp(28px,3vw,48px);
  transition:transform .35s ease;
}
.analisis-4 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  border-radius:18px;
  background:linear-gradient(155deg,#1878DE,#0D47A1);
  box-shadow:0 8px 18px rgba(13,71,161,0.22);
  flex:0 0 auto;
}
.analisis-5 {
  font-size:32px;
  font-weight:800;
  margin-top:16px;
  letter-spacing:-0.03em;
}
.analisis-6 {
  margin-top:14px;
  font-size:16px;
  line-height:1.6;
  color:#1C4E8A;
  max-width:52ch;
}
.analisis-7 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  margin-top:24px;
  padding:14px 26px;
  border-radius:999px;
  border:1px solid #CFE4F7;
  color:#0D47A1;
  font-size:15px;
  font-weight:700;
}

/* ═══════════ area ═══════════ */
.area-1 {
  position:relative;
  margin-top:clamp(50px,6vw,90px);
  background:#0A2F6B;
  color:#ffffff;
  padding:clamp(56px,7vw,120px) clamp(18px,3vw,52px);
  overflow:hidden;
}
.area-2 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.area-3 {
  position:absolute;
  inset:0;
  background:linear-gradient(150deg,rgba(24,120,222,0.86),rgba(10,47,107,0.94));
}
.area-4 {
  position:relative;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#7FE3FB;
}
.area-5 {
  position:relative;
  font-size:clamp(34px,5.6vw,92px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.045em;
  margin-top:20px;
  max-width:24ch;
}
.area-6 {
  position:relative;
  margin-top:24px;
  font-size:17px;
  line-height:1.55;
  color:#D9F2FD;
}
.area-7 {
  position:relative;
  display:flex;
  gap:12px;
  margin-top:34px;
  flex-wrap:wrap;
}
.area-8 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:18px 32px;
  border-radius:999px;
  background:#ffffff;
  color:#0D47A1;
  font-size:15px;
  font-weight:800;
  transition:transform .3s ease;
}
.area-9 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:18px 32px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.6);
  color:#ffffff;
  font-size:15px;
  font-weight:700;
  transition:transform .3s ease;
}

/* ═══════════ faq ═══════════ */
.faq-1 {
  margin-top:36px;
  background:#ffffff;
  border-radius:30px;
  padding:8px clamp(24px,3vw,48px);
}