.fin{
  --fn-bg:#0f1a2e;
  --fn-accent:#6f86f0;
  --fn-accent-2:#4a5fd0;
  position:relative;
  min-height:min(70vh,560px);
  display:grid;
  place-items:center;
  padding:clamp(72px,10vw,140px) 24px clamp(96px,10vw,140px);
  color:#fff;
  text-align:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse 55% 70% at 85% 95%, rgba(91,115,214,.35), transparent 70%),
    linear-gradient(180deg,#121e36 0%,#0d1627 100%);
}
.fin__inner{
  position:relative;
  width:100%;
  max-width:1100px;
  margin:0 auto;
}

.fin__title{
  margin:0 auto 28px;
  max-width:760px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:400;
  font-size:clamp(34px,5.8vw,62px);
  line-height:1.1;
  letter-spacing:-.02em;
}
.fin__title span{
  display:block;
  color:var(--fn-accent);
}

.fin__text{
  margin:0 auto 40px;
  max-width:660px;
  font-family:'Inter',sans-serif;
  font-size:clamp(16px,1.9vw,19px);
  line-height:1.7;
  color:rgba(255,255,255,.72);
}

/* Botones */
.fin__cta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}
.fin__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:17px 36px;
  border-radius:999px;
  font-family:'Inter',sans-serif;
  font-weight:600;
  font-size:15.5px;
  text-decoration:none;
  color:#fff;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.fin__btn--primary{
  background:linear-gradient(135deg,var(--fn-accent),var(--fn-accent-2));
  box-shadow:0 10px 30px rgba(74,95,208,.45);
}
.fin__btn--ghost{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.18);
}
.fin__btn:hover,
.fin__btn:focus-visible{
  transform:translateY(-3px);
  outline:none;
}
.fin__btn--primary:hover,
.fin__btn--primary:focus-visible{ box-shadow:0 14px 36px rgba(91,115,214,.65); }
.fin__btn--ghost:hover,
.fin__btn--ghost:focus-visible{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.4);
}

/* Logo abajo a la izquierda */
.fin__logo{
  position:absolute;
  left:0;
  bottom:calc(-1 * clamp(56px,6vw,90px));
}
.fin__logo img{
  width:min(220px,50vw);
  height:auto;
}

/* Entrada */
.fin__title,.fin__text,.fin__cta,.fin__logo{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease, transform .7s ease;
}
.fin.is-visible .fin__title,
.fin.is-visible .fin__text,
.fin.is-visible .fin__cta,
.fin.is-visible .fin__logo{
  opacity:1;
  transform:none;
}
.fin.is-visible .fin__text{ transition-delay:.1s; }
.fin.is-visible .fin__cta{ transition-delay:.2s; }
.fin.is-visible .fin__logo{ transition-delay:.3s; }

/* Móvil */
@media (max-width:640px){
  .fin{ padding:64px 20px 120px; }
  .fin__cta{ flex-direction:column; align-items:center; }
  .fin__btn{ width:100%; max-width:300px; }
  .fin__logo{
    left:50%;
    transform:translateX(-50%);
    bottom:-84px;
  }
  .fin.is-visible .fin__logo{ transform:translateX(-50%); }
}

@media (prefers-reduced-motion:reduce){
  .fin__title,.fin__text,.fin__cta,.fin__logo{
    opacity:1; transform:none; transition:none;
  }
  .fin__logo{ transform:none; }
}