/* Approved Icon-S V2: additive; S8-R3 interaction CSS remains byte-identical. */
:root{--splurge-midnight:#03091D;--splurge-cyan:#13D9FF;--splurge-fuchsia:#F334E9;--splurge-text:#F2F6FF}
.top .wordmark{display:block;flex:none;line-height:0;width:min(29vw,295px);min-width:205px;letter-spacing:normal}
.approved-brand-header{display:block;width:100%;height:auto;aspect-ratio:7/2;object-fit:contain;object-position:center;filter:drop-shadow(0 0 6px #4566b133);border-radius:8px}
.s8-hero-symbol.approved-hero-panel{background:linear-gradient(135deg,#070d2c,#26123b);border-color:#43518c;border-radius:22px;min-height:unset;display:flex;flex-direction:column;overflow:hidden;padding:12px 8px 10px;font-size:initial;gap:4px}
.approved-hero-image{display:block;width:100%;height:auto;object-fit:contain;max-height:290px}
.approved-hero-tagline{color:#f1f6ff;font-size:12px;font-weight:800;letter-spacing:2px;text-align:center;line-height:1.5;margin:1px 0 4px}
.approved-logo-small{display:block;height:60px;width:auto;max-width:100%;object-fit:contain}
.approved-merchant-emblem{display:block;width:min(160px,42%);height:auto;border-radius:14px;margin-bottom:14px;object-fit:contain}
.approved-brand-footer{display:flex;flex-direction:column;gap:5px}
.approved-brand-footer .approved-footer-tagline{font-size:11px;color:#d7d8f5;letter-spacing:1px}
.top nav{min-width:0}
@media(max-width:920px){.top{gap:12px}.top .wordmark{min-width:190px;width:235px}.s8-hero-symbol.approved-hero-panel{max-width:650px;margin-inline:auto;width:100%}.approved-hero-image{max-height:235px}}
@media(max-width:600px){.top{display:flex;flex-direction:column;align-items:stretch;padding:12px 17px 16px;gap:9px}.top .wordmark{width:min(78vw,300px);min-width:0;align-self:center}.top nav{justify-content:space-between;gap:10px;flex-wrap:wrap}.top nav a:first-child,.top nav a:nth-child(2){display:none}.top nav a{font-size:12px}.top nav .nav-accent{padding:8px 12px}.s8-hero-symbol.approved-hero-panel{min-height:0;max-width:100%;padding:12px;margin-top:6px}.approved-hero-image{max-height:260px}.approved-hero-tagline{letter-spacing:1.6px;font-size:11px}}
@media(max-width:370px){.top{padding:10px 12px 14px}.top nav{gap:6px}.top nav a{font-size:11px}.top nav .nav-accent{padding:6px 8px}.approved-hero-tagline{font-size:10px}}
@media(prefers-reduced-motion:reduce){.approved-brand-header,.approved-hero-image{animation:none!important;transition:none!important}}