/*
 * Sean Ali opt-in presentation aligned to the proven HM /free page.
 * VISUAL ONLY: No offers, form fields, text, tracking, or redirects altered.
 * Pages opt in via body[data-optin-reference="hm-free"].
 */
body[data-optin-reference="hm-free"] {
  --hm-ink:#0f172a;--hm-muted:#334155;--hm-edge:rgba(15,23,42,.10);
  background:radial-gradient(circle at top,#fff7ed 0%,#fff 38%,#f8fafc 100%)!important;
  color:var(--hm-ink)!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  line-height:1.5;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
body[data-optin-reference="hm-free"] *,
body[data-optin-reference="hm-free"] *::before,
body[data-optin-reference="hm-free"] *::after {box-sizing:border-box;}
body[data-optin-reference="hm-free"] .sticky-value-bar,
body[data-optin-reference="hm-free"] .urgency-bar {
  position:relative;z-index:10;width:100%;
  background:linear-gradient(95deg,#991b1b 0%,#dc2626 50%,#ef4444 100%)!important;
  color:#fff!important;text-align:center;text-transform:uppercase;
  padding:13px 14px!important;font:900 clamp(13px,2.4vw,18px)/1.3 Inter,system-ui,sans-serif!important;
  letter-spacing:-.02em;box-shadow:0 8px 26px rgba(185,28,28,.18);
}
body[data-optin-reference="hm-free"] .wrap,
body[data-optin-reference="hm-free"] main.container,
body[data-optin-reference="hm-free"] main.page,
body[data-optin-reference="hm-free"] .one>.inner,
body[data-optin-reference="hm-free"] .fold-inner,
body[data-optin-reference="hm-free"] .below-inner {
  width:min(720px,calc(100% - 32px))!important;max-width:720px!important;
  margin-left:auto!important;margin-right:auto!important;
}
body[data-optin-reference="hm-free"] .wrap,
body[data-optin-reference="hm-free"] main.container,
body[data-optin-reference="hm-free"] main.page {padding:26px 12px 46px!important;}
body[data-optin-reference="hm-free"] main.page>.card {
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;
}
body[data-optin-reference="hm-free"] .one {
  min-height:100vh!important;background:radial-gradient(circle at top,#fff7ed,#fff 52%,#f8fafc)!important;
  padding:34px 16px 50px!important;justify-content:flex-start!important;
}
body[data-optin-reference="hm-free"] .one::before {display:none!important;}
body[data-optin-reference="hm-free"] .one>.inner {position:relative!important;z-index:1;}
body[data-optin-reference="hm-free"] .fold {
  min-height:auto!important;display:block!important;
  background:transparent!important;padding:31px 16px 34px!important;
}
body[data-optin-reference="hm-free"] .fold-inner {width:min(660px,100%)!important;}
body[data-optin-reference="hm-free"] .hero {padding-top:0!important;text-align:center;}
body[data-optin-reference="hm-free"] h1,
body[data-optin-reference="hm-free"] h1.headline {
  font:900 clamp(31px,5.6vw,49px)/1.06 Inter,system-ui,sans-serif!important;
  letter-spacing:-.048em!important;text-align:center!important;
  color:var(--hm-ink)!important;
  max-width:650px!important;margin:11px auto 15px!important;
  text-transform:none!important;text-wrap:balance;
}
body[data-optin-reference="hm-free"] h1 span,
body[data-optin-reference="hm-free"] h1 .accent,
body[data-optin-reference="hm-free"] h1 .gold,
body[data-optin-reference="hm-free"] h1.headline span {color:#b91c1c!important;}
body[data-optin-reference="hm-free"] .eyebrow,
body[data-optin-reference="hm-free"] .offer-badge,
body[data-optin-reference="hm-free"] .kicker {
  display:table!important;width:fit-content!important;
  margin:0 auto 12px!important;padding:9px 15px!important;
  border:1px solid #fed7aa!important;border-radius:999px!important;
  background:#fff7ed!important;color:#9a3412!important;
  font:900 11px/1.35 Inter,system-ui,sans-serif!important;
  letter-spacing:.06em!important;text-transform:uppercase;
  text-align:center;
}
body[data-optin-reference="hm-free"] .eyebrow .dot {background:#f59e0b!important;}
body[data-optin-reference="hm-free"] .hero-subhead,
body[data-optin-reference="hm-free"] .sub-headline,
body[data-optin-reference="hm-free"] .subhead,
body[data-optin-reference="hm-free"] .sub,
body[data-optin-reference="hm-free"] .form-lead {
  color:var(--hm-muted)!important;
  font:700 clamp(16px,3.4vw,19px)/1.45 Inter,system-ui,sans-serif!important;
  text-align:center!important;max-width:570px!important;
  margin:0 auto 19px!important;
}
body[data-optin-reference="hm-free"] .sub-headline strong {color:#0f172a!important;}
body[data-optin-reference="hm-free"] .hero-image,
body[data-optin-reference="hm-free"] .sean-hm-hero-image {
  text-align:center;display:block;margin:10px auto 19px;
}
body[data-optin-reference="hm-free"] .hero-product-img,
body[data-optin-reference="hm-free"] .sean-hm-hero-image img {
  width:100%!important;max-width:220px!important;height:auto!important;
  display:inline-block!important;object-fit:contain;
  border-radius:28px!important;box-shadow:0 25px 48px -18px rgba(15,23,42,.30),0 0 0 1px rgba(15,23,42,.06);
}
body[data-optin-reference="hm-free"] .optin-card,
body[data-optin-reference="hm-free"] .one .card,
body[data-optin-reference="hm-free"] .page .form,
body[data-optin-reference="hm-free"] .fold-inner form {
  display:block;position:relative!important;
  width:min(480px,100%)!important;max-width:480px!important;
  margin:17px auto!important;padding:22px!important;
  background:rgba(255,255,255,.96)!important;color:var(--hm-ink)!important;
  border:1px solid var(--hm-edge)!important;border-radius:28px!important;
  box-shadow:0 23px 60px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(10px);
  text-align:center;
}
body[data-optin-reference="hm-free"] .optin-card::before,
body[data-optin-reference="hm-free"] .optin-card::after {display:none!important;}
body[data-optin-reference="hm-free"] .form-heading h2,
body[data-optin-reference="hm-free"] .form-heading,
body[data-optin-reference="hm-free"] .optin-card h2 {
  color:#0f172a!important;
  font:900 clamp(19px,3.2vw,23px)/1.23 Inter,system-ui,sans-serif!important;
  text-align:center!important;
}
body[data-optin-reference="hm-free"] .proof-pill,
body[data-optin-reference="hm-free"] .stars {
  color:#475569!important;
  background:#fffbeb!important;border:1px solid #fde68a!important;
  border-radius:999px!important;
  margin:12px auto 16px!important;padding:8px 10px!important;
  text-align:center;max-width:100%;width:fit-content;
  font:800 12px/1.35 Inter,system-ui,sans-serif!important;
}
body[data-optin-reference="hm-free"] .stars .note {color:#475569!important;}
body[data-optin-reference="hm-free"] .proof-stars,
body[data-optin-reference="hm-free"] .stars .glyph {color:#d97706!important;}
body[data-optin-reference="hm-free"] .input-group {margin-bottom:12px!important;text-align:left;}
body[data-optin-reference="hm-free"] .input-group label,
body[data-optin-reference="hm-free"] .input-label {
  display:block;color:#475569!important;font:700 12px/1.4 Inter,system-ui,sans-serif!important;
  margin:0 0 5px 8px!important;
}
body[data-optin-reference="hm-free"] form input[type="text"],
body[data-optin-reference="hm-free"] form input[type="email"] {
  display:block!important;box-sizing:border-box!important;
  width:100%!important;min-height:53px!important;
  margin:0 0 12px!important;padding:15px 18px!important;
  border:1px solid #cbd5e1!important;border-radius:999px!important;
  background:#fff!important;box-shadow:none!important;
  color:#0f172a!important;font:500 16px/1.35 Inter,system-ui,sans-serif!important;
  outline:none;
}
body[data-optin-reference="hm-free"] form input[type="text"]::placeholder,
body[data-optin-reference="hm-free"] form input[type="email"]::placeholder {color:#64748b!important;opacity:1;}
body[data-optin-reference="hm-free"] form input[type="text"]:focus,
body[data-optin-reference="hm-free"] form input[type="email"]:focus {
  border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.15)!important;
}
body[data-optin-reference="hm-free"] .submit-btn,
body[data-optin-reference="hm-free"] .btn-primary,
body[data-optin-reference="hm-free"] .submit,
body[data-optin-reference="hm-free"] .cta-btn {
  position:relative;display:block;width:100%!important;min-height:57px!important;
  padding:15px 19px!important;margin:3px auto 0!important;
  border:1px solid rgba(217,119,6,.45)!important;border-radius:999px!important;
  background:linear-gradient(110deg,#ffc439,#f59e0b 29%,#ffd76a 52%,#f59e0b 77%,#d97706)!important;
  color:#15110a!important;
  font:900 clamp(14px,3vw,17px)/1.25 Inter,system-ui,sans-serif!important;
  letter-spacing:-.015em!important;text-align:center!important;text-transform:uppercase!important;
  box-shadow:0 12px 28px rgba(245,158,11,.23)!important;
  cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;
}
body[data-optin-reference="hm-free"] .submit-btn:hover,
body[data-optin-reference="hm-free"] .btn-primary:hover,
body[data-optin-reference="hm-free"] .submit:hover,
body[data-optin-reference="hm-free"] .cta-btn:hover {transform:translateY(-2px);box-shadow:0 15px 28px rgba(245,158,11,.28)!important;}
body[data-optin-reference="hm-free"] .submit-btn:focus-visible,
body[data-optin-reference="hm-free"] .btn-primary:focus-visible,
body[data-optin-reference="hm-free"] .submit:focus-visible,
body[data-optin-reference="hm-free"] .cta-btn:focus-visible {outline:3px solid #7c3aed!important;outline-offset:3px;}
body[data-optin-reference="hm-free"] .privacy,
body[data-optin-reference="hm-free"] .trust,
body[data-optin-reference="hm-free"] .trust-line {
  color:#64748b!important;text-align:center!important;
  font:600 12px/1.5 Inter,system-ui,sans-serif!important;
  margin:13px auto 0!important;
}
body[data-optin-reference="hm-free"] .privacy a {color:#7c3aed!important;}
body[data-optin-reference="hm-free"] .trust-line {display:flex!important;flex-wrap:wrap;gap:7px 10px;justify-content:center;}
body[data-optin-reference="hm-free"] .trust-line span {color:#475569!important;}
body[data-optin-reference="hm-free"] .benefits,
body[data-optin-reference="hm-free"] .moneywave-simple-benefits {
  background:transparent!important;max-width:670px!important;margin:22px auto!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
body[data-optin-reference="hm-free"] .benefit,
body[data-optin-reference="hm-free"] .moneywave-check-list li {
  display:flex;align-items:center;gap:12px;
  padding:11px 17px!important;margin:0 0 11px!important;
  background:#fff!important;color:#0f172a!important;
  border:1px solid rgba(124,58,237,.13)!important;border-radius:18px!important;
  box-shadow:0 6px 18px rgba(15,23,42,.04)!important;
  font-weight:700!important;
}
body[data-optin-reference="hm-free"] .moneywave-check-list {
  list-style:none!important;display:grid!important;grid-template-columns:1fr!important;gap:1px!important;
  padding:0!important;max-width:610px!important;margin:16px auto!important;
}
body[data-optin-reference="hm-free"] .moneywave-simple-benefits h2 {color:#0f172a!important;}
body[data-optin-reference="hm-free"] .moneywave-check {flex:0 0 auto;}
body[data-optin-reference="hm-free"] .below-fold {background:#fffaf3!important;border-color:#e2e8f0!important;}
body[data-optin-reference="hm-free"] .footer,
body[data-optin-reference="hm-free"] footer {color:#64748b!important;text-align:center;}
body[data-optin-reference="hm-free"] .fold .divider {background:#e2e8f0!important;}
@media(max-width:620px) {
 body[data-optin-reference="hm-free"] .wrap,
 body[data-optin-reference="hm-free"] main.container,
 body[data-optin-reference="hm-free"] main.page {width:calc(100% - 18px)!important;padding:21px 8px 32px!important;}
 body[data-optin-reference="hm-free"] h1,
 body[data-optin-reference="hm-free"] h1.headline {font-size:clamp(29px,8vw,39px)!important;margin-bottom:12px!important;}
 body[data-optin-reference="hm-free"] .hero-product-img,
 body[data-optin-reference="hm-free"] .sean-hm-hero-image img {max-width:165px!important;}
 body[data-optin-reference="hm-free"] .optin-card,
 body[data-optin-reference="hm-free"] .one .card,
 body[data-optin-reference="hm-free"] .page .form,
 body[data-optin-reference="hm-free"] .fold-inner form {padding:19px 16px!important;border-radius:22px!important;}
 body[data-optin-reference="hm-free"] .moneywave-check-list li {font-size:14px!important;padding:10px 12px!important;}
 body[data-optin-reference="hm-free"] .one {padding:26px 14px 34px!important;}
 body[data-optin-reference="hm-free"] .fold {padding:27px 14px 30px!important;}
}
@media(prefers-reduced-motion:reduce) {
 body[data-optin-reference="hm-free"] .submit-btn,
 body[data-optin-reference="hm-free"] .btn-primary,
 body[data-optin-reference="hm-free"] .submit,
 body[data-optin-reference="hm-free"] .cta-btn {transition:none!important;animation:none!important;}
}

/* 2026-10-13b: carry the same original Sean/MoneyWave visual through the Sean opt-ins. */
body[data-optin-reference="hm-free"] .sean-optin-creator-image {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  max-width:420px!important;margin:13px auto 18px!important;
  padding:0!important;text-align:center!important;
}
body[data-optin-reference="hm-free"] .sean-optin-creator-image>img,
body[data-optin-reference="hm-free"] .hero-image.sean-optin-creator-image>img,
body[data-optin-reference="hm-free"] .sean-hm-hero-image.sean-optin-creator-image>img {
  display:block!important;width:auto!important;max-width:min(190px,72vw)!important;
  max-height:210px!important;height:auto!important;object-fit:contain!important;
  border-radius:20px!important;
  box-shadow:0 15px 32px rgba(15,23,42,.14)!important;
}
body[data-optin-reference="hm-free"] .sean-optin-creator-image figcaption {
  color:#475569!important;font:700 12px/1.4 Inter,system-ui,sans-serif!important;
  margin-top:10px!important;
}
body[data-optin-reference="hm-free"] .optin-card .form-heading {margin:0 0 10px!important;}
body[data-optin-reference="hm-free"] .hero-image.sean-optin-creator-image {margin-bottom:15px!important;}
@media(max-width:620px) {
 body[data-optin-reference="hm-free"] .sean-optin-creator-image {margin:10px auto 14px!important;}
 body[data-optin-reference="hm-free"] .sean-optin-creator-image>img,
 body[data-optin-reference="hm-free"] .hero-image.sean-optin-creator-image>img,
 body[data-optin-reference="hm-free"] .sean-hm-hero-image.sean-optin-creator-image>img {max-width:min(148px,48vw)!important;max-height:162px!important;}
 body[data-optin-reference="hm-free"] .sean-optin-creator-image figcaption {font-size:11px!important;margin-top:6px!important;}
}