:root{--au-50:#fff6d9;--au-100:#fde7a0;--au-200:#f9d97a;--au-300:#f5c26b;--au-400:#e5b96a;--au-500:#d4a017;--au-600:#b8860b;--au-700:#9c7a1a;--au-800:#7a5e0f;--au-900:#5c4708;--au-glow:rgba(212,160,23,.28);--au-glow-soft:rgba(245,194,107,.16);--au-glow-strong:rgba(245,194,107,.45);--am-300:#ffb84d;--am-500:#e8920b;--am-700:#8a5407;--cy-300:#5fe3ff;--cy-400:#00d4ff;--cy-500:#0099b8;--cy-700:#00637a;--cy-glow:rgba(0,212,255,.28);--em-300:#4fc57a;--em-500:#2ecc71;--bg-0:#06070c;--bg-1:#0a0c14;--bg-2:#0f121d;--bg-3:#161a28;--bg-4:#1f2435;--glass-bg:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));--glass-border:rgba(212,160,23,.18);--glass-border-hover:rgba(245,194,107,.38);--tx-0:#fffaee;--tx-1:#f5f1e8;--tx-2:#c9c0aa;--tx-3:#8a8474;--tx-dim:#5d5847;--c-good:var(--em-300);--c-bad:#ff5566;--c-warn:#ffb84d;--c-info:var(--cy-400);--rar-common:#9ca3af;--rar-uncommon:#4fc57a;--rar-rare:#5db0ff;--rar-epic:#c084fc;--rar-legendary:#f5c26b;--rar-mythic:#ff5566;--f-display:'Cinzel Decorative','Cinzel',serif;--f-head:'Rajdhani','Cinzel',sans-serif;--f-body:'Inter',system-ui,sans-serif;--f-mono:'JetBrains Mono','Fira Code',monospace;--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:38px;--fs-3xl:56px;--fs-display:clamp(48px,8vw,96px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--sh-1:0 1px 2px rgba(0,0,0,.5);--sh-2:0 4px 16px rgba(0,0,0,.4);--sh-3:0 14px 38px rgba(0,0,0,.5);--sh-4:0 28px 72px rgba(0,0,0,.6);--sh-glow-au:0 0 32px rgba(212,160,23,.3);--sh-glow-au-strong:0 0 64px rgba(245,194,107,.45),0 0 28px rgba(212,160,23,.4);--sh-glow-cy:0 0 28px rgba(0,212,255,.3);--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--t-fast:.18s;--t-base:.28s;--t-slow:.55s;--gold:var(--au-500);--gold-light:var(--au-300);--gold-glow:var(--au-glow);--gold-border:var(--glass-border);--green:var(--em-300);--red:var(--c-bad);--cyan:var(--cy-400);--accent-cyan:var(--cy-400);--text:var(--tx-1);--text-sec:var(--tx-2);--text-dim:var(--tx-3);--obsidian:var(--bg-0);--amber:var(--am-500);--amethyst:var(--cy-400)}html,body{overflow-x:clip}body{background:var(--bg-0)!important;color:var(--tx-1);font-family:var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#marketplace{position:relative;isolation:isolate;min-height:100vh}#marketplace::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 1400px 800px at 20% 6%,rgba(212,160,23,.16),transparent 55%),radial-gradient(ellipse 1200px 900px at 85% 22%,rgba(232,146,11,.12),transparent 50%),radial-gradient(ellipse 1000px 700px at 50% 110%,rgba(0,212,255,.06),transparent 65%),linear-gradient(180deg,#06070c 0%,#080a11 40%,#06070c 80%,#06070c 100%)}#marketplace::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='1' fill='%23D4A017' opacity='.10'/%3E%3Ccircle cx='0' cy='0' r='1' fill='%23D4A017' opacity='.06'/%3E%3Ccircle cx='40' cy='0' r='1' fill='%23D4A017' opacity='.06'/%3E%3Ccircle cx='0' cy='40' r='1' fill='%23D4A017' opacity='.06'/%3E%3Ccircle cx='40' cy='40' r='1' fill='%23D4A017' opacity='.06'/%3E%3C/svg%3E");opacity:.55}::selection{background:rgba(212,160,23,.4);color:#fff;text-shadow:0 0 14px rgba(212,160,23,.6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(6,7,12,.5)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--au-400),var(--au-700));border-radius:8px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--au-200),var(--au-500))}:focus-visible{outline:2px solid var(--au-300)!important;outline-offset:3px!important;border-radius:var(--r-xs)}button:focus-visible,a:focus-visible{box-shadow:0 0 0 4px rgba(245,194,107,.3)!important}@media (prefers-reduced-motion:reduce) and (min-width:99999px){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.section-spacing{padding:var(--sp-7) 0!important;position:relative;scroll-margin-top:96px}@media(max-width:760px){.section-spacing{padding:var(--sp-6) 0!important}}.reveal{opacity:1;transform:none;transition:opacity .68s var(--ease-out),transform .68s var(--ease-out)}.market-premium-ready .reveal:not(.visible):not(.vis){opacity:0;transform:translateY(28px) scale(.985)}.reveal.visible,.reveal.vis{opacity:1!important;transform:translateY(0) scale(1)!important}.section-header{display:flex!important;align-items:center!important;gap:var(--sp-3)!important;margin-bottom:var(--sp-5)!important;flex-wrap:wrap}.section-header>i{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;font-size:18px!important;background:linear-gradient(135deg,var(--au-glow-soft),rgba(212,160,23,.04))!important;border:1px solid rgba(212,160,23,.32)!important;border-radius:var(--r-md)!important;color:var(--au-300)!important;box-shadow:inset 0 1px 0 rgba(245,194,107,.16),0 6px 16px rgba(0,0,0,.4),0 0 18px rgba(212,160,23,.12)!important;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);animation:iconBreath 4s ease infinite}.section-header:hover>i{transform:rotate(-6deg) scale(1.1);box-shadow:inset 0 1px 0 rgba(245,194,107,.24),0 12px 24px rgba(0,0,0,.5),0 0 28px var(--au-glow-strong)}.section-header h2{font-family:var(--f-head)!important;font-size:clamp(22px,3.2vw,32px)!important;font-weight:800!important;letter-spacing:.03em!important;color:var(--tx-1)!important;text-wrap:balance}.section-header h2 .accent{background:linear-gradient(135deg,var(--au-100) 0%,var(--au-300) 30%,var(--au-500) 60%,var(--au-700) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:goldShimmer 6s ease infinite}.section-header .subtitle{font-size:var(--fs-sm)!important;color:var(--tx-3)!important;margin-left:auto;font-family:var(--f-mono)}@keyframes goldShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes iconBreath{0%,100%{box-shadow:inset 0 1px 0 rgba(245,194,107,.16),0 6px 16px rgba(0,0,0,.4),0 0 18px rgba(212,160,23,.12)}50%{box-shadow:inset 0 1px 0 rgba(245,194,107,.22),0 8px 20px rgba(0,0,0,.5),0 0 28px rgba(212,160,23,.22)}}.hero{padding-top:120px!important;padding-bottom:80px!important;position:relative;overflow:hidden;border-bottom:none}.hero .container{position:relative;z-index:2;text-align:center}.hero::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 85% 65% at 50% 30%,rgba(212,160,23,.22),transparent 65%),radial-gradient(circle 600px at 18% 25%,rgba(232,146,11,.14),transparent 60%),radial-gradient(circle 700px at 82% 30%,rgba(245,194,107,.12),transparent 60%),radial-gradient(ellipse 120% 70% at 50% 100%,rgba(0,0,0,.6),transparent 70%),linear-gradient(180deg,transparent 0%,transparent 70%,rgba(6,7,12,.85) 100%);animation:heroAura 12s ease infinite}@keyframes heroAura{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(8deg) brightness(1.08)}}.hero::after{content:'';position:absolute;left:-15%;right:-15%;top:38%;height:180px;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent 0%,rgba(245,194,107,.08) 18%,rgba(245,194,107,.32) 40%,rgba(255,184,77,.42) 50%,rgba(245,194,107,.32) 60%,rgba(245,194,107,.08) 82%,transparent 100%);filter:blur(40px);transform:translateX(-115%);animation:heroScan 9s ease-in-out infinite}@keyframes heroScan{0%,3%{transform:translateX(-115%);opacity:.45}50%{opacity:1}97%,100%{transform:translateX(115%);opacity:.45}}.hero-pill{display:inline-flex;align-items:center;gap:var(--sp-2);background:linear-gradient(135deg,rgba(212,160,23,.18),rgba(232,146,11,.08));border:1px solid rgba(245,194,107,.5);color:var(--au-200);padding:8px 20px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 0 32px rgba(245,194,107,.28),inset 0 1px 0 rgba(245,194,107,.22),0 8px 20px rgba(0,0,0,.4);animation:rynekBreath 2.8s ease infinite;margin-bottom:var(--sp-4);position:relative}.hero-pill::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(245,194,107,.4),transparent);z-index:-1;animation:pillScan 4s linear infinite;opacity:.6}.hero-pill>span{width:10px;height:10px;background:var(--em-300);border-radius:50%;box-shadow:0 0 14px var(--em-300),0 0 28px rgba(45,169,89,.6);animation:pulseRing 1.8s ease infinite}@keyframes rynekBreath{0%,100%{box-shadow:0 0 28px rgba(245,194,107,.24),inset 0 1px 0 rgba(245,194,107,.2),0 8px 20px rgba(0,0,0,.4)}50%{box-shadow:0 0 48px rgba(245,194,107,.5),0 0 80px rgba(245,194,107,.2),inset 0 1px 0 rgba(245,194,107,.32),0 8px 20px rgba(0,0,0,.4)}}@keyframes pulseRing{0%,100%{box-shadow:0 0 14px var(--em-300),0 0 28px rgba(45,169,89,.6),0 0 0 0 rgba(45,169,89,.4)}50%{box-shadow:0 0 18px var(--em-300),0 0 36px rgba(45,169,89,.7),0 0 0 8px rgba(45,169,89,0)}}@keyframes pillScan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.hero-title{font-family:var(--f-head)!important;font-size:clamp(12px,1.4vw,15px)!important;letter-spacing:.7em!important;text-transform:uppercase!important;font-weight:700!important;color:rgba(245,241,232,.42)!important;margin-bottom:var(--sp-1)!important}.hero-title span{background:linear-gradient(135deg,var(--au-300),var(--au-500) 50%,var(--au-700))!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:900!important;letter-spacing:.32em!important}.hero .container h1{font-family:var(--f-display)!important;font-size:var(--fs-display)!important;font-weight:900!important;letter-spacing:.04em!important;line-height:1.04!important;color:transparent!important;text-transform:uppercase!important;background:linear-gradient(135deg,var(--au-100) 0%,var(--au-200) 15%,var(--au-400) 35%,var(--au-700) 55%,var(--au-500) 70%,var(--au-300) 85%,var(--au-100) 100%)!important;background-size:240% 240%!important;-webkit-background-clip:text;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;margin:var(--sp-2) 0 var(--sp-4)!important;animation:goldShimmer 8s ease infinite!important;filter:drop-shadow(0 6px 28px rgba(184,134,11,.4)) drop-shadow(0 0 24px rgba(245,194,107,.18))}.hero-sub{font-family:var(--f-body)!important;font-size:clamp(13px,1.5vw,16px)!important;color:var(--tx-2)!important;letter-spacing:.02em!important;margin-bottom:var(--sp-5)!important;font-weight:500!important}.hero-search{max-width:660px;margin:0 auto var(--sp-5)!important;position:relative}.hero-search input{width:100%;font-size:var(--fs-base)!important;padding:16px 100px 16px 52px!important;background:linear-gradient(180deg,rgba(6,7,12,.9),rgba(15,18,29,.85))!important;border:1px solid rgba(212,160,23,.36)!important;border-radius:var(--r-md)!important;color:var(--tx-1)!important;font-family:var(--f-body);transition:border-color var(--t-base),box-shadow var(--t-base),background var(--t-base);box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 12px 28px rgba(0,0,0,.4),0 0 24px rgba(212,160,23,.08)}.hero-search input::placeholder{color:var(--tx-3);font-style:italic}.hero-search input:focus{outline:none!important;border-color:var(--au-300)!important;background:linear-gradient(180deg,rgba(6,7,12,.95),rgba(15,18,29,.92))!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 4px rgba(245,194,107,.22),0 18px 40px rgba(0,0,0,.5),0 0 42px rgba(245,194,107,.22)!important}.hero-search .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--au-400);font-size:16px;pointer-events:none;z-index:3;transition:color var(--t-base),transform var(--t-base)}.hero-search:focus-within .search-icon{color:var(--au-200);transform:translateY(-50%) scale(1.15)}.notif-bell{width:36px;height:36px!important;border-radius:var(--r-sm)!important;background:rgba(212,160,23,.1)!important;border:1px solid rgba(212,160,23,.25)!important;display:flex!important;align-items:center;justify-content:center;transition:all var(--t-base) var(--ease-out);cursor:pointer}.notif-bell:hover{background:rgba(212,160,23,.2)!important;border-color:var(--au-400)!important;transform:translateY(-50%) scale(1.1)!important;box-shadow:0 0 18px rgba(245,194,107,.3)!important}.notif-bell i{color:var(--au-300)!important;font-size:13px}.notif-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--c-bad);color:#fff;border-radius:var(--r-pill);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(255,85,102,.5)}.hero-stats{display:flex!important;gap:var(--sp-3)!important;flex-wrap:wrap!important;justify-content:center!important;margin:0 0 var(--sp-5)!important}.hero-stat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:var(--sp-1)!important;background:linear-gradient(180deg,rgba(212,160,23,.1) 0%,rgba(6,7,12,.6) 50%,rgba(6,7,12,.7) 100%)!important;border:1px solid rgba(212,160,23,.32)!important;border-radius:var(--r-md)!important;padding:18px 22px!important;min-width:130px!important;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(245,194,107,.14),var(--sh-2),0 0 18px rgba(212,160,23,.06)!important;transition:transform var(--t-base) var(--ease-spring),border-color var(--t-base),box-shadow var(--t-slow)!important}.hero-stat::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(245,194,107,.1),transparent 50%);opacity:.5;transition:opacity var(--t-base)}.hero-stat::after{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:30%;height:2px;background:linear-gradient(90deg,transparent,var(--au-300),transparent);opacity:0;transition:opacity var(--t-base),width var(--t-base)}.hero-stat:hover{transform:translateY(-5px)!important;border-color:rgba(245,194,107,.65)!important;box-shadow:0 20px 44px rgba(0,0,0,.55),0 0 36px var(--au-glow-strong),inset 0 1px 0 rgba(245,194,107,.22)!important}.hero-stat:hover::before{opacity:1}.hero-stat:hover::after{opacity:1;width:60%}.hero-stat .num{display:block!important;font-family:'Teko',var(--f-display),sans-serif!important;font-size:clamp(28px,3.8vw,40px)!important;font-weight:900!important;line-height:1!important;background:linear-gradient(180deg,var(--au-100) 0%,var(--au-300) 40%,var(--au-500) 100%)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.02em;filter:drop-shadow(0 2px 12px rgba(184,134,11,.3))}.hero-stat .label{display:block!important;text-align:center!important;font-size:var(--fs-xs)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--tx-3)!important;font-weight:700!important;font-family:var(--f-head)}.hero-actions{display:flex!important;gap:var(--sp-3)!important;flex-wrap:wrap!important;justify-content:center!important}.hero-btn{display:inline-flex!important;align-items:center;gap:var(--sp-2);padding:13px 24px!important;font-family:var(--f-head)!important;font-size:var(--fs-sm)!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-radius:var(--r-md)!important;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base),background var(--t-base),border-color var(--t-base)!important;position:relative;overflow:hidden}.hero-btn-gold,.hero-btn-gold#copyIp{padding:14px 30px!important;background:linear-gradient(135deg,var(--au-200) 0%,var(--au-400) 30%,var(--au-500) 60%,var(--am-500) 100%)!important;color:#1a1006!important;border:none!important;box-shadow:0 14px 34px rgba(184,134,11,.5),0 0 0 1px rgba(245,194,107,.55),inset 0 1px 0 rgba(255,233,182,.45),0 0 28px rgba(245,194,107,.16)!important;text-shadow:0 1px 0 rgba(255,233,182,.4)}.hero-btn-gold:hover{transform:translateY(-3px)!important;box-shadow:0 22px 48px rgba(184,134,11,.65),0 0 0 2px rgba(245,194,107,.7),0 0 72px rgba(245,194,107,.42),inset 0 1px 0 rgba(255,233,182,.55)!important}.hero-btn-gold::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);transition:transform .9s;pointer-events:none}.hero-btn-gold:hover::after{transform:translateX(100%)}.hero-btn-outline{background:linear-gradient(180deg,rgba(245,194,107,.08),rgba(6,7,12,.5))!important;border:1px solid rgba(245,194,107,.35)!important;color:var(--tx-1)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-btn-outline:hover{background:linear-gradient(180deg,rgba(245,194,107,.18),rgba(6,7,12,.6))!important;border-color:var(--au-300)!important;color:var(--au-200)!important;transform:translateY(-2px);box-shadow:0 0 28px rgba(245,194,107,.22)}.online-dot{color:var(--em-300)!important;font-size:10px!important;filter:drop-shadow(0 0 8px var(--em-300))}.live-dot{display:inline-block;width:8px;height:8px;background:var(--em-300);border-radius:50%;box-shadow:0 0 10px var(--em-300),0 0 18px rgba(45,169,89,.5);animation:pulseRing 1.6s ease infinite;vertical-align:middle;margin-right:4px}.hero>.container::after{content:'';position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);width:min(720px,84vw);height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(245,194,107,.4) 18%,rgba(232,146,11,.7) 50%,rgba(245,194,107,.4) 82%,transparent 100%);box-shadow:0 0 32px rgba(245,194,107,.4),0 0 16px rgba(232,146,11,.3)}.glass,.item-card,.auction-card,.collection-card,.seller-card,.event-card,.deal-card,.tool-card,.stat-card{border-radius:var(--r-lg)!important;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(15,18,29,.55) 100%)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--sh-3),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base),box-shadow var(--t-base),background var(--t-base)!important;position:relative;overflow:hidden}.glass:hover,.item-card:hover,.auction-card:hover,.collection-card:hover,.seller-card:hover,.event-card:hover,.deal-card:hover,.tool-card:hover{transform:translateY(-6px)!important;border-color:var(--glass-border-hover)!important;box-shadow:var(--sh-4),0 0 48px rgba(245,194,107,.18),inset 0 1px 0 rgba(255,255,255,.12)!important}.auction-card::before,.deal-card::before,.collection-card::before{content:'';position:absolute;top:0;left:0;right:0;height:140px;background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(245,194,107,.14),transparent 70%);pointer-events:none;opacity:.5;transition:opacity var(--t-base);z-index:0}.auction-card:hover::before,.deal-card:hover::before,.collection-card:hover::before{opacity:1}.auction-card.rarity-legendary,.deal-card.rarity-legendary{border-color:rgba(245,194,107,.5)!important;box-shadow:var(--sh-3),0 0 0 1px rgba(245,194,107,.22),inset 0 1px 0 rgba(245,194,107,.14)!important}.auction-card.rarity-legendary:hover,.deal-card.rarity-legendary:hover{box-shadow:var(--sh-4),0 0 56px rgba(245,194,107,.45),0 0 0 1px rgba(245,194,107,.5),inset 0 1px 0 rgba(245,194,107,.2)!important;animation:legendaryPulse 2s ease infinite}@keyframes legendaryPulse{0%,100%{filter:drop-shadow(0 0 18px rgba(245,194,107,.3))}50%{filter:drop-shadow(0 0 36px rgba(245,194,107,.55))}}.auction-card.rarity-mythic,.deal-card.rarity-mythic{border-color:rgba(255,85,102,.5)!important;box-shadow:var(--sh-3),0 0 0 1px rgba(255,85,102,.24),inset 0 1px 0 rgba(255,85,102,.12)!important}.auction-card.rarity-mythic:hover{box-shadow:var(--sh-4),0 0 56px rgba(255,85,102,.42),0 0 0 1px rgba(255,85,102,.5)!important}.auction-card.rarity-epic{border-color:rgba(192,132,252,.4)!important}.auction-card.rarity-rare{border-color:rgba(93,176,255,.36)!important}.auction-card.rarity-uncommon{border-color:rgba(79,197,122,.32)!important}.card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--r-sm)!important;font-family:var(--f-head);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base),background var(--t-base)!important;border:1px solid transparent;position:relative;overflow:hidden}.card-btn-buy{background:linear-gradient(135deg,var(--au-300),var(--au-500) 60%,var(--am-500))!important;color:#1a1006!important;box-shadow:0 6px 18px rgba(184,134,11,.4),inset 0 1px 0 rgba(255,233,182,.3)!important;text-shadow:0 1px 0 rgba(255,233,182,.35)}.card-btn-buy:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(184,134,11,.55),0 0 28px rgba(245,194,107,.4),inset 0 1px 0 rgba(255,233,182,.4)!important}.card-btn-watch{background:rgba(212,160,23,.1)!important;color:var(--au-300)!important;border:1px solid rgba(212,160,23,.32)!important}.card-btn-watch:hover{background:rgba(212,160,23,.22)!important;border-color:var(--au-400)!important;transform:translateY(-2px);box-shadow:0 0 18px rgba(245,194,107,.25)}.card-btn-watch.active{background:linear-gradient(135deg,var(--au-300),var(--au-500))!important;color:#1a1006!important;border-color:transparent!important}.skel-card{min-height:280px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))!important;border:1px solid rgba(212,160,23,.1)!important;border-radius:var(--r-lg)!important;position:relative;overflow:hidden}.skel-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(212,160,23,.08) 25%,rgba(245,194,107,.18) 50%,rgba(212,160,23,.08) 75%,transparent 100%);transform:translateX(-100%);animation:skelShimmer 1.5s ease infinite}@keyframes skelShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.filters-bar{background:linear-gradient(180deg,rgba(6,7,12,.85),rgba(6,7,12,.95))!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(212,160,23,.16)!important;border-bottom:1px solid rgba(212,160,23,.16)!important;padding:var(--sp-4) 0!important;position:sticky;top:64px;z-index:50}@media(max-width:760px){.filters-bar{padding:var(--sp-3) 0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}}.filters-row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.filter-group label{color:var(--tx-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-xs)}.filter-select,.filter-input{background:rgba(6,7,12,.78)!important;border:1px solid rgba(212,160,23,.24)!important;border-radius:var(--r-sm)!important;color:var(--tx-1)!important;padding:8px 12px!important;font-size:var(--fs-sm)!important;font-family:var(--f-body);cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.filter-select:focus,.filter-input:focus{outline:none!important;border-color:var(--au-300)!important;box-shadow:0 0 0 3px rgba(245,194,107,.18)!important;background:rgba(6,7,12,.92)!important}.filter-btn{background:linear-gradient(135deg,var(--au-300),var(--au-500))!important;color:#1a1006!important;border:none!important;padding:8px 16px!important;border-radius:var(--r-sm)!important;font-weight:800!important;font-size:var(--fs-xs)!important;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--t-base);box-shadow:0 4px 12px rgba(184,134,11,.3)}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(184,134,11,.5),0 0 22px rgba(245,194,107,.35)}.filter-btn.active{background:linear-gradient(135deg,var(--au-500),var(--am-500))!important;color:#1a1006!important;box-shadow:0 8px 22px rgba(232,146,11,.45),0 0 22px rgba(255,184,77,.4)!important}.filters-spacer{flex:1}.quick-filters,.tabs-nav,.tools-nav{display:flex;gap:6px;flex-wrap:wrap;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(6,7,12,.3))!important;border:1px solid rgba(212,160,23,.12)!important;border-radius:var(--r-lg)!important;padding:6px!important;margin-bottom:var(--sp-4)}.qf-chip,.tab-btn,.tab,.filter-tab,.quick-filter{display:inline-flex;align-items:center;gap:6px;padding:9px 16px!important;background:transparent!important;border:none!important;border-radius:var(--r-sm)!important;color:var(--tx-2)!important;font-family:var(--f-head)!important;font-size:var(--fs-sm)!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--t-base),color var(--t-base),box-shadow var(--t-base);white-space:nowrap;position:relative}.qf-chip:hover,.tab-btn:hover,.tab:hover{background:rgba(245,194,107,.08)!important;color:var(--au-300)!important}.qf-chip.active,.tab-btn.active,.tab.active{background:linear-gradient(135deg,rgba(245,194,107,.22),rgba(212,160,23,.1))!important;color:var(--au-200)!important;box-shadow:inset 0 1px 0 rgba(245,194,107,.2),0 4px 12px rgba(0,0,0,.4),0 0 18px rgba(245,194,107,.16)!important}.tab-panel{display:none}.tab-panel.active{display:block;animation:tabFadeIn .4s var(--ease-out)}@keyframes tabFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ticker{background:linear-gradient(90deg,rgba(212,160,23,.08) 0%,rgba(232,146,11,.12) 50%,rgba(212,160,23,.08) 100%)!important;border-top:1px solid rgba(245,194,107,.18)!important;border-bottom:1px solid rgba(245,194,107,.18)!important;padding:14px 0!important;overflow:hidden;position:relative}.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.ticker::before{left:0;background:linear-gradient(90deg,var(--bg-0),transparent)}.ticker::after{right:0;background:linear-gradient(270deg,var(--bg-0),transparent)}.ticker-track{display:flex;gap:var(--sp-6);animation:tickerScroll 50s linear infinite;white-space:nowrap}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.cat-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center}.cat-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(255,255,255,.04)!important;border:1px solid rgba(212,160,23,.22)!important;border-radius:var(--r-pill)!important;color:var(--tx-2)!important;font-family:var(--f-head);font-weight:700;font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--t-base) var(--ease-out)}.cat-pill:hover{background:rgba(245,194,107,.12)!important;border-color:var(--au-300)!important;color:var(--au-200)!important;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 20px rgba(245,194,107,.22)}.cat-pill.active{background:linear-gradient(135deg,var(--au-300),var(--au-500))!important;color:#1a1006!important;border-color:transparent!important;box-shadow:0 10px 26px rgba(184,134,11,.42),0 0 24px rgba(245,194,107,.35)!important}.cat-count{background:rgba(0,0,0,.3);border-radius:var(--r-pill);padding:1px 8px;font-size:var(--fs-xs);font-weight:800}input,select,textarea{font-family:var(--f-body)!important;border-radius:var(--r-sm)!important;border:1px solid rgba(212,160,23,.22)!important;background:rgba(6,7,12,.78)!important;color:var(--tx-1)!important;padding:10px 14px;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--au-300)!important;box-shadow:0 0 0 3px rgba(245,194,107,.18)!important;background:rgba(6,7,12,.92)!important}.modal-overlay{position:fixed;inset:0;z-index:99000;background:rgba(6,7,12,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:var(--sp-4);animation:modalFadeIn .25s var(--ease-out)}.modal-overlay.active{display:flex}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--bg-2),var(--bg-1))!important;border:1px solid rgba(245,194,107,.32)!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh-4),0 0 64px rgba(0,0,0,.8),0 0 32px rgba(245,194,107,.18)!important;max-width:640px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:modalSlideUp .4s var(--ease-spring)}@keyframes modalSlideUp{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgba(245,194,107,.16);background:linear-gradient(180deg,rgba(212,160,23,.1),transparent)}.modal-header h3{font-family:var(--f-head);font-size:var(--fs-lg);font-weight:800;color:var(--tx-0);letter-spacing:.03em;text-transform:uppercase}.modal-body{padding:var(--sp-5)}.modal-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid rgba(255,255,255,.06);display:flex;gap:var(--sp-3);justify-content:flex-end}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:var(--r-sm);background:rgba(255,255,255,.06);color:var(--tx-2);display:grid;place-items:center;cursor:pointer;transition:all var(--t-base);border:1px solid rgba(255,255,255,.08)}.modal-close:hover{background:rgba(255,85,102,.18);color:#fff;border-color:rgba(255,85,102,.45);transform:rotate(90deg)}.modal-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:var(--r-sm);font-family:var(--f-head);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--t-base);border:1px solid transparent}.modal-btn-primary{background:linear-gradient(135deg,var(--au-300),var(--au-500) 60%,var(--am-500))!important;color:#1a1006!important;box-shadow:0 8px 22px rgba(184,134,11,.4),inset 0 1px 0 rgba(255,233,182,.3)}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(184,134,11,.55),0 0 28px rgba(245,194,107,.4),inset 0 1px 0 rgba(255,233,182,.4)}.modal-btn-secondary{background:rgba(255,255,255,.05)!important;color:var(--tx-2)!important;border:1px solid rgba(255,255,255,.1)!important}.modal-btn-secondary:hover{background:rgba(255,255,255,.1)!important;color:var(--tx-1)!important}.feed-list{max-height:420px;overflow-y:auto}.feed-list>div{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid rgba(255,255,255,.05);font-size:var(--fs-sm);transition:background var(--t-fast);animation:feedSlideIn .4s var(--ease-out)}.feed-list>div:hover{background:rgba(245,194,107,.06)}@keyframes feedSlideIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.ob-bids h3{color:var(--em-300)!important}.ob-asks h3{color:var(--c-bad)!important}.badge,.rarity-tag,.card-rarity{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.rarity-tag.rarity-common{background:rgba(156,163,175,.14);color:var(--rar-common);border:1px solid rgba(156,163,175,.32)}.rarity-tag.rarity-uncommon{background:rgba(79,197,122,.14);color:var(--rar-uncommon);border:1px solid rgba(79,197,122,.32)}.rarity-tag.rarity-rare{background:rgba(93,176,255,.14);color:var(--rar-rare);border:1px solid rgba(93,176,255,.32)}.rarity-tag.rarity-epic{background:rgba(192,132,252,.14);color:var(--rar-epic);border:1px solid rgba(192,132,252,.32)}.rarity-tag.rarity-legendary{background:linear-gradient(135deg,rgba(245,194,107,.22),rgba(212,160,23,.12));color:var(--rar-legendary);border:1px solid rgba(245,194,107,.5);box-shadow:0 0 18px rgba(245,194,107,.25);animation:legendaryTagPulse 2.6s ease infinite}@keyframes legendaryTagPulse{0%,100%{box-shadow:0 0 14px rgba(245,194,107,.22)}50%{box-shadow:0 0 24px rgba(245,194,107,.5),0 0 40px rgba(245,194,107,.18)}}.rarity-tag.rarity-mythic{background:linear-gradient(135deg,rgba(255,85,102,.2),rgba(255,85,102,.08));color:var(--rar-mythic);border:1px solid rgba(255,85,102,.45);box-shadow:0 0 16px rgba(255,85,102,.24);animation:mythicPulse 2.4s ease infinite}@keyframes mythicPulse{0%,100%{box-shadow:0 0 14px rgba(255,85,102,.22)}50%{box-shadow:0 0 24px rgba(255,85,102,.5),0 0 40px rgba(255,85,102,.2)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:99500;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast-container>*{pointer-events:auto}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:90;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--au-300),var(--au-500) 60%,var(--am-500))!important;color:#1a1006!important;border:none;box-shadow:0 14px 32px rgba(184,134,11,.45),0 0 28px rgba(245,194,107,.3),inset 0 1px 0 rgba(255,233,182,.35);display:none;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);font-size:18px}.back-to-top.visible{display:flex;animation:btnPopIn .35s var(--ease-spring)}.back-to-top:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 20px 40px rgba(184,134,11,.55),0 0 44px rgba(245,194,107,.5)}@keyframes btnPopIn{from{opacity:0;transform:scale(.4) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.compare-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:91;background:linear-gradient(180deg,var(--bg-2),var(--bg-1))!important;border:1px solid rgba(245,194,107,.32)!important;border-radius:var(--r-lg)!important;padding:10px var(--sp-4)!important;display:none;align-items:center;gap:var(--sp-3);box-shadow:var(--sh-4),0 0 36px rgba(245,194,107,.22)}.compare-bar.visible{display:flex;animation:btnPopIn .35s var(--ease-spring)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%);border-top:1px solid rgba(245,194,107,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -14px 36px rgba(0,0,0,.5)}.mobile-nav-items{display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--tx-3);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;transition:color var(--t-base),background var(--t-base);min-width:64px;font-family:var(--f-head)}.mobile-nav-item i{font-size:18px}.mobile-nav-item.active{color:var(--au-300);background:rgba(245,194,107,.12)}.mobile-nav-item:hover{color:var(--au-200)}@media(max-width:760px){.mobile-nav{display:block}}.flash-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:linear-gradient(135deg,rgba(255,184,77,.2) 0%,rgba(245,194,107,.1) 50%,rgba(212,160,23,.16) 100%)!important;border:1px solid rgba(255,184,77,.4)!important;border-radius:var(--r-lg)!important;position:relative;overflow:hidden;animation:flashGlow 2.4s ease infinite}@keyframes flashGlow{0%,100%{box-shadow:0 0 28px rgba(255,184,77,.22)}50%{box-shadow:0 0 48px rgba(255,184,77,.4),0 0 80px rgba(255,184,77,.18)}}.fb-badge{background:linear-gradient(135deg,#ffb84d,var(--au-500))!important;color:#1a1006!important;font-weight:900!important;padding:6px 14px;border-radius:var(--r-sm);letter-spacing:.08em;font-size:var(--fs-xs);text-transform:uppercase;box-shadow:0 4px 14px rgba(255,184,77,.45)}.internal-links-seo{max-width:980px!important;margin:var(--sp-7) auto 0!important;padding:var(--sp-5) var(--sp-6)!important;background:linear-gradient(180deg,rgba(212,160,23,.05),rgba(6,7,12,.5))!important;border-radius:var(--r-lg)!important;border:1px solid rgba(212,160,23,.14)!important}.internal-links-seo h2{font-family:var(--f-head)!important;font-size:var(--fs-base)!important;color:var(--tx-2)!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--sp-3)!important}.internal-links-seo nav{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.internal-links-seo a{color:var(--au-200)!important;padding:8px 16px!important;border-radius:var(--r-sm)!important;background:rgba(212,160,23,.08)!important;border:1px solid rgba(212,160,23,.18)!important;font-size:var(--fs-sm)!important;font-weight:600;transition:all var(--t-base) var(--ease-out)!important;text-decoration:none}.internal-links-seo a:hover{background:rgba(245,194,107,.18)!important;border-color:var(--au-300)!important;color:var(--au-100)!important;transform:translateY(-2px);box-shadow:0 0 18px rgba(245,194,107,.2)}.mp-footer{border-top:1px solid rgba(212,160,23,.16);background:linear-gradient(180deg,transparent,rgba(212,160,23,.04) 80%,rgba(0,0,0,.4));padding:var(--sp-6) 0;margin-top:var(--sp-7);text-align:center;position:relative}.mp-footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(640px,82vw);height:1px;background:linear-gradient(90deg,transparent,var(--au-500) 30%,var(--am-500) 50%,var(--au-500) 70%,transparent);box-shadow:0 0 24px rgba(245,194,107,.35)}.mp-footer-nav{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.mp-footer-nav a{color:var(--tx-2)!important;font-weight:500;letter-spacing:.02em;transition:color var(--t-fast),text-shadow var(--t-fast);padding:2px 0;border-bottom:1px solid transparent}.mp-footer-nav a:hover{color:var(--au-300)!important;text-shadow:0 0 10px rgba(245,194,107,.4);border-bottom-color:rgba(245,194,107,.45)}.mp-footer-nav a.current{color:var(--au-300)!important;font-weight:700;text-shadow:0 0 12px rgba(245,194,107,.45)}.mp-footer-copy{font-size:var(--fs-xs);color:var(--tx-3);font-family:var(--f-head);letter-spacing:.04em}.mp-brand{background:linear-gradient(135deg,var(--au-200),var(--au-500),var(--au-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:900;letter-spacing:.08em}.mono,[id^="stat"],[id^="port"]{font-variant-numeric:tabular-nums}[data-tilt]{transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base)!important}[data-tilt]:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}@media(max-width:760px){.hero{padding-top:96px!important;padding-bottom:48px!important}.hero-stat{padding:14px 18px!important;min-width:108px!important;flex:1 1 108px}.hero-stat .num{font-size:26px!important}.section-header{align-items:flex-start!important}.section-header h2{font-size:clamp(1.4rem,6vw,2rem)!important}.glass,.item-card,.auction-card,.collection-card{border-radius:var(--r-md)!important}.filter-group{flex:1 1 100%}.filter-select,.filter-input{flex:1}body{padding-bottom:64px!important}.back-to-top{bottom:84px!important}.compare-bar{bottom:84px!important;width:calc(100% - 24px);max-width:none}.modal{max-height:90vh}.modal-footer{flex-direction:column}.modal-btn{width:100%;justify-content:center}}@media(max-width:420px){.hero .container h1{font-size:48px!important}.hero-search input{padding:14px 88px 14px 46px!important;font-size:var(--fs-sm)!important}.hero-stats{gap:var(--sp-2)!important}.hero-stat{min-width:0;padding:12px 14px!important}.hero-stat .num{font-size:22px!important}.hero-stat .label{font-size:9px!important;letter-spacing:.1em!important}.hero-actions{gap:var(--sp-2)!important}.hero-btn{padding:11px 18px!important;font-size:var(--fs-xs)!important}.filters-bar{position:relative;top:auto}.mp-footer-nav{gap:var(--sp-3);font-size:var(--fs-xs)}}@media(max-height:540px) and (orientation:landscape){.mobile-nav{display:none!important}body{padding-bottom:0!important}.back-to-top,.compare-bar{bottom:20px!important}}.skip-to-content{position:absolute;left:-9999px;top:0;background:var(--au-500);color:#1a1006;padding:10px 18px;font-weight:800;z-index:99999;border-radius:var(--r-sm)}.skip-to-content:focus{left:8px;top:8px}noscript>div{background:var(--bg-0)!important;color:var(--au-300)!important;font-family:var(--f-head)!important}@media print{.hero,.filters-bar,.mobile-nav,.back-to-top,.compare-bar,.toast-container,.ticker,.modal-overlay{display:none!important}}.fas,.fa-solid,.fab,.fa-brands,.far,.fa-regular{font-variant-numeric:normal}.section-header>i.fas{color:var(--au-300)!important}#particles{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;opacity:.65}#confetti{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:99800!important}
section.titan-motion-unit,section.titan-motion-unit:not(.titan-motion-visible){opacity:1!important;transform:none!important;visibility:visible!important}
.titan-motion-unit{opacity:1!important;transform:none!important}
/* Constrain stray icons that have no font-size from parent */
.empty-state i,.empty-state svg{font-size:3rem!important;width:auto!important;height:auto!important;max-width:64px!important;max-height:64px!important;line-height:1!important;display:inline-block!important}
.fa-box-open{font-size:3rem!important;max-width:64px!important;max-height:64px!important;line-height:1!important}

/* ─── HERO MOBILE FIXES 2026-05-25 — overflow, grid 2x2, search constrain ─── */
@media(max-width:760px){
  .hero h1,h1{font-size:clamp(32px,11vw,58px)!important;word-break:break-word!important;overflow-wrap:break-word!important;hyphens:none!important;max-width:100%!important;padding:0 4px!important;letter-spacing:.02em!important;line-height:1.04!important}
  .hero{padding-top:90px!important;padding-bottom:48px!important}
  .hero .container{padding-left:14px!important;padding-right:14px!important;max-width:100%!important}
  .hero-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;max-width:100%!important;flex-wrap:initial!important;margin:0 0 18px!important}
  .hero-stat{min-width:0!important;width:100%!important;padding:10px 8px!important}
  .hero-stat .num{font-size:clamp(18px,5vw,24px)!important}
  .hero-stat .label{font-size:11px!important;letter-spacing:.04em!important}
  .hero-search{max-width:100%!important;margin:0 4px 18px!important}
  .hero-search input{padding:13px 92px 13px 42px!important;font-size:14px!important}
  .hero-search .search-icon{left:14px!important;font-size:14px!important}
  .hero-search .notif-bell{width:30px!important;height:30px!important}
  .hero-search #soundToggle{right:48px!important}
  .hero-search #notifBell{right:8px!important}
  .hero-pill{font-size:10px!important;padding:6px 12px!important;letter-spacing:.18em!important}
  .hero-title{letter-spacing:.4em!important;font-size:11px!important;margin-bottom:8px!important}
  .hero-sub{font-size:13px!important;line-height:1.5!important;padding:0 12px!important;margin-bottom:18px!important}
  .hero-actions{flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important}
  .hero-actions .hero-btn{width:100%!important;max-width:280px!important;justify-content:center!important}
}
@media(max-width:420px){
  .hero h1,h1{font-size:clamp(28px,10vw,42px)!important;letter-spacing:.01em!important}
  .hero-stats{gap:6px!important}
  .hero-stat{padding:8px 6px!important}
  .hero-stat .num{font-size:18px!important}
  .hero-stat .label{font-size:10px!important}
  .hero-search input{padding:12px 88px 12px 38px!important;font-size:13px!important}
}

