/* Homepage-only promotion. No shared DBRanked selectors or layout overrides. */
.dbr-bn{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr 1fr;min-width:0;min-height:240px;margin:18px 0 24px;background:#081119;border:1px solid #315462;box-shadow:inset 3px 0 #41deea;overflow:hidden;color:#f0f8ff}
.dbr-bn::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 2% 0%,#163341 0%,transparent 60%)}
.dbr-bn .dbr-bn-copy{min-width:0;padding:20px 26px;align-self:center}
.dbr-bn .dbr-bn-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 7px;color:#a8c9d7;font:600 10px/1.5 'Chakra Petch',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.dbr-bn .dbr-bn-kicker span{color:#ffd79b;border:1px solid #88673f;padding:2px 6px;font-size:9px;letter-spacing:.08em}
.dbr-bn .dbr-bn-title{margin:0;color:#d9fbff;font:700 clamp(34px,3.8vw,52px)/1 'Chakra Petch',sans-serif;letter-spacing:.035em}
.dbr-bn .dbr-bn-title span{color:#ff9969;background:linear-gradient(100deg,#ff647f,#ffb45e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dbr-bn .dbr-bn-hook{margin:9px 0 5px;color:#f3f8fb;font:700 17px/1.2 'Chakra Petch',sans-serif;letter-spacing:.045em}
.dbr-bn .dbr-bn-desc{margin:0;color:#c0d0da;font:500 15px/1.35 'Rajdhani',sans-serif}
.dbr-bn .dbr-bn-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 17px;margin-top:15px}
.dbr-bn .dbr-bn-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:43px;padding:10px 18px;background:linear-gradient(100deg,#3cdeee,#80efc1);color:#06171e;border:1px solid #9fffea;text-decoration:none;font:700 13px/1.2 'Chakra Petch',sans-serif;letter-spacing:.07em;box-shadow:0 0 22px #42e5dc18;transition:filter .16s ease}
.dbr-bn .dbr-bn-cta span{font-size:20px;line-height:1}
.dbr-bn .dbr-bn-cta:hover{filter:brightness(1.12);color:#06171e}
.dbr-bn .dbr-bn-note{color:#a6becd;font:500 12px/1.4 'Rajdhani',sans-serif}
.dbr-bn .dbr-bn-media{position:relative;min-width:0;min-height:240px;background:#101b25;border-left:1px solid #315462;overflow:hidden}
.dbr-bn .dbr-bn-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.dbr-bn .dbr-bn-footage{position:absolute;top:12px;left:12px;padding:6px 8px;color:#f0f8ff;background:#081119e8;border:1px solid #6b869299;font:600 9px/1.2 'Chakra Petch',sans-serif;letter-spacing:.1em;pointer-events:none}
.dbr-bn .dbr-bn-footage span{color:#64e0e7;padding:0 4px}
.dbr-bn .dbr-bn-toggle{position:absolute;right:12px;bottom:12px;min-height:36px;padding:8px 11px;cursor:pointer;background:#081119ed;color:#f0f8ff;border:1px solid #b3d5dd;font:700 10px/1.2 'Chakra Petch',sans-serif;letter-spacing:.06em}
.dbr-bn .dbr-bn-toggle[hidden]{display:none}
.dbr-bn .dbr-bn-toggle:hover{background:#173642}
.dbr-bn .dbr-bn-cta:focus-visible,.dbr-bn .dbr-bn-toggle:focus-visible{outline:3px solid #ffb86c;outline-offset:3px}
@media(max-width:760px){
  .dbr-bn{grid-template-columns:1fr;margin:14px 0 20px}
  .dbr-bn .dbr-bn-media{grid-row:1;min-height:0;aspect-ratio:16/9;border-left:0;border-bottom:1px solid #315462}
  .dbr-bn .dbr-bn-copy{padding:20px}
  .dbr-bn .dbr-bn-title{font-size:clamp(34px,9vw,48px)}
  .dbr-bn .dbr-bn-hook{font-size:clamp(13px,3.7vw,17px)}
}
@media(prefers-reduced-motion:reduce){.dbr-bn .dbr-bn-cta{transition:none}}
