/* Concept prototypes: small additions on top of v3.css */
.cta-links { margin: .9rem 0 0; font-size: 15px; color: var(--muted); }
.cta-links a { color: var(--warm-white); text-decoration: none; border-bottom: 1px solid rgba(227, 189, 127, .5); padding-bottom: 1px; }
.cta-links a:hover { border-bottom-color: var(--gold); }
.reassure { margin: 1.4rem 0 0; font-size: 14px; letter-spacing: .02em; color: rgba(196, 202, 197, .85); max-width: 52ch; }
.beat--hero h1 { font-size: clamp(34px, 4.2vw, 58px); max-width: 18ch; }
.stat { margin: 1.2rem 0 0; color: var(--muted); }
.stat strong { display: block; font-size: clamp(40px, 5vw, 64px); line-height: 1; color: var(--gold); letter-spacing: -0.02em; margin-bottom: .3rem; }
.small-print { font-size: 14px; line-height: 1.5; margin-top: 1rem; }
.panel .btn { margin-top: .6rem; }
.panel--honest { border-left: 3px solid var(--gold) !important; }
.honest-copy { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.55; color: var(--warm-white) !important; margin: 0; }
.ways { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; gap: 18px; }
.ways li { padding-top: 16px; border-top: 1px solid var(--line-dark); }
.ways h3 { font-size: 20px; margin-bottom: .35em; }
.ways p { font-size: 16px; margin: 0; }
.way-num { color: var(--gold); font-size: 14px; letter-spacing: .1em; margin-right: .4rem; }
.price { display: inline-block; margin-left: .4rem; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--ink); background: var(--gold); padding: .15rem .5rem; border-radius: 4px; vertical-align: middle; }
.m3d .panel--center { width: min(640px, 92vw); }

/* Phones: the world opens first, the words rise over the lower screen */
@media (max-width: 767px) {
  .m3d .beat { min-height: 150svh; align-items: flex-end; padding: 58svh 0 10svh; }
  .m3d .beat--strike { min-height: 190svh; }
  .m3d .beat--hero { min-height: 100svh; align-items: center; padding: 4vh 0 10vh; }
  .m3d .panel { background: rgba(9, 13, 14, .8); padding: 22px 20px; }
  .m3d .hero-copy::before { inset: -8% -10%; }
  .m3d .portrait { max-width: 260px; }
}

/* Concept B is warmer: café browns instead of slate */
.concept-tables { --forest: #3a2a1d; }
.concept-tables .m3d body, .m3d .concept-tables { background: #0d0b09; }