/* Hero search input — proper placeholder visibility + icon contrast */
.hero-search input{color:var(--tx-1,#F5F1E8)!important;background:rgba(8,8,13,.6)!important;border:1px solid rgba(212,160,23,.18)!important}
.hero-search input::placeholder{color:rgba(232,228,220,.45)!important;opacity:1!important;font-weight:500!important}
.hero-search input:focus{border-color:rgba(212,160,23,.45)!important;background:rgba(8,8,13,.8)!important;box-shadow:0 0 0 3px rgba(212,160,23,.1)!important;outline:none!important}
.hero-search .search-icon{color:rgba(245,208,97,.7)!important;z-index:3!important}

/* Notif bell badge — keep INSIDE search bar, never overflow */
.hero-search{overflow:visible!important}
.hero-search .notif-bell{z-index:2!important}
.hero-search .notif-count{z-index:4!important;pointer-events:none!important}

/* Stat tile polish — ensure consistent layout */
.hero-stat{background:linear-gradient(165deg,rgba(22,22,34,.7),rgba(11,11,18,.85))!important;border:1px solid rgba(212,160,23,.14)!important;border-radius:12px!important;padding:14px 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:120px!important;transition:border-color .25s,transform .25s!important;box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)!important}
.hero-stat:hover{transform:translateY(-2px)!important;border-color:rgba(212,160,23,.32)!important}
.hero-stat .num{font-family:var(--f-display,'Cinzel',serif)!important;font-size:clamp(20px,2.4vw,28px)!important;font-weight:700!important;color:var(--au-100,#F5D061)!important;line-height:1!important;font-variant-numeric:tabular-nums!important;margin-bottom:4px!important}
.hero-stat .label{font-size:11px!important;color:var(--tx-3,#8A8692)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:700!important;line-height:1.2!important;text-align:center!important}

/* Cookie banner — never overlap CTAs on short viewports */
.cookie-banner{z-index:1090!important;box-shadow:0 -8px 24px rgba(0,0,0,.4)!important}
@media(max-height:760px){
  .cookie-banner{padding:8px 12px!important;font-size:12px!important}
}

/* Ultra-mobile (<=360px iPhone SE): scale wordmark further */
@media(max-width:360px){
  .hero h1,h1{font-size:clamp(20px,8.4vw,30px)!important;white-space:nowrap!important;letter-spacing:0!important}
}

/* Stat tile empty-state — show 0 or — clearly instead of blank */
.hero-stat .num:empty::before,.hero-stat .num:not(:has(*))::before{color:rgba(245,208,97,.5)}
.hero-stat[data-loading]{position:relative}
.hero-stat[data-loading] .num{opacity:.5}
.hero-stat[data-loading] .num::after{content:'';display:inline-block;width:18px;height:14px;background:linear-gradient(90deg,transparent,rgba(245,208,97,.3),transparent);background-size:200% 100%;animation:statShimmer 1.4s ease-in-out infinite;margin-left:4px;border-radius:3px}
@keyframes statShimmer{0%,100%{background-position:200% 0}50%{background-position:-200% 0}}

/* ─── MARKETPLACE HERO H1 NOWRAP FINAL — overrides all earlier rules ─── */
@media(max-width:760px){
  body .hero h1, body .hero .container h1, .hero h1, h1{
    font-size: clamp(28px, 9vw, 44px) !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    letter-spacing: 0.005em !important;
    line-height: 1.05 !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: max-content !important;
    text-align: center !important;
  }
}
@media(max-width:420px){
  body .hero h1, body .hero .container h1, .hero h1, h1{
    font-size: clamp(22px, 8.4vw, 36px) !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }
  body .hero h1{margin: 4px auto 12px !important}
}
@media(max-width:360px){
  body .hero h1, body .hero .container h1, .hero h1, h1{
    font-size: clamp(18px, 8vw, 28px) !important;
    white-space: nowrap !important;
  }
}
/* Hero overall scaling — keep title tight */
@media(max-width:760px){
  .hero-title{font-size:11px!important;letter-spacing:.4em!important}
  .hero-pill{font-size:10px!important;letter-spacing:.18em!important}
  .hero-sub{font-size:13px!important;line-height:1.5!important}
}

/* ─── STAT NUMBERS — solid gold fill (override transparent gradient text) ─── */
body .hero-stat .num,
body .hero-stat span.num,
.hero-stat .num{
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #F5D061 !important;
  color: #F5D061 !important;
  text-shadow: 0 0 18px rgba(245,194,107,.35), 0 2px 4px rgba(0,0,0,.4) !important;
  font-family: 'Teko', 'Cinzel Decorative', 'Cinzel', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  font-variant-numeric: tabular-nums !important;
  filter: none !important;
}
@media(max-width:760px){
  body .hero-stat .num, .hero-stat .num{
    font-size: clamp(22px, 6vw, 32px) !important;
  }
}
@media(max-width:420px){
  body .hero-stat .num, .hero-stat .num{
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }
}

/* ─── WOW POLISH 2026-05-25 — final premium touches ─── */
/* Hero pill — stronger glow + scanning gradient */
.hero-pill{
  animation: rynekBreath 2.8s ease infinite, pillFloat 6s ease-in-out infinite !important;
}
@keyframes pillFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

/* Hero h1 letterspread on load + parallax */
.hero h1{
  animation: goldShimmer 8s ease infinite, h1Reveal 1.4s cubic-bezier(.22,1,.36,1) !important;
}
@keyframes h1Reveal{
  0%{opacity:0;letter-spacing:-.04em;transform:translateY(20px) scale(.95);filter:blur(6px)}
  100%{opacity:1;letter-spacing:.04em;transform:translateY(0) scale(1);filter:blur(0)}
}

/* Stat tiles — hover scale + magnetic feel */
.hero-stat{
  cursor:default !important;
}
.hero-stat:hover{
  transform: translateY(-7px) scale(1.04) !important;
}
.hero-stat:hover .num{
  text-shadow: 0 0 28px rgba(245,194,107,.6), 0 2px 6px rgba(0,0,0,.5) !important;
  transition: text-shadow .35s !important;
}

/* Search bar — focus glow burst */
.hero-search input:focus{
  transform: scale(1.012) !important;
  transition: all .35s cubic-bezier(.34,1.56,.64,1) !important;
}

/* CTA buttons — perpetual shimmer sweep */
.hero-btn-gold,#copyIp{
  background-size:200% 100% !important;
  animation:ctaShimmer 4s ease infinite !important;
}
@keyframes ctaShimmer{
  0%,100%{background-position:0% 50%;box-shadow:0 14px 34px rgba(184,134,11,.5),0 0 0 1px rgba(245,194,107,.55),inset 0 1px 0 rgba(255,233,182,.45),0 0 28px rgba(245,194,107,.16)}
  50%{background-position:100% 50%;box-shadow:0 14px 34px rgba(184,134,11,.55),0 0 0 1px rgba(245,194,107,.65),inset 0 1px 0 rgba(255,233,182,.55),0 0 42px rgba(245,194,107,.3)}
}

/* Section headers — number badge glow on hover */
.section-header>i{
  cursor:pointer !important;
}

/* Floating coin trail (visible) */
.floating-coins{opacity:.9 !important}
.floating-coins svg{transition:filter .3s !important}

/* Cursor glow soft trail */
#cursor-glow{
  width:48px !important;
  height:48px !important;
  background:radial-gradient(circle,rgba(245,194,107,.32),rgba(245,194,107,.06) 50%,transparent 70%) !important;
}

/* CARDS GLOW PULSE on enter viewport (combine with reveal) */
.reveal.visible.glass,.reveal.visible.auction-card,.reveal.visible.deal-card{
  animation: cardEnterGlow 1.6s ease !important;
}
@keyframes cardEnterGlow{
  0%{box-shadow:var(--sh-3),inset 0 1px 0 rgba(255,255,255,.08)}
  40%{box-shadow:var(--sh-3),0 0 48px rgba(245,194,107,.4),inset 0 1px 0 rgba(255,255,255,.12)}
  100%{box-shadow:var(--sh-3),inset 0 1px 0 rgba(255,255,255,.08)}
}

/* Live dot stronger pulse */
.online-dot,.live-dot{
  animation: dotPulseStrong 1.4s ease infinite !important;
}
@keyframes dotPulseStrong{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px var(--em-300))}
  50%{transform:scale(1.3);filter:drop-shadow(0 0 16px var(--em-300)) drop-shadow(0 0 28px rgba(45,169,89,.4))}
}

/* Mobile — reduce intensity of effects to save battery */
@media(max-width:760px){
  .hero h1{animation:goldShimmer 8s ease infinite !important}
  .floating-coins{display:none !important}
  #cursor-glow{display:none !important}
}

/* ═══════════════════════════════════════════════════════════════
   HERO MEGA v2 — 2-col layout, animated showcase, premium polish
   ═══════════════════════════════════════════════════════════════ */

.hero.hero-v2{
  padding-top:140px !important;
  padding-bottom:60px !important;
  min-height:100svh !important;
  display:flex !important;
  align-items:center !important;
  position:relative;
  overflow:hidden;
}

/* Background layers */
.hero-bg-grid{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(245,194,107,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(245,194,107,.04) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
}
.hero-bg-glow{
  position:absolute;inset:-20%;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 800px 500px at 25% 30%,rgba(245,194,107,.22),transparent 60%),
    radial-gradient(ellipse 700px 600px at 78% 65%,rgba(232,146,11,.16),transparent 65%),
    radial-gradient(circle 400px at 50% 100%,rgba(0,212,255,.06),transparent 60%);
  animation:auraDriftV2 18s ease-in-out infinite;
  filter:blur(20px);
}
@keyframes auraDriftV2{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(3%,-2%) scale(1.04)}
  66%{transform:translate(-2%,2%) scale(.97)}
}

