/* Landing-page additions only — variables, reset, header, and footer come from styles.css */

body{display:flex;flex-direction:column;align-items:center}

.landing-wrap{
  flex:1;display:flex;flex-direction:column;align-items:center;width:100%;
  padding-top:calc(clamp(68px,8vw,92px) + 2.75rem);
}
@media(max-width:900px){
  .landing-wrap{padding-top:calc(60px + 2.75rem)}
}

.tagline{
  font-family:"Outfit",sans-serif;font-size:1.5rem;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--glow);
  margin-bottom:2rem;padding:0 1.25rem;text-align:center;
}

.links{
  display:flex;flex-direction:column;align-items:center;
  gap:.75rem;width:100%;max-width:420px;
  padding:0 1.25rem 3rem;
}

.link-btn{
  display:flex;align-items:center;gap:.9rem;
  width:100%;padding:.95rem 1.25rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  font-family:"Outfit",sans-serif;font-size:1rem;font-weight:500;
  letter-spacing:.02em;color:#fff;text-decoration:none;
  transition:background .18s,border-color .18s,transform .15s;
}
.link-btn:hover,.link-btn:focus-visible{
  background:rgba(74,177,145,.12);
  border-color:var(--teal-bright);
  transform:translateY(-2px);
  outline:none;
}
.link-btn:active{transform:translateY(0)}
.link-btn__icon{width:22px;height:22px;flex-shrink:0}
.link-btn__label{flex:1;text-align:left}

/* Make site-footer full-width inside flex body */
.site-footer{width:100%}