/* MRL member websites. Mobile first, big readable type, one strong button colour. */
:root { --ink:#15171C; --muted:#5B6270; --line:#E6E3DE; --bg:#FFFFFF; --soft:#FFF4F8; --pink:#E3126A; --pink-lo:#B80E55; --ok:#1D7A4F; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:18px; line-height:1.6; }
img { max-width:100%; height:auto; }
a { color:var(--pink-lo); }
.pv { background:#15171C; color:#fff; text-align:center; font-size:14px; padding:6px 10px; }
.top { border-bottom:1px solid var(--line); padding:14px 16px; text-align:center; }
.brand { font-family:Montserrat,system-ui,sans-serif; font-weight:800; font-size:20px; color:var(--ink); text-decoration:none; letter-spacing:-.01em; }
main { max-width:760px; margin:0 auto; padding:0 16px 40px; }
h1, h2 { font-family:Montserrat,system-ui,sans-serif; letter-spacing:-.01em; }
.vsl { text-align:center; padding-top:18px; }
.pre { font-weight:700; color:var(--pink-lo); margin:6px 0 8px; font-size:17px; }
.vsl h1 { font-size:27px; line-height:1.22; font-weight:900; margin:0 0 10px; }
.sub { font-size:18px; color:var(--muted); margin:0 0 16px; }
.vwrap { margin:0 auto 10px; width:100%; }
.vwrap.vert { max-width:420px; }
.sound { font-weight:700; margin:6px 0 18px; }
.cta { background:var(--soft); border:2px solid #F7C6D9; border-radius:18px; padding:20px 16px; margin:18px 0; }
.cta.hide { display:none; }
.spots { font-weight:800; font-family:Montserrat,system-ui,sans-serif; margin:0 0 10px; }
.buy { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; background:linear-gradient(180deg,#F21B78,var(--pink-lo)); color:#fff;
  font-family:Montserrat,system-ui,sans-serif; font-weight:800; font-size:21px; line-height:1.25; text-decoration:none; border:0; border-radius:14px;
  padding:18px 20px; min-height:64px; cursor:pointer; box-shadow:0 10px 24px -12px rgba(184,14,85,.9); text-align:center; }
.buy:hover { filter:brightness(1.06); color:#fff; }
.buy.small { display:inline-flex; width:auto; font-size:18px; min-height:52px; padding:12px 22px; }
.arr { font-size:1.1em; }
.price { margin:12px 0 4px; font-size:18px; }
.price s { color:var(--muted); }
.fine { color:var(--muted); font-size:15px; margin:8px 0 0; }
.lock { color:var(--muted); font-size:14px; margin:8px 0 0; }
.box { max-width:620px; margin:26px auto; border:1px solid var(--line); border-radius:18px; padding:24px 20px; text-align:center; }
.box h1 { font-size:26px; line-height:1.25; margin:.2em 0 .5em; }
.box.done .big { font-size:52px; margin:0; }
.box .buy { margin-top:16px; }
.step { color:var(--pink-lo); font-weight:700; margin:0; }
.co { text-align:left; }
.co h1 { text-align:center; }
.co .step { text-align:center; }
.note { background:#FFF7E0; border:1px solid #F1D48B; border-radius:12px; padding:10px 12px; font-size:15px; }
.line { display:flex; justify-content:space-between; gap:12px; font-weight:700; border-bottom:1px solid var(--line); padding:12px 0; }
.line s { color:var(--muted); font-weight:400; }
.also { margin:16px 0 6px; font-weight:700; }
.bump { display:flex; gap:12px; align-items:flex-start; border:2px dashed #F2A3C4; background:#FFFBFD; border-radius:12px; padding:12px; margin:8px 0; cursor:pointer; font-size:16px; line-height:1.45; }
.bump input { width:24px; height:24px; margin-top:2px; accent-color:var(--pink); flex:none; }
.total { font-size:20px; margin:16px 0 4px; text-align:center; }
.offer .sub { margin-top:12px; }
.nothanks { background:none; border:0; color:var(--muted); text-decoration:underline; font:inherit; font-size:15px; margin-top:14px; cursor:pointer; padding:10px; }
.policy { text-align:left; }
.policy h1 { text-align:center; }
.art { padding-top:18px; }
.kick { color:var(--pink-lo); font-weight:700; margin:0; text-transform:uppercase; font-size:14px; letter-spacing:.06em; }
.art h1 { font-size:30px; line-height:1.2; font-weight:900; margin:.2em 0 .3em; }
.by { color:var(--muted); font-size:15px; margin:0 0 14px; }
.hero { display:block; width:100%; max-width:600px; margin:0 auto 16px; border-radius:14px; }
.lede { font-size:19px; }
.reasons { list-style:none; padding:0; margin:0; }
.reasons li { border-top:1px solid var(--line); padding:14px 0 4px; }
.reasons h2 { font-size:22px; margin:0 0 6px; }
.reasons .num { color:var(--pink); }
.mid { text-align:center; margin:12px 0 6px; }
.endcta { background:var(--soft); border-radius:18px; padding:20px 16px; text-align:center; margin-top:22px; }
.endcta h2 { margin:0 0 6px; font-size:23px; }
.foot { border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.5; text-align:center; padding:22px 16px 36px; max-width:760px; margin:0 auto; }
.foot nav { margin-bottom:10px; font-size:14px; }
.foot a { color:var(--muted); }
@media (min-width:700px) { .vsl h1 { font-size:34px; } .art h1 { font-size:38px; } body { font-size:19px; } }