/* Two-column grid */
.hero-grid{
  display:grid !important;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(32px,5vw,72px);
  align-items:center;
  position:relative;
  z-index:2;
  text-align:left !important;
}

.hero-left{max-width:640px}

/* Premium eyebrow */
.hero-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  font-family:var(--f-head);
  font-size:11px;
  font-weight:700;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:var(--au-300);
  margin:18px 0 6px;
  opacity:.85;
}
.eyebrow-line{
  flex:0 0 36px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--au-400),transparent);
}

/* Mega headline */
.hero-h1-mega{
  font-family:'Cinzel Decorative','Cinzel',serif !important;
  font-weight:900 !important;
  line-height:.96 !important;
  letter-spacing:.01em !important;
  margin:8px 0 22px !important;
  color:transparent;
  -webkit-text-fill-color:transparent;
  display:block !important;
}
.hero-h1-mega .line-1{
  display:block;
  font-size:clamp(48px,7.5vw,108px);
  background:linear-gradient(135deg,#FDE7A0 0%,#F5C26B 25%,#D4A017 50%,#9C7A1A 75%,#F5C26B 100%);
  background-size:240% 240%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:goldShimmer 8s ease infinite;
  filter:drop-shadow(0 8px 32px rgba(184,134,11,.4)) drop-shadow(0 0 28px rgba(245,194,107,.2));
  text-transform:uppercase;
  letter-spacing:.02em;
}
.hero-h1-mega .line-2{
  display:block;
  font-family:'Cinzel','Times New Roman',serif !important;
  font-size:clamp(22px,3.4vw,42px);
  font-weight:400 !important;
  font-style:italic;
  letter-spacing:.04em;
  margin-top:4px;
  color:rgba(245,241,232,.78);
  -webkit-text-fill-color:rgba(245,241,232,.78);
  text-transform:none;
}
.hero-h1-mega .line-2 em{
  font-style:italic;
  background:linear-gradient(135deg,#F5C26B,#E8920B);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:700;
}

/* Subtitle with strong accents */
.hero-sub-v2{
  font-family:var(--f-body) !important;
  font-size:clamp(15px,1.4vw,18px) !important;
  line-height:1.55 !important;
  color:var(--tx-2) !important;
  margin-bottom:28px !important;
  max-width:540px;
}
.hero-sub-v2 strong{
  color:var(--au-200);
  font-weight:700;
}

/* Search v2 — bigger, more premium */
.hero-search-v2{
  max-width:560px !important;
  margin:0 0 24px !important;
}
.hero-search-v2 input{
  padding:18px 110px 18px 56px !important;
  font-size:16px !important;
  border-radius:14px !important;
  border:1.5px solid rgba(245,194,107,.32) !important;
  background:linear-gradient(180deg,rgba(8,9,14,.85),rgba(15,18,29,.92)) !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 16px 36px rgba(0,0,0,.4),0 0 24px rgba(212,160,23,.08) !important;
}
.search-kbd{
  position:absolute;
  right:124px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  padding:3px 8px;
  font-family:var(--f-mono);
  font-size:11px;
  color:var(--tx-3);
  font-weight:700;
  pointer-events:none;
}

/* Actions v2 */
.hero-actions-v2{
  justify-content:flex-start !important;
  margin-bottom:24px;
}
.hero-btn-mega{
  padding:16px 32px !important;
  font-size:14px !important;
  border-radius:14px !important;
}
.btn-suffix{
  margin-left:8px;
  padding-left:12px;
  border-left:1px solid rgba(26,16,6,.3);
  font-size:13px;
}
.btn-arrow{
  font-size:14px;
  margin-left:4px;
  transition:transform .25s;
}
.hero-btn-outline:hover .btn-arrow{transform:translateX(4px)}
.hero-btn-ghost{
  background:transparent !important;
  border:1px solid rgba(245,194,107,.18) !important;
  color:var(--tx-2) !important;
  font-weight:600 !important;
}

/* Trust badges */
.hero-trust-badges{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:22px;
}
.trust-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(6,7,12,.4));
  border:1px solid rgba(212,160,23,.16);
  border-radius:10px;
  font-size:11px;
  color:var(--tx-2);
  line-height:1.25;
  transition:border-color .25s,background .25s,transform .25s;
}
.trust-item:hover{
  border-color:rgba(245,194,107,.36);
  background:linear-gradient(180deg,rgba(245,194,107,.08),rgba(6,7,12,.5));
  transform:translateY(-2px);
}
.trust-item i{
  color:var(--au-300);
  font-size:14px;
  filter:drop-shadow(0 0 6px rgba(245,194,107,.4));
}
.trust-item span{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.trust-item strong{
  color:var(--tx-0);
  font-weight:700;
  font-size:12px;
}

/* Live ticker bar */
.hero-live-ticker{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  background:linear-gradient(90deg,rgba(45,169,89,.08),rgba(6,7,12,.4));
  border:1px solid rgba(79,197,122,.22);
  border-radius:10px;
  font-size:12px;
  color:var(--tx-2);
  font-family:var(--f-mono);
}
.live-pulse{
  width:8px;height:8px;
  background:#4FC57A;
  border-radius:50%;
  box-shadow:0 0 10px #4FC57A,0 0 18px rgba(79,197,122,.5);
  animation:dotPulseStrong 1.4s ease infinite;
  flex-shrink:0;
}
.ticker-label{
  color:#4FC57A;
  font-weight:800;
  letter-spacing:.08em;
  font-size:10px;
}
.ticker-text{
  color:var(--tx-2);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1;
}

/* RIGHT column — animated showcase */
.hero-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}
.showcase-scene{
  position:relative;
  width:100%;
  max-width:480px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
}
.showcase-spotlight{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 55%,rgba(245,194,107,.32),rgba(245,194,107,.08) 40%,transparent 70%);
  animation:spotlightPulse 5s ease infinite;
  filter:blur(8px);
}
@keyframes spotlightPulse{
  0%,100%{opacity:.6;transform:scale(1)}
  50%{opacity:1;transform:scale(1.05)}
}

/* Decorative rings */
.showcase-ring{
  position:absolute;
  border:1.5px dashed rgba(245,194,107,.2);
  border-radius:50%;
  pointer-events:none;
}
.showcase-ring-1{
  width:60%;height:60%;
  animation:ringRotate 30s linear infinite;
}
.showcase-ring-2{
  width:80%;height:80%;
  border-color:rgba(245,194,107,.12);
  animation:ringRotate 50s linear infinite reverse;
}
.showcase-ring-3{
  width:100%;height:100%;
  border-color:rgba(245,194,107,.07);
  animation:ringRotate 70s linear infinite;
}
@keyframes ringRotate{
  to{transform:rotate(360deg)}
}

/* Treasure chest */
.treasure-chest{
  position:relative;
  width:55%;
  z-index:2;
  filter:drop-shadow(0 12px 32px rgba(0,0,0,.7)) drop-shadow(0 0 28px rgba(245,194,107,.45));
  animation:chestBob 4s ease-in-out infinite;
}
@keyframes chestBob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.treasure-chest svg{
  width:100%;
  height:auto;
}
.chest-lid{
  transform-origin:50px 50px;
  animation:chestOpen 5s ease-in-out infinite;
}
@keyframes chestOpen{
  0%,100%{transform:rotate(-8deg) translateY(0)}
  50%{transform:rotate(-22deg) translateY(-4px)}
}
.chest-inner-glow{
  animation:innerGlow 2.6s ease-in-out infinite;
  transform-origin:center;
}
@keyframes innerGlow{
  0%,100%{opacity:.5}
  50%{opacity:1;transform:scale(1.08)}
}

/* Orbiting items */
.orbit-item{
  position:absolute;
  width:38px;
  height:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(6,7,12,.6));
  border:1px solid rgba(245,194,107,.4);
  border-radius:10px;
  display:grid;
  place-items:center;
  z-index:3;
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 16px rgba(245,194,107,.2),inset 0 1px 0 rgba(245,194,107,.18);
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.orbit-item svg{width:24px;height:24px}
.orbit-item-1{animation:orbitOne 18s linear infinite}
.orbit-item-2{animation:orbitTwo 24s linear infinite}
.orbit-item-3{animation:orbitThree 21s linear infinite}
.orbit-item-4{animation:orbitFour 27s linear infinite}
.orbit-item-5{animation:orbitFive 20s linear infinite}
@keyframes orbitOne{
  from{transform:rotate(0deg) translateX(140px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(140px) rotate(-360deg)}
}
@keyframes orbitTwo{
  from{transform:rotate(72deg) translateX(170px) rotate(-72deg)}
  to{transform:rotate(432deg) translateX(170px) rotate(-432deg)}
}
@keyframes orbitThree{
  from{transform:rotate(144deg) translateX(155px) rotate(-144deg)}
  to{transform:rotate(504deg) translateX(155px) rotate(-504deg)}
}
@keyframes orbitFour{
  from{transform:rotate(216deg) translateX(185px) rotate(-216deg)}
  to{transform:rotate(576deg) translateX(185px) rotate(-576deg)}
}
@keyframes orbitFive{
  from{transform:rotate(288deg) translateX(150px) rotate(-288deg)}
  to{transform:rotate(648deg) translateX(150px) rotate(-648deg)}
}

/* Rising sparks from chest */
.rise-spark{
  position:absolute;
  bottom:30%;
  left:50%;
  width:3px;
  height:3px;
  background:radial-gradient(circle,#FDE7A0,rgba(245,194,107,0));
  border-radius:50%;
  pointer-events:none;
  filter:blur(.4px);
  z-index:4;
}
.rise-spark.s1{animation:riseSpark 3.2s linear infinite;animation-delay:0s}
.rise-spark.s2{animation:riseSpark 2.6s linear infinite;animation-delay:.4s;left:42%}
.rise-spark.s3{animation:riseSpark 3.8s linear infinite;animation-delay:.9s;left:58%}
.rise-spark.s4{animation:riseSpark 2.9s linear infinite;animation-delay:1.4s;left:46%}
.rise-spark.s5{animation:riseSpark 3.4s linear infinite;animation-delay:1.9s;left:54%}
.rise-spark.s6{animation:riseSpark 3.1s linear infinite;animation-delay:2.4s;left:50%}
@keyframes riseSpark{
  0%{transform:translateY(0) scale(0);opacity:0}
  15%{transform:translateY(-20px) scale(1);opacity:1}
  90%{opacity:.8}
  100%{transform:translateY(-180px) scale(0);opacity:0}
}

/* Stats v2 — under showcase, smaller chips */
.hero-stats-v2{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
  width:100%;
  max-width:480px;
  margin:0 !important;
  flex-wrap:initial !important;
}
.hero-stats-v2 .hero-stat{
  padding:14px 10px !important;
  min-width:0 !important;
  text-align:center !important;
  align-items:center !important;
}
.hero-stats-v2 .hero-stat .num{
  font-size:clamp(20px,2.4vw,28px) !important;
}
.hero-stats-v2 .hero-stat .label{
  font-size:9px !important;
  letter-spacing:.08em !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:3px !important;
}
.hero-stats-v2 .hero-stat .label i{
  color:var(--au-300) !important;
  font-size:11px !important;
  margin-bottom:2px;
}

/* Scroll cue */
.hero-scroll-cue{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:var(--tx-3);
  font-size:10px;
  letter-spacing:.32em;
  text-transform:uppercase;
  font-weight:700;
  font-family:var(--f-head);
  animation:scrollCueBob 2.4s ease-in-out infinite;
}
.scroll-line{
  width:1px;
  height:36px;
  background:linear-gradient(180deg,var(--au-400),transparent);
}
@keyframes scrollCueBob{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(6px)}
}

/* ─── MOBILE — collapse to single column ─── */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr !important;gap:32px !important;text-align:center !important}
  .hero-left{max-width:100% !important;margin:0 auto !important;text-align:center}
  .hero-eyebrow{justify-content:center}
  .hero-search-v2{margin:0 auto 24px !important}
  .hero-actions-v2{justify-content:center !important}
  .hero-trust-badges{grid-template-columns:repeat(2,1fr);max-width:480px;margin:0 auto 22px}
  .hero-live-ticker{max-width:540px;margin:0 auto}
  .hero-right{order:-1}
  .showcase-scene{max-width:300px}
  .hero-stats-v2{max-width:none}
}
@media(max-width:760px){
  .hero.hero-v2{padding-top:100px !important;padding-bottom:48px !important;min-height:auto !important}
  .hero-h1-mega .line-1{font-size:clamp(36px,9.5vw,56px) !important;white-space:nowrap}
  .hero-h1-mega .line-2{font-size:clamp(18px,5.5vw,28px)}
  .hero-sub-v2{font-size:14px !important}
  .hero-trust-badges{grid-template-columns:repeat(2,1fr);gap:8px}
  .trust-item{padding:8px 10px;font-size:10px}
  .trust-item strong{font-size:11px}
  .trust-item i{font-size:12px}
  .showcase-scene{max-width:260px;aspect-ratio:1}
  .treasure-chest{width:60%}
  .orbit-item{width:30px;height:30px}
  .orbit-item svg{width:18px;height:18px}
  .hero-stats-v2{grid-template-columns:repeat(2,1fr) !important;max-width:340px;margin:0 auto !important}
  .hero-stats-v2 .hero-stat .label i{font-size:10px}
  .hero-actions-v2{flex-direction:column;align-items:stretch !important;max-width:300px;margin:0 auto 24px}
  .hero-actions-v2 .hero-btn{width:100%;justify-content:center}
  .search-kbd{display:none}
  .hero-scroll-cue{display:none}
}
@media(max-width:420px){
  .hero-h1-mega .line-1{font-size:clamp(30px,8.8vw,40px) !important}
  .hero-h1-mega .line-2{font-size:clamp(16px,4.8vw,22px)}
  .showcase-scene{max-width:220px}
  .orbit-item-2,.orbit-item-4{display:none}
  .hero-stats-v2 .hero-stat{padding:12px 8px !important}
  .hero-stats-v2 .hero-stat .num{font-size:18px !important}
}

