/* Laser cluster shared sections: the four-tier explainer cards and the Fitzpatrick
   melanin-tone band. Lifted from the laser hub's inline styles on 17 Sep 2026 so the
   prices page and the men's page can carry the same sections without a second copy
   of the CSS. Edit here, never inline. */

/* Four tiers */
  .mock-tier-card { background: #FFFFFF; border: 1px solid #D9C8BD; padding: 26px 22px; position: relative; }
  .mock-tier-card.signature { border: 1.5px solid #7D6418; background: linear-gradient(180deg, #FFFFFF 0%, rgba(184,153,104,0.06) 100%); }
  .mock-tier-name { font-family: 'Cormorant Garamond','Cormorant Garamond Fallback','Cormorant Garamond Fallback Noto', Georgia, serif; font-size: 22px; color: #1F1F1F; margin: 0; line-height: 1.15; }
  .mock-tier-label { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #5A5550; margin-top: 4px; font-weight: 500; }
  .mock-tier-body { font-size: 13px; color: #6B5F50; margin-top: 14px; line-height: 1.55; }
  .mock-tier-target { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #5A5550; margin-top: 18px; font-weight: 500; }
  .mock-tier-card.signature .mock-tier-target { color: #7D6418; }
  .mock-most-chosen { position: absolute; top: -11px; left: 50%; transform: translateX(-50%); padding: 4px 14px; border-radius: 8px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 500; background: #7D6418; color: #FFFFFF; white-space: nowrap; } /* solid gold text token: white on it 5.66:1 (the gradient middle measured 2.26:1, 30 Sep 2026) */

/* Fitzpatrick band */
  .mlt-soc-band {
    position: relative;
    background:
      radial-gradient(ellipse at 22% 38%, rgba(184,153,104,0.16) 0%, rgba(184,153,104,0) 55%),
      radial-gradient(ellipse at 78% 70%, rgba(74,53,42,0.36) 0%, rgba(42,31,24,0) 60%),
      linear-gradient(135deg, #1F1610 0%, #2A1F18 40%, #4A352A 75%, #5E4838 100%);
    overflow: hidden;
    color: #FFFFFF;
  }
  .mlt-soc-band::before {
    content: '';
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 0.95  0 0 0 0 0.88  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: 0.65;
    mix-blend-mode: overlay;
    pointer-events: none;
  }
  .mlt-soc-inner { position: relative; max-width: 1280px; margin: 0 auto; padding: 96px 24px 110px; display: grid; grid-template-columns: 1fr; gap: 56px; align-items: center; }
  @media (min-width: 900px) { .mlt-soc-inner { grid-template-columns: 1.05fr 1fr; padding: 128px 56px 140px; gap: 80px; } }
  .mlt-soc-spectrum { display: flex; gap: 14px; align-items: flex-end; }
  .mlt-soc-spectrum span { display: block; width: 100%; aspect-ratio: 1 / 4.2; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.06), inset 0 -2px 12px rgba(0,0,0,0.18); }
  .mlt-soc-spectrum .s1 { background: linear-gradient(180deg, #F5DDB7 0%, #E8C49A 100%); }
  .mlt-soc-spectrum .s2 { background: linear-gradient(180deg, #D9AE82 0%, #B98A5D 100%); }
  .mlt-soc-spectrum .s3 { background: linear-gradient(180deg, #9F6E45 0%, #7A4F2E 100%); }
  .mlt-soc-spectrum .s4 { background: linear-gradient(180deg, #6A4128 0%, #4A2C19 100%); }
  .mlt-soc-spectrum .s5 { background: linear-gradient(180deg, #3F2515 0%, #28160C 100%); }
  .mlt-soc-spectrum .s6 { background: linear-gradient(180deg, #1F100A 0%, #0E0704 100%); }
  .mlt-soc-spectrum-labels { display: flex; gap: 14px; margin-top: 10px; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(228,207,166,0.65); }
  .mlt-soc-spectrum-labels span { flex: 1; text-align: center; }
  .mlt-soc-copy { color: #FFFFFF; }
  .mlt-soc-copy .eyebrow { font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: #EDDCAE; font-weight: 500; display: inline-flex; align-items: center; gap: 12px; }
  .mlt-soc-copy .eyebrow::before { content: ''; display: inline-block; width: 28px; height: 1px; background: #7D6418; }
  .mlt-soc-copy h2 { font-family: 'Cormorant Garamond','Cormorant Garamond Fallback','Cormorant Garamond Fallback Noto', Georgia, serif; font-weight: 400; font-size: 36px; line-height: 1.08; color: #FFFFFF; margin: 18px 0 0; }
  @media (min-width: 768px) { .mlt-soc-copy h2 { font-size: 50px; } }
  @media (min-width: 1280px) { .mlt-soc-copy h2 { font-size: 58px; } }
  .mlt-soc-copy h2 em { font-style: italic; color: #EDDCAE; font-weight: 300; }
  .mlt-soc-copy p { margin-top: 22px; font-size: 14.5px; line-height: 1.65; color: rgba(253,251,245,0.85); font-weight: 300; max-width: 520px; }
  @media (min-width: 768px) { .mlt-soc-copy p { font-size: 15.5px; } }
  .mlt-soc-tags { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 10px; }
  .mlt-soc-tag { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #FFFFFF; background: rgba(184,153,104,0.18); border: 1px solid rgba(184,153,104,0.45); padding: 7px 14px; font-weight: 500; }

/* Referral poster and terms */
  .mock-refer { background: linear-gradient(135deg, #FFFFFF 0%, #FAF8F4 100%); border: 1px solid #D9C8BD; padding: 36px 28px; text-align: center; }
  .mock-refer-eyebrow { font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: #7D6418; font-weight: 500; }
  .mock-refer-title { font-family: 'Cormorant Garamond','Cormorant Garamond Fallback','Cormorant Garamond Fallback Noto', Georgia, serif; font-size: 36px; line-height: 1.05; color: #1F1F1F; margin-top: 10px; font-weight: 400; }
  @media (min-width: 640px) { .mock-refer-title { font-size: 48px; } }
  .mock-refer-band { background: linear-gradient(135deg, #7D6418 0%, #7D6418 100%); color: #FFFFFF; padding: 26px 22px; border-radius: 4px; display: grid; grid-template-columns: 1fr 1px 1fr; gap: 18px; align-items: center; margin: 22px auto 0; max-width: 560px; }
  .mock-refer-divider { background: rgba(253,251,245,0.4); width: 1px; height: 64px; }
  .mock-refer-amount { font-family: 'Cormorant Garamond','Cormorant Garamond Fallback','Cormorant Garamond Fallback Noto', Georgia, serif; font-size: 56px; font-weight: 500; line-height: 1; }
  .mock-refer-label { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; margin-top: 8px; opacity: 0.95; line-height: 1.35; }
  .mock-refer-foot { font-size: 12px; color: #6B5F50; margin-top: 20px; max-width: 460px; margin-left: auto; margin-right: auto; line-height: 1.55; }