:root{--cb18-red:#d71920;--cb18-dark:#18181b;--cb18-cream:#fff9f5}
.cb18-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(15,16,20,.76);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}
.cb18-overlay[hidden]{display:none}
.cb18-overlay.cb18-visible{opacity:1}
.cb18-dialog{position:relative;width:min(850px,96vw);max-height:92vh;display:grid;grid-template-columns:minmax(250px, .78fr) minmax(320px,1.22fr);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.4);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.4);transform:translateY(18px) scale(.98);transition:transform .24s ease}
.cb18-visible .cb18-dialog{transform:none}
.cb18-close{position:absolute;z-index:4;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#222;font:700 29px/38px Arial,sans-serif;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.cb18-close:hover,.cb18-close:focus-visible{background:var(--cb18-red);color:#fff;outline:3px solid rgba(215,25,32,.25)}
.cb18-video-wrap{position:relative;min-height:500px;background:#111;overflow:hidden}
.cb18-video{display:block;width:100%;height:100%;max-height:78vh;object-fit:cover;background:#111}
.cb18-badge{position:absolute;top:18px;left:18px;padding:7px 11px;border-radius:999px;background:var(--cb18-red);color:#fff;font:800 11px/1 Arial,sans-serif;letter-spacing:.08em;box-shadow:0 5px 18px rgba(0,0,0,.25)}
.cb18-content{align-self:center;padding:48px 46px 42px;background:linear-gradient(145deg,#fff 55%,var(--cb18-cream))}
.cb18-brand{display:inline-block;margin-bottom:17px;color:var(--cb18-red);font:900 17px/1.1 Arial,sans-serif;letter-spacing:.12em}
.cb18-content h2{margin:0 0 16px;color:var(--cb18-dark);font:900 clamp(29px,4vw,43px)/1.04 Arial,sans-serif;letter-spacing:-.035em}
.cb18-content h2:after{content:"";display:block;width:62px;height:5px;margin-top:17px;border-radius:9px;background:var(--cb18-red)}
.cb18-content p{margin:0 0 24px;color:#3f3f46;font:400 17px/1.55 Arial,sans-serif}
.cb18-cta{display:block;padding:15px 20px;border-radius:10px;background:var(--cb18-red);color:#fff!important;text-decoration:none!important;text-align:center;font:800 16px/1.2 Arial,sans-serif;box-shadow:0 9px 24px rgba(215,25,32,.27);transition:transform .16s ease,background .16s ease}
.cb18-cta:hover,.cb18-cta:focus-visible{background:#b90f16;transform:translateY(-2px);outline:3px solid rgba(215,25,32,.2)}
.cb18-content small{display:block;margin-top:16px;color:#71717a;font:400 11px/1.45 Arial,sans-serif}
body.cb18-lock{overflow:hidden}
@media(max-width:680px){
  .cb18-overlay{padding:10px}
  .cb18-dialog{width:min(94vw,430px);max-height:94vh;display:block;border-radius:18px}
  .cb18-video-wrap{min-height:0;height:min(49vh,420px)}
  .cb18-video{height:100%;max-height:none}
  .cb18-content{padding:25px 24px 27px}
  .cb18-content h2{font-size:29px}
  .cb18-content p{font-size:15px;line-height:1.45;margin-bottom:18px}
  .cb18-brand{margin-bottom:11px}
  .cb18-badge{top:12px;left:12px}
}
@media(prefers-reduced-motion:reduce){.cb18-overlay,.cb18-dialog,.cb18-cta{transition:none!important}}