/* ═══════════════════════════════════════════════════════════════
   HERO v3 — CENTERED forge-style (prison aesthetic + gold theme)
   Override v2 fully. Centered single-column. Premium background.
   ═══════════════════════════════════════════════════════════════ */
body .hero.hero-v3{
  padding-top:130px !important;
  padding-bottom:80px !important;
  min-height:auto !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(ellipse 1100px 600px at 16% 8%, rgba(245,194,107,.22), transparent 55%),
    radial-gradient(ellipse 1000px 600px at 88% 8%, rgba(255,209,102,.18), transparent 55%),
    radial-gradient(ellipse 1400px 700px at 50% 110%, rgba(232,146,11,.14), transparent 60%),
    linear-gradient(180deg, #08080D 0%, #0A0A12 50%, #08080D 100%) !important;
  border-bottom:1px solid rgba(245,194,107,.12) !important;
}
/* override hero-v3 .container to centered, no grid */
body .hero.hero-v3 .container{
  display:block !important;
  position:relative !important;
  z-index:5 !important;
  text-align:center !important;
  max-width:980px !important;
  margin:0 auto !important;
  grid-template-columns:none !important;
  gap:0 !important;
}

/* Layer 1: vertical scanline blueprint grid */
.hero-scan-grid{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none;
  z-index:1;
  background-image: repeating-linear-gradient(90deg, rgba(245,194,107,.04) 0 1px, transparent 1px 96px);
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000 30%, transparent 80%);
}

/* Layer 2: diagonal light streak (forge spark sweep) */
.hero-streak{
  position:absolute !important;
  left:-20% !important;
  right:-20% !important;
  top:35% !important;
  height:220px !important;
  pointer-events:none;
  z-index:2;
  background: linear-gradient(115deg,
    transparent 0%,
    rgba(245,194,107,.04) 22%,
    rgba(255,184,77,.18) 42%,
    rgba(255,209,102,.28) 50%,
    rgba(255,184,77,.18) 58%,
    rgba(245,194,107,.04) 78%,
    transparent 100%);
  filter: blur(34px);
  transform: translateX(-110%);
  animation: heroStreakSweep 11s ease-in-out infinite;
}
@keyframes heroStreakSweep{
  0%, 3%{transform:translateX(-110%); opacity:.35}
  50%{opacity:1}
  97%, 100%{transform:translateX(110%); opacity:.35}
}

/* Layer 3: central radial ember flare */
.hero-ember{
  position:absolute !important;
  left:50% !important;
  top:38% !important;
  transform:translate(-50%, -50%) !important;
  width:min(700px, 80vw) !important;
  height:min(700px, 80vw) !important;
  pointer-events:none;
  z-index:1;
  background: radial-gradient(circle,
    rgba(255,209,102,.18) 0%,
    rgba(245,194,107,.1) 25%,
    rgba(212,160,23,.04) 50%,
    transparent 70%);
  filter: blur(28px);
  animation: emberPulse 6s ease-in-out infinite;
}
@keyframes emberPulse{
  0%, 100%{opacity:.7; transform:translate(-50%,-50%) scale(1)}
  50%{opacity:1; transform:translate(-50%,-50%) scale(1.08)}
}

/* Hero pill v3 — coral-bordered like prison */
body .hero.hero-v3 .hero-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:7px 18px !important;
  background: linear-gradient(135deg, rgba(212,160,23,.14), rgba(232,146,11,.06)) !important;
  border:1px solid rgba(245,194,107,.42) !important;
  color: #F5C26B !important;
  font-family: var(--f-head) !important;
  font-size: 11px !important;
  font-weight:800 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  border-radius:999px !important;
  box-shadow: 0 0 28px rgba(245,194,107,.28), inset 0 1px 0 rgba(245,194,107,.22), 0 6px 18px rgba(0,0,0,.4) !important;
  margin: 0 auto 18px !important;
  animation: pillBreathe 2.8s ease infinite, pillFloat 6s ease-in-out infinite !important;
}
body .hero.hero-v3 .hero-pill > span{
  width:8px !important;height:8px !important;
  background:#4FC57A !important;
  border-radius:50% !important;
  box-shadow: 0 0 12px #4FC57A, 0 0 24px rgba(79,197,122,.5) !important;
  animation: dotPulseStrong 1.6s ease infinite !important;
}
@keyframes pillBreathe{
  0%,100%{box-shadow:0 0 24px rgba(245,194,107,.24), inset 0 1px 0 rgba(245,194,107,.2), 0 6px 18px rgba(0,0,0,.4)}
  50%{box-shadow:0 0 44px rgba(245,194,107,.5), 0 0 80px rgba(245,194,107,.18), inset 0 1px 0 rgba(245,194,107,.32), 0 6px 18px rgba(0,0,0,.4)}
}

/* Eyebrow TITAN · SURVIVAL */
.hero-eyebrow-v3{
  font-family: var(--f-head) !important;
  font-size: clamp(11px, 1.2vw, 14px) !important;
  letter-spacing: .65em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: rgba(245,241,232,.42) !important;
  margin: 0 0 6px !important;
}
.hero-eyebrow-v3 .he-dot{
  color: #F5C26B !important;
  opacity: .8;
  letter-spacing:0;
}
.hero-eyebrow-v3 > span{
  background: linear-gradient(135deg, var(--au-300), var(--au-500) 50%, var(--au-700)) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 900 !important;
  letter-spacing: .32em !important;
}

/* H1 Marketplace — Orbitron-style large gold neon */
body .hero.hero-v3 h1{
  font-family: 'Orbitron', 'Rajdhani', 'Cinzel Decorative', serif !important;
  font-size: clamp(48px, 8vw, 96px) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  margin: 6px 0 14px !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(135deg,
    #FDE7A0 0%,
    #F5C26B 25%,
    #D4A017 45%,
    #B8860B 60%,
    #F5C26B 80%,
    #FDE7A0 100%) !important;
  background-size: 240% 240% !important;
  -webkit-background-clip: text;
  background-clip: text !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 0 22px rgba(245,194,107,.34))
    drop-shadow(0 0 60px rgba(255,209,102,.16))
    drop-shadow(0 6px 20px rgba(184,134,11,.4)) !important;
  animation: goldShimmer 8s ease infinite, h1Reveal 1.2s cubic-bezier(.22,1,.36,1) !important;
  white-space:nowrap !important;
}
@keyframes h1Reveal{
  0%{opacity:0;letter-spacing:-.04em;transform:translateY(20px) scale(.95);filter:blur(8px) drop-shadow(0 0 22px rgba(245,194,107,.34))}
  100%{opacity:1;letter-spacing:.04em;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 0 22px rgba(245,194,107,.34)) drop-shadow(0 0 60px rgba(255,209,102,.16)) drop-shadow(0 6px 20px rgba(184,134,11,.4))}
}

/* Subtitle */
body .hero.hero-v3 .hero-sub{
  font-family: var(--f-body) !important;
  font-size: clamp(13px, 1.4vw, 16px) !important;
  color: var(--tx-2) !important;
  margin: 0 auto 28px !important;
  letter-spacing: .02em !important;
  max-width: 640px;
}
body .hero.hero-v3 .hero-sub strong{
  color: var(--au-200) !important;
  font-weight: 700 !important;
}

/* Search */
body .hero.hero-v3 .hero-search{
  max-width: 600px !important;
  margin: 0 auto 28px !important;
}

/* Stats — 4 chips centered */
body .hero.hero-v3 .hero-stats{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 auto 28px !important;
  max-width: 800px;
}
body .hero.hero-v3 .hero-stat{
  flex: 0 1 170px !important;
  min-width: 150px !important;
  padding: 16px 20px !important;
  background: linear-gradient(180deg, rgba(212,160,23,.08) 0%, rgba(6,7,12,.6) 50%, rgba(6,7,12,.7) 100%) !important;
  border: 1px solid rgba(212,160,23,.28) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(245,194,107,.14), 0 4px 16px rgba(0,0,0,.35), 0 0 16px rgba(212,160,23,.05) !important;
}

/* Actions row — only 2 buttons centered */
body .hero.hero-v3 .hero-actions{
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 auto 18px !important;
  flex-wrap: wrap;
}
body .hero.hero-v3 .hero-btn-gold{
  background: linear-gradient(135deg, #FDE7A0 0%, #F5C26B 30%, #D4A017 60%, #E8920B 100%) !important;
  background-size: 200% 100% !important;
  animation: ctaShimmer 4s ease infinite !important;
}

/* Online status below CTAs */
body .hero.hero-v3 .hero-online{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  background: rgba(6,7,12,.5) !important;
  border: 1px solid rgba(79,197,122,.22) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  color: var(--tx-3) !important;
  font-family: var(--f-mono) !important;
  margin: 0 auto !important;
}
body .hero.hero-v3 .hero-online strong{
  color: #4FC57A !important;
  font-weight: 800 !important;
  font-family: var(--f-head) !important;
  font-size: 13px;
}
body .hero.hero-v3 .ho-dot{
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #4FC57A;
  box-shadow: 0 0 8px #4FC57A, 0 0 16px rgba(79,197,122,.5);
  animation: dotPulseStrong 1.6s ease infinite;
}

/* Mobile responsive for v3 */
@media(max-width:760px){
  body .hero.hero-v3{padding-top:96px !important;padding-bottom:56px !important}
  body .hero.hero-v3 h1{font-size: clamp(36px, 11vw, 64px) !important; white-space:nowrap !important; letter-spacing:.02em !important}
  body .hero.hero-v3 .hero-stats{gap:8px !important}
  body .hero.hero-v3 .hero-stat{flex:1 1 calc(50% - 8px) !important;min-width:0 !important;padding:12px 10px !important}
  body .hero.hero-v3 .hero-stat .num{font-size:clamp(20px,5.5vw,28px) !important}
  body .hero.hero-v3 .hero-stat .label{font-size:9px !important;letter-spacing:.06em !important}
  body .hero.hero-v3 .hero-actions{flex-direction:column;align-items:stretch;max-width:300px;margin:0 auto 16px !important}
  body .hero.hero-v3 .hero-btn{width:100%;justify-content:center}
  .hero-scan-grid{background-size:48px 100% !important}
}
@media(max-width:420px){
  body .hero.hero-v3 h1{font-size:clamp(28px,10vw,44px) !important}
  body .hero.hero-v3 .hero-eyebrow-v3{font-size:10px !important;letter-spacing:.45em !important}
}

/* ═══════════════════════════════════════════════════════════════════
   HERO v4 — Trading Terminal × Minecraft DNA × Polish Premium
   Centered. Layered mesh bg. Drifting MC items. Premium typography.
   ═══════════════════════════════════════════════════════════════════ */
body .hero.hero-v4{
  position:relative !important;
  padding:148px 0 96px !important;
  min-height:auto !important;
  display:block !important;
  overflow:hidden !important;
  isolation:isolate;
  background:#06070C !important;
  border-bottom:1px solid rgba(245,194,107,.10) !important;
}

/* Layer 1: mesh gradient base — multi-stop, animated */
.hv4-mesh{
  position:absolute !important;inset:-15% !important;z-index:0 !important;pointer-events:none;
  background:
    radial-gradient(60% 50% at 18% 12%, rgba(255,209,102,.18), transparent 60%),
    radial-gradient(45% 40% at 82% 18%, rgba(212,160,23,.16), transparent 60%),
    radial-gradient(50% 45% at 70% 88%, rgba(232,146,11,.14), transparent 65%),
    radial-gradient(40% 35% at 28% 75%, rgba(93,224,255,.07), transparent 60%),
    radial-gradient(36% 32% at 50% 50%, rgba(245,194,107,.07), transparent 70%);
  filter:blur(40px);
  animation:hv4MeshDrift 22s ease-in-out infinite;
}
@keyframes hv4MeshDrift{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(2%,-1%) scale(1.04)}
  66%{transform:translate(-1.5%,2%) scale(.97)}
}

/* Layer 2: graph-paper grid — subtle, blueprint */
.hv4-grid{
  position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none;
  background-image:
    linear-gradient(rgba(245,194,107,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,194,107,.045) 1px, transparent 1px),
    linear-gradient(rgba(245,194,107,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,194,107,.018) 1px, transparent 1px);
  background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;
  background-position: 0 0, 0 0, 0 0, 0 0;
  mask-image:radial-gradient(ellipse 75% 60% at 50% 45%, #000 25%, transparent 85%);
}

/* Layer 3: top spotlight + bottom dim */
.hv4-spot{
  position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 50% -5%, rgba(255,247,212,.16), transparent 70%),
    radial-gradient(ellipse 80% 70% at 50% 120%, rgba(6,7,12,.6), transparent 50%);
}

/* Layer 4: vignette + film grain */
.hv4-vignette{
  position:absolute !important;inset:0 !important;z-index:3 !important;pointer-events:none;
  background:
    radial-gradient(ellipse 100% 100% at 50% 50%, transparent 40%, rgba(6,7,12,.5) 100%);
  box-shadow: inset 0 -100px 100px -50px rgba(6,7,12,.8);
}

/* Floating Minecraft items — drifting, parallax */
.hv4-floaters{
  position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none;
  overflow:hidden;
}
.mcf{
  position:absolute;
  width:38px;height:38px;
  opacity:.65;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(245,194,107,.18));
  animation:mcfFloat 18s ease-in-out infinite, mcfBob 4s ease-in-out infinite;
  will-change:transform;
}
.mcf-diamond{top:18%;left:8%;width:42px;height:42px;animation-duration:22s,5s;animation-delay:0s,0s;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(93,227,255,.4))}
.mcf-emerald{top:62%;left:4%;width:36px;height:36px;animation-duration:26s,4.4s;animation-delay:-3s,-1s;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(79,197,122,.4))}
.mcf-ingot{top:14%;right:7%;width:46px;height:32px;animation-duration:24s,4.8s;animation-delay:-6s,-.5s}
.mcf-star{top:70%;right:9%;width:40px;height:40px;animation-duration:30s,6s;animation-delay:-2s,-2.5s;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(253,231,160,.5))}
.mcf-pearl{top:38%;left:3%;width:34px;height:34px;animation-duration:28s,5.4s;animation-delay:-8s,-3s;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(30,162,122,.32))}
.mcf-pick{top:30%;right:5%;width:44px;height:44px;animation-duration:25s,5.8s;animation-delay:-4s,-2s;opacity:.4}
.mcf-ruby{top:84%;left:12%;width:34px;height:34px;animation-duration:23s,4.2s;animation-delay:-10s,-1.5s;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(255,85,102,.36))}
.mcf-lapis{top:78%;right:14%;width:32px;height:32px;animation-duration:27s,4.6s;animation-delay:-7s,-2.8s;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(93,176,255,.32))}
@keyframes mcfFloat{
  0%,100%{transform:translate(0,0) rotate(-6deg)}
  25%{transform:translate(14px,-10px) rotate(2deg)}
  50%{transform:translate(-8px,8px) rotate(6deg)}
  75%{transform:translate(10px,4px) rotate(-2deg)}
}
@keyframes mcfBob{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.25)}
}

/* Content container */
body .hero.hero-v4 .hv4-content{
  position:relative !important;
  z-index:10 !important;
  text-align:center !important;
  max-width:1080px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:block !important;
  grid-template-columns:none !important;
}

