:root{
  --navy:#0a1a33;
  --navy-2:#143059;
  --blue:#1567b8;
  --blue-soft:#5fb0e8;
  --ink:#0a1e3f;
  --slate:#5a6b83;
  --paper:#eef4fb;
  --white:#fff;
  --wa:#25d366;
  --wa-dark:#1ebe57;
  --fd:"Outfit",ui-sans-serif,system-ui,sans-serif;
  --ff:"DM Sans",ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--ff);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.top{
  max-width:880px;margin:0 auto;padding:18px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.brand{display:flex;align-items:center;gap:11px;color:var(--navy)}
.brand strong{display:block;font-family:var(--fd);font-size:.95rem;letter-spacing:.02em;line-height:1}
.brand small{display:block;margin-top:3px;font-size:.58rem;font-weight:600;letter-spacing:.16em;color:var(--blue-soft)}
.top-ig{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(10,26,51,.12);background:var(--white);color:var(--navy);
}
.top-ig:hover{background:#d5e8f8;color:var(--blue)}

.hero{
  position:relative;overflow:hidden;
  margin:8px 16px 28px;padding:48px 24px 44px;
  border-radius:28px;color:#fff;text-align:center;
  background:linear-gradient(155deg,#041833 0%,#0a3d91 52%,#1a5fd4 100%);
}
.hero__glow{
  position:absolute;right:-80px;top:-60px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(95,176,232,.35),transparent 70%);pointer-events:none;
}
.eyebrow{
  position:relative;font-family:var(--fd);font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);
}
.eyebrow.dark{color:var(--blue)}
.hero h1{
  position:relative;margin:14px auto 14px;max-width:16ch;
  font-family:var(--fd);font-size:clamp(2rem,6vw,3.1rem);
  line-height:1.05;letter-spacing:-.02em;font-weight:800;
}
.lead{
  position:relative;margin:0 auto;max-width:34ch;
  font-size:1.05rem;color:rgba(255,255,255,.82);line-height:1.55;
}
.price{
  position:relative;margin:22px auto 18px;
  display:inline-flex;align-items:baseline;gap:12px;
}
.price__from{font-size:.95rem;color:rgba(255,255,255,.45);text-decoration:line-through}
.price__now{font-family:var(--fd);font-size:2.4rem;font-weight:800;letter-spacing:-.02em}
.price--light .price__now{color:var(--navy)}
.cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 24px;border-radius:999px;
  background:var(--wa);color:#fff;font-family:var(--fd);font-size:1.02rem;font-weight:700;
  box-shadow:0 12px 30px rgba(37,211,102,.32);transition:transform .18s,background .18s;
}
.cta:hover{background:var(--wa-dark);transform:translateY(-1px)}
.hero__note{position:relative;margin-top:14px;font-size:.84rem;color:rgba(255,255,255,.62)}

.inclui{
  max-width:640px;margin:0 auto;padding:10px 20px 36px;
}
.inclui h2{
  font-family:var(--fd);font-size:clamp(1.35rem,3vw,1.7rem);
  letter-spacing:-.01em;margin:8px 0 20px;max-width:28ch;
}
.steps{list-style:none;display:grid;gap:14px}
.steps li{
  display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;
  padding:16px 16px 16px 14px;border-radius:18px;
  background:var(--white);border:1px solid rgba(10,26,51,.08);
}
.steps .n{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:var(--navy);color:#fff;font-family:var(--fd);font-weight:800;font-size:1.05rem;
}
.steps b{display:block;font-family:var(--fd);font-size:1.05rem;margin-bottom:4px}
.steps p{font-size:.92rem;color:var(--slate);line-height:1.5}

.close{
  max-width:640px;margin:0 auto 28px;padding:36px 24px;text-align:center;
  border-radius:24px;background:var(--white);border:1px solid rgba(10,26,51,.08);
}
.close h2{font-family:var(--fd);font-size:1.55rem;letter-spacing:-.01em;margin-bottom:8px}
.close > p{color:var(--slate);margin-bottom:6px}
.after{margin-top:16px;font-size:.86rem;color:var(--slate);line-height:1.5}
.after span{display:inline-block;margin-top:4px;color:var(--blue);font-weight:600;word-break:break-all}

.foot{
  max-width:880px;margin:0 auto;padding:22px 20px 10px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border-top:1px solid rgba(10,26,51,.08);
}
.foot__brand{display:flex;align-items:center;gap:10px}
.foot__brand strong{display:block;font-family:var(--fd);font-size:.92rem;color:var(--navy);line-height:1}
.foot__brand small{display:block;margin-top:3px;font-size:.58rem;font-weight:600;letter-spacing:.16em;color:var(--blue-soft)}
.foot__ig{
  display:inline-flex;padding:10px 16px;border-radius:999px;
  border:1px solid rgba(10,26,51,.12);background:var(--white);
  font-family:var(--fd);font-size:.88rem;font-weight:600;color:var(--navy);
}
.foot__ig:hover{background:#d5e8f8;color:var(--blue)}
.legal{
  max-width:880px;margin:0 auto;padding:8px 20px 28px;
  font-size:.75rem;line-height:1.55;color:#8496ad;
}

@media(max-width:560px){
  .hero{padding:40px 18px 36px;margin:4px 12px 22px;border-radius:22px}
  .cta{width:100%}
  .close{margin-left:12px;margin-right:12px;padding:28px 18px}
  .foot{justify-content:center;text-align:center}
  .foot__ig{width:100%;justify-content:center}
}