/* ============================
   HollaLink Buy Page (Scoped)
   Only affects .hlcard-page
============================ */
.hlcard-page{
  --bg-1:#0b0f14;
  --bg-2:#111827;
  --ink:#f5f7fb;
  --muted:#c8cbd3;
  --accent:#6c1d32;     /* burgundy */
  --cta:#12e29b;        /* bright buy button accent */
  --card:#141822;
  --line:rgba(255,255,255,.08);
  color:var(--ink);
  background:linear-gradient(160deg,var(--bg-1),var(--bg-2));
}

.hlcard-hero{ padding:42px 0 64px; position:relative; }
.hlcard-hero-overlay{ position:absolute; inset:0; pointer-events:none; }

.hlcard-hero-inner{ max-width:1200px; }
.hlcard-grid{ display:grid; gap:28px; grid-template-columns:1fr; }
@media (min-width:992px){
  .hlcard-grid{ grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
}

/* LEFT */
.hlcard-pill{
  display:inline-block; font-weight:800; color:#0e121a; background:#e2ff68;
  border-radius:999px; padding:.4rem .8rem; margin-bottom:10px;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
}
.hlcard-title{ font-weight:900; font-size:clamp(28px,4.2vw,44px); line-height:1.06; margin-bottom:10px; }
.hlcard-sub{ color:var(--muted); max-width:48ch; margin-bottom:12px; }
.hlcard-bullets>div{ margin:.2rem 0; opacity:.95; }

.hlcard-pricebox{
  border:1px solid var(--line); background:rgba(255,255,255,.03);
  border-radius:16px; padding:12px; margin:14px 0;
}
.hlcard-price-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hlcard-price-label{ font-weight:800; }
.hlcard-mini{ color:var(--muted); font-size:.9rem; }
.hlcard-price{ font-weight:900; font-size:1.4rem; }

.hlcard-cta{ margin-top:12px; }
.hlcard-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.85rem 1.1rem; border-radius:14px; font-weight:900; text-decoration:none;
  border:1px solid transparent; width:100%;
}
.hlcard-btn-primary{
  background:linear-gradient(135deg,var(--cta),#7dffcf);
  color:#0a0b0e; box-shadow:0 10px 30px rgba(18,226,155,.35);
}
.hlcard-btn-primary:hover{ filter:brightness(1.04); }
.hlcard-btn-ghost{ background:transparent; color:var(--ink); border-color:var(--line); }

/* Split buttons */
.hlcard-buy-split{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:10px 0 6px; }
@media (max-width:576px){ .hlcard-buy-split{ grid-template-columns:1fr; } }
.hlcard-btn-outline{
  background:#ffffff; color:#0b0f14; border-color:rgba(0,0,0,.16) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.hlcard-btn-outline:hover{ background:#f6f7f9; }

.hlcard-cta-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
@media (max-width:576px){ .hlcard-cta-row{ grid-template-columns:1fr; } }

.hlcard-trust{ color:var(--muted); margin:10px 0 14px; }
.hlcard-demo{ border:1px solid var(--line); background:#0c1117; border-radius:16px; padding:10px; overflow:hidden; }
.hlcard-demo-video{ width:100%; height:auto; display:block; }

/* RIGHT */
.hlcard-cardwrap{
  position:relative; border-radius:16px; overflow:hidden;
  background:linear-gradient(135deg,rgba(108,29,50,.35),rgba(0,0,0,.35));
  border:1px solid var(--line);
}
.hlcard-img{ display:block; width:100%; height:auto; object-fit:cover; }
.hlcard-imgglow{
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(600px 220px at 50% 100%, rgba(108,29,50,.45), transparent 60%);
}

.hlcard-how{ margin-top:14px; }
.hlcard-h3{ font-weight:900; margin-bottom:6px; }
.hlcard-steps{ display:grid; gap:10px; }
.hlcard-step{ display:flex; gap:10px; align-items:flex-start; }
.hlcard-stepnum{
  width:32px; height:32px; border-radius:999px; flex:0 0 32px;
  display:flex; align-items:center; justify-content:center; font-weight:900;
  color:#0b0f14; background:#e2ff68; box-shadow:0 6px 16px rgba(0,0,0,.28);
}
.hlcard-steptitle{ font-weight:800; }
.hlcard-steptext{ color:var(--muted); }

.hlcard-paybox{
  border:1px solid var(--line); border-radius:16px; padding:12px; margin-top:6px;
  background:rgba(255,255,255,.03);
}
.hlcard-paytitle{ font-weight:900; }
.hlcard-paytext{ color:var(--muted); margin-bottom:8px; }
.hlcard-btn-store{
  display:inline-flex; align-items:center; justify-content:center;
  background:#0f1116; color:#fff; border:1px solid var(--line);
  border-radius:12px; padding:.65rem .9rem; font-weight:900; text-decoration:none;
}
.hlcard-faq{ margin-top:10px; }
.hlcard-q{ font-weight:800; }
.hlcard-a{ color:var(--muted); }

/* Small-screen safety */
.hlcard-left, .hlcard-right{ min-width:0; }

/* RIGHT: keep dark text regardless */
.hlcard-right .hlcard-h3,
.hlcard-right .hlcard-steptitle,
.hlcard-right .hlcard-steptext,
.hlcard-right .hlcard-paytitle,
.hlcard-right .hlcard-paytext,
.hlcard-right .hlcard-q,
.hlcard-right .hlcard-a{ color:#0b0f14 !important; }

/* LEFT: single LIGHT scrim so letters are BLACK and readable */
.hlcard-left{ position:relative; color:#0b0f14 !important; }
.hlcard-left::before{
  content:""; position:absolute; inset:-8px -12px -8px -16px; border-radius:18px; pointer-events:none; z-index:0;
  background:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.92) 45%, rgba(255,255,255,.60) 70%, rgba(255,255,255,0) 92%);
}
.hlcard-left > *{ position:relative; z-index:1; }

.hlcard-left .hlcard-title,
.hlcard-left .hlcard-price-label,
.hlcard-left .hlcard-price{ color:#0b0f14 !important; text-shadow:none; }
.hlcard-left .hlcard-sub,
.hlcard-left .hlcard-bullets>div,
.hlcard-left .hlcard-mini{ color:#3b3f44 !important; }

/* Ghost buttons tuned for light background (left column) */
.hlcard-left .hlcard-btn-ghost{
  color:#0b0f14 !important; background:#ffffff !important; border-color:rgba(0,0,0,.16) !important;
}
.hlcard-left .hlcard-btn-ghost:hover{ background:rgba(0,0,0,.06) !important; }