/* Landing styles + overrides */

html, body{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

.translogo{
  position:absolute;
  top:8%;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  z-index:30;
}
.translogo img{
  width: clamp(180px, 18vw, 260px);
  height:auto;
}

.cta{
  position:absolute;
  left:50%;
  top:58%;
  transform:translate(-50%, -50%);
  text-align:center;
  padding:1.25rem 1.25rem 1.1rem;
  border-radius:18px;
  background:rgba(255,255,255,0.86);
  box-shadow:0 12px 40px rgba(0,0,0,0.22);
  max-width:42rem;
  width:min(42rem, calc(100% - 2rem));
  z-index:40;
}
.cta-title{
  margin:1rem auto;
  font-family: Eczar, Georgia, serif;
  font-size: clamp(1.35rem, 3.2vw, 2.1rem);
}
.cta-sub{
  margin:1rem auto;
  font-size: clamp(.95rem, 1.8vw, 1.1rem);
  line-height:1.45;
  color:#5b6d7d;
  font-family:"Work Sans", system-ui, sans-serif;
}
.cta-buttons{
  margin:1rem auto;
  display:flex;
  gap:.8rem;
  justify-content:center;
  flex-wrap:wrap;
}
.btn{
  display:inline-block;
  padding:.85rem 1.1rem;
  border-radius:14px;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#111;
}
.btn-ghost{ background:transparent; }

/* safety: don't let any imported CSS re-hide scrolling */
body{ overflow-y:auto !important; }