/* HaloBoosts — original orbital design, inspired by DiscordPlug's dark/violet art direction. */
:root:root, html[data-scheme] {
 --cl-accent: 155, 104, 255 !important; --cl-on-accent: 255,255,255 !important;
 --radius-card: 22px !important; --radius-input: 12px !important; --radius-button: 12px !important;
 --section-py: 82px !important; --container-max: 1180px !important;
}
html[data-scheme="light"] { --cl-background: 247,245,255 !important; --cl-surface: 255,255,255 !important; --cl-surface-raised: 241,236,255 !important; --cl-t-primary: 26,20,44 !important; --cl-t-muted: 103,94,126 !important; --cl-border: rgba(99,63,161,.16) !important; }
body { letter-spacing:-.015em; }
::selection { background:#9858f8; color:white; }
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #b995ff; outline-offset:5px; }
.sa-announcement { background:linear-gradient(90deg,#34205e,#5b3490,#34205e)!important; color:#eee5ff; font-size:12px; letter-spacing:.04em; }
.sa-header { backdrop-filter:blur(18px); }
.sa-navbar--floating-pill > div > div { border-radius:18px; background:rgba(17,16,25,.88); border-color:rgba(180,151,255,.16); box-shadow:0 8px 40px #0002; }
[data-scheme="light"] .sa-navbar--floating-pill > div > div { background:rgba(255,255,255,.92); }
.sa-navbar-logo { letter-spacing:-.04em; font-size:20px; }
.sa-navbar-logo img { height:34px; border-radius:10px; }
.sa-navbar-link { border-radius:9px; }
.sa-navbar-cart { background:linear-gradient(135deg,#9458f5,#7159e7); color:#fff; padding:11px; box-shadow:0 4px 20px #8a50ee33; }
.sa-btn--primary,.sa-faq-support-card-link { background:linear-gradient(115deg,#9560f4,#7b4fed)!important; color:white; border:1px solid #c6a3ff33; box-shadow:0 8px 30px #8b50ed33; }
.sa-btn { transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.sa-btn:hover { transform:translateY(-3px); box-shadow:0 12px 34px #8b50ed44; }
.sa-btn--secondary { background:rgba(255,255,255,.045); border-color:rgba(186,164,240,.25); }
.sa-hero { isolation:isolate; background:radial-gradient(ellipse at 50% 108%,#7342cb3b 0,transparent 61%); border-bottom:1px solid #a17cf01a; }
.sa-hero > .wrap { padding-top:94px; padding-bottom:48px; }
.sa-hero--centered .wrap > .text-center { max-width:900px; position:relative; z-index:2; }
.sa-hero-title { font-size:clamp(42px,6.1vw,80px)!important; line-height:1.06!important; letter-spacing:-.058em; font-weight:700; }
.sa-hero-title .mk,.sa-section-title .mk { background:linear-gradient(100deg,#b388ff,#9771ff 55%,#6ae0e1); color:transparent!important; background-clip:text; -webkit-background-clip:text; }
.sa-hero-subtitle { max-width:650px; margin:25px auto 0; font-size:17px; line-height:1.8; }
.sa-hero-eyebrow { padding:8px 15px!important; border-color:#a779ff44; background:#9d69ff0c; color:#c6acff; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
[data-scheme="light"] .sa-hero-eyebrow { color:#7342bb; }
.sa-hero-eyebrow:before { content:''; width:6px; height:6px; border-radius:50%; background:#7bedcf; box-shadow:0 0 12px #7bedcf; }
.sa-hero-actions { margin-top:30px; }
.sa-hero-actions .sa-btn { padding:16px 25px; font-size:15px; }
.hero-bg-grid { opacity:.14; mask-image:linear-gradient(transparent,#000 65%,transparent); }
.hero-bg-glow { opacity:.5; }
.hb-orbit { width:185px; height:185px; position:absolute; top:180px; z-index:0; pointer-events:none; }
.hb-orbit-left { left:-55px; transform:rotate(-22deg); }
.hb-orbit-right { right:-55px; top:275px; transform:rotate(25deg) scale(.8); }
.hb-ring { position:absolute; inset:15px -15px; border:5px solid #b38aff; border-left-color:#6df1dd; border-bottom-color:#533688; border-radius:50%; transform:rotateX(62deg); box-shadow:0 0 22px #a86cff88,inset 0 0 12px #a86cff55; }
.hb-orbit-core { position:absolute; inset:39px; display:grid; place-items:center; border-radius:28px; background:radial-gradient(circle at 30% 20%,#b998ff,#7743d5 45%,#2a1855 90%); border:1px solid #c8aeff; box-shadow:inset 5px 5px 17px #e1d3ff55,inset -6px -8px 20px #16072d,0 0 60px #9b5aee44; color:#eee2ff; font-size:43px; transform:rotate(12deg); }
.hb-satellite { position:absolute; right:6px; top:10px; width:20px; height:20px; border-radius:50%; background:radial-gradient(circle at 30% 25%,white,#7ce5db 25%,#306e83 80%); box-shadow:0 0 25px #69d6d75c; }
.hb-perks { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:68px; position:relative; z-index:2; }
.hb-perks span { display:flex; align-items:center; gap:10px; padding:12px 20px; font-size:12px; color:rgb(var(--cl-t-muted)); background:linear-gradient(145deg,rgba(151,104,249,.1),rgba(151,104,249,.025)); border:1px solid #b799ff24; border-radius:12px; }
.hb-perks i { color:#b792ff; }
.sa-trust-badges { padding:30px 0!important; border-bottom:1px solid #a17cf01a; background:rgba(133,88,226,.025); }
.sa-trust-badges img { opacity:.85; }
.sa-section-title { font-size:clamp(30px,3.4vw,46px)!important; letter-spacing:-.045em; line-height:1.12; }
.sa-section-eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:#b89be8; }
.sa-products .sa-section-header { text-align:center; margin-left:auto; margin-right:auto; }
.sa-product-card { border:1px solid #b89be824; background:linear-gradient(145deg,rgba(124,83,182,.1),rgb(var(--cl-surface))); border-radius:20px; transition:transform .25s,border-color .25s,box-shadow .25s; overflow:hidden; }
.sa-product-card:hover { transform:translateY(-6px); border-color:#ab80f877; box-shadow:0 15px 45px #854dd022; }
.sa-product-card-title { font-size:19px; letter-spacing:-.03em; }
.sa-product-card-price { color:#c5a3ff; }
.sa-features--split-highlights > .wrap > div { padding:44px; background:radial-gradient(ellipse at 0 0,#8a50de1f,transparent 55%),rgb(var(--cl-surface)); border:1px solid #b99aec29; border-radius:26px; }
.sa-features-item { flex-direction:column; gap:16px; padding:22px; border:1px solid #b99aec1f; border-radius:16px; background:rgba(150,102,229,.03); }
.sa-features-item > span { width:46px; height:46px; border:1px solid #a778e733; background:#a778e715; border-radius:14px; color:#b78ef6; font-size:18px; }
.sa-features-item h3 { font-weight:600; font-size:16px; }
.sa-features-item p { line-height:1.75; }
.sa-steps { background:linear-gradient(180deg,transparent,#7751b706,transparent); }
.sa-steps--timeline .wrap > .relative { max-width:100%; }
.sa-steps--timeline .wrap > .relative > .absolute { display:none; }
.sa-steps-items { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px!important; }
.sa-steps-item { flex-direction:column; gap:16px!important; padding:27px 23px; border:1px solid #b99aec24; background:rgb(var(--cl-surface)); border-radius:20px; }
.sa-steps-item > span { background:linear-gradient(135deg,#8f5bd82b,#5533891a); color:#b797ef; width:42px; height:42px; border-color:#b99aec40; font-size:15px; }
.sa-steps-item h3 { font-size:16px; font-weight:600; }
.sa-steps-item p { line-height:1.7; }
.sa-text-block--accent-tint .wrap > div { max-width:100%; padding:58px 35px; background:radial-gradient(ellipse at 50% 0,#9b64e52e,transparent 70%),rgb(var(--cl-surface)); border:1px solid #bc8eff38; border-radius:26px; }
.sa-text-block-body { max-width:680px; margin:auto; line-height:1.8; font-size:15px; }
.sa-faq .sa-section-header { text-align:center; margin-left:auto; margin-right:auto; }
.sa-faq-item { border-radius:15px; border-color:#b99aec24; background:rgb(var(--cl-surface)); }
.sa-faq-item button { padding:22px; font-size:14px; }
.sa-faq-support-card { margin-top:24px; border-radius:20px; background:linear-gradient(100deg,#8955ce18,transparent),rgb(var(--cl-surface)); padding:28px; }
.sa-footer { border-top:1px solid #b99aec24; background:rgba(106,72,158,.035); }
.sa-footer-link:hover,.sa-navbar-link:hover { color:#c4a0ff; }
.sa-breadcrumbs { font-size:12px; }
.sa-cart-panel,.sa-searchbar { border-color:#b99aec33; }
@media(min-width:1450px) { .hb-orbit-left { left:0; } .hb-orbit-right { right:0; } }
@media(max-width:1023px) { .hb-orbit { opacity:.5; width:130px; height:130px; top:235px; } .hb-orbit-core { inset:28px; font-size:30px; border-radius:20px; } .hb-ring { border-width:3px; } .sa-steps-items { grid-template-columns:repeat(2,minmax(0,1fr)); } .sa-features--split-highlights > .wrap > div { padding:28px; } }
@media(max-width:600px) { :root:root { --section-py:54px!important; } .sa-hero > .wrap { padding-top:64px; padding-bottom:32px; } .sa-hero-title { font-size:43px!important; letter-spacing:-.055em; } .sa-hero-subtitle { font-size:15px; line-height:1.75; } .hb-orbit { display:none; } .hb-perks { gap:8px; margin-top:36px; } .hb-perks span { padding:9px 12px; font-size:10px; } .sa-hero-actions .sa-btn { padding:14px 18px; font-size:13px; } .sa-steps-items { grid-template-columns:1fr; } .sa-steps-item { flex-direction:row; padding:22px; } .sa-features--split-highlights > .wrap > div { padding:22px; } .sa-features-item { padding:19px; } .sa-text-block--accent-tint .wrap > div { padding:38px 22px; } .sa-navbar-logo { font-size:17px; } .sa-navbar--floating-pill > div { padding-left:12px; padding-right:12px; } }
@media(prefers-reduced-motion:reduce) { .sa-btn,.sa-product-card { transition:none; } .sa-btn:hover,.sa-product-card:hover { transform:none; } }

/* Compact full-width navigation */
.sa-header { background:rgb(var(--cl-background)); }
.sa-announcement { display:none; }
.sa-navbar--classic > div { border:0; box-shadow:none; background:rgb(var(--cl-background)); }
.sa-navbar--classic .wrap { max-width:1180px; height:72px; gap:28px; }
.sa-navbar-logo { font-size:18px; letter-spacing:-.035em; }
.sa-navbar-logo img { height:32px; }
.sa-navbar-link { font-size:12px; padding:8px 11px; background:transparent!important; color:rgb(var(--cl-t-muted)); }
.sa-navbar-link:hover { color:rgb(var(--cl-t-primary)); }
.hb-nav-order,.hb-nav-discord { display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; min-height:36px; padding:9px 14px; border-radius:9px; font-size:12px; font-weight:600; transition:background .2s,transform .2s; }
.hb-nav-order { background:rgba(255,255,255,.075); color:rgb(var(--cl-t-primary)); }
.hb-nav-discord { background:linear-gradient(110deg,#7044b9,#542592); color:#fff; box-shadow:0 4px 18px #7835c522; margin-left:8px; }
.hb-nav-order:hover { background:rgba(154,125,200,.2); }
.hb-nav-discord:hover { background:linear-gradient(110deg,#8353ce,#6330a6); transform:translateY(-1px); }
[data-scheme="light"] .hb-nav-order { background:#eae5f2; }
@media(max-width:600px) { .sa-navbar--classic .wrap { height:64px; gap:10px; padding-left:16px; padding-right:16px; } .sa-navbar-logo { font-size:16px; gap:7px; } .sa-navbar-logo img { height:27px; } .hb-nav-order { display:none; } .hb-nav-discord { padding:9px 11px; margin-left:0; font-size:11px; } }

.sa-navbar--classic .hidden.lg\:flex .sa-navbar-cart { background:transparent; color:rgb(var(--cl-t-muted)); box-shadow:none; padding:8px; }

/* HaloBoosts illustrated storefront, version 3 */
html[data-scheme="dark"] { --cl-background:13,13,16!important; --cl-surface:21,20,26!important; --cl-t-muted:161,157,174!important; background:#0d0d10!important; }
.hb-home-v3 { overflow:hidden; }
.hb-home-v3 em { color:#a266ed; font-style:normal; }
.hb-section { padding:90px 0; }
.hb-home-v3 h2 { font-size:clamp(34px,4.1vw,52px); line-height:1.07; font-weight:600; letter-spacing:-.05em; }
.hb-home-v3 p { color:rgb(var(--cl-t-muted)); line-height:1.75; }
.hb-hero-v3 { min-height:715px; border:0; background:linear-gradient(180deg,transparent 25%,#291c4433 70%,#7747ca55 100%); padding:75px 0 95px; overflow:hidden; position:relative; }
.hb-hero-v3 .wrap { padding-top:0; padding-bottom:0; }
.hb-hero-copy { text-align:center; position:relative; z-index:2; }
.hb-hero-copy h1 { font-size:clamp(45px,6.2vw,78px); line-height:1.09; font-weight:600; letter-spacing:-.055em; margin:20px auto 0; max-width:960px; }
.hb-hero-copy h1 em { color:#a266ed; }
.hb-kicker { display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:600; letter-spacing:.13em; }
.hb-kicker span { width:6px; height:6px; border-radius:50%; background:#b378f9; box-shadow:0 0 15px #a665ec; }
.hb-hero-description { font-size:17px; line-height:1.75; max-width:620px; margin:27px auto 0; }
.hb-hero-buttons { display:flex; gap:16px; justify-content:center; margin-top:34px; flex-wrap:wrap; }
.hb-primary { padding:17px 27px; min-height:54px; background:linear-gradient(110deg,#8250c6,#a061ed 55%,#8150c5); color:white!important; border:1px solid #bd8ff333; border-radius:10px; box-shadow:0 8px 24px #9258d333; font-size:15px; gap:13px; }
.hb-white { padding:17px 25px; min-height:54px; background:#fafafa; color:#19191d; border-radius:10px; font-size:15px; gap:10px; }
.hb-white i { color:#9a5be4; }
.hb-payment-row { display:flex; gap:18px; align-items:center; justify-content:center; margin-top:27px; color:#e4dce9; }
.hb-payment-row span { font-size:9px; letter-spacing:.11em; color:#8e879b; }
.hb-payment-row i { font-size:27px; opacity:.8; }
.hb-scroll-link { display:inline-flex; align-items:center; gap:10px; font-size:11px; color:#b4a2cb; margin-top:94px; }
.hb-hero-glow { position:absolute; bottom:-280px; left:20%; width:60%; height:370px; border-radius:50%; background:#995ae7; filter:blur(95px); opacity:.5; pointer-events:none; }
.hb-hero-mascot { position:absolute; width:310px; height:auto; left:-54px; bottom:-22px; z-index:1; filter:drop-shadow(0 0 30px #835ae522); pointer-events:none; }
.hb-hero-crystal { position:absolute; width:135px; height:auto; top:245px; right:40px; z-index:1; pointer-events:none; transform:rotate(18deg); }
.hb-hero-crystal-small { position:absolute; width:95px; height:auto; bottom:22px; right:27%; z-index:1; opacity:.7; filter:blur(1px); pointer-events:none; }
.hb-float { animation:hb-float 7s ease-in-out infinite; }
.hb-float-reverse { animation:hb-float-reverse 8s ease-in-out infinite; }
@keyframes hb-float { 0%,100% { transform:translate3d(0,0,0) rotate(-3deg); } 50% { transform:translate3d(0,-18px,0) rotate(2deg); } }
@keyframes hb-float-reverse { 0%,100% { transform:translate3d(0,-10px,0) rotate(7deg); } 50% { transform:translate3d(0,12px,0) rotate(-4deg); } }
.hb-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:65px; }
.hb-eyebrow { color:#a86aeb!important; font-size:12px; font-weight:600; margin-bottom:18px; }
.hb-section-copy > p:not(.hb-eyebrow) { font-size:16px; margin-top:25px; max-width:465px; }
.hb-text-link { display:inline-flex; align-items:center; gap:15px; color:#b377ef; font-size:14px; font-weight:600; margin-top:26px; }
.hb-text-link:hover { color:#d4afff; }
.hb-text-link span { transition:transform .2s; }
.hb-text-link:hover span { transform:translateX(4px); }
.hb-about { padding-top:105px; padding-bottom:65px; }
.hb-about-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:485px; }
.hb-about-art:before { content:''; position:absolute; width:85%; height:85%; background:radial-gradient(ellipse,#8953d52b,transparent 68%); border-radius:50%; }
.hb-about-art img { width:340px; height:auto; position:relative; z-index:1; }
.hb-outline-word { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:transparent; -webkit-text-stroke:1.5px #8f52ca55; font-size:125px; line-height:.9; letter-spacing:.06em; font-weight:700; text-align:center; pointer-events:none; }
.hb-art-label { position:absolute; padding:10px 14px; background:rgba(28,23,36,.85); border:1px solid #b084dc33; border-radius:9px; font-size:9px; letter-spacing:.07em; font-weight:600; color:#c8b9dc; z-index:2; backdrop-filter:blur(8px); }
.hb-art-label i { color:#b374f4; margin-right:7px; }
.hb-label-top { top:52px; left:0; }
.hb-label-bottom { bottom:50px; right:0; }
.hb-about-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:38px; border-top:1px solid #ad82d122; padding-top:24px; }
.hb-about-facts div { display:flex; flex-direction:column; gap:6px; }
.hb-about-facts i { color:#a26bdf; font-size:17px; margin-bottom:4px; }
.hb-about-facts strong { font-size:12px; font-weight:600; }
.hb-about-facts span { font-size:10px; color:rgb(var(--cl-t-muted)); }
.hb-home-v3 .sa-trust-badges { background:transparent; border:0; padding:22px 0!important; }
.hb-home-v3 .sa-products { padding-bottom:25px; }
.hb-home-v3 .sa-products .sa-section-title { font-size:52px!important; }
.hb-guide-caption { font-size:10px; letter-spacing:.1em; text-align:center; margin-bottom:20px; }
.hb-level-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.hb-level-card { padding:30px; border:1px solid #ad82d122; border-radius:14px; background:radial-gradient(ellipse at 50% 0,#744b9824,transparent 60%),rgb(var(--cl-surface)); display:flex; flex-direction:column; align-items:flex-start; transition:transform .25s,border-color .25s; }
.hb-level-card:hover { transform:translateY(-5px); border-color:#a970db88; }
.hb-level-card > i { font-size:26px; color:#bc84f6; margin-bottom:25px; }
.hb-level-card > span:not(.hb-level-link) { font-size:9px; color:#aa91c3; letter-spacing:.12em; }
.hb-level-card h3 { font-size:29px; font-weight:600; letter-spacing:-.035em; margin-top:7px; }
.hb-level-card strong { font-size:16px; color:#b479f3; margin-top:9px; }
.hb-level-card p { font-size:13px; margin-top:16px; }
.hb-level-link { font-size:12px; color:#c294f4; margin-top:26px; }
.hb-level-featured { border-color:#a970db66; background:radial-gradient(ellipse at 50% 0,#9360dd35,transparent 80%),rgb(var(--cl-surface)); }
.hb-guide-note { text-align:center; font-size:11px; margin-top:18px; }
.hb-center-heading { text-align:center; margin-bottom:68px; }
.hb-center-heading > p:last-child { margin-top:18px; font-size:15px; }
.hb-value-row { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; padding:45px 0 80px; }
.hb-value-reverse .hb-section-copy { order:2; }
.hb-value-reverse .hb-crystal-art { order:1; }
.hb-checkout-art { min-height:390px; position:relative; display:grid; place-items:center; background:radial-gradient(ellipse,#8055ce28,transparent 68%); }
.hb-checkout-orbit { position:absolute; inset:5px 0; border:1px solid #9c6dd52b; border-radius:50%; transform:rotate(-18deg); }
.hb-mini-checkout { width:315px; border:1px solid #bc95e94a; border-radius:16px; padding:24px; background:linear-gradient(140deg,#282032,#17131d); transform:rotate(-5deg); box-shadow:20px 25px 70px #0005; position:relative; }
.hb-mini-top { display:flex; justify-content:space-between; color:#e0d1ec; font-size:12px; border-bottom:1px solid #c398eb22; padding-bottom:18px; }
.hb-mini-top i { color:#bd8ef0; margin-right:6px; }
.hb-mini-checkout > p { font-size:8px; letter-spacing:.12em; margin-top:22px; color:#ab91c1; }
.hb-mini-checkout h3 { font-size:19px; font-weight:600; margin:5px 0 20px; color:#f4eafb; }
.hb-mini-line { display:flex; gap:11px; color:#b6a8c5; font-size:11px; margin:13px 0; }
.hb-mini-line i { color:#b784ee; }
.hb-mini-pay { display:flex; gap:15px; font-size:25px; color:#b8a9c9; margin:24px 0; }
.hb-mini-button { display:flex; justify-content:space-between; border-radius:8px; padding:12px 14px; background:linear-gradient(100deg,#7648b4,#a069de); color:white; font-size:11px; }
.hb-checkout-chip { position:absolute; bottom:28px; right:12px; border:1px solid #b183e94d; border-radius:10px; padding:13px 18px; background:#241a30; color:#c8a4ee; font-size:10px; letter-spacing:.07em; box-shadow:0 12px 30px #0003; }
.hb-checkout-chip i { margin-right:8px; }
.hb-crystal-art { min-height:370px; position:relative; display:grid; place-items:center; background:radial-gradient(ellipse,#8055ce1c,transparent 65%); }
.hb-crystal-art img { width:300px; height:auto; position:relative; z-index:1; }
.hb-crystal-art .hb-outline-word { font-size:95px; }
.hb-perk-tags { display:flex; gap:9px; flex-wrap:wrap; margin-top:25px; }
.hb-perk-tags span { font-size:10px; color:#b49bcd; background:#8b56ca0b; border:1px solid #b084dc2b; padding:7px 11px; border-radius:6px; }
.hb-cta-section { padding-top:30px; padding-bottom:70px; }
.hb-cta { position:relative; padding:55px 45px; border:1px solid #ad82d144; border-radius:18px; background:radial-gradient(ellipse at 88% 75%,#8957ce26,transparent 60%),linear-gradient(120deg,#19151e,#100f13); min-height:350px; }
.hb-cta > div { position:relative; z-index:2; }
.hb-cta p:not(.hb-eyebrow) { margin:22px 0; font-size:14px; }
.hb-cta img { width:290px; height:auto; position:absolute; right:65px; bottom:0; z-index:1; }
.hb-home-v3 .sa-faq > .wrap { position:relative; padding-right:360px; }
.hb-home-v3 .sa-faq > .wrap:after { content:''; position:absolute; top:90px; right:0; width:330px; height:370px; background:url('https://api-internal-3.sellauth.com/storage/images/1184606.webp') center/contain no-repeat; animation:hb-float 8s ease-in-out infinite; pointer-events:none; }
.hb-home-v3 .sa-faq .sa-section-header { text-align:left; margin-left:0; }
.hb-home-v3 .sa-faq-items { grid-template-columns:1fr; }
.hb-home-v3 .sa-faq-item { background:transparent; border:0; border-bottom:1px solid #ac84d328; border-radius:0; }
.hb-home-v3 .sa-faq-item button { padding:21px 2px; font-size:14px; }
.hb-home-v3 .sa-faq-support-card { background:rgb(var(--cl-surface)); padding:22px; }
.hb-home-v3 .sa-steps { padding-top:80px; }
.hb-home-v3 .sa-steps-item { border-radius:14px; background:transparent; }
.hb-home-v3 .sa-steps .sfx { opacity:.15; }
[data-scheme="light"] .hb-art-label { background:#f6effc; color:#60437d; }
[data-scheme="light"] .hb-payment-row { color:#4c3c61; }
[data-scheme="light"] .hb-cta { background:radial-gradient(ellipse at 88% 75%,#8957ce26,transparent 60%),#f4eff8; }
@media(min-width:1600px) { .hb-hero-mascot { left:calc(50% - 750px); width:350px; } .hb-hero-crystal { right:calc(50% - 660px); } }
@media(max-width:1100px) { .hb-hero-mascot { width:245px; left:-65px; } .hb-hero-crystal { width:100px; right:10px; top:340px; } .hb-split,.hb-value-row { gap:35px; } .hb-home-v3 .sa-faq > .wrap { padding-right:280px; } .hb-home-v3 .sa-faq > .wrap:after { width:250px; } .hb-about-art img { width:290px; } .hb-about-facts { gap:10px; } }
@media(max-width:767px) { .hb-section { padding:60px 0; } .hb-hero-v3 { min-height:680px; padding:55px 0 160px; } .hb-hero-copy h1 { font-size:48px; } .hb-hero-description { font-size:15px; max-width:520px; } .hb-hero-mascot { width:200px; left:-45px; bottom:-8px; } .hb-hero-crystal { width:95px; right:12px; top:auto; bottom:30px; } .hb-hero-crystal-small { display:none; } .hb-scroll-link { margin-top:40px; } .hb-split,.hb-value-row { grid-template-columns:1fr; gap:25px; } .hb-about-art { min-height:410px; } .hb-about-art img { width:280px; } .hb-about-facts { max-width:450px; } .hb-value-row { padding:25px 0 60px; } .hb-value-reverse .hb-section-copy,.hb-value-reverse .hb-crystal-art { order:unset; } .hb-center-heading { margin-bottom:35px; } .hb-level-grid { gap:12px; } .hb-level-card { padding:22px 16px; } .hb-cta { padding:35px 27px 180px; } .hb-cta img { width:180px; right:20px; bottom:-10px; } .hb-home-v3 .sa-faq > .wrap { padding-right:var(--wrap-px,24px); } .hb-home-v3 .sa-faq > .wrap:after { display:none; } }
@media(max-width:480px) { .hb-hero-copy h1 { font-size:42px; line-height:1.12; } .hb-hero-copy h1 br { display:none; } .hb-hero-description { font-size:14px; padding:0 4px; } .hb-hero-buttons { gap:10px; margin-top:28px; } .hb-primary,.hb-white { padding:14px 17px; font-size:12px; min-height:47px; } .hb-kicker { font-size:9px; } .hb-payment-row { gap:14px; } .hb-payment-row i { font-size:23px; } .hb-payment-row span { font-size:8px; } .hb-home-v3 h2 { font-size:37px; } .hb-home-v3 .sa-products .sa-section-title { font-size:39px!important; } .hb-level-grid { grid-template-columns:1fr; } .hb-level-card { padding:25px; } .hb-about-art { min-height:390px; } .hb-outline-word { font-size:100px; } .hb-about-facts strong { font-size:11px; } .hb-section-copy > p:not(.hb-eyebrow) { font-size:14px; } .hb-checkout-art { min-height:370px; } .hb-mini-checkout { width:280px; } .hb-crystal-art { min-height:320px; } .hb-crystal-art img { width:255px; } .hb-crystal-art .hb-outline-word { font-size:75px; } .hb-hero-mascot { width:175px; } .hb-hero-v3 { min-height:690px; } }
@media(prefers-reduced-motion:reduce) { .hb-float,.hb-float-reverse,.hb-home-v3 .sa-faq > .wrap:after { animation:none!important; } .hb-level-card,.hb-text-link span { transition:none; } }

.sa-tpl-shop .page-fx .pfx-pattern { opacity:0; }
.hb-hero-v3,.hb-about,#features,#steps { scroll-margin-top:80px; }

/* Sourced Discord Wumpus artwork: four distinct original poses. */
.hb-home-v3 .sa-faq > .wrap:after { height:270px; top:145px; }
.hb-about-art img { width:330px; }
.hb-cta img { width:320px; right:55px; bottom:12px; }
@media(max-width:767px) { .hb-about-art img { width:275px; } .hb-cta img { width:180px; right:18px; bottom:0; } }

/* Heavier Inter typography and a restrained brighter midnight palette. */
:root:root,html[data-scheme] { --ff-heading:'Inter',ui-sans-serif,system-ui,sans-serif!important; --ff-body:'Inter',ui-sans-serif,system-ui,sans-serif!important; --fw-heading:800!important; }
h1,h2,h3,h4,h5,h6,.sa-section-title,.sa-hero-title,.hb-home-v3 h2,.hb-hero-copy h1 { font-weight:800!important; letter-spacing:-.045em; }
.hb-hero-copy h1 { font-size:clamp(45px,5.6vw,72px); line-height:1.08; }
.sa-navbar-link,.sa-btn,.hb-text-link,.hb-level-link { font-weight:600; }
.hb-level-card h3,.hb-mini-checkout h3 { font-weight:750!important; }
html[data-scheme="dark"] { --cl-background:20,20,29!important; --cl-surface:29,28,40!important; --cl-surface-raised:37,35,51!important; --cl-t-muted:184,180,199!important; --cl-t-primary:247,246,255!important; --cl-border:rgba(191,174,255,.18)!important; background:#14141d!important; }
[data-scheme="dark"] .hb-home-v3 { background:radial-gradient(ellipse at 88% 17%,#8255d010,transparent 26%),radial-gradient(ellipse at 8% 65%,#8255d00e,transparent 24%); }
[data-scheme="dark"] .hb-hero-v3 { background:linear-gradient(180deg,#19172455 0%,#31234633 65%,#8554d866 100%); }
[data-scheme="dark"] .hb-home-v3 em,[data-scheme="dark"] .hb-hero-copy h1 em { color:#b885ff; }
[data-scheme="dark"] .hb-eyebrow { color:#bd91f3!important; }
[data-scheme="dark"] .hb-text-link,[data-scheme="dark"] .hb-level-link { color:#c29aff; }
[data-scheme="dark"] .hb-about-art:before { background:radial-gradient(ellipse,#a574e333,transparent 68%); }
[data-scheme="dark"] .hb-cta { background:radial-gradient(ellipse at 88% 75%,#a574e330,transparent 60%),linear-gradient(120deg,#282132,#1d1b26); border-color:#ba93e64d; }
[data-scheme="dark"] .hb-mini-checkout { background:linear-gradient(140deg,#342a42,#24202f); }
[data-scheme="dark"] .hb-art-label { background:rgba(40,33,53,.9); color:#ddd0ee; }
[data-scheme="dark"] .hb-about-facts span,[data-scheme="dark"] .hb-perk-tags span { color:#bdb0ce; }
@media(max-width:767px) { .hb-hero-copy h1 { font-size:46px; } }
@media(max-width:480px) { .hb-hero-copy h1 { font-size:40px; line-height:1.12; } }

/* Shaded finish on the unchanged original Discord boost paths. */
.hb-hero-crystal,.hb-hero-crystal-small,.hb-crystal-art img { filter:drop-shadow(0 8px 10px #08061080) drop-shadow(0 0 20px #d583ee30); animation:hb-boost-drift 9s ease-in-out infinite; }
.hb-hero-crystal { width:135px; top:245px; right:max(30px, calc(50% - 620px)); }
.hb-hero-crystal-small { width:86px; opacity:.58; animation-delay:-4s; animation-duration:11s; }
.hb-crystal-art img { width:265px; animation-delay:-2s; }
.hb-crystal-art { background:radial-gradient(ellipse,#b270de1c,transparent 62%); }
.hb-crystal-art .hb-outline-word { opacity:.65; }
@keyframes hb-boost-drift { 0%,100% { transform:translate3d(0,0,0) rotate(-12deg); } 50% { transform:translate3d(0,-14px,0) rotate(-5deg); } }
@media(max-width:1100px) { .hb-hero-crystal { width:100px; right:8px; top:340px; } }
@media(max-width:767px) { .hb-hero-crystal { width:105px; right:10px; top:auto; bottom:20px; } .hb-crystal-art img { width:225px; } }
@media(prefers-reduced-motion:reduce) { .hb-hero-crystal,.hb-hero-crystal-small,.hb-crystal-art img { animation:none!important; transform:rotate(-8deg); } }

/* Two-line premium boost headline. */
.hb-hero-copy h1.hb-headline-v5 { max-width:1180px; font-size:clamp(38px,4.5vw,64px); line-height:1.14; margin-top:28px; }
.hb-headline-v5 > span,.hb-headline-v5 > em { display:block; }
.hb-hero-copy h1.hb-headline-v5 > em { color:#eaa0fb!important; margin-top:4px; }
@media(max-width:767px) { .hb-hero-copy h1.hb-headline-v5 { font-size:40px; margin-top:20px; } .hb-hero-copy h1.hb-headline-v5 > em { margin-top:12px; } }
@media(max-width:480px) { .hb-hero-copy h1.hb-headline-v5 { font-size:36px; } }

/* Supplied HaloBoosts navbar wordmark. */
.sa-navbar-logo.hb-wordmark { gap:0; line-height:0; }
.sa-navbar-logo.hb-wordmark img { display:block; width:180px; height:60px; max-width:none; border-radius:0; object-fit:contain; }
@media(max-width:600px) { .sa-navbar-logo.hb-wordmark img { width:156px; height:52px; } }
/* Homepage guide */

.hb-bottom-guide{padding:32px 0 72px;scroll-margin-top:90px}.hb-guide-panel{border:1px solid #a86aef55;border-radius:22px;background:linear-gradient(145deg,#1c1929,#15151f 45%);overflow:hidden}.hb-guide-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 54px;background:radial-gradient(ellipse at 90% 20%,#a665ee22,transparent 65%);border-bottom:1px solid #a86aef25}.hb-guide-banner h2{font-size:clamp(29px,3.3vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.045em;margin:12px 0 18px}.hb-guide-banner h2 em{font-style:normal;color:#eaa0fb}.hb-guide-banner p:not(.hb-eyebrow){color:#bdb8ca;max-width:560px;line-height:1.8;margin-bottom:24px}.hb-guide-banner img{width:145px;height:185px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 24px #cf7afa30)}.hb-guide-article{padding:38px 54px 14px;color:#bdb8ca;font-size:14px;line-height:1.85}.hb-guide-article h3{font-size:25px;line-height:1.3;letter-spacing:-.035em;color:#f7f5ff;font-weight:800;margin:0 0 15px}.hb-guide-article h4{font-size:17px;font-weight:750;line-height:1.5;color:#f7f5ff;margin:28px 0 9px}.hb-guide-article p{margin:0 0 14px}.hb-guide-article a{color:#d39aff;text-decoration:underline;text-underline-offset:3px}.hb-guide-article a:hover{color:#efc5ff}.hb-guide-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.hb-guide-tiers>div{padding:16px 20px;border:1px solid #a86aef30;background:#a86aef09;border-radius:12px}.hb-guide-tiers span{display:block;font-size:12px;color:#aaa4ba}.hb-guide-tiers strong{display:block;color:#eaa0fb;font-size:22px;font-weight:800}.hb-guide-level-perks{padding:4px 20px 8px;border-left:2px solid #b178eb55;margin:20px 0}.hb-guide-level-perks h5{font-size:15px;font-weight:750;color:#eaa0fb;margin:15px 0 6px}.hb-guide-article dt{font-weight:700;color:#eeeaf7;margin:14px 0 3px}.hb-guide-article dd{margin:0}.hb-guide-finish{border-top:1px solid #a86aef25;margin-top:28px;padding-top:0}.hb-guide-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 28px;padding:12px 20px;background:#8e4ddd18;border:1px solid #a86aef66;border-radius:10px;color:#dfb7ff;font-size:13px;font-weight:650;cursor:pointer}.hb-guide-toggle:hover{background:#8e4ddd30}.hb-guide-toggle:focus-visible{outline:2px solid #eaa0fb;outline-offset:4px}.hb-guide-toggle .fa-chevron-down{transition:transform .2s}.hb-guide-chevron-open{transform:rotate(180deg)}
@media(max-width:600px){.hb-bottom-guide{padding-bottom:42px}.hb-guide-banner{padding:30px 24px;gap:16px}.hb-guide-banner img{width:65px;height:95px}.hb-guide-banner h2{font-size:28px}.hb-guide-banner .hb-eyebrow{font-size:10px}.hb-guide-article{padding:28px 24px 8px}.hb-guide-article h3{font-size:22px}.hb-guide-tiers{gap:8px}.hb-guide-tiers>div{padding:12px 10px}.hb-guide-tiers strong{font-size:19px}}

/* Boost duration controls */

.sa-products .sa-products-item{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;}
.hb-boost-duration{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-8px 0 28px;}
.hb-boost-duration button{padding:12px 24px;border:1px solid rgba(170,130,230,.24);border-radius:12px;background:#211d2e;color:#cfc6df;font-family:inherit;font-weight:700;font-size:14px;line-height:1.3;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,color .18s;}
.hb-boost-duration button:hover{border-color:#a77ae9;color:#fff;background:#302540;}
.hb-boost-duration button.is-active{background:linear-gradient(135deg,#995ee6,#7945bd);border-color:#ac7bea;color:#fff;box-shadow:0 5px 20px rgba(138,79,208,.2);}
.hb-boost-duration button:focus-visible{outline:2px solid #e0b0ff;outline-offset:4px;}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}[data-dsr]{visibility:visible!important;opacity:1!important;transform:none!important;}.hb-boost-duration button{transition:none!important;}}