.gold,.fab{background:linear-gradient(180deg,#ff8c00,#ff8c00)!important;color:#181818!important}
h1 em,.eyebrow,.brand b,.card span,summary:after{color:#ff8c00!important}
.ghost{border-color:#3a3a3a}.ghost:hover,input:focus{border-color:#ff8c00!important}
.chip[aria-pressed=true]{border-color:#ff8c00;background:rgba(255,140,0,.16);color:#ff8c00}
.panel,.card,.callband{border-color:#333!important}.panel{background:#181818!important}
.brand img{object-fit:contain;border-radius:0}
h1,h2,h3{font-family:Arial Black,Arial,sans-serif;font-weight:900}
.badge{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.badge img.full{width:100%;max-width:460px;height:auto}
.bv{display:inline-block;font:900 15px Arial,sans-serif;letter-spacing:.28em;color:#ff8c00;border:2px solid #ff8c00;border-radius:40px;padding:8px 18px 8px 22px}
.badge img.icon{width:170px;height:auto}
@media(max-width:860px){.badge{order:-1}.badge img.full{max-width:300px}.badge img.icon{width:120px}}
body{background:linear-gradient(90deg,#181818 0 55%,#ff8c00 55% 100%)!important;background-attachment:fixed}
.hero{background:transparent}.badge{background:#181818;border-radius:24px;padding:34px 24px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.how,.faq{background:#181818;border-radius:20px;padding:30px!important}
.callband{background:#ff8c00!important;border:none!important}.callband h2,.callband p{color:#181818!important}.callband .gold{background:#181818!important;color:#ff8c00!important}
footer{background:#181818;border-radius:16px 16px 0 0;padding:20px 24px 90px!important}
@media(max-width:860px){body{background:linear-gradient(180deg,#181818 0 45%,#ff8c00 45% 100%)!important;background-attachment:scroll}.how,.faq{margin-left:12px;margin-right:12px;padding:20px 16px!important}}
/* Preview B2: centered mascot between brand title and verification check. */
.mascot{position:relative;isolation:isolate;width:210px;max-width:100%;flex:none}
.mascot:before{content:"";position:absolute;inset:10% -10%;background:radial-gradient(ellipse,rgba(255,140,0,.18),transparent 68%);z-index:-1}
.mascot img{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 65% 64% at 50% 49%,#000 48%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 65% 64% at 50% 49%,#000 48%,transparent 85%)}
.badge{gap:10px;padding:24px}.badge img.icon{width:110px}
@media(max-width:860px){.mascot{width:170px}.badge{gap:8px;padding:20px 24px}.badge img.icon{width:90px}}

/* B3: paint the root canvas and scrollbar gutter, not just the body. */
html{width:100%;min-height:100%;margin:0;background:#ff8c00;overflow-x:hidden;scrollbar-color:#ff8c00 #ff8c00}
body{width:100%;min-height:100vh;margin:0;overflow-x:hidden;background-color:#ff8c00!important}
::-webkit-scrollbar{width:12px;background:#ff8c00}
::-webkit-scrollbar-track{background:#ff8c00}
::-webkit-scrollbar-thumb{background:#ff8c00;border:3px solid #ff8c00;border-radius:8px}

/* B4: a single logo-matched orange, without darker gradient stops or shadows. */
.gold,.fab{background:#ff8c00!important}
.ghost:hover{background:transparent}
.badge,.panel,.fab{box-shadow:none}
.btn:hover{filter:none}
.chip[aria-pressed=true]{border-color:#ff8c00;background:#181818;color:#ff8c00}
input:focus{border-color:#ff8c00!important}
::-webkit-scrollbar-thumb{background:#ff8c00;border-color:#ff8c00}

/* B5: brighter charcoal and solid logo-orange verification and call controls. */
html{color-scheme:dark}
body{color:#f5f5f5}
.badge{background:#202020}
.panel{background:#1c1c1c!important}
.how,.faq,footer{background:#181818}
.bv,.fab,.gold{background:#ff8c00!important;color:#111!important;border-color:#ff8c00!important;background-image:none!important;filter:none;opacity:1}
.mascot:before{background:radial-gradient(ellipse,rgba(255,140,0,.32),transparent 72%)}
.lead{color:#d1cdc7}
.err{color:#ff8c00}

/* Flash: strong and visible */
.badge img.icon{animation:vf-icon 1.4s ease-in-out infinite}
.badge .bv{animation:vf-pill 1.4s ease-in-out infinite}
@keyframes vf-icon{0%,60%,100%{filter:none;transform:scale(1)}15%,30%{filter:brightness(2.2) drop-shadow(0 0 14px #fff) drop-shadow(0 0 28px #ff8c00);transform:scale(1.08)}}
@keyframes vf-pill{0%,60%,100%{background:#ff8c00;box-shadow:none;transform:scale(1)}15%,30%{background:#fff;color:#111;box-shadow:0 0 18px #fff,0 0 36px #ff8c00;transform:scale(1.06)}}

:root,html,body{color-scheme:only light!important;forced-color-adjust:none}
/* B4: image-based orange so phone dark mode cannot recolor it */
html,body{background:url(or3.png) 0 0/100% 100% repeat!important}
@media(min-width:861px){body{background:url(bk.png) left top/55% 100% no-repeat fixed,url(or3.png) 0 0/100% 100% repeat!important}}
@media(max-width:860px){body{background:url(bk.png) left top/100% 45% no-repeat,url(or3.png) 0 0/100% 100% repeat!important}}
.callband{background:url(or3.png) 0 0/100% 100%!important}
.gold,.fab{background:url(or3.png) 0 0/100% 100%!important}
.callband .gold{background:url(bk.png) 0 0/100% 100%!important}
@keyframes vf-pill{0%,60%,100%{background:url(or3.png) 0 0/100% 100%;box-shadow:none;transform:scale(1)}15%,30%{background:#fff;color:#111;box-shadow:0 0 18px #fff,0 0 36px #ff8c00;transform:scale(1.06)}}

/* B5: real img for orange so dark mode cannot dim it */
html{background:transparent!important}
.obg{position:fixed;top:0;left:0;width:100vw;height:100lvh;min-height:100vh;z-index:-1;pointer-events:none;object-fit:fill;image-rendering:pixelated;right:0;bottom:0}
html,body{background:transparent!important}
@media(min-width:861px){body{background:url(bk.png) left top/55% 100% no-repeat fixed!important}}
@media(max-width:860px){body{background:url(bk.png) left top/100% 45% no-repeat!important}}

.hero .lead{color:#000!important;font-weight:600}