/* ClipRoute partner promo (banner + code bar). Shared look across THG network sites. */
.cr-front-promo{max-width:1190px;margin:14px auto 20px;padding:0 16px}
.cr-banner{display:block;overflow:hidden;border-radius:14px 14px 0 0;border:1px solid #5b2ba6;border-bottom:0;background:#0b0718;transition:filter .2s}
.cr-banner:hover{filter:brightness(1.06)}
.cr-banner img{display:block;width:100%;height:auto;aspect-ratio:3/1}
.cr-codebar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:12px 16px;border:1px solid #5b2ba6;border-top:0;border-radius:0 0 14px 14px;
  background:linear-gradient(90deg,#140b2a,#0e1a12);font:500 14px/1.4 Inter,system-ui,sans-serif;color:#dfe8f3}
.cr-ad{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a6b4c6}
.cr-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cr-code b{font:900 20px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#0b0f06;background:#b4ff4d;padding:5px 10px;border-radius:7px}
.cr-code em{font-style:normal;font-weight:800;color:#b4ff4d}
.cr-code button{font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer;color:#e9e2ff;background:transparent;border:1px solid #8b5cf6;border-radius:8px;padding:8px 12px}
.cr-code button:hover,.cr-code button.cr-copied{background:#8b5cf6;color:#fff}
.cr-cta{margin-left:auto;font-weight:800;color:#0b0f06!important;background:linear-gradient(90deg,#b4ff4d,#5ee0a0);padding:10px 16px;border-radius:9px;text-decoration:none!important;white-space:nowrap}
.cr-cta:hover{filter:brightness(1.08)}
.cr-more{color:#c7b6ff!important;font-weight:600;font-size:13px}
@media(max-width:720px){.cr-front-promo{margin:10px auto 14px;padding:0 10px}.cr-codebar{padding:10px 12px}.cr-cta{margin-left:0;flex:1;text-align:center}.cr-more{width:100%}}
/* Landing page additions */
.hero .cr-codebar{border-radius:12px;border-top:1px solid #5b2ba6;margin-top:14px}
.cr-why{margin:26px 0;padding:22px;border:1px solid #2c3d22;border-radius:14px;background:linear-gradient(135deg,#0f1a0b,#120c22)}
.cr-why h2{margin:0 0 8px}
.cr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 0;padding:0;list-style:none;counter-reset:s}
.cr-steps li{counter-increment:s;background:#0a0f16;border:1px solid #243246;border-radius:10px;padding:12px;font-size:14px;line-height:1.45}
.cr-steps li::before{content:counter(s);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#b4ff4d;color:#0b0f06;font-weight:900;font-size:13px;margin-bottom:6px}
.cr-steps b{display:block;color:#fff}
.cr-sticky{display:none}
@media(max-width:720px){.cr-steps{grid-template-columns:1fr 1fr}
 .cr-sticky{display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:20;text-align:center;font:800 15px/1.2 Inter,system-ui,sans-serif;color:#0b0f06!important;text-decoration:none!important;
  background:linear-gradient(90deg,#b4ff4d,#5ee0a0);padding:14px;border-radius:12px;box-shadow:0 8px 30px #000a}
 main{padding-bottom:80px}}
.main-nav a.nav-cr{color:#b4ff4d;font-weight:800}
.cr-final{margin:28px 0 10px}.cr-final h2{margin:0 0 10px}
.cr-network{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.cr-network a{font:600 13px/1 Inter,system-ui,sans-serif;color:#cfe0f2!important;text-decoration:none!important;border:1px solid #2a3a51;border-radius:999px;padding:8px 12px}
.cr-network a:hover{border-color:#b4ff4d;color:#fff!important}