/* ClinicPro sales page: additions on top of academy.css (deep navy, brass, calm teal) */
.clinic .cp-hero { transition: background .8s; background: radial-gradient(60% 70% at 85% 20%, rgba(45, 180, 170, .22), transparent 70%), #0b1730; }
.clinic .cp-hero[data-m="crm"] { background: radial-gradient(60% 70% at 85% 20%, rgba(214, 170, 82, .24), transparent 70%), #0e1a2e; }
.clinic .cp-hero::before { background: radial-gradient(45% 60% at 12% 18%, rgba(214, 170, 82, .22), transparent 70%), radial-gradient(40% 55% at 92% 30%, rgba(45, 180, 170, .26), transparent 70%); }
.clinic .apx-eyebrow { border-color: rgba(214, 170, 82, .35); }
.clinic .apx-eyebrow i { color: #e6c27a; }
.clinic .cp-hero .grad { background: linear-gradient(90deg, #7fe0d4, #e6c27a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.clinic .apx-kicker:not(.light) { color: #0f766e; }
.clinic .apx-kicker:not(.light)::before { background: #2db4aa; }
.clinic .apx-kicker.light { color: #e6c27a; }
.clinic .apx-sec.dark { background: radial-gradient(60% 80% at 100% 0%, rgba(45, 180, 170, .16), transparent 60%), radial-gradient(60% 80% at 0% 100%, rgba(214, 170, 82, .14), transparent 60%), #0b1730; }
.cp-stage { position: relative; }
.cp-dial, .cp-side { display: inline-flex; gap: 4px; border-radius: 999px; padding: 4px; }
.cp-dial { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); margin-bottom: 14px; }
.cp-dial button, .cp-side button { border: 0; background: none; border-radius: 999px; padding: 8px 14px; font-weight: 700; font-size: .84rem; display: inline-flex; gap: 7px; align-items: center; cursor: pointer; transition: background .3s, color .3s; }
.cp-dial button { color: #d6dbe6; }
.cp-dial button.on { background: #2db4aa; color: #04201d; }
.cp-dial button[data-m="crm"].on { background: #e6c27a; color: #1d1405; }
.cp-stage .apx-shot img { transition: opacity .25s; }
.cp-stage .apx-shot img.swap { opacity: .2; }
.cp-cap { color: #c3c8d6; font-size: .9rem; margin: 12px 0 0; min-height: 1.4em; }
.cp-side { background: #eef4f4; border: 1px solid #d5e3e2; margin: 0 auto 18px; display: flex; width: max-content; max-width: 100%; }
.cp-side button { color: #33475b; }
.cp-side button.on { background: #0b1730; color: #fff; }
.cp-loop { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)); gap: 14px; counter-reset: s; }
.cp-loop li { position: relative; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); border-radius: 20px; padding: 22px 18px 18px; color: #dfe2ec; counter-increment: s; }
.cp-loop li::before { content: counter(s); position: absolute; top: 14px; right: 16px; font: 700 .8rem/1 'Plus Jakarta Sans', sans-serif; color: #e6c27a; opacity: .8; }
.cp-loop i { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(45, 180, 170, .18); color: #7fe0d4; font-size: 1.1rem; margin-bottom: 12px; }
.cp-loop b { display: block; color: #fff; margin-bottom: 4px; }
.cp-loop span { font-size: .88rem; color: #c3c8d6; line-height: 1.5; }
.cp-mods-h { display: flex; align-items: center; gap: 10px; font-size: 1.15rem; margin: 26px 0 14px; color: #0b1730; }
.cp-mods-h i { color: #0f766e; }
.cp-more { text-align: center; margin: 22px 0 0; }
.cp-more a { color: #0f766e; font-weight: 700; }
@media (max-width: 991.98px) { .cp-stage { margin-top: 30px; } }

/* every speciality strip + "new" tab badge (wave 2) */
.cp-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:8px}
.cp-spec{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(15,23,42,.08);text-decoration:none;color:inherit;font-weight:650;font-size:.92rem;transition:transform .2s,box-shadow .2s,border-color .2s}
.cp-spec i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#0b1730,#1f9e95);color:#fff;font-size:1rem;flex:none}
.cp-spec:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(11,23,48,.35);border-color:rgba(31,158,149,.45)}
.cp-new{margin-left:6px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,#d6aa52,#f0d48f);color:#3a2a06}
@media (max-width:480px){.cp-specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cp-spec{padding:12px;font-size:.84rem}.cp-spec i{width:30px;height:30px}}