/* Status row */
.hv4-status{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:6px 18px;
  background:linear-gradient(180deg, rgba(15,18,29,.6), rgba(6,7,12,.4));
  border:1px solid rgba(245,194,107,.18);
  border-radius:999px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 4px 14px rgba(0,0,0,.5), inset 0 1px 0 rgba(245,194,107,.12);
  margin:0 auto 22px;
}
.hv4-status-chip{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono','Fira Code','Consolas',monospace;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--tx-2);
  text-transform:uppercase;
  white-space:nowrap;
}
.hv4-status-chip.live{color:#7BE6A1}
.hv4-status-chip i{color:rgba(245,194,107,.7);font-size:10px}
.hv4-status-divider{
  width:1px;height:11px;
  background:linear-gradient(180deg, transparent, rgba(245,194,107,.32), transparent);
}
.hv4-pulse{
  width:7px;height:7px;border-radius:50%;
  background:#4FC57A;
  box-shadow:0 0 10px #4FC57A, 0 0 20px rgba(79,197,122,.5);
  animation:hv4Pulse 1.4s ease infinite;
}
@keyframes hv4Pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 10px #4FC57A,0 0 20px rgba(79,197,122,.5)}
  50%{transform:scale(1.35);box-shadow:0 0 16px #4FC57A,0 0 32px rgba(79,197,122,.7)}
}

/* Eyebrow — handwritten serif italic */
.hv4-eyebrow{
  font-family:'Cinzel','Georgia',serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(15px, 1.5vw, 19px);
  letter-spacing:.02em;
  color:rgba(245,241,232,.55);
  margin:0 0 14px;
  text-transform:none;
}
.hv4-eyebrow-mark{color:#F5C26B}

/* MEGA H1 with layered text effect */
.hv4-h1{
  font-family:'Cinzel Decorative','Cinzel','Times New Roman',serif !important;
  font-weight:900 !important;
  margin:0 0 22px !important;
  line-height:.95 !important;
  position:relative;
  display:block !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  letter-spacing:0 !important;
}
.hv4-h1-main{
  display:block;
  font-size:clamp(48px, 9vw, 124px);
  letter-spacing:.02em;
  text-transform:uppercase;
  font-weight:900;
  background:linear-gradient(135deg,
    #FFF8DD 0%,
    #FDE7A0 18%,
    #F5C26B 35%,
    #D4A017 52%,
    #B8860B 68%,
    #F5C26B 84%,
    #FDE7A0 100%);
  background-size:240% 240%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:
    drop-shadow(0 2px 0 rgba(120,80,16,.6))
    drop-shadow(0 8px 24px rgba(184,134,11,.5))
    drop-shadow(0 0 36px rgba(245,194,107,.32))
    drop-shadow(0 0 80px rgba(255,209,102,.16));
  animation: hv4Shimmer 9s ease infinite, hv4H1Rise 1.2s cubic-bezier(.22,1,.36,1);
  white-space:nowrap;
  position:relative;
  z-index:2;
}
@keyframes hv4Shimmer{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes hv4H1Rise{
  0%{opacity:0;transform:translateY(30px) scale(.94);filter:blur(8px) drop-shadow(0 0 0 transparent)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:
    drop-shadow(0 2px 0 rgba(120,80,16,.6))
    drop-shadow(0 8px 24px rgba(184,134,11,.5))
    drop-shadow(0 0 36px rgba(245,194,107,.32))
    drop-shadow(0 0 80px rgba(255,209,102,.16))}
}
.hv4-h1-sub{
  display:block;
  margin-top:-6px;
  font-family:'Cinzel','Times New Roman',serif;
  font-size:clamp(20px, 2.6vw, 32px);
  font-weight:400;
  font-style:italic;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(245,241,232,.6);
  -webkit-text-fill-color:rgba(245,241,232,.6);
}
.hv4-h1-sub em{
  font-style:italic;
  background:linear-gradient(135deg,#F5C26B,#E8920B);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:700;
  letter-spacing:.06em;
}

/* Tagline */
.hv4-tagline{
  font-family:'Inter','Segoe UI','system-ui',sans-serif;
  font-size:clamp(14px, 1.4vw, 17px);
  line-height:1.6;
  color:var(--tx-2);
  max-width:680px;
  margin:0 auto 32px;
  letter-spacing:.01em;
  font-weight:400;
}
.hv4-tagline strong{
  color:#F5C26B;
  font-weight:700;
  background:linear-gradient(135deg,#FDE7A0,#F5C26B,#E8920B);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Search block */
.hv4-search-block{
  max-width:680px;
  margin:0 auto 36px;
}
.hv4-search{
  max-width:680px !important;
  margin:0 auto 14px !important;
  position:relative;
}
.hv4-search input{
  padding:20px 130px 20px 56px !important;
  font-size:16px !important;
  border-radius:16px !important;
  border:1.5px solid rgba(245,194,107,.28) !important;
  background:linear-gradient(180deg, rgba(15,18,29,.92), rgba(8,9,14,.96)) !important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.6),
    0 18px 44px rgba(0,0,0,.5),
    0 0 32px rgba(212,160,23,.08),
    0 0 0 4px rgba(245,194,107,0) !important;
  transition:border-color .3s, box-shadow .3s, transform .3s !important;
}
.hv4-search input:focus{
  border-color:rgba(245,194,107,.6) !important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.4),
    0 18px 44px rgba(0,0,0,.5),
    0 0 36px rgba(245,194,107,.2),
    0 0 0 4px rgba(245,194,107,.08) !important;
  transform:scale(1.005) !important;
}
.hv4-search .search-icon{
  left:20px !important;
  font-size:17px !important;
  color:rgba(245,208,97,.85) !important;
}
.hv4-kbd{
  position:absolute;
  right:130px;
  top:50%;transform:translateY(-50%);
  padding:4px 9px;
  background:rgba(15,18,29,.9);
  border:1px solid rgba(245,194,107,.24);
  border-radius:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:700;
  color:rgba(245,194,107,.7);
  pointer-events:none;
  box-shadow:0 1px 0 rgba(0,0,0,.4);
}

/* Hot trending chips row */
.hv4-hot{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 auto;
}
.hv4-hot-label{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Inter',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,184,77,.85);
  padding:6px 4px;
}
.hv4-hot-label i{color:#FF8C00;font-size:10px;filter:drop-shadow(0 0 6px rgba(255,140,0,.6))}
.hv4-chip{
  display:inline-flex;align-items:center;
  padding:6px 14px;
  background:linear-gradient(180deg, rgba(245,194,107,.06), rgba(15,18,29,.6));
  border:1px solid rgba(245,194,107,.18);
  border-radius:999px;
  font-family:'Inter','Rajdhani',sans-serif;
  font-size:12px;
  font-weight:600;
  color:var(--tx-1);
  letter-spacing:.01em;
  cursor:pointer;
  transition:all .25s cubic-bezier(.16,1,.3,1);
  white-space:nowrap;
}
.hv4-chip:hover{
  background:linear-gradient(180deg, rgba(245,194,107,.18), rgba(15,18,29,.7));
  border-color:rgba(245,194,107,.5);
  color:#FDE7A0;
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.4), 0 0 14px rgba(245,194,107,.18);
}

/* Metrics — finance terminal cards */
.hv4-metrics{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  max-width:960px;
  margin:0 auto 36px !important;
  flex-wrap:initial !important;
}
.hv4-metric{
  position:relative;
  padding:16px 18px !important;
  background:linear-gradient(180deg,
    rgba(245,194,107,.05) 0%,
    rgba(15,18,29,.7) 50%,
    rgba(6,7,12,.85) 100%) !important;
  border:1px solid rgba(245,194,107,.18) !important;
  border-radius:14px !important;
  text-align:left !important;
  align-items:flex-start !important;
  flex-direction:column !important;
  overflow:hidden;
  transition:border-color .3s, transform .3s, box-shadow .3s !important;
  box-shadow:
    inset 0 1px 0 rgba(245,194,107,.12),
    0 6px 22px rgba(0,0,0,.5),
    0 0 0 0 rgba(245,194,107,0) !important;
}
.hv4-metric::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg, transparent, rgba(245,194,107,.5), transparent);
  opacity:.5;
}
.hv4-metric:hover{
  border-color:rgba(245,194,107,.42) !important;
  transform:translateY(-3px) !important;
  box-shadow:
    inset 0 1px 0 rgba(245,194,107,.2),
    0 14px 36px rgba(0,0,0,.6),
    0 0 28px rgba(245,194,107,.12) !important;
}
.hv4-metric-head{
  display:flex;align-items:center;gap:8px;
  margin-bottom:10px;
  width:100%;
}
.hv4-metric-head i{
  color:rgba(245,208,97,.8);
  font-size:12px;
  filter:drop-shadow(0 0 6px rgba(245,194,107,.3));
}
.hv4-metric-head .label{
  font-family:'Inter','Rajdhani',sans-serif;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(201,192,170,.78) !important;
}
.hv4-metric-body{
  display:flex;
  align-items:baseline;
  gap:6px;
  width:100%;
}
.hv4-metric-body .num{
  font-family:'JetBrains Mono','Fira Code',monospace !important;
  font-size:clamp(22px, 2.6vw, 30px) !important;
  font-weight:700 !important;
  color:#FDE7A0 !important;
  -webkit-text-fill-color:#FDE7A0 !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:initial !important;
  text-shadow:0 0 18px rgba(245,194,107,.35), 0 1px 2px rgba(0,0,0,.6) !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
  font-variant-numeric:tabular-nums !important;
  filter:none !important;
}
.hv4-unit{
  font-family:'JetBrains Mono',monospace;
  font-size:.6em;
  font-weight:600;
  color:rgba(245,194,107,.7);
  letter-spacing:.05em;
}
.hv4-metric-foot{
  margin-top:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(138,132,116,.6);
  font-weight:600;
}

/* CTAs */
.hv4-cta-row{
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap;
  gap:14px !important;
  margin:0 auto 24px !important;
}
.hv4-cta{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:16px 28px !important;
  font-family:'Inter','Rajdhani',sans-serif !important;
  font-weight:700 !important;
  font-size:14.5px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  border-radius:14px !important;
  border:none !important;
  cursor:pointer !important;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .3s !important;
  overflow:hidden !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.hv4-cta-primary{
  background:linear-gradient(135deg,
    #FFE680 0%, #FDE7A0 18%, #F5C26B 38%, #E8920B 65%, #B8860B 100%) !important;
  background-size:200% 100% !important;
  color:#1a1006 !important;
  box-shadow:
    0 0 0 1px rgba(245,194,107,.55),
    0 12px 32px rgba(184,134,11,.45),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -1px 0 rgba(120,80,16,.4) !important;
  animation:hv4CtaShimmer 4.5s ease infinite;
}
@keyframes hv4CtaShimmer{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.hv4-cta-primary i{color:#7a4f08 !important}
.hv4-cta-primary .hv4-cta-arrow{margin-left:4px;transition:transform .3s}
.hv4-cta-primary:hover{
  transform:translateY(-3px) scale(1.02) !important;
  box-shadow:
    0 0 0 1px rgba(245,194,107,.75),
    0 18px 44px rgba(184,134,11,.6),
    0 0 28px rgba(245,194,107,.4),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
}
.hv4-cta-primary:hover .hv4-cta-arrow{transform:translateX(4px)}
.hv4-cta-primary:active{transform:translateY(-1px) scale(.99) !important}
.hv4-cta-glow{
  position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
  pointer-events:none;
  animation:hv4Glow 4.5s ease infinite;
}
@keyframes hv4Glow{
  0%,40%{left:-100%}
  60%,100%{left:140%}
}
.hv4-cta-ip{
  font-family:'JetBrains Mono',monospace;
  font-weight:800;
  font-size:.96em;
  margin-left:2px;
  color:#3a2002;
}

.hv4-cta-secondary{
  background:linear-gradient(180deg, rgba(15,18,29,.7), rgba(6,7,12,.85)) !important;
  border:1px solid rgba(245,194,107,.3) !important;
  color:var(--tx-1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.4) !important;
}
.hv4-cta-secondary i{color:#5865F2 !important;font-size:16px}
.hv4-cta-secondary:hover{
  border-color:rgba(88,101,242,.5) !important;
  background:linear-gradient(180deg, rgba(88,101,242,.12), rgba(6,7,12,.85)) !important;
  transform:translateY(-3px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.5), 0 0 22px rgba(88,101,242,.18) !important;
}
.hv4-discord-count{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  padding:2px 8px;
  background:rgba(88,101,242,.18);
  border:1px solid rgba(88,101,242,.32);
  border-radius:6px;
  color:#a5b1ff;
  margin-left:4px;
  font-weight:700;
  letter-spacing:0;
}

/* Live activity strip */
.hv4-live-strip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 18px;
  background:linear-gradient(180deg, rgba(15,18,29,.6), rgba(6,7,12,.5));
  border:1px solid rgba(79,197,122,.18);
  border-radius:999px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--tx-3);
  margin:0 auto;
  max-width:100%;
  flex-wrap:wrap;
  justify-content:center;
  backdrop-filter:blur(8px);
}
.hv4-live-strip .hv4-live-dot{
  width:8px;height:8px;border-radius:50%;
  background:#4FC57A;
  box-shadow:0 0 10px #4FC57A,0 0 18px rgba(79,197,122,.5);
  animation:hv4Pulse 1.4s ease infinite;
}
.hv4-live-label{
  font-weight:800;letter-spacing:.16em;color:#7BE6A1;font-size:10px;
}
.hv4-live-divider{
  width:1px;height:12px;
  background:linear-gradient(180deg, transparent, rgba(245,194,107,.3), transparent);
}
.hv4-live-text{color:var(--tx-2)}
.hv4-live-text strong{color:#FDE7A0;font-weight:700}

/* ─── RESPONSIVE ─── */
@media(max-width:980px){
  body .hero.hero-v4{padding:120px 0 72px !important}
  .hv4-h1-main{font-size:clamp(40px, 11vw, 88px) !important}
  .hv4-h1-sub{font-size:clamp(16px, 3.4vw, 24px)}
  .hv4-metrics{grid-template-columns:repeat(2, 1fr) !important;max-width:560px}
  .mcf{width:30px;height:30px}
  .mcf-ingot{width:36px;height:24px}
}
@media(max-width:640px){
  body .hero.hero-v4{padding:104px 0 56px !important}
  .hv4-status{padding:5px 12px;gap:6px}
  .hv4-status-chip{font-size:9.5px}
  .hv4-status-divider{display:none}
  .hv4-eyebrow{font-size:13px}
  .hv4-h1-main{font-size:clamp(34px, 11.5vw, 56px) !important}
  .hv4-h1-sub{font-size:clamp(14px, 4.4vw, 20px);letter-spacing:.12em}
  .hv4-tagline{font-size:13.5px}
  .hv4-search input{padding:16px 100px 16px 46px !important;font-size:14px !important}
  .hv4-search .search-icon{left:16px !important;font-size:14px !important}
  .hv4-kbd{display:none}
  .hv4-hot-label{font-size:10px}
  .hv4-chip{padding:5px 12px;font-size:11px}
  .hv4-metrics{grid-template-columns:repeat(2, 1fr) !important;gap:8px !important;max-width:380px;margin:0 auto 24px !important}
  .hv4-metric{padding:12px 14px !important}
  .hv4-metric-head .label{font-size:9px !important}
  .hv4-metric-body .num{font-size:clamp(18px, 5.6vw, 24px) !important}
  .hv4-metric-foot{font-size:8px}
  .hv4-cta-row{flex-direction:column;align-items:stretch;max-width:320px;margin:0 auto 18px !important}
  .hv4-cta{width:100%;justify-content:center;padding:14px 22px !important;font-size:13px !important}
  .hv4-live-strip{font-size:10px;padding:7px 14px;gap:8px}
  .hv4-live-divider:nth-of-type(2){display:none}
  .mcf-pick,.mcf-lapis,.mcf-pearl{display:none}
  .mcf{width:24px;height:24px;opacity:.5}
}
@media(max-width:380px){
  .hv4-h1-main{font-size:clamp(28px, 10.5vw, 42px) !important}
  .hv4-status-chip:nth-child(3),.hv4-status-divider:nth-of-type(2){display:none}
}

/* === Light JS hook: chip click puts value into search === */

/* ─── HV4 FIX 2026-05-25 — float scaling + metrics grid override ─── */
body .hero.hero-v4 .hv4-floaters{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  width:100% !important;
  height:100% !important;
}
body .hero.hero-v4 .mcf{
  position:absolute !important;
  width:42px !important;
  height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  opacity:.45 !important;
  pointer-events:none !important;
  z-index:1 !important;
  display:block !important;
}
body .hero.hero-v4 .mcf-diamond{width:46px !important;height:46px !important;max-width:46px !important;max-height:46px !important}
body .hero.hero-v4 .mcf-emerald{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important}
body .hero.hero-v4 .mcf-ingot{width:50px !important;height:34px !important;max-width:50px !important;max-height:34px !important}
body .hero.hero-v4 .mcf-star{width:44px !important;height:44px !important;max-width:44px !important;max-height:44px !important}
body .hero.hero-v4 .mcf-pearl{width:36px !important;height:36px !important;max-width:36px !important;max-height:36px !important;opacity:.35 !important}
body .hero.hero-v4 .mcf-pick{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;opacity:.3 !important}
body .hero.hero-v4 .mcf-ruby{width:36px !important;height:36px !important;max-width:36px !important;max-height:36px !important}
body .hero.hero-v4 .mcf-lapis{width:34px !important;height:34px !important;max-width:34px !important;max-height:34px !important;opacity:.32 !important}

/* Metrics grid override — beats .hero-stats display:flex from earlier */
body .hero.hero-v4 .hv4-metrics,
body .hero.hero-v4 .hero-stats.hv4-metrics{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:960px !important;
  margin:0 auto 36px !important;
  flex-wrap:initial !important;
}
@media(max-width:980px){
  body .hero.hero-v4 .hv4-metrics{grid-template-columns:repeat(2,1fr) !important;max-width:560px !important}
}
@media(max-width:640px){
  body .hero.hero-v4 .hv4-metrics{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;max-width:380px !important;margin:0 auto 24px !important}
}

/* Content z-index above floats */
body .hero.hero-v4 .hv4-content{z-index:10 !important;position:relative !important}

/* SMALL screens — hide more floats */
@media(max-width:640px){
  body .hero.hero-v4 .mcf{width:28px !important;height:28px !important;max-width:28px !important;max-height:28px !important;opacity:.3 !important}
  body .hero.hero-v4 .mcf-pick,
  body .hero.hero-v4 .mcf-lapis,
  body .hero.hero-v4 .mcf-pearl{display:none !important}
}
/* ════════════════════════════════════════════════════════════════════
   HERO v4 — Premium Mouse Parallax + Animated Background
   Hand-crafted. Pointer-driven cursor spotlight, layered parallax,
   3D h1 tilt, magnetic MC items, animated mesh hue cycle.
   ════════════════════════════════════════════════════════════════════ */

/* Cursor-position vars (set live by JS via setProperty on .hero-v4) */
body .hero.hero-v4{
  --mx: 50%;
  --my: 40%;
  --mxn: 0;
  --myn: 0;
  /* JS animation property for smooth hue cycle */
  --bg-hue: 0deg;
  perspective: 1400px;
  transform-style: preserve-3d;
}

/* ─── LAYER 1: ANIMATED MESH — multi-stop, cycles, follows cursor 8px ─── */
body .hero.hero-v4 .hv4-mesh{
  background:
    radial-gradient(60% 50% at calc(18% + (var(--mxn) * 18px)) calc(12% + (var(--myn) * 14px)), rgba(255,209,102,.22), transparent 60%),
    radial-gradient(45% 40% at calc(82% - (var(--mxn) * 16px)) calc(18% + (var(--myn) * 10px)), rgba(212,160,23,.18), transparent 60%),
    radial-gradient(50% 45% at calc(70% + (var(--mxn) * 12px)) calc(88% - (var(--myn) * 18px)), rgba(232,146,11,.16), transparent 65%),
    radial-gradient(40% 35% at calc(28% - (var(--mxn) * 14px)) calc(75% + (var(--myn) * 12px)), rgba(93,224,255,.08), transparent 60%),
    radial-gradient(36% 32% at 50% 50%, rgba(245,194,107,.07), transparent 70%) !important;
  filter: blur(40px) hue-rotate(var(--bg-hue));
  transition: filter .35s ease-out, background-position .25s ease-out;
  animation: meshDrift 28s ease-in-out infinite, meshHueCycle 18s linear infinite !important;
}
@keyframes meshDrift{
  0%,100%{transform:translate(0,0) scale(1)}
  25%{transform:translate(1.5%,-1%) scale(1.03) rotate(.5deg)}
  50%{transform:translate(-1%,1.5%) scale(.98) rotate(-.4deg)}
  75%{transform:translate(.8%,.6%) scale(1.02) rotate(.2deg)}
}
@keyframes meshHueCycle{
  0%,100%{--bg-hue:0deg}
  33%{--bg-hue:8deg}
  66%{--bg-hue:-6deg}
}
@property --bg-hue{
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: true;
}

/* ─── LAYER 2: GRID — parallax 12px on cursor delta ─── */
body .hero.hero-v4 .hv4-grid{
  transition: transform .4s cubic-bezier(.22,1,.36,1);
  transform: translate3d(calc(var(--mxn) * 12px), calc(var(--myn) * 8px), 0);
}

/* ─── LAYER 3: CURSOR SPOTLIGHT — follows mouse, radial halo ─── */
body .hero.hero-v4::before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background: radial-gradient(
    420px circle at var(--mx) var(--my),
    rgba(245,194,107,.16),
    rgba(245,194,107,.05) 30%,
    transparent 55%
  );
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity .5s ease;
}
body .hero.hero-v4:hover::before{opacity: 1}

/* ─── LAYER 4: SECONDARY COOL SPOTLIGHT — diamond-blue tint ─── */
body .hero.hero-v4::after{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background: radial-gradient(
    240px circle at var(--mx) var(--my),
    rgba(93,227,255,.08),
    transparent 60%
  );
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity .6s ease;
}
body .hero.hero-v4:hover::after{opacity: 1}

/* ─── FLOATING MC ITEMS — magnetic to cursor, individual delays ─── */
body .hero.hero-v4 .hv4-floaters{
  z-index: 2 !important;
}
body .hero.hero-v4 .mcf{
  transition: transform .8s cubic-bezier(.22,1,.36,1), opacity .35s, filter .35s !important;
  will-change: transform;
}
/* Each item moves at different rate (parallax depth) */
body .hero.hero-v4 .mcf-diamond{
  transform: translate3d(calc(var(--mxn) * -24px), calc(var(--myn) * -18px), 0) rotate(-8deg);
}
body .hero.hero-v4 .mcf-emerald{
  transform: translate3d(calc(var(--mxn) * 18px), calc(var(--myn) * -22px), 0) rotate(6deg);
}
body .hero.hero-v4 .mcf-ingot{
  transform: translate3d(calc(var(--mxn) * -16px), calc(var(--myn) * 20px), 0) rotate(-4deg);
}
body .hero.hero-v4 .mcf-star{
  transform: translate3d(calc(var(--mxn) * 28px), calc(var(--myn) * 18px), 0) rotate(8deg);
}
body .hero.hero-v4 .mcf-pearl{
  transform: translate3d(calc(var(--mxn) * -20px), calc(var(--myn) * 24px), 0) rotate(-6deg);
}
body .hero.hero-v4 .mcf-pick{
  transform: translate3d(calc(var(--mxn) * 14px), calc(var(--myn) * -16px), 0) rotate(4deg);
}
body .hero.hero-v4 .mcf-ruby{
  transform: translate3d(calc(var(--mxn) * 22px), calc(var(--myn) * 14px), 0) rotate(-10deg);
}
body .hero.hero-v4 .mcf-lapis{
  transform: translate3d(calc(var(--mxn) * -18px), calc(var(--myn) * -20px), 0) rotate(8deg);
}
/* hover on hero — intensify floaters */
body .hero.hero-v4:hover .mcf{opacity: .65 !important; filter: drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(245,194,107,.36)) !important}

/* ─── DUST PARTICLES — animated rising gold motes ─── */
body .hero.hero-v4 .hv4-dust{
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
}
body .hero.hero-v4 .hv4-dust-mote{
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(253,231,160,.9), rgba(245,194,107,.2) 60%, transparent);
  filter: blur(.5px);
  animation: dustRise var(--dur, 14s) linear infinite;
  opacity: 0;
  bottom: -10px;
  left: var(--left, 50%);
  animation-delay: var(--delay, 0s);
}
@keyframes dustRise{
  0%{transform: translate(0, 0) scale(0); opacity: 0}
  8%{transform: translate(var(--drift, 0), -8vh) scale(1); opacity: 1}
  92%{opacity: 1}
  100%{transform: translate(calc(var(--drift, 0) * 3), -110vh) scale(0); opacity: 0}
}

/* ─── HERO CONTENT — 3D tilt on cursor ─── */
body .hero.hero-v4 .hv4-content{
  transition: transform .4s cubic-bezier(.22,1,.36,1);
  transform: rotateX(calc(var(--myn) * 1.2deg)) rotateY(calc(var(--mxn) * -1.4deg)) translateZ(0);
  transform-origin: 50% 50%;
}

/* ─── H1 GET EXTRA TILT (closer to viewer) ─── */
body .hero.hero-v4 .hv4-h1{
  transition: transform .35s cubic-bezier(.22,1,.36,1);
  transform: rotateX(calc(var(--myn) * 2deg)) rotateY(calc(var(--mxn) * -2.4deg)) translateZ(30px);
  transform-style: preserve-3d;
}
body .hero.hero-v4 .hv4-h1-main{
  position: relative;
  display: inline-block;
}
/* H1 holographic dual-layer — duplicated via data-text pseudo, shifts on mouse */
body .hero.hero-v4 .hv4-h1-main::before,
body .hero.hero-v4 .hv4-h1-main::after{
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  transition: transform .35s cubic-bezier(.22,1,.36,1), opacity .35s;
}
body .hero.hero-v4 .hv4-h1-main::before{
  background: linear-gradient(135deg, rgba(93,227,255,.5), transparent 60%);
  transform: translate3d(calc(var(--mxn) * -8px), calc(var(--myn) * -4px), 10px);
  opacity: .55;
  mix-blend-mode: screen;
}
body .hero.hero-v4 .hv4-h1-main::after{
  background: linear-gradient(-135deg, rgba(255,85,102,.45), transparent 60%);
  transform: translate3d(calc(var(--mxn) * 8px), calc(var(--myn) * 4px), 10px);
  opacity: .45;
  mix-blend-mode: screen;
}

/* ─── METRICS — react to mouse tilt slightly ─── */
body .hero.hero-v4 .hv4-metric{
  transition: transform .35s, border-color .3s, box-shadow .35s, background .3s !important;
  will-change: transform;
}
body .hero.hero-v4 .hv4-metric:hover{
  transform: translateY(-6px) scale(1.03) !important;
  border-color: rgba(245,194,107,.6) !important;
  box-shadow:
    inset 0 1px 0 rgba(245,194,107,.28),
    0 18px 44px rgba(0,0,0,.65),
    0 0 36px rgba(245,194,107,.22) !important;
}
body .hero.hero-v4 .hv4-metric:hover .num{
  text-shadow: 0 0 24px rgba(245,194,107,.6), 0 1px 2px rgba(0,0,0,.6) !important;
}
body .hero.hero-v4 .hv4-metric:hover::before{
  opacity: 1;
  background: linear-gradient(90deg, transparent, rgba(245,194,107,1), transparent);
}

/* ─── CTA — magnetic on cursor (small spring) ─── */
body .hero.hero-v4 .hv4-cta-primary{
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s !important;
}

/* Hot chip — micro magnetic */
body .hero.hero-v4 .hv4-chip{
  transition: all .25s cubic-bezier(.34,1.56,.64,1) !important;
}
body .hero.hero-v4 .hv4-chip:hover{
  transform: translateY(-3px) scale(1.06) !important;
  background: linear-gradient(180deg, rgba(245,194,107,.25), rgba(15,18,29,.7)) !important;
  border-color: rgba(245,194,107,.6) !important;
  color: #FFF8DD !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.5), 0 0 18px rgba(245,194,107,.32) !important;
}

/* ─── PARALLAX REDUCE-MOTION RESPECT ─── */
@media (prefers-reduced-motion: reduce) and (min-width:99999px){
  body .hero.hero-v4 .hv4-mesh,
  body .hero.hero-v4 .hv4-grid,
  body .hero.hero-v4 .mcf,
  body .hero.hero-v4 .hv4-content,
  body .hero.hero-v4 .hv4-h1{
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/* ─── MOBILE — turn off heavy parallax (battery) ─── */
@media (max-width: 760px){
  body .hero.hero-v4 .mcf{transition: none !important;transform: none !important}
  body .hero.hero-v4 .hv4-content,
  body .hero.hero-v4 .hv4-h1,
  body .hero.hero-v4 .hv4-grid{transform: none !important}
  body .hero.hero-v4::before,
  body .hero.hero-v4::after{display: none !important}
  body .hero.hero-v4 .hv4-h1-main::before,
  body .hero.hero-v4 .hv4-h1-main::after{display: none !important}
}
/* HERO v5 override — marketplace as a usable live market surface */
body .hero.hero-v4.hero-v5{padding:88px 0 42px!important;min-height:min(820px,calc(100svh - 42px))!important;display:flex!important;align-items:center!important}
body .hero.hero-v4.hero-v5 .hv4-content{max-width:1216px!important;width:100%!important;text-align:left!important;padding:0 28px!important;margin:0 auto!important}
.hv5-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(392px,.82fr);gap:34px;align-items:center}.hv5-copy{min-width:0}
body .hero.hero-v4.hero-v5 .hv4-status{margin:0 0 18px!important;justify-content:flex-start}
body .hero.hero-v4.hero-v5 .hv4-eyebrow{margin:0 0 10px!important;text-align:left;color:rgba(245,241,232,.62)}
body .hero.hero-v4.hero-v5 .hv4-h1{margin:0 0 18px!important;text-align:left!important;line-height:.94!important}
body .hero.hero-v4.hero-v5 .hv4-h1-main{display:inline-block;font-size:clamp(52px,6.2vw,92px)!important;white-space:normal!important;max-width:760px;letter-spacing:.01em}
body .hero.hero-v4.hero-v5 .hv4-h1-sub{margin-top:4px;font-size:clamp(17px,2vw,25px)!important;letter-spacing:.14em}
body .hero.hero-v4.hero-v5 .hv4-tagline{max-width:600px;margin:0 0 24px!important;font-size:clamp(14px,1.25vw,16px);text-align:left}
body .hero.hero-v4.hero-v5 .hv4-search-block{max-width:620px;margin:0 0 24px!important}
body .hero.hero-v4.hero-v5 .hv4-search{margin:0 0 12px!important;max-width:620px!important}
body .hero.hero-v4.hero-v5 .hv4-search input{height:58px;padding-top:0!important;padding-bottom:0!important}
body .hero.hero-v4.hero-v5 .hv4-hot{justify-content:flex-start;gap:7px}
body .hero.hero-v4.hero-v5 .hv4-cta-row{justify-content:flex-start!important;margin:0 0 16px!important}
body .hero.hero-v4.hero-v5 .hv4-live-strip{margin:0!important;border-color:rgba(79,197,122,.24)}
.hv5-board{--hv5-accent:#F5C26B;position:relative;min-width:0;padding:18px;border:1px solid rgba(245,194,107,.2);border-radius:20px;background:linear-gradient(180deg,rgba(15,18,29,.82),rgba(6,7,12,.9)),radial-gradient(560px 360px at 15% 0%,color-mix(in srgb,var(--hv5-accent) 18%,transparent),transparent 62%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025);overflow:hidden}
.hv5-board:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(245,194,107,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,194,107,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent 78%)}
.hv5-board:after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--hv5-accent),transparent);opacity:.72}.hv5-board>*{position:relative;z-index:1}
.hv5-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hv5-board-kicker,.hv5-board-live{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,241,232,.72)}.hv5-board-kicker i{color:var(--hv5-accent)}.hv5-board-live{color:#7BE6A1;letter-spacing:.12em}.hv5-board-live span{width:7px;height:7px;border-radius:50%;background:#4FC57A;box-shadow:0 0 12px #4FC57A}
.hv5-preview{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid color-mix(in srgb,var(--hv5-accent) 30%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--hv5-accent) 12%,transparent),rgba(255,255,255,.025))}
.hv5-item-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--hv5-accent) 28%,transparent),rgba(6,7,12,.72));border:1px solid color-mix(in srgb,var(--hv5-accent) 42%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--hv5-accent) 24%,transparent)}
.hv5-item-icon i{color:var(--hv5-accent);font-size:25px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--hv5-accent) 60%,transparent))}.hv5-item-main{min-width:0;flex:1}.hv5-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.hv5-item-meta span{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);font-size:10px;font-weight:800;color:rgba(245,241,232,.72);text-transform:uppercase;letter-spacing:.1em}
.hv5-preview h2{margin:0;color:#FFF8DD;font-family:'Cinzel','Georgia',serif;font-size:clamp(21px,2.1vw,30px);line-height:1.05;letter-spacing:0;white-space:normal}.hv5-price-row{display:flex;align-items:baseline;gap:10px;margin-top:7px}.hv5-price-row strong{font-family:'JetBrains Mono','Fira Code',monospace;color:var(--hv5-accent);font-size:clamp(18px,1.9vw,26px);line-height:1}.hv5-price-row em{font-style:normal;font-family:'JetBrains Mono','Fira Code',monospace;color:#7BE6A1;font-size:12px;font-weight:800}
.hv5-chart{height:96px;display:flex;align-items:flex-end;gap:7px;padding:16px 8px 10px;margin:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.hv5-chart i{flex:1;min-width:10px;height:var(--h);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--hv5-accent) 88%,#fff 8%),color-mix(in srgb,var(--hv5-accent) 38%,transparent));box-shadow:0 0 18px color-mix(in srgb,var(--hv5-accent) 18%,transparent);animation:hv5BarIn .55s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d)}@keyframes hv5BarIn{from{height:10%;opacity:.3;transform:translateY(8px)}to{height:var(--h);opacity:1;transform:none}}
.hv5-item-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.hv5-item-tabs button{min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(245,194,107,.16);background:rgba(255,255,255,.035);color:rgba(245,241,232,.78);font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,color .2s}.hv5-item-tabs button:hover,.hv5-item-tabs button.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--hv5-accent) 64%,transparent);background:color-mix(in srgb,var(--hv5-accent) 14%,transparent);color:#FFF8DD}
body .hero.hero-v4.hero-v5 .hv5-board .hv4-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;max-width:none!important;margin:0 0 13px!important}
body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric{min-width:0!important;padding:11px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important}
body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric-head{margin-bottom:7px}body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric-head .label{font-size:8.5px!important;letter-spacing:.1em!important}body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric-body .num{font-size:clamp(18px,2vw,25px)!important}body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric-foot{display:none}
.hv5-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}.hv5-board-card{padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}.hv5-board-card span,.hv5-board-card small{display:block;color:rgba(201,192,170,.72);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hv5-board-card strong{display:block;margin:5px 0 3px;color:#FFF8DD;font-family:'JetBrains Mono','Fira Code',monospace;font-size:18px;line-height:1.1}.hv5-board-card small{color:var(--hv5-accent);font-size:9px;letter-spacing:.04em;text-transform:none}
.hv5-depth{border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.16)}.hv5-depth-head,.hv5-depth-rows div{display:grid;grid-template-columns:1fr 1fr;gap:1px}.hv5-depth-head span{padding:8px 10px;color:rgba(245,241,232,.68);background:rgba(255,255,255,.035);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hv5-depth-head span:last-child{text-align:right}.hv5-depth-rows span,.hv5-depth-rows em{padding:7px 10px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:11px;font-style:normal}.hv5-depth-rows span{color:#7BE6A1}.hv5-depth-rows em{text-align:right;color:#FF8D9A}
@media(max-width:980px){body .hero.hero-v4.hero-v5{padding:84px 0 36px!important;min-height:auto!important}.hv5-layout{grid-template-columns:1fr;gap:22px}body .hero.hero-v4.hero-v5 .hv4-content,body .hero.hero-v4.hero-v5 .hv4-eyebrow,body .hero.hero-v4.hero-v5 .hv4-h1,body .hero.hero-v4.hero-v5 .hv4-tagline{text-align:center!important}body .hero.hero-v4.hero-v5 .hv4-status,body .hero.hero-v4.hero-v5 .hv4-hot,body .hero.hero-v4.hero-v5 .hv4-cta-row{justify-content:center!important}body .hero.hero-v4.hero-v5 .hv4-tagline,body .hero.hero-v4.hero-v5 .hv4-search-block{margin-left:auto!important;margin-right:auto!important}body .hero.hero-v4.hero-v5 .hv4-live-strip{margin-left:auto!important;margin-right:auto!important}.hv5-board{max-width:680px;width:100%;margin:0 auto}.hv5-chart,.hv5-depth{display:none!important}body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric:nth-child(n+3){display:none!important}}
@media(max-width:640px){body .hero.hero-v4.hero-v5{padding:78px 0 28px!important}body .hero.hero-v4.hero-v5 .hv4-content{padding:0 16px!important}body .hero.hero-v4.hero-v5 .hv4-h1-main{font-size:clamp(34px,12vw,52px)!important}body .hero.hero-v4.hero-v5 .hv4-search input{height:54px;padding-right:94px!important}body .hero.hero-v4.hero-v5 .hv4-search .notif-bell{right:auto!important}body .hero.hero-v4.hero-v5 .hv4-search #soundToggle{right:52px!important}body .hero.hero-v4.hero-v5 .hv4-search #notifBell{right:12px!important}.hv5-board{padding:13px;border-radius:16px}.hv5-preview{padding:12px;gap:10px}.hv5-item-icon{width:50px;height:50px;flex-basis:50px}.hv5-chart{height:58px;gap:5px;padding:10px 4px 8px}body .hero.hero-v4.hero-v5 .hv5-board .hv4-metrics,.hv5-board-grid{grid-template-columns:1fr 1fr!important;gap:7px}body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric:nth-child(n+3),.hv5-depth{display:none!important}}
@media(max-width:420px){.hv5-board-grid{grid-template-columns:1fr!important}body .hero.hero-v4.hero-v5 .hv4-live-strip{display:none!important}}
/* HERO v5 polish pass — prevent title/panel collision and expose next content sooner */
body .hero.hero-v4.hero-v5 .hv4-h1-main{font-size:clamp(48px,5.2vw,76px)!important;max-width:620px}
body .hero.hero-v4.hero-v5 .hv4-h1-main:before,body .hero.hero-v4.hero-v5 .hv4-h1-main:after{display:none!important}
body .hero.hero-v4.hero-v5 .hv5-board{padding:16px}body .hero.hero-v4.hero-v5 .hv5-preview{padding:12px}
body .hero.hero-v4.hero-v5 .hv5-item-icon{width:54px;height:54px;flex-basis:54px}
body .hero.hero-v4.hero-v5 .hv5-chart{height:66px;padding:10px 6px 7px;margin:10px 0}
body .hero.hero-v4.hero-v5 .hv5-board .hv4-metric{padding:9px 10px!important}
body .hero.hero-v4.hero-v5 .hv5-board-card{padding:9px 10px}body .hero.hero-v4.hero-v5 .hv5-board-card strong{font-size:16px}
body .hero.hero-v4.hero-v5 .hv5-depth-head span{padding:6px 10px}
body .hero.hero-v4.hero-v5 .hv5-depth-rows span,body .hero.hero-v4.hero-v5 .hv5-depth-rows em{padding:5px 10px}
@media(max-width:640px){body .hero.hero-v4.hero-v5 .hv4-h1-main{font-size:clamp(34px,11vw,48px)!important;max-width:100%}body .hero.hero-v4.hero-v5 .hv5-chart{display:none!important}}
@media(max-width:420px){body .hero.hero-v4.hero-v5 .hv5-item-tabs,body .hero.hero-v4.hero-v5 .hv5-board-grid,body .hero.hero-v4.hero-v5 .hv5-board .hv4-metrics{display:none!important}}
@media(max-width:420px){body .hero.hero-v4.hero-v5 .hv5-board{display:none!important}body .hero.hero-v4.hero-v5 .hv5-board-head,body .hero.hero-v4.hero-v5 .hv5-item-meta{display:none!important}body .hero.hero-v4.hero-v5 .hv5-preview{padding:10px 12px}body .hero.hero-v4.hero-v5 .hv5-item-icon{width:42px;height:42px;flex-basis:42px;border-radius:10px}body .hero.hero-v4.hero-v5 .hv5-preview h2{font-size:20px}}
/* HERO v6 — synced with marketplace-prison first screen */
:root{--market-orange:#ff8a1d;--market-gold:#ffd166;--market-ink:#07070c}
body .hero.hero-v4.hero-v5.hero-market-sync{
  min-height:auto!important;
  display:block!important;
  padding:clamp(96px,11vh,132px) 0 clamp(44px,7vh,78px)!important;
  text-align:center!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,138,29,.22),transparent 32%),
    radial-gradient(circle at 88% 8%,rgba(255,209,102,.13),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(7,7,12,0) 58%)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync:before{
  content:""!important;
  position:absolute!important;
  inset:-20% -10%!important;
  z-index:-2!important;
  background:
    linear-gradient(115deg,transparent 0 36%,rgba(255,138,29,.08) 44%,transparent 52% 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px)!important;
  transform:translate3d(-4%,0,0);
  animation:prisonSweep 14s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-92px!important;
  width:min(1180px,96vw)!important;
  height:210px!important;
  z-index:-1!important;
  transform:translateX(-50%)!important;
  background:radial-gradient(ellipse at center,rgba(255,138,29,.24),rgba(255,138,29,.08) 42%,transparent 72%)!important;
  filter:blur(18px)!important;
  pointer-events:none!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-mesh,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-grid,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-spot,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-floaters{display:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-vignette{opacity:.34!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-content{
  width:min(1160px,calc(100vw - 32px))!important;
  max-width:min(1160px,calc(100vw - 32px))!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100vw - 32px)!important;
  margin:0 auto 14px!important;
  padding:6px 16px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,138,29,.18)!important;
  background:rgba(255,138,29,.08)!important;
  box-shadow:none!important;
  color:var(--market-gold)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-status-divider,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-status-chip:not(.live){display:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-status-chip.live{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-pulse{
  width:8px!important;
  height:8px!important;
  background:var(--green,#00ff88)!important;
  box-shadow:0 0 8px rgba(34,197,94,.55)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-eyebrow{
  margin:0 0 10px!important;
  text-align:center!important;
  font-family:'Orbitron','Rajdhani',sans-serif!important;
  font-size:clamp(13px,1.2vw,17px)!important;
  font-weight:700!important;
  letter-spacing:6px!important;
  color:rgba(255,247,230,.42)!important;
  text-transform:uppercase!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-eyebrow span{color:rgba(255,138,29,.78)!important;letter-spacing:5px!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-eyebrow .he-dot{color:rgba(255,247,230,.28)!important;letter-spacing:0!important;margin:0 .15em!important;font-weight:400!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1{
  margin:0 auto 14px!important;
  text-align:center!important;
  line-height:1!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-main{
  display:block!important;
  max-width:none!important;
  margin:0 auto!important;
  font-family:'Orbitron','Rajdhani',sans-serif!important;
  font-size:clamp(2.4rem,5.4vw,4.6rem)!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  color:#fff7e6!important;
  -webkit-text-fill-color:#fff7e6!important;
  text-shadow:0 0 22px rgba(255,138,29,.34),0 0 70px rgba(255,209,102,.16)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-main:before,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-main:after{display:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-sub{
  display:block!important;
  margin-top:clamp(6px,1vw,12px)!important;
  font-family:'Orbitron','Rajdhani',sans-serif!important;
  font-size:clamp(13px,1.5vw,20px)!important;
  font-weight:700!important;
  letter-spacing:clamp(3px,.8vw,8px)!important;
  color:rgba(255,247,230,.78)!important;
  -webkit-text-fill-color:rgba(255,247,230,.78)!important;
  text-transform:uppercase!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-sub em{font-style:normal;color:rgba(255,138,29,.9)!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-tagline{
  max-width:760px!important;
  margin:0 auto 24px!important;
  text-align:center!important;
  font-size:clamp(14px,1.4vw,18px)!important;
  line-height:1.55!important;
  color:rgba(245,238,226,.82)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search-block{
  width:min(520px,100%)!important;
  max-width:520px!important;
  margin:0 auto 22px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search{
  width:100%!important;
  max-width:none!important;
  min-height:64px!important;
  margin:0 auto!important;
  border:1px solid rgba(255,138,29,.34)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(20,18,22,.92),rgba(10,10,15,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,209,102,.08),0 0 46px rgba(255,138,29,.14)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search:focus-within{
  border-color:rgba(255,209,102,.72)!important;
  box-shadow:0 26px 84px rgba(0,0,0,.5),0 0 0 4px rgba(255,138,29,.12),0 0 54px rgba(255,138,29,.22)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search input{
  height:64px!important;
  padding:0 104px 0 46px!important;
  font-size:16px!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search input::placeholder{color:rgba(245,238,226,.5)!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search .search-icon{left:16px!important;color:var(--market-gold)!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-kbd,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-hot{display:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search .notif-bell{
  top:50%!important;
  width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:1px solid rgba(255,138,29,.18)!important;
  background:rgba(255,138,29,.08)!important;
  color:var(--text-dim)!important;
  transform:translateY(-50%)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search #soundToggle{right:52px!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search #notifBell{right:10px!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(132px,1fr))!important;
  gap:12px!important;
  max-width:850px!important;
  margin:0 auto 18px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:16px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,138,29,.22)!important;
  background:linear-gradient(180deg,rgba(27,23,22,.9),rgba(11,11,16,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.24)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric-body{order:1!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric-head{
  order:2!important;
  display:block!important;
  margin:5px 0 0!important;
  text-align:center!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric-head i,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric-foot{display:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric .num{
  font-size:clamp(20px,2.6vw,32px)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric-head .label{
  font-size:10px!important;
  letter-spacing:1.2px!important;
  color:rgba(245,238,226,.64)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-unit{font-size:.62em!important;color:rgba(255,209,102,.8)!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-row{
  justify-content:center!important;
  gap:10px!important;
  margin:0 auto!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta{
  min-height:44px!important;
  padding:10px 20px!important;
  border-radius:12px!important;
  font-size:13px!important;
  letter-spacing:.5px!important;
  transform:translateZ(0)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-primary{
  color:#120b03!important;
  background:linear-gradient(135deg,var(--market-gold),var(--market-orange) 72%,#ff6b00)!important;
  box-shadow:0 14px 36px rgba(255,138,29,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-secondary{
  border-color:rgba(255,138,29,.28)!important;
  background:rgba(255,138,29,.06)!important;
  color:rgba(245,238,226,.82)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-glow,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-arrow,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-discord-count{display:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-live-strip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100vw - 32px)!important;
  margin:18px auto 0!important;
  padding:6px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--text-sec)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.3px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-live-label,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-live-divider,
body .hero.hero-v4.hero-v5.hero-market-sync #heroTickerText{display:none!important}
@media(max-width:900px){
  body .hero.hero-v4.hero-v5.hero-market-sync{padding:34px 0 20px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-main{font-size:min(10.4vw,42px)!important;letter-spacing:0!important;white-space:nowrap!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-sub{font-size:clamp(13px,4vw,20px)!important;letter-spacing:3px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-tagline{font-size:14px!important;margin-bottom:18px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search{min-height:58px!important;border-radius:16px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search input{height:58px!important;font-size:15px!important;padding-right:88px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric{padding:11px 10px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-row{display:grid!important;grid-template-columns:1fr 1fr;max-width:360px;margin-inline:auto!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta-row .hv4-cta:first-child{grid-column:1/-1}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta{width:100%!important;justify-content:center!important;min-height:48px!important;padding:11px 14px!important;font-size:14px!important}
}
@media(max-width:420px){
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-main{font-size:min(10vw,39px)!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search input{padding-left:42px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search .search-icon{left:16px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-search .notif-bell{width:28px!important;height:28px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric-head .label{font-size:9px!important;letter-spacing:.8px!important}
}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-h1-sub{display:none!important}
@media(max-width:760px){#titanBottomNav{top:auto!important;bottom:0!important}}
/* HERO v7 — professional motion polish, compositor-first */
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
  --ux-rx:0deg;
  --ux-ry:0deg;
  --ux-tx:0px;
  --ux-ty:0px;
  perspective:1400px;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{
  opacity:0;
  transform:translate3d(0,10px,0);
  will-change:transform,opacity;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux.hero-motion-ready .hv4-content{
  opacity:1;
  transform:translate3d(calc(var(--mxn,0) * 7px),calc(var(--myn,0) * 5px),0);
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-eyebrow,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-tagline,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search-block,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{
  animation:marketUxIn .72s cubic-bezier(.22,1,.36,1) both;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-eyebrow{animation-delay:.04s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1{animation-delay:.08s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-tagline{animation-delay:.12s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search-block{animation-delay:.16s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(1){animation-delay:.20s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(2){animation-delay:.24s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(3){animation-delay:.28s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(4){animation-delay:.32s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta{animation-delay:.36s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{animation-delay:.42s}
@keyframes marketUxIn{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux:before{
  transform:translate3d(calc((var(--mxn,0)) * -18px),0,0)!important;
  will-change:transform,opacity;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux:after{
  transform:translate3d(calc(-50% + (var(--mxn,0) * 20px)),calc(var(--myn,0) * 7px),0)!important;
  will-change:transform,opacity;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search{
  transform:translate3d(var(--ux-tx,0),var(--ux-ty,0),0) rotateX(var(--ux-rx,0)) rotateY(var(--ux-ry,0));
  transform-style:preserve-3d;
  will-change:transform,box-shadow;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.18) 48%,transparent 62% 100%);
  opacity:.42;
  transform:translate3d(-130%,0,0);
  animation:marketSearchSweep 5.2s cubic-bezier(.22,1,.36,1) infinite;
}
@keyframes marketSearchSweep{0%,52%{transform:translate3d(-130%,0,0);opacity:0}62%{opacity:.46}82%,100%{transform:translate3d(130%,0,0);opacity:0}}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search input,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search .notif-bell,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search .search-results{position:relative;z-index:2}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search .search-icon{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{
  transform:translate3d(var(--ux-tx,0),var(--ux-ty,0),0) rotateX(var(--ux-rx,0)) rotateY(var(--ux-ry,0));
  transform-style:preserve-3d;
  will-change:transform,box-shadow,border-color;
  transition:border-color .22s ease,box-shadow .22s ease!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:hover{
  border-color:rgba(255,209,102,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 50px rgba(0,0,0,.32),0 0 34px rgba(255,138,29,.16)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,209,102,.7),transparent);
  opacity:.44;
  transform:translate3d(0,0,0);
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta{
  will-change:transform,box-shadow;
  transition:box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta:active{transform:translate3d(0,1px,0) scale(.985)!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{animation-name:marketUxIn,marketLiveFloat;animation-duration:.72s,4.8s;animation-delay:.42s,1.1s;animation-timing-function:cubic-bezier(.22,1,.36,1),ease-in-out;animation-fill-mode:both,none;animation-iteration-count:1,infinite}
@keyframes marketLiveFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
body .hero.hero-v4.hero-v5.hero-market-sync .ux-ripple-host{position:relative}
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-cta.ux-ripple-host,
body .hero.hero-v4.hero-v5.hero-market-sync .hv4-metric.ux-ripple-host{overflow:hidden}
body .hero.hero-v4.hero-v5.hero-market-sync .ux-ripple{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(255,231,160,.38);
  transform:translate3d(-50%,-50%,0) scale(1);
  animation:uxRipple .62s cubic-bezier(.22,1,.36,1) forwards;
  z-index:4;
}
@keyframes uxRipple{to{opacity:0;transform:translate3d(-50%,-50%,0) scale(18)}}
@media(max-width:760px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{transform:none!important;will-change:auto}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{transform:none!important}
}
@media(prefers-reduced-motion:reduce) and (min-width:99999px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-eyebrow,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-tagline,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search-block,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search:before{animation:none!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{opacity:1!important;transform:none!important}
}
/* HERO v8 - 120fps polish and layout guards */
#navbar,#navbar.nav,nav#navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important;z-index:1000!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{contain:paint;backface-visibility:hidden}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta{backface-visibility:hidden;transform-style:preserve-3d}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-dust,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-dust-mote{display:none!important;animation:none!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status{position:relative;z-index:6}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{text-shadow:0 0 34px rgba(255,209,102,.2),0 10px 44px rgba(0,0,0,.5)}
@media(max-width:760px){
  #navbar,#navbar.nav,nav#navbar{top:0!important}
  body .hero.hero-v4.hero-v5.hero-market-sync{padding-top:34px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status{margin-top:0!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{font-size:clamp(33px,9.6vw,39px)!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-tagline{font-size:clamp(14px,4.2vw,17px)!important;line-height:1.35!important;max-width:340px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search{box-shadow:0 18px 46px rgba(0,0,0,.46),0 0 0 1px rgba(255,209,102,.08),0 0 32px rgba(255,138,29,.12)!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search:before{animation:none!important;opacity:.18!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{animation:marketUxIn .72s cubic-bezier(.22,1,.36,1) both!important}
  .cookie-banner#cookieBanner{box-sizing:border-box!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;margin:0!important;bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(10,10,15,.96),rgba(6,7,12,.96))!important;border:1px solid rgba(245,194,107,.22)!important;box-shadow:0 20px 55px rgba(0,0,0,.62),0 0 28px rgba(245,194,107,.12)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  .cookie-banner#cookieBanner .cookie-text{grid-column:1/-1!important;display:block!important;text-align:center!important;font-size:13px!important;line-height:1.35!important}
  .cookie-banner#cookieBanner .cookie-text a{display:inline!important;min-height:0!important;min-width:0!important;padding:0!important}
  .cookie-banner#cookieBanner .cookie-btn{width:100%!important;min-height:40px!important;padding:8px 10px!important;border-radius:12px!important;font-size:13px!important}
}
@media(min-width:761px){
  .cookie-banner#cookieBanner{left:50%!important;right:auto!important;bottom:18px!important;width:min(760px,calc(100vw - 48px))!important;max-width:760px!important;transform:translateX(-50%)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(10,10,15,.94),rgba(6,7,12,.94))!important;border:1px solid rgba(245,194,107,.2)!important;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 32px rgba(245,194,107,.1)!important}
}
/* HERO v9 - visible premium motion layer */
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  contain:paint;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{position:relative;z-index:2}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{
  position:absolute;
  left:-20vw;
  top:38%;
  width:34vw;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0 16%,rgba(255,209,102,.16) 34%,rgba(255,209,102,.72) 52%,rgba(255,138,29,.24) 68%,transparent 86% 100%);
  box-shadow:0 0 12px rgba(255,209,102,.28),0 0 28px rgba(255,138,29,.14);
  opacity:.82;
  transform:translate3d(-20vw,0,0) rotate(-2deg);
  animation:marketMotionSweep 4.6s cubic-bezier(.22,1,.36,1) infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-glint{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(255,231,160,.86);
  box-shadow:0 0 12px rgba(255,231,160,.72),0 0 32px rgba(255,138,29,.35);
  opacity:.72;
  transform:translate3d(0,0,0);
  animation:marketGlintDrift 6.4s linear infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-a{left:18%;top:31%;animation-duration:6.2s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-b{left:72%;top:26%;animation-duration:7.4s;animation-delay:-2.1s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-c{left:57%;top:77%;animation-duration:8.2s;animation-delay:-3.6s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-pulse{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid rgba(79,197,122,.56);
  box-shadow:0 0 24px rgba(79,197,122,.24);
  opacity:0;
  animation:marketPulseRing 3.8s ease-out infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .pulse-a{left:45.5%;top:13.5%}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .pulse-b{left:45.5%;top:86%;animation-delay:1.8s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{
  position:relative;
  isolation:isolate;
  display:inline-block!important;
  max-width:100%;
  overflow:hidden;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main:after{
  content:attr(data-text);
  display:block!important;
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(105deg,transparent 0 38%,rgba(255,255,255,.98) 48%,rgba(255,209,102,.96) 54%,transparent 66% 100%);
  -webkit-background-clip:text;
  background-clip:text;
  opacity:0;
  text-shadow:none!important;
  transform:translate3d(-36%,0,0);
  animation:marketTitleSweep 3.8s cubic-bezier(.22,1,.36,1) infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status{
  animation:marketStatusBreath 2.8s ease-in-out infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hsp-dot{
  position:relative;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hsp-dot:after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:inherit;
  border:1px solid rgba(79,197,122,.45);
  opacity:0;
  transform:scale(.45);
  animation:marketDotRing 1.8s ease-out infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search{
  animation:marketSearchGlow 3.4s ease-in-out infinite!important;
  overflow:hidden!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search:before{
  animation:marketSearchSweep 3.2s cubic-bezier(.22,1,.36,1) infinite!important;
  opacity:.5!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:before{
  content:"";
  position:absolute;
  left:-42%;
  top:0;
  width:42%;
  height:100%;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,231,160,.12),transparent);
  transform:translate3d(-100%,0,0) skewX(-14deg);
  animation:marketCardPass 5.6s cubic-bezier(.22,1,.36,1) infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{overflow:hidden!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(2):before{animation-delay:.7s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(3):before{animation-delay:1.4s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:nth-child(4):before{animation-delay:2.1s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-primary:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(100deg,transparent 0 34%,rgba(255,255,255,.42) 48%,transparent 62% 100%);
  transform:translate3d(-130%,0,0);
  animation:marketCtaShine 3.1s cubic-bezier(.22,1,.36,1) infinite;
}
@keyframes marketMotionSweep{0%,24%{opacity:0;transform:translate3d(-24vw,0,0) rotate(-2deg)}36%{opacity:.82}68%,100%{opacity:0;transform:translate3d(126vw,0,0) rotate(-2deg)}}
@keyframes marketGlintDrift{0%{opacity:0;transform:translate3d(-24px,18px,0) scale(.65)}16%{opacity:.78}55%{opacity:.42}100%{opacity:0;transform:translate3d(78px,-48px,0) scale(1.15)}}
@keyframes marketPulseRing{0%{opacity:0;transform:scale(.3)}18%{opacity:.72}100%{opacity:0;transform:scale(12)}}
@keyframes marketPulseRingMobile{0%{opacity:0;transform:scale(.32)}20%{opacity:.42}100%{opacity:0;transform:scale(5.8)}}
@keyframes marketTitleSweep{0%,30%{opacity:0;transform:translate3d(-38%,0,0)}42%{opacity:.86}68%,100%{opacity:0;transform:translate3d(42%,0,0)}}
@keyframes marketStatusBreath{0%,100%{box-shadow:0 0 0 1px rgba(255,138,29,.18),0 8px 28px rgba(0,0,0,.3),0 0 22px rgba(255,138,29,.12)}50%{box-shadow:0 0 0 1px rgba(255,209,102,.45),0 10px 34px rgba(0,0,0,.38),0 0 42px rgba(255,138,29,.26)}}
@keyframes marketDotRing{0%{opacity:.72;transform:scale(.35)}100%{opacity:0;transform:scale(1.9)}}
@keyframes marketSearchGlow{0%,100%{box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,209,102,.08),0 0 34px rgba(255,138,29,.1)!important}50%{box-shadow:0 24px 76px rgba(0,0,0,.48),0 0 0 1px rgba(255,209,102,.2),0 0 52px rgba(255,138,29,.25)!important}}
@keyframes marketCardPass{0%,60%{opacity:0;transform:translate3d(-120%,0,0) skewX(-14deg)}70%{opacity:.9}100%{opacity:0;transform:translate3d(420%,0,0) skewX(-14deg)}}
@keyframes marketCtaShine{0%,54%{opacity:0;transform:translate3d(-130%,0,0)}66%{opacity:.78}100%{opacity:0;transform:translate3d(130%,0,0)}}
@media(max-width:760px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{top:35%;width:48vw;height:1px;box-shadow:0 0 10px rgba(255,209,102,.22),0 0 18px rgba(255,138,29,.1);animation-duration:5.6s}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-glint{width:4px;height:4px;opacity:.55}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-pulse{width:7px;height:7px;border-color:rgba(79,197,122,.4);box-shadow:0 0 15px rgba(79,197,122,.18);animation:marketPulseRingMobile 4.4s ease-out infinite}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .pulse-a{left:37%;top:10.5%}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .pulse-b{display:none!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search:before{animation:marketSearchSweep 4.2s cubic-bezier(.22,1,.36,1) infinite!important;opacity:.32!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:before{animation-duration:6.8s}
}
/* HERO v10 - sync6 visible market-stage upgrade */
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
  background:
    radial-gradient(ellipse 780px 260px at 50% 31%,rgba(255,209,102,.24),transparent 68%),
    radial-gradient(ellipse 980px 520px at 50% 17%,rgba(255,138,29,.17),transparent 68%),
    radial-gradient(ellipse 980px 360px at 50% 94%,rgba(0,212,255,.07),transparent 72%),
    linear-gradient(180deg,rgba(21,15,8,.92) 0%,rgba(13,12,15,.96) 58%,rgba(5,8,12,.98) 100%)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{
  content:"";
  position:absolute;
  inset:62px 5vw 24px;
  background:
    linear-gradient(90deg,transparent,rgba(255,209,102,.24),transparent) 0 38%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(255,138,29,.2),transparent) 0 61%/100% 1px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,209,102,.075) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(180deg,rgba(255,138,29,.055) 0 1px,transparent 1px 64px);
  opacity:.52;
  transform:translate3d(calc(var(--mxn,0) * -10px),0,0);
  -webkit-mask-image:radial-gradient(ellipse 72% 60% at 50% 36%,#000 0 56%,transparent 78%);
  mask-image:radial-gradient(ellipse 72% 60% at 50% 36%,#000 0 56%,transparent 78%);
  animation:marketDepthGrid 11s linear infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{
  content:"";
  position:absolute;
  left:50%;
  top:34%;
  width:min(860px,86vw);
  height:260px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,247,220,.22) 0%,rgba(255,209,102,.18) 32%,rgba(255,138,29,.08) 56%,transparent 74%);
  filter:blur(18px);
  opacity:.74;
  transform:translate3d(-50%,-50%,0);
  animation:marketCoreAura 4.8s ease-in-out infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-halo{
  position:absolute;
  left:50%;
  top:34%;
  border-radius:50%;
  border:1px solid rgba(255,209,102,.16);
  box-shadow:0 0 34px rgba(255,138,29,.14),inset 0 0 44px rgba(255,209,102,.05);
  transform:translate3d(-50%,-50%,0);
  opacity:.58;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .halo-a{width:min(760px,78vw);height:188px;animation:marketHaloFloat 8s ease-in-out infinite}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .halo-b{width:min(520px,64vw);height:132px;border-color:rgba(79,197,122,.14);box-shadow:0 0 28px rgba(79,197,122,.1),inset 0 0 38px rgba(79,197,122,.04);animation:marketHaloFloat 7s ease-in-out infinite reverse}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail{
  position:absolute;
  left:10vw;
  right:10vw;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(255,209,102,.12) 16%,rgba(255,209,102,.42) 48%,rgba(255,138,29,.18) 72%,transparent 100%);
  box-shadow:0 0 18px rgba(255,209,102,.2);
  opacity:.44;
  transform:translate3d(-10%,0,0);
  animation:marketRailDrift 5.8s cubic-bezier(.22,1,.36,1) infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-a{top:27%;animation-delay:-1.4s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-b{top:49%;left:17vw;right:17vw;opacity:.32;animation-duration:7.4s;animation-delay:-3.2s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-c{top:77%;left:25vw;right:25vw;opacity:.28;animation-duration:8.6s;animation-delay:-5s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-d{left:35%;top:42%;animation-duration:5.8s;animation-delay:-1.1s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-e{left:82%;top:52%;animation-duration:7.9s;animation-delay:-4.2s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status{
  border-color:rgba(79,197,122,.34)!important;
  background:linear-gradient(180deg,rgba(58,42,20,.86),rgba(29,21,13,.78))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{
  filter:drop-shadow(0 0 34px rgba(255,209,102,.26)) drop-shadow(0 12px 52px rgba(0,0,0,.58))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search{
  border-color:rgba(255,209,102,.42)!important;
  background:linear-gradient(180deg,rgba(18,17,24,.96),rgba(7,8,13,.96))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{
  border-color:rgba(255,138,29,.34)!important;
  background:
    radial-gradient(circle at 22% 0%,rgba(255,209,102,.1),transparent 42%),
    linear-gradient(180deg,rgba(30,25,24,.92),rgba(9,10,15,.9))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-primary{
  box-shadow:0 18px 44px rgba(255,138,29,.38),0 0 44px rgba(255,209,102,.22),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
@keyframes marketDepthGrid{from{background-position:0 38%,0 61%,0 0,0 0}to{background-position:0 38%,0 61%,96px 0,0 64px}}
@keyframes marketCoreAura{0%,100%{opacity:.58;transform:translate3d(-50%,-50%,0) scale(.985)}50%{opacity:.82;transform:translate3d(-50%,-50%,0) scale(1.035)}}
@keyframes marketHaloFloat{0%,100%{transform:translate3d(-50%,-50%,0) scale(.98)}50%{transform:translate3d(calc(-50% + 10px),calc(-50% - 5px),0) scale(1.025)}}
@keyframes marketRailDrift{0%,24%{opacity:0;transform:translate3d(-18%,0,0)}42%{opacity:.58}72%,100%{opacity:0;transform:translate3d(18%,0,0)}}
@media(max-width:760px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
    background:
      radial-gradient(ellipse 430px 210px at 50% 23%,rgba(255,209,102,.24),transparent 72%),
      radial-gradient(ellipse 520px 360px at 50% 8%,rgba(255,138,29,.18),transparent 72%),
      linear-gradient(180deg,rgba(22,15,8,.94) 0%,rgba(10,11,15,.97) 56%,rgba(4,8,12,.99) 100%)!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{inset:54px 0 18px;opacity:.38;background-size:100% 1px,100% 1px,72px 100%,100% 54px}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{top:28%;width:390px;height:180px;filter:blur(16px);opacity:.58}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .halo-a{width:330px;height:92px;top:27%;opacity:.38}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .halo-b{display:none!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-a{top:27%;left:4vw;right:4vw}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-b{top:45%;left:8vw;right:8vw}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-c{display:none!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-d,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .glint-e{display:none!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{border-color:rgba(255,138,29,.4)!important}
}
/* sync6 screenshot-stable cookie bar */
.cookie-banner#cookieBanner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
}
.cookie-banner#cookieBanner .cookie-text{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:normal!important;
  line-height:1.35!important;
}
.cookie-banner#cookieBanner .cookie-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:96px!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
@media(max-width:760px){
  .cookie-banner#cookieBanner{grid-template-columns:1fr 1fr!important}
  .cookie-banner#cookieBanner .cookie-text{grid-column:1/-1!important;justify-content:center!important;text-align:center!important}
  .cookie-banner#cookieBanner .cookie-btn{width:100%!important;min-width:0!important}
}
/* HERO v11 - sync7 refined animated market terminal */
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
  min-height:min(720px,calc(100svh - 64px))!important;
  padding:86px 0 44px!important;
  background-color:#05070b!important;
  background-image:
    linear-gradient(180deg,rgba(24,15,7,.88) 0%,rgba(12,11,14,.96) 50%,rgba(4,8,12,.99) 100%),
    repeating-linear-gradient(90deg,rgba(255,209,102,.04) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(180deg,rgba(255,138,29,.035) 0 1px,transparent 1px 62px),
    linear-gradient(90deg,transparent 0%,rgba(255,209,102,.1) 44%,rgba(255,138,29,.08) 50%,transparent 58%)!important;
  background-size:100% 100%,96px 100%,100% 62px,160% 100%!important;
  background-position:0 0,0 0,0 0,-80% 0!important;
  animation:marketTerminalBackground 14s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{
  max-width:960px!important;
  padding:0 28px!important;
  margin:0 auto!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer{
  z-index:1;
  mix-blend-mode:normal;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{
  inset:70px 7vw 34px!important;
  opacity:.36!important;
  background:
    linear-gradient(90deg,transparent,rgba(255,209,102,.2),transparent) 0 33%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(255,138,29,.16),transparent) 0 57%/100% 1px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,209,102,.07) 0 1px,transparent 1px 112px),
    repeating-linear-gradient(180deg,rgba(255,138,29,.045) 0 1px,transparent 1px 72px)!important;
  filter:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important;
  animation:marketTerminalGrid 12s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{
  content:"";
  position:absolute;
  inset:0;
  width:auto!important;
  height:auto!important;
  left:0!important;
  top:0!important;
  border-radius:0!important;
  filter:none!important;
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,209,102,.02) 37%,rgba(255,209,102,.18) 49%,rgba(255,138,29,.08) 54%,transparent 66%),
    linear-gradient(180deg,transparent 0%,rgba(255,209,102,.055) 39%,rgba(255,209,102,.025) 41%,transparent 45%)!important;
  opacity:.54!important;
  transform:translate3d(-70%,0,0)!important;
  animation:marketTerminalScanner 6.2s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-halo,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-glint,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-pulse{
  display:none!important;
  animation:none!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail{
  left:12vw!important;
  right:12vw!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,209,102,.1) 18%,rgba(255,209,102,.46) 48%,rgba(255,138,29,.18) 70%,transparent 100%)!important;
  box-shadow:0 0 12px rgba(255,209,102,.18)!important;
  opacity:.36!important;
  animation:marketRailRun 5.4s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-a{top:29%!important;animation-delay:-1.2s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-b{top:50%!important;left:18vw!important;right:18vw!important;animation-duration:6.8s!important;animation-delay:-3s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-c{top:75%!important;left:26vw!important;right:26vw!important;opacity:.24!important;animation-duration:8.2s!important;animation-delay:-4.8s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape{
  position:absolute;
  left:8vw;
  right:8vw;
  height:24px;
  pointer-events:none;
  opacity:.22;
  background:
    repeating-linear-gradient(90deg,rgba(255,209,102,.32) 0 2px,transparent 2px 28px),
    linear-gradient(90deg,transparent,rgba(255,209,102,.1),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  transform:translate3d(-28px,0,0);
  animation:marketTapeMove 9s linear infinite;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-a{top:37%;animation-delay:-2s}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-b{top:67%;opacity:.16;animation-duration:12s;animation-direction:reverse}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{
  top:43%!important;
  width:24vw!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent 0 20%,rgba(255,209,102,.15) 36%,rgba(255,209,102,.58) 52%,rgba(255,138,29,.22) 68%,transparent 84% 100%)!important;
  box-shadow:0 0 10px rgba(255,209,102,.18)!important;
  animation:marketSync7Sweep 4.8s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status{
  margin:0 auto 16px!important;
  border-color:rgba(79,197,122,.36)!important;
  background:linear-gradient(180deg,rgba(24,28,20,.92),rgba(12,14,13,.9))!important;
  box-shadow:0 0 0 1px rgba(255,209,102,.08),0 10px 30px rgba(0,0,0,.36)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-eyebrow{
  margin-bottom:12px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1{
  margin-bottom:16px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{
  text-shadow:0 0 18px rgba(255,209,102,.22),0 10px 36px rgba(0,0,0,.58)!important;
  filter:drop-shadow(0 0 20px rgba(255,209,102,.16)) drop-shadow(0 10px 38px rgba(0,0,0,.52))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-tagline{
  margin-bottom:24px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search-block{
  width:min(560px,100%)!important;
  max-width:560px!important;
  margin-bottom:22px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search{
  min-height:62px!important;
  border-radius:14px!important;
  border-color:rgba(255,209,102,.36)!important;
  background:linear-gradient(180deg,rgba(13,14,20,.96),rgba(6,8,12,.97))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.44),0 0 0 1px rgba(255,209,102,.08),0 0 26px rgba(255,138,29,.1)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search input{
  height:62px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metrics{
  max-width:860px!important;
  gap:12px!important;
  margin-bottom:18px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{
  min-height:94px!important;
  border-radius:13px!important;
  border-color:rgba(255,138,29,.28)!important;
  background:linear-gradient(180deg,rgba(20,18,18,.92),rgba(8,10,14,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 42px rgba(0,0,0,.24)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric:before{
  background:linear-gradient(105deg,transparent,rgba(255,231,160,.095),transparent)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-row{
  gap:10px!important;
  margin-bottom:0!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta{
  border-radius:12px!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-primary{
  min-width:230px!important;
  box-shadow:0 16px 38px rgba(255,138,29,.32),0 0 26px rgba(255,209,102,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{
  margin-top:14px!important;
  background:rgba(8,12,13,.72)!important;
  border-color:rgba(79,197,122,.16)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.32)!important;
}
@keyframes marketTerminalBackground{
  0%{background-position:0 0,0 0,0 0,-80% 0}
  100%{background-position:0 0,96px 0,0 62px,120% 0}
}
@keyframes marketTerminalGrid{
  from{background-position:0 33%,0 57%,0 0,0 0}
  to{background-position:0 33%,0 57%,112px 0,0 72px}
}
@keyframes marketTerminalScanner{
  0%,18%{opacity:0;transform:translate3d(-72%,0,0)}
  38%{opacity:.54}
  76%,100%{opacity:0;transform:translate3d(72%,0,0)}
}
@keyframes marketRailRun{
  0%,24%{opacity:0;transform:translate3d(-12%,0,0)}
  44%{opacity:.38}
  78%,100%{opacity:0;transform:translate3d(14%,0,0)}
}
@keyframes marketTapeMove{
  from{background-position:0 0,0 0;transform:translate3d(-28px,0,0)}
  to{background-position:112px 0,0 0;transform:translate3d(28px,0,0)}
}
@keyframes marketSync7Sweep{
  0%,30%{opacity:0;transform:translate3d(-26vw,0,0) rotate(-1deg)}
  48%{opacity:.72}
  82%,100%{opacity:0;transform:translate3d(126vw,0,0) rotate(-1deg)}
}
@media(max-width:760px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
    min-height:636px!important;
    padding:38px 0 22px!important;
    background-size:100% 100%,72px 100%,100% 54px,180% 100%!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{padding:0 16px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{inset:54px 2vw 24px!important;opacity:.24!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{opacity:.36!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape{left:4vw;right:4vw;height:18px;opacity:.16}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-a{top:34%}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-b{top:64%}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail{left:5vw!important;right:5vw!important;opacity:.28!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-a{top:25%!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-b{top:46%!important;left:8vw!important;right:8vw!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-c{display:none!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-status{margin-bottom:14px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-eyebrow{margin-bottom:10px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1{margin-bottom:14px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-tagline{margin-bottom:20px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search-block{margin-bottom:18px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search input{min-height:58px!important;height:58px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metrics{gap:10px!important;margin-bottom:17px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{min-height:76px!important;border-radius:13px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-row{grid-template-columns:1fr!important;max-width:296px!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-row .hv4-cta{grid-column:1/-1!important;width:100%!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-cta-primary{min-width:0!important}
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{margin-top:14px!important}
}
/* sync8 - compact first-visit cookie bar for short phones */
@media(max-width:380px) and (max-height:760px){
  .cookie-banner#cookieBanner{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
    padding:6px 7px!important;
    bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
    min-height:42px!important;
    border-radius:14px!important;
  }
  .cookie-banner#cookieBanner .cookie-text{
    grid-column:auto!important;
    justify-content:flex-start!important;
    text-align:left!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1!important;
  }
  .cookie-banner#cookieBanner .cookie-text i{font-size:12px!important;margin-right:3px!important}
  .cookie-banner#cookieBanner .cookie-text a{display:none!important}
  .cookie-banner#cookieBanner .cookie-btn{
    width:auto!important;
    min-width:68px!important;
    min-height:30px!important;
    padding:5px 7px!important;
    font-size:11px!important;
    border-radius:10px!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{display:none!important}
}
@media(min-width:761px) and (max-height:760px){
  .cookie-banner#cookieBanner{
    bottom:8px!important;
    padding:8px 12px!important;
    min-height:0!important;
    height:auto!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:8px!important;
  }
  .cookie-banner#cookieBanner .cookie-text{
    grid-column:auto!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:12px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .cookie-banner#cookieBanner .cookie-btn{
    width:auto!important;
    min-width:82px!important;
    min-height:32px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-live-strip{display:none!important}
}
/* sync9 - accessibility/reset polish */
button.notif-bell{font:inherit}
.mobile-nav button.mobile-nav-item,.mobile-nav-item:is(button){
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  font:inherit;
}
/* sync10 - production visual QA: stronger terminal motion, self-contained layer */
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
  background-image:
    linear-gradient(180deg,rgba(24,15,7,.88) 0%,rgba(12,11,14,.965) 50%,rgba(4,8,12,.99) 100%),
    repeating-linear-gradient(90deg,rgba(255,209,102,.055) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(180deg,rgba(255,138,29,.045) 0 1px,transparent 1px 58px),
    linear-gradient(90deg,transparent 0%,rgba(255,209,102,.12) 43%,rgba(255,138,29,.11) 50%,transparent 59%)!important;
  background-size:100% 100%,88px 100%,100% 58px,150% 100%!important;
  animation:marketTerminalBackgroundSync10 9.5s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  overflow:hidden!important;
  pointer-events:none!important;
  contain:paint;
  transform:translateZ(0);
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-content{
  position:relative!important;
  z-index:2!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  inset:68px 6vw 34px!important;
  opacity:.48!important;
  background:
    linear-gradient(90deg,transparent,rgba(255,209,102,.28),transparent) 0 34%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(79,197,122,.16),transparent) 0 58%/100% 1px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,209,102,.095) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(180deg,rgba(255,138,29,.06) 0 1px,transparent 1px 58px)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
  animation:marketTerminalGridSync10 7.8s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{
  opacity:.68!important;
  transform:translate3d(-72%,0,0)!important;
  animation:marketTerminalScannerSync10 4.8s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{
  will-change:transform,opacity;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail{
  opacity:.46!important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,209,102,.12) 16%,rgba(255,209,102,.58) 48%,rgba(79,197,122,.18) 62%,rgba(255,138,29,.2) 74%,transparent 100%)!important;
  box-shadow:0 0 14px rgba(255,209,102,.22),0 0 26px rgba(255,138,29,.08)!important;
  animation:marketRailRunSync10 4.6s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-b{opacity:.38!important;animation-duration:5.8s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-c{opacity:.3!important;animation-duration:7.2s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape{
  opacity:.3!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,209,102,.42) 0 2px,transparent 2px 18px,rgba(79,197,122,.18) 18px 20px,transparent 20px 34px),
    linear-gradient(90deg,transparent,rgba(255,209,102,.14),rgba(255,138,29,.12),transparent)!important;
  animation:marketTapeMoveSync10 6.8s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-b{opacity:.22!important;animation-duration:9.4s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{
  height:2px!important;
  opacity:.9!important;
  animation:marketSync10Sweep 4.2s cubic-bezier(.22,1,.36,1) infinite!important;
}
@keyframes marketTerminalBackgroundSync10{
  0%{background-position:0 0,0 0,0 0,-70% 0}
  100%{background-position:0 0,88px 0,0 58px,110% 0}
}
@keyframes marketTerminalGridSync10{
  from{background-position:0 34%,0 58%,0 0,0 0}
  to{background-position:0 34%,0 58%,88px 0,0 58px}
}
@keyframes marketTerminalScannerSync10{
  0%,16%{opacity:0;transform:translate3d(-74%,0,0)}
  36%{opacity:.68}
  72%,100%{opacity:0;transform:translate3d(74%,0,0)}
}
@keyframes marketRailRunSync10{
  0%,18%{opacity:0;transform:translate3d(-14%,0,0)}
  40%{opacity:.5}
  76%,100%{opacity:0;transform:translate3d(16%,0,0)}
}
@keyframes marketTapeMoveSync10{
  from{background-position:0 0,0 0;transform:translate3d(-34px,0,0)}
  to{background-position:104px 0,0 0;transform:translate3d(34px,0,0)}
}
@keyframes marketSync10Sweep{
  0%,24%{opacity:0;transform:translate3d(-28vw,0,0) rotate(-1deg)}
  44%{opacity:.9}
  78%,100%{opacity:0;transform:translate3d(128vw,0,0) rotate(-1deg)}
}
@media(max-width:760px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{
    font-size:38px!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{
    inset:54px 2vw 24px!important;
    opacity:.34!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{
    opacity:.44!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape{
    opacity:.2!important;
    animation-duration:7.8s!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-b{opacity:.16!important}
}
@media(max-width:370px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{
    font-size:36px!important;
  }
}
@media(prefers-reduced-motion:reduce) and (min-width:99999px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape,
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{
    animation:none!important;
  }
}
/* sync11 - no-AI obsidian market background */
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
  background-color:#05070a!important;
  background-image:
    linear-gradient(180deg,rgba(12,10,9,.94) 0%,rgba(6,7,10,.985) 58%,rgba(4,7,10,.995) 100%),
    linear-gradient(90deg,rgba(145,75,18,.16) 0%,rgba(64,39,20,.07) 24%,rgba(5,7,10,0) 46%,rgba(5,7,10,0) 70%,rgba(35,23,12,.12) 100%),
    repeating-linear-gradient(90deg,transparent 0 87px,rgba(245,194,107,.042) 88px,transparent 89px),
    repeating-linear-gradient(180deg,transparent 0 73px,rgba(245,194,107,.026) 74px,transparent 75px),
    radial-gradient(circle at 1px 1px,rgba(245,194,107,.11) 0 1px,transparent 1.6px)!important;
  background-size:100% 100%,100% 100%,88px 100%,100% 74px,44px 44px!important;
  background-position:0 0,0 0,0 0,0 0,0 0!important;
  animation:marketObsidianDrift 18s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux:before{
  opacity:.38!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.44)),
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 18%,transparent 82%,rgba(0,0,0,.62))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{
  inset:64px 8vw 34px!important;
  opacity:.3!important;
  background:
    linear-gradient(90deg,transparent,rgba(245,194,107,.13),transparent) 0 34%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(79,197,122,.075),transparent) 0 58%/100% 1px no-repeat,
    repeating-linear-gradient(90deg,rgba(245,194,107,.052) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(180deg,rgba(245,194,107,.026) 0 1px,transparent 1px 74px)!important;
  animation:marketObsidianGrid 14s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{
  background:
    linear-gradient(90deg,transparent 0%,rgba(245,194,107,.018) 42%,rgba(245,194,107,.075) 49%,rgba(79,197,122,.028) 54%,transparent 64%),
    linear-gradient(180deg,transparent 0%,rgba(245,194,107,.024) 41%,transparent 45%)!important;
  opacity:.34!important;
  animation:marketObsidianScanner 9s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-rail{
  opacity:.24!important;
  background:linear-gradient(90deg,transparent 0%,rgba(245,194,107,.08) 18%,rgba(245,194,107,.3) 48%,rgba(79,197,122,.085) 64%,transparent 100%)!important;
  box-shadow:0 0 8px rgba(245,194,107,.1)!important;
  animation:marketObsidianRail 8s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-b{opacity:.2!important;animation-duration:10s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .rail-c{opacity:.16!important;animation-duration:12s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape{
  opacity:.11!important;
  background:
    repeating-linear-gradient(90deg,rgba(245,194,107,.22) 0 1px,transparent 1px 22px),
    linear-gradient(90deg,transparent,rgba(245,194,107,.055),transparent)!important;
  animation:marketObsidianTape 15s linear infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .tape-b{opacity:.08!important;animation-duration:19s!important}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-sweep{
  height:1px!important;
  opacity:.36!important;
  background:linear-gradient(90deg,transparent 0 22%,rgba(245,194,107,.1) 42%,rgba(245,194,107,.28) 52%,transparent 80% 100%)!important;
  box-shadow:none!important;
  animation:marketObsidianSweep 9.5s cubic-bezier(.22,1,.36,1) infinite!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-h1-main{
  text-shadow:0 0 10px rgba(245,194,107,.13),0 10px 32px rgba(0,0,0,.62)!important;
  filter:drop-shadow(0 8px 30px rgba(0,0,0,.58))!important;
}
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-search,
body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-metric{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 42px rgba(0,0,0,.36)!important;
}
@keyframes marketObsidianDrift{
  0%{background-position:0 0,0 0,0 0,0 0,0 0}
  100%{background-position:0 0,0 0,88px 0,0 74px,44px 44px}
}
@keyframes marketObsidianGrid{
  from{background-position:0 34%,0 58%,0 0,0 0}
  to{background-position:0 34%,0 58%,88px 0,0 74px}
}
@keyframes marketObsidianScanner{
  0%,28%{opacity:0;transform:translate3d(-74%,0,0)}
  45%{opacity:.34}
  76%,100%{opacity:0;transform:translate3d(74%,0,0)}
}
@keyframes marketObsidianRail{
  0%,34%{opacity:0;transform:translate3d(-10%,0,0)}
  52%{opacity:.26}
  82%,100%{opacity:0;transform:translate3d(12%,0,0)}
}
@keyframes marketObsidianTape{
  from{background-position:0 0,0 0;transform:translate3d(-20px,0,0)}
  to{background-position:88px 0,0 0;transform:translate3d(20px,0,0)}
}
@keyframes marketObsidianSweep{
  0%,38%{opacity:0;transform:translate3d(-28vw,0,0)}
  54%{opacity:.36}
  84%,100%{opacity:0;transform:translate3d(128vw,0,0)}
}
@media(max-width:760px){
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux{
    background-size:100% 100%,100% 100%,72px 100%,100% 64px,36px 36px!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:before{
    opacity:.22!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-layer:after{
    opacity:.24!important;
  }
  body .hero.hero-v4.hero-v5.hero-market-sync.hero-pro-ux .hv4-motion-tape{opacity:.08!important}
}

/* Shared listing-state rail: NEW and HOT must never occupy the same pixels. */
.auction-card .card-state-row{
  position:absolute;
  z-index:4;
  top:8px;
  left:8px;
  display:flex;
  align-items:center;
  gap:4px;
  width:auto;
  pointer-events:none;
}
.auction-card .card-state-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  font-family:var(--f-head, Rajdhani, sans-serif);
  font-size:9px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.06em;
}
.auction-card .card-state-badge.is-new{
  border-color:rgba(79,197,122,.28);
  background:rgba(79,197,122,.13);
  color:#73dfa0;
}
.auction-card .card-state-badge.is-hot{
  border-color:rgba(255,184,77,.28);
  background:rgba(255,140,0,.13);
  color:#ffbd61;
}
.auction-card:has(.card-state-row) .card-top{padding-top:34px!important}

/* Marketplace write controls share one explicit read-only state. */
[data-capability-key][disabled]{
  cursor:not-allowed!important;
  opacity:.48!important;
  filter:saturate(.38)!important;
  box-shadow:none!important;
  transform:none!important;
}
