/* Final elevation layer for the canonical offer surfaces. CSS-native so the
   first paint stays fast and the site still explains itself with no JS. */
html:has(body.dbm-offer-page) { background: #07110f; }
body.dbm-offer-page {
  --elev-lime: #7ec820;
  --elev-blue: #75d4ed;
  --elev-paper: #e9f1ed;
  --elev-muted: #b2c1b9;
  background:
    radial-gradient(circle at 84% 8%, rgba(117, 212, 237, .12), transparent 28rem),
    radial-gradient(circle at 12% 38%, rgba(126, 200, 32, .08), transparent 32rem),
    linear-gradient(180deg, #07110f 0%, #0d1b16 46%, #07110f 100%);
}
body.dbm-offer-page .dbm-offer-hero { position: relative; min-height: min(720px, 76vh); isolation: isolate; }
body.dbm-offer-page .dbm-offer-hero::before {
  content: ""; position: absolute; z-index: -1; inset: 5% -10% 0; opacity: .28;
  background-image: linear-gradient(rgba(117, 212, 237, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(117, 212, 237, .13) 1px, transparent 1px);
  background-size: 36px 36px; mask-image: linear-gradient(90deg, transparent, black 18%, black 82%, transparent);
  transform: perspective(900px) rotateX(62deg) translateY(19%); transform-origin: center bottom;
}
body.dbm-offer-page .dbm-offer-hero-copy { position: relative; z-index: 2; }
body.dbm-offer-page .dbm-offer-hero h1 { text-wrap: balance; }
body.dbm-offer-page .dbm-offer-promise, body.dbm-offer-page .dbm-offer-explainer { color: var(--elev-paper); }
body.dbm-offer-page .dbm-offer-promise { opacity: .86; }
body.dbm-offer-page .dbm-offer-explainer { max-width: 46ch; padding-left: 14px; border-left: 3px solid var(--elev-lime); }
body.dbm-offer-page .dbm-offer-hero-art { min-height: clamp(300px, 38vw, 470px); filter: drop-shadow(22px 26px 0 rgba(0, 0, 0, .22)); }
body.dbm-offer-page .dbm-offer-hero-art::before {
  inset: 10% 4% 8%; border-color: rgba(126, 200, 32, .44);
  background: linear-gradient(135deg, rgba(24, 58, 42, .98), rgba(6, 15, 12, .94)), linear-gradient(rgba(117, 212, 237, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(117, 212, 237, .12) 1px, transparent 1px);
  background-size: auto, 28px 28px, 28px 28px;
  box-shadow: 20px 26px 0 rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .1), 0 0 70px rgba(117, 212, 237, .09);
}
body.dbm-offer-page .dbm-offer-hero-art::after {
  content: ""; position: absolute; z-index: -1; inset: 5% 11% 7%; border: 1px solid rgba(117, 212, 237, .17);
  transform: rotateX(67deg) rotateZ(10deg) translateZ(-65px); box-shadow: 0 0 0 12px rgba(117, 212, 237, .025), 0 0 0 24px rgba(117, 212, 237, .018);
}
body.dbm-offer-page .dbm-final-hero-core {
  position: absolute; z-index: 2; left: 50%; top: 50%; width: clamp(116px, 16vw, 190px); aspect-ratio: 1;
  border: 1px solid rgba(233, 241, 237, .38); background: linear-gradient(145deg, rgba(126, 200, 32, .88), rgba(31, 82, 55, .95) 52%, rgba(8, 16, 13, .98));
  box-shadow: 18px 22px 0 rgba(0, 0, 0, .28), inset 0 0 0 12px rgba(6, 15, 12, .32), inset 0 1px rgba(255, 255, 255, .32), 0 0 38px rgba(126, 200, 32, .23);
  transform: translate(-50%, -55%) rotateX(55deg) rotateZ(-45deg) translateZ(30px); transition: transform .3s ease;
}
body.dbm-offer-page .dbm-final-hero-core::before, body.dbm-offer-page .dbm-final-hero-core::after { content: ""; position: absolute; background: var(--elev-blue); box-shadow: 0 0 18px rgba(117, 212, 237, .75); }
body.dbm-offer-page .dbm-final-hero-core::before { width: 56%; height: 3px; left: 22%; top: 49%; }
body.dbm-offer-page .dbm-final-hero-core::after { width: 3px; height: 56%; left: 49%; top: 22%; }
body.dbm-offer-page .dbm-final-hero-core span { position: absolute; inset: 29%; border: 2px solid var(--elev-paper); border-radius: 50%; opacity: .8; }
body.dbm-offer-page .dbm-final-hero-scan { position: absolute; z-index: 3; left: 18%; right: 12%; top: 42%; height: 2px; background: linear-gradient(90deg, transparent, var(--elev-lime), transparent); box-shadow: 0 0 15px rgba(126, 200, 32, .8); opacity: .65; animation: dbm-final-scan 5.8s ease-in-out infinite; }
body.dbm-offer-page .dbm-final-hero-pin { position: absolute; z-index: 3; width: 8px; height: 8px; border-radius: 50%; background: var(--elev-lime); box-shadow: 0 0 0 5px rgba(126, 200, 32, .13), 0 0 20px rgba(126, 200, 32, .75); }
body.dbm-offer-page .dbm-final-hero-pin-a { left: 20%; top: 30%; }
body.dbm-offer-page .dbm-final-hero-pin-b { right: 20%; bottom: 29%; background: var(--elev-blue); box-shadow: 0 0 0 5px rgba(117, 212, 237, .13), 0 0 20px rgba(117, 212, 237, .75); }
body.dbm-engines-page .dbm-final-hero-image { position: absolute; z-index: 1; inset: 7% 2% 3%; width: 96%; height: 90%; object-fit: cover; border: 1px solid rgba(233, 241, 237, .18); border-radius: 10px; opacity: .92; mix-blend-mode: screen; filter: saturate(.92) contrast(1.06); box-shadow: 18px 24px 0 rgba(0, 0, 0, .2), 0 0 50px rgba(126, 200, 32, .12); }
body.dbm-engines-page .dbm-final-hero-image + .dbm-final-hero-core { opacity: .22; }
body.dbm-offer-page .dbm-offer-section { position: relative; }
body.dbm-offer-page .dbm-offer-section:nth-of-type(odd) { background: linear-gradient(90deg, rgba(9, 14, 12, .32), transparent 65%); }
body.dbm-offer-page .dbm-offer-section-head h2 { text-wrap: balance; }
body.dbm-offer-page .dbm-offer-card, body.dbm-offer-page .dbm-offer-step, body.dbm-offer-page .dbm-offer-audience > div { overflow: clip; isolation: isolate; }
body.dbm-offer-page .dbm-offer-card { position: relative; }
body.dbm-offer-page .dbm-offer-card::after { content: ""; position: absolute; z-index: -1; width: 180px; height: 180px; right: -78px; bottom: -95px; border: 1px solid rgba(117, 212, 237, .16); border-radius: 50%; box-shadow: 0 0 0 14px rgba(117, 212, 237, .025), 0 0 0 28px rgba(117, 212, 237, .018); transform: rotateX(62deg) rotateZ(-12deg); transition: transform .35s ease, border-color .3s ease; }
body.dbm-offer-page .dbm-offer-card[data-elevated="true"] { transform: perspective(900px) rotateX(var(--card-tilt-x, 0deg)) rotateY(var(--card-tilt-y, 0deg)) translateY(var(--card-lift, 0)); }
body.dbm-offer-page .dbm-offer-card:hover::after, body.dbm-offer-page .dbm-offer-card:focus-within::after { transform: rotateX(62deg) rotateZ(12deg) scale(1.08); border-color: rgba(126, 200, 32, .3); }
body.dbm-offer-page .dbm-offer-card .dbm-button { min-height: 44px; }
body.dbm-offer-page .dbm-offer-index { color: var(--elev-blue); }
body.dbm-offer-page .dbm-offer-status { display: inline-flex; align-self: flex-start; margin-top: 10px; padding: 5px 8px; border: 1px solid rgba(126, 200, 32, .4); color: var(--elev-lime); font: 800 10px/1.2 var(--dbm-font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; background: rgba(126, 200, 32, .06); }
body.dbm-offer-page .dbm-offer-price strong { text-shadow: 0 0 22px rgba(126, 200, 32, .2); }
body.dbm-offer-page .dbm-offer-bonus { margin-top: 14px; padding: 12px 14px; border: 1px solid rgba(126, 200, 32, .42); color: var(--elev-paper) !important; background: rgba(126, 200, 32, .08); }
body.dbm-offer-page .dbm-offer-bonus strong { color: var(--elev-lime); }
body.dbm-offer-page .dbm-offer-bottom { position: relative; margin-top: 16px; padding-left: 18px; border-left: 4px solid var(--elev-lime); background: linear-gradient(90deg, rgba(126, 200, 32, .07), transparent 65%); }
body.dbm-offer-page .dbm-bundle-list { display: grid; gap: 12px; max-width: 76ch; padding-left: 22px; }
body.dbm-offer-page .dbm-bundle-list li { padding: 12px 14px; border-left: 2px solid var(--elev-lime); background: rgba(126, 200, 32, .06); }
body.dbm-offer-page .dbm-bundle-list-muted li { border-left-color: #dd5d31; background: rgba(221, 93, 49, .06); }
/* Motion should enhance the catalog, never hide it from a reader, crawler, or full-page capture. */
body.dbm-offer-page [data-reveal] { opacity: 1; transform: none; transition: opacity .55s ease, transform .55s ease; }
body.dbm-offer-page [data-reveal].is-in { opacity: 1; transform: none; }
body.dbm-offer-page .dbm-offer-card:nth-child(2) { transition-delay: 60ms; }
body.dbm-offer-page .dbm-offer-card:nth-child(3) { transition-delay: 120ms; }
@keyframes dbm-final-scan { 0%, 100% { transform: translateY(-65px); opacity: .08; } 50% { transform: translateY(80px); opacity: .72; } }
@media (max-width: 700px) { body.dbm-offer-page .dbm-offer-hero { min-height: auto; } body.dbm-offer-page .dbm-offer-hero-art { min-height: 260px; margin-top: 4px; } body.dbm-offer-page .dbm-final-hero-core { width: 126px; } body.dbm-offer-page .dbm-offer-bottom { padding-left: 14px; } }
@media (max-width: 900px) { body.dbm-offer-page .dbm-offer-hero::before { left: 0; right: 0; } }
@media (max-width: 640px) { body.dbm-offer-page .dbm-offer-card::after { right: 0; bottom: 0; width: 120px; height: 120px; } }
@media (prefers-reduced-motion: reduce) { body.dbm-offer-page .dbm-final-hero-scan { animation: none; opacity: .32; } body.dbm-offer-page [data-reveal] { opacity: 1; transform: none; transition: none; } body.dbm-offer-page .dbm-final-hero-core { transition: none; } }
@media (prefers-contrast: more) { body.dbm-offer-page .dbm-offer-card, body.dbm-offer-page .dbm-offer-audience > div { border-color: var(--elev-paper); } body.dbm-offer-page .dbm-offer-promise, body.dbm-offer-page .dbm-offer-card > p, body.dbm-offer-page .dbm-offer-card li { color: var(--elev-paper); opacity: 1; } }