/* WRVTHFUL visual polish — 2026-09-29 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video,svg{max-width:100%}
img{height:auto}
img.object-cover,img[class*="h-full"]{height:100%}

/* ---------- Readability: tiny text + low contrast ---------- */
.text-\[9px\],.text-\[9\.5px\],.text-\[10px\]{font-size:11.5px;line-height:1.45}
.text-\[11px\]{font-size:12px}
.text-zinc-500{color:#a1a1aa}
.text-zinc-600{color:#8e8e98}
.text-zinc-400{color:#b4b4bd}

/* ---------- Typography + line length ---------- */
main p,section p,article p{line-height:1.7}
main p,section p,article p,main li,section li{max-width:72ch}
.text-center p,p.text-center,.text-center li{margin-left:auto;margin-right:auto}
main h2,section h2{text-wrap:balance}
main h1,header h1{text-wrap:balance}
p{text-wrap:pretty}
main ul,main ol{line-height:1.65}
main li+li{margin-top:.2rem}
table{width:100%}
td,th{vertical-align:top}
.overflow-x-auto{-webkit-overflow-scrolling:touch}

/* ---------- Join buttons: one consistent style ---------- */
a[href="https://discord.gg/wrvthful"].cta-pill,
a[href="https://discord.gg/wrvthful"][class*="bg-rose-6"],
a[href="https://discord.gg/wrvthful"][class*="bg-red-6"]{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  background:#fff;color:#0a0a0a;border:1px solid rgba(255,255,255,.9);border-radius:9999px;
  font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;
  min-height:48px;padding-left:1.5rem;padding-right:1.5rem;
  box-shadow:0 18px 44px -14px rgba(232,160,168,.38),0 8px 20px -8px rgba(0,0,0,.7);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
a[href="https://discord.gg/wrvthful"].cta-pill:hover,
a[href="https://discord.gg/wrvthful"][class*="bg-rose-6"]:hover,
a[href="https://discord.gg/wrvthful"][class*="bg-red-6"]:hover{background:#f4f4f5;color:#000;transform:translateY(-2px)}
a[href="https://discord.gg/wrvthful"].cta-pill:focus-visible,
a[href="https://discord.gg/wrvthful"][class*="bg-rose-6"]:focus-visible{outline:3px solid #fda4af;outline-offset:3px}
a[href="https://discord.gg/wrvthful"].cta-pill-nav{min-height:44px;padding:.55rem 1.15rem;font-size:.8rem}
a[href="https://discord.gg/wrvthful"][class*="bg-red-6"].block{display:flex;width:100%;min-height:44px}
#mobile-sticky-cta a[href="https://discord.gg/wrvthful"]{min-height:50px;font-size:14px;width:100%}
#mobile-sticky-cta{background:rgba(8,8,9,.94)}

/* ---------- Age gate: polished card on larger screens ---------- */
#age-gate{background:radial-gradient(ellipse at 50% 35%,rgba(127,29,29,.28),rgba(5,5,5,1) 62%),#050505}
#age-gate>div{position:relative}
@media (min-width:640px){
  #age-gate>div{max-width:30rem;padding:2.75rem 2.5rem 2.25rem;border-radius:1.75rem;
    background:linear-gradient(180deg,rgba(24,24,27,.92),rgba(10,10,11,.96));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 40px 120px -30px rgba(190,18,60,.35),0 20px 60px -20px rgba(0,0,0,.9)}
}
#age-gate button[onclick="enterSite()"]{min-height:52px;border-radius:9999px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  background:#fff;color:#0a0a0a;display:flex;align-items:center;justify-content:center;width:100%;
  box-shadow:0 18px 44px -14px rgba(232,160,168,.4)}
#age-gate button[onclick="enterSite()"]:hover{background:#f4f4f5}
#age-gate button:not([onclick="enterSite()"]){min-height:44px}

/* ---------- Home hero: desktop order (join button after the pitch) ---------- */
@media (min-width:1024px){
  .hero-left{display:flex;flex-direction:column;align-items:flex-start}
  .hero-left>*{max-width:100%}
  .hero-left>.hero-cta{order:5;margin-top:1.75rem;margin-bottom:0}
  .hero-left>.hero-after{order:6}
}

/* ---------- Cards + spacing ---------- */
.proof-chip{min-height:32px}
footer a{display:inline-block;padding-top:.2rem;padding-bottom:.2rem}
@media (max-width:420px){
  main{padding-left:1.15rem;padding-right:1.15rem}
}