/* Pulse Coaching — thème */
:root { --font: "Jost", system-ui, sans-serif; --fg: #f1f3ee; --bg: #101214; --radius: 14px; --accent: #c8f25a; --accent-fg: #101214; --accent-ink: #4f6b0a; --paper: #f1f3ee; --paper-fg: #101214;
  --btn-line: #33383d; --btn-bg: #181b1e; --btn-fg: #f1f3ee; --btn-hover-bg: #f1f3ee; --btn-hover-fg: #101214; --btn-radius: 10px; }
.pulse-bg { position: absolute; left: 0; right: 0; top: 50%; width: 100%; height: 240px; transform: translateY(-50%); pointer-events: none; }
.btn { font-family: "Barlow Condensed", sans-serif; font-size: 1.02rem; letter-spacing: .06em; text-transform: uppercase; }
.face--front { background: #181b1e; display: flex; flex-direction: column; justify-content: center; padding: 8%; border: 1px solid #2a2f33; }
.face--front::before { content: ""; position: absolute; right: -40px; top: -40px; width: 200px; height: 200px; background: #c8f25a; transform: rotate(45deg); opacity: .95; }
.f-in { position: relative; }
.brand { margin: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: clamp(2.8rem, 9vw, 4.2rem); line-height: .86; letter-spacing: .01em; }
.brand span { display: block; font-size: .42em; letter-spacing: .38em; color: #c8f25a; margin-top: 8px; }
.beat { width: min(260px, 70%); height: auto; margin: 14px 0 6px; display: block; }
.sub { margin: 0; color: #a6adb3; font-size: .86rem; }
.tagline { position: absolute; right: 7%; bottom: 7%; margin: 0; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .2em; font-size: .86rem; color: #c8f25a; }
.face--back { background: #c8f25a; color: #101214; padding: 7% 8%; display: flex; }
.b-in { display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 8px; }
.who { margin: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 1.7rem; line-height: 1; text-transform: uppercase; }
.role { margin: 3px 0 0; font-size: .8rem; opacity: .75; }
.offers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.offers li { background: #101214; color: #f1f3ee; border-radius: 8px; padding: 6px 10px; display: flex; flex-direction: column; }
.offers b { font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; color: #c8f25a; }
.offers span { font-size: .92rem; font-weight: 600; }
.contact { list-style: none; margin: 0; padding: 0; font-size: .82rem; display: flex; flex-wrap: wrap; gap: 2px 14px; font-weight: 500; }
.contact a { text-decoration: none; border-bottom: 1.5px solid #101214; }
.legal-page { background: #101214; }
.legal-back a { color: #c8f25a; }
@media (max-width: 520px) {
  .face--front { justify-content: flex-start; padding-top: 30%; }
  .brand { font-size: 4rem; }
  .face--back { padding: 11% 9%; }
  .offers { grid-template-columns: 1fr; gap: 8px; }
  .offers li { flex-direction: row; justify-content: space-between; align-items: baseline; padding: 9px 12px; }
  .contact { flex-direction: column; gap: 6px; }
}