:root[data-dexscan-hero="chart-and-rewards"] { --dexscan-hero-art:url("/assets/dexscan/hero-options/6ae78559fce6/chart-and-rewards.webp"); }
:root[data-dexscan-hero="watch-and-earn"] { --dexscan-hero-art:url("/assets/dexscan/hero-options/6ae78559fce6/watch-and-earn.webp"); }
:root[data-dexscan-hero="multichain-discovery"] { --dexscan-hero-art:url("/assets/dexscan/hero-options/6ae78559fce6/multichain-discovery.webp"); }
/* The template fades the hero into the page with a mask on this element. A mask
   paints only inside the border box, so it also erases the framed panel's drop
   shadow and the lower third of the artwork. A framed preview needs neither. */
html[data-dexscan-hero] .framer-201m93 { height:auto !important; min-height:0 !important; aspect-ratio:1672/941; position:relative; overflow:hidden; border-radius:18px; border:1px solid #25272d; background:#050609; box-shadow:0 24px 90px #0006; -webkit-mask:none !important; mask:none !important; }
html[data-dexscan-hero] .framer-201m93 > * { display:none !important; }
html[data-dexscan-hero] .framer-201m93::after { content:""; position:absolute; inset:0; background:var(--dexscan-hero-art) center/contain no-repeat; }
@media(max-width:809.98px) { html[data-dexscan-hero] .framer-201m93 { border-radius:12px; } }
.dexscan-hero-gallery { box-sizing:border-box; max-width:1160px; padding:130px 24px 80px; margin:auto; color:#fff; font-family:Sora,Arial,sans-serif; }
.dexscan-hero-gallery a { color:inherit; }
.dexscan-hero-gallery h1 { font-size:clamp(32px,5vw,52px); letter-spacing:-.04em; line-height:1.15; margin:22px 0 16px; }
.dexscan-hero-gallery > p { max-width:640px; color:#9297a1; line-height:1.7; margin:0 0 40px; }
.dexscan-hero-gallery-grid { display:grid; gap:28px; }
.dexscan-hero-option { border:1px solid #25272d; background:#0d0f14; border-radius:18px; overflow:hidden; }
.dexscan-hero-option-picture { display:block; background:#050609; }
.dexscan-hero-option-picture img { width:100%; height:auto; aspect-ratio:1672/941; display:block; }
.dexscan-hero-option-info { padding:24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.dexscan-hero-option h2 { font-size:22px; font-weight:500; margin:0 0 9px; }
.dexscan-hero-option p { color:#9297a1; font-size:14px; line-height:1.6; margin:0; }
.dexscan-hero-recommendation { display:inline-block; color:#8da1ff; font-size:11px; letter-spacing:.03em; margin:0 0 9px; }
.dexscan-hero-preview-link { flex-shrink:0; font-size:13px; text-decoration:none; border-radius:9px; background:#0015cf; padding:14px 18px; }
.dexscan-hero-preview-link:hover { background:#142ee7; }
.dexscan-hero-gallery a:focus-visible { outline:2px solid #98aaff; outline-offset:5px; }
@media(max-width:600px) { .dexscan-hero-gallery { padding:100px 16px 48px; } .dexscan-hero-option-info { align-items:flex-start; flex-direction:column; padding:20px; gap:18px; } .dexscan-hero-option h2 { font-size:20px; } }