:root{
  --brand:#0b2a36;     /* azul petróleo */
  --brand-900:#071b24;
  --accent:#f2517b;    /* rosa da marca */
  --text:#0a2230;
  --muted:#6b7a86;
  --bg:#f5f7fb;
  --whats:#25D366;
}

*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
  color:var(--text);
  background: radial-gradient(1200px 700px at 70% -100px, rgba(242,81,123,.08), transparent 60%) ,
              radial-gradient(900px 600px at -10% -80px, rgba(11,42,54,.06), transparent 55%) ,
              var(--bg);
}

/* container */
.container{ width:min(1120px, 92vw); margin-inline:auto }

/* splash central */
.splash{
  min-height: calc(100vh - 72px);
  display:grid;
  place-items:center;
  padding:40px 16px;
}
.card{
  width:min(780px, 100%);
  margin-inline:auto;
  background:#fff;
  border-radius:28px;
  padding:36px 28px 28px;
  text-align:center;
  box-shadow: 0 20px 80px rgba(7,27,36,.12), 0 8px 24px rgba(7,27,36,.08);
  border:1px solid rgba(7,27,36,.06);
}
.foto{
  width:min(220px, 42vw);
  height:min(220px, 42vw);
  border-radius:50%;
  object-fit:cover;
  display:block;
  margin:0 auto 16px;
  box-shadow: 0 10px 28px rgba(7,27,36,.14);
}
h1{
  margin:.25rem 0 .3rem;
  font-size: clamp(1.6rem, 2.4vw + .8rem, 2.4rem);
  color:var(--brand);
  font-weight:800;
  letter-spacing:.2px;
}
.lead{
  color:var(--muted);
  margin: 0 auto 20px;
  max-width: 50ch;
  line-height:1.6;
  font-size: clamp(1rem, .7vw + .8rem, 1.125rem);
}

/* botões */
.btns-primary{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin: 6px 0 14px;
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.95rem 1.25rem;
  border-radius:14px;
  border:1px solid rgba(7,27,36,.1);
  text-decoration:none;
  font-weight:600;
  font-size:1rem;
  transition:.2s ease;
}
.btn svg{ flex:0 0 auto }
.btn:hover{ transform: translateY(-1px); box-shadow:0 8px 22px rgba(7,27,36,.10) }

.btn-accent{
  background:var(--brand);
  color:#fff;
  border-color:transparent;
}
.btn-accent:hover{ filter:brightness(1.08) }

.btn-whats{
  background: var(--whats);
  color:#fff;
  border-color:transparent;
}
.btn-whats:hover{ filter:brightness(1.06) }

/* redes */
.social{
  display:flex;
  gap:14px;
  justify-content:center;
  margin-top:6px;
}
.social a{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.65rem .9rem;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(7,27,36,.1);
  color:var(--brand);
  text-decoration:none;
  font-weight:600;
}
.social a:hover{ box-shadow:0 8px 20px rgba(7,27,36,.08); transform:translateY(-1px) }
.social-ig{ color:#d62976 }
.social-ln{ color:#0a66c2 }

/* footer */
.rodape{
  padding:18px 16px 28px;
  color:#7b8893;
  font-size:.95rem;
  text-align:center;
}

/* responsivo bem simples */
@media (max-width:560px){
  .card{ padding:28px 18px 22px; border-radius:22px }
  .btn{ width:100%; justify-content:center }
  .social{ flex-direction:column }
}