/* UR NOT MY MOM LLC — V3 polish */
:root{
  --bg:#0b0b0b;
  --ink:#f6f3e8;
  --ink-dim:#cfc9bb;
  --neon-pink:#ff8ec1;
  --mint:#8dffbe;
  --card:#131313;
  --line:#2a2a2a;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"IBM Plex Mono","Space Mono",ui-monospace,Menlo,Consolas,monospace;
  line-height:1.35;
  letter-spacing:.15px;
}

.wrap{max-width:980px;margin:0 auto;padding:36px 24px 56px}

/* Header */
.logo{
  font-size:clamp(32px,6vw,78px);
  color:var(--neon-pink);
  letter-spacing:.085em; /* slight tighten */
  margin:0 0 10px;
  text-transform:uppercase;
  font-weight:700;
}
.tagline{
  color:var(--mint);
  font-size:clamp(16px,2.1vw,22px);
  margin:0 0 18px;
}
.cta-row{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 8px}
.btn{
  border:2px solid var(--neon-pink);
  color:var(--ink);
  text-decoration:none;
  padding:13px 22px;               /* more tap area */
  border-radius:12px;
  display:inline-block;
  font-weight:700;
  font-size:16px;                  /* bumped from 14 */
  transition:transform .12s ease,background .2s ease,border-color .2s ease, box-shadow .2s ease;
}
.btn:hover{transform:translateY(-1px);background:#1a1016;box-shadow:0 0 0 3px rgba(255,142,193,.12)}

/* Dividers */
.rule{border:0;border-top:2px solid var(--line);margin:22px 0 18px}

/* Section titles */
.section{padding:2px 0}
.section-title{
  color:var(--mint);
  font-weight:700;
  letter-spacing:.09em;
  margin:8px 0 14px;
  font-size:clamp(16px,2.3vw,24px);
}

/* Cards */
.card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:stretch;               /* equal heights feel */
}
@media (max-width:900px){ .card-grid{grid-template-columns:1fr} }

.card{
  background:var(--card);
  border:2px solid var(--line);
  border-radius:12px;
  padding:20px 18px 20px;            /* slightly more top padding for pill */
  position:relative;
  min-height:168px;
  display:flex;
  flex-direction:column;
  transition:border-color .2s ease, box-shadow .2s ease, transform .1s ease;
}
.card:hover{border-color:#3a3a3a; box-shadow:0 8px 24px rgba(0,0,0,.35); transform:translateY(-1px)}

.pill{
  position:absolute;
  top:-14px; left:16px;              /* consistent baseline */
  background:#2a1120;
  color:#ffd1ea;
  border:2px solid var(--neon-pink);
  font-size:11px;
  padding:4px 10px;
  border-radius:8px;
  font-weight:700;
  letter-spacing:.06em;
}

.card-title{
  font-size:clamp(28px,3.5vw,40px);
  margin:2px 0 8px;
  color:#fff0da;
  line-height:1.02;
}
.card-copy{
  color:var(--ink-dim);
  font-size:14px;
  margin:4px 0 0;
}
.card-sub{
  color:#bfeecf;
  margin-top:auto;
  font-size:13px;
  opacity:.95;
}

/* About */
.about{padding-top:2px}
.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
}
@media (max-width:900px){ .about-grid{grid-template-columns:1fr;gap:16px} }
.logo-mini{color:var(--neon-pink);font-weight:700}

/* Footer */
.site-footer{
  margin-top:20px;                   /* tighter */
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  border-top:2px solid var(--line);
  padding-top:10px;                  /* tighter */
  font-size:12px;
}
.site-footer a{
  color:var(--ink-dim);
  text-decoration:none;
  border-bottom:1px dashed var(--ink-dim);
  padding-bottom:1px;
}
.site-footer a:hover{color:var(--mint)}