@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --black:#0A0A0A;
  --charcoal:#161616;
  --orange:#FF6A1A;
  --orange-deep:#E85A0C;
  --white:#FFFFFF;
  --bg:#F6F4F1;
  --line:#E7E3DC;
  --muted:#7A756D;
  --text:#1A1815;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Inter',sans-serif;
  background:var(--black);
  color:var(--white);
  min-height:100vh;
  display:flex; flex-direction:column; align-items:center;
  padding:48px 20px 32px;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;}

.logo{width:min(180px,50vw); height:auto; margin-bottom:18px;}
.eyebrow{
  color:var(--orange); font-weight:700; font-size:0.72rem; letter-spacing:0.22em;
  text-transform:uppercase; margin-bottom:8px;
}
h1{font-size:1.5rem; font-weight:700; text-align:center; margin-bottom:6px;}
.sub{color:#9C9890; font-size:0.88rem; text-align:center; max-width:320px; margin-bottom:34px;}

.links{width:100%; max-width:420px; display:flex; flex-direction:column; gap:12px;}

.link-card{
  display:flex; align-items:center; gap:14px;
  background:var(--charcoal);
  border:1.5px solid #262626;
  border-radius:14px;
  padding:16px 18px;
  text-decoration:none;
  color:var(--white);
  transition:transform .15s ease, border-color .15s ease;
}
.link-card:active{transform:scale(0.98);}
.link-card:not(.disabled):hover{border-color:var(--orange);}
.link-card .emoji{font-size:1.5rem; flex-shrink:0; width:32px; text-align:center;}
.link-card .label{flex:1;}
.link-card .label .title{font-weight:700; font-size:1rem;}
.link-card .label .desc{font-size:0.76rem; color:#9C9890; margin-top:2px;}
.link-card .arrow{color:var(--orange); font-size:1.2rem; flex-shrink:0;}

.link-card.disabled{
  opacity:0.45; pointer-events:none;
}
.link-card.disabled .arrow{color:#555;}
.badge-soon{
  font-size:0.62rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
  background:#2A2A2A; color:#9C9890; padding:3px 8px; border-radius:100px; margin-left:8px;
}

.wa-float{
  margin-top:36px;
  display:inline-flex; align-items:center; gap:8px;
  background:var(--orange); color:var(--black); text-decoration:none;
  font-weight:700; font-size:0.85rem; padding:13px 24px; border-radius:100px;
}

.footer-note{margin-top:28px; color:#5C5850; font-size:0.72rem; text-align:center;}