
:root{
  --bg:#050713;--panel:#090d1a;--panel2:#111629;--purple:#8b2cff;--blue:#147cff;--cyan:#45d8ff;
  --text:#f5f7ff;--muted:#aab5ca;--line:rgba(139,44,255,.28);--gold:#ffc833;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 8% 0%,rgba(139,44,255,.20),transparent 34rem),radial-gradient(circle at 88% 4%,rgba(20,124,255,.16),transparent 28rem),#050713;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,7,19,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.header-inner{max-width:var(--max);margin:0 auto;padding:10px 18px;display:grid;grid-template-columns:240px minmax(0,1fr) 125px;gap:18px;align-items:center}
.brand{display:block;width:240px}
.logo{display:block;width:240px;max-width:240px;height:auto;filter:drop-shadow(0 0 14px rgba(139,44,255,.35))}
.nav{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0}
.nav a{color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;white-space:nowrap;line-height:1}
.nav a:hover{color:var(--cyan)}
.header-actions{display:flex;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:8px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;font-size:12px;font-weight:950;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(139,44,255,.22);white-space:nowrap}
.btn.secondary{background:rgba(255,255,255,.04);border:1px solid rgba(139,44,255,.65);box-shadow:none}
.hero{background:linear-gradient(90deg,rgba(5,7,19,.98),rgba(5,7,19,.78) 46%,rgba(5,7,19,.14)),url('/assets/images/hero/wolf-hero.jpg') center/cover no-repeat;border-bottom:1px solid rgba(139,44,255,.16)}
.hero-inner{max-width:var(--max);margin:0 auto;min-height:455px;padding:52px 18px;display:flex;align-items:center}
.hero-content{max-width:570px}
.hero h1{margin:0 0 14px;font-size:clamp(44px,5.8vw,78px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}
.hero h1 span{display:block;color:var(--purple)}
.hero p{margin:0 0 22px;max-width:520px;color:#eef2ff;font-size:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;max-width:620px}
.stat{display:flex;align-items:center;gap:9px}.stat-icon{width:34px;height:34px;border:2px solid var(--purple);border-radius:10px;display:grid;place-items:center;color:var(--cyan);font-weight:950}
.stat strong{display:block;color:var(--cyan);font-size:20px;line-height:1}.stat span{display:block;color:#fff;font-size:10px;text-transform:uppercase}
.main{max-width:var(--max);margin:0 auto;padding:22px 18px 42px}
.section{margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,18,35,.92),rgba(7,10,23,.84))}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0;font-size:22px;text-transform:uppercase}.view-all{color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#090f17;aspect-ratio:1.28/1;transition:transform .18s ease,border-color .18s ease}.category-card:hover,.product-card:hover{transform:translateY(-2px);border-color:rgba(69,216,255,.45)}.category-card img{width:100%;height:100%;object-fit:cover}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#090f17;transition:transform .18s ease,border-color .18s ease}.product-card img{width:100%;aspect-ratio:1.18/1;object-fit:cover}
.ai-banner{overflow:hidden;display:block;border:1px solid var(--line);border-radius:14px;background:#090f17}.ai-banner img{width:100%;max-height:320px;object-fit:cover}
.trust-row{max-width:var(--max);margin:0 auto 24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,18,35,.92),rgba(7,10,23,.84));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.trust-item{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.trust-icon{color:var(--purple);font-size:24px;line-height:1}.trust-item strong{display:block;color:var(--cyan);font-size:11px;text-transform:uppercase;line-height:1.2;margin-bottom:3px}.trust-item span{font-size:12px;color:#fff;line-height:1.3}
.newsletter{max-width:var(--max);margin:0 auto 24px;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,18,35,.92),rgba(7,10,23,.84));display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.3fr);gap:22px;align-items:center}
.newsletter h2{margin:0 0 4px;text-transform:uppercase}.newsletter p{margin:0;color:#cdd7e2}.newsletter form{display:grid;grid-template-columns:minmax(0,1fr) auto}.newsletter input{min-height:42px;background:#07101a;border:1px solid var(--line);border-radius:8px 0 0 8px;color:#fff;padding:0 14px}.newsletter button{border-radius:0 8px 8px 0;border:0}
.footer{border-top:1px solid var(--line);background:#050713}.footer-inner{max-width:var(--max);margin:0 auto;padding:30px 18px 22px;display:grid;grid-template-columns:1.25fr .65fr .65fr .65fr 1fr;gap:26px;color:#b8c6d5}.footer .logo{width:250px;max-width:250px;margin-bottom:14px}.footer h3,.footer strong{color:#fff;margin:0 0 10px;text-transform:uppercase}.footer a{display:block;color:#cbd6e2;margin-bottom:7px;font-size:13px}.footer-cta{border:1px solid var(--line);border-radius:12px;padding:16px;background:#07101a}.copyright{text-align:center;color:#6f8090;font-size:12px;padding:0 18px 18px}
@media(max-width:1000px){.header-inner{grid-template-columns:220px 1fr;gap:12px}.brand,.logo{width:220px;max-width:220px}.header-actions{grid-column:2;grid-row:1}.nav{grid-column:1 / -1;justify-content:flex-start;gap:14px;overflow-x:auto;padding-bottom:3px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:repeat(2,1fr);margin-left:18px;margin-right:18px}.newsletter{grid-template-columns:1fr;margin-left:18px;margin-right:18px}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.header-inner{grid-template-columns:1fr auto}.brand,.logo{width:190px;max-width:190px}.header-actions{grid-column:2;grid-row:1}.nav{grid-column:1 / -1}.nav a{font-size:11px}.hero-inner{min-height:360px;padding:34px 18px}.stats{grid-template-columns:repeat(2,1fr)}.category-grid,.product-grid,.trust-row{grid-template-columns:1fr}.category-card{aspect-ratio:1.55/1}.product-card img{aspect-ratio:1.3/1}.newsletter form{grid-template-columns:1fr;gap:8px}.newsletter input,.newsletter button{border-radius:8px}.footer-inner{grid-template-columns:1fr}.footer .logo{width:220px;max-width:220px}}


/* Benchmark 37 final launch polish overrides */
.header-inner{grid-template-columns:300px minmax(0,1fr) 125px !important;}
.brand{width:300px !important;max-width:300px !important;display:flex !important;align-items:center !important;}
.logo{width:300px !important;max-width:300px !important;height:auto !important;object-fit:contain !important;}
.hero{background:
  linear-gradient(90deg,rgba(5,7,19,.98),rgba(5,7,19,.78) 44%,rgba(5,7,19,.16)),
  url('/assets/images/hero/wolf-hero.jpg') center/cover no-repeat !important;
}
.hero h1{max-width:680px}
.hero p{font-size:19px;line-height:1.5}
.stat strong{font-size:18px}
.stat span{letter-spacing:.02em}
.trending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.trending-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));padding:18px;min-height:120px;position:relative;overflow:hidden}
.trending-card:before{content:"";position:absolute;inset:auto -20% -40% auto;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle,rgba(139,44,255,.35),transparent 70%)}
.trending-card strong{display:block;color:#fff;font-size:16px;text-transform:uppercase;margin-bottom:6px}
.trending-card span{display:block;color:var(--muted);font-size:13px}
.trending-card em{display:inline-flex;margin-top:14px;color:var(--cyan);font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase}
.category-card,.product-card,.ai-banner{box-shadow:0 12px 35px rgba(0,0,0,.22)}
.category-card img,.product-card img,.ai-banner img{transition:transform .28s ease,filter .28s ease}
.category-card:hover img,.product-card:hover img,.ai-banner:hover img{transform:scale(1.045);filter:saturate(1.12) contrast(1.06)}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn{transition:filter .18s ease,transform .18s ease}
@media(max-width:1000px){
  .header-inner{grid-template-columns:260px minmax(0,1fr) !important}
  .brand,.logo{width:260px !important;max-width:260px !important}
  .trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr auto !important}
  .brand,.logo{width:220px !important;max-width:220px !important}
  .trending-grid{grid-template-columns:1fr}
}


/* Benchmark 38 final commercial polish */
.header-inner{grid-template-columns:320px minmax(0,1fr) 125px !important;}
.brand{width:320px !important;max-width:320px !important;height:92px !important;display:block !important;background:url('/assets/images/brand/logo.png') left center/contain no-repeat !important;}
.brand .logo{opacity:0 !important;width:320px !important;max-width:320px !important;height:92px !important;}
.hero{
  background:
    linear-gradient(90deg,rgba(5,7,19,.99),rgba(5,7,19,.92) 42%,rgba(5,7,19,.72)),
    linear-gradient(90deg,rgba(5,7,19,.30),rgba(5,7,19,.55)),
    url('/assets/images/hero/wolf-hero.jpg') center/cover no-repeat !important;
}
.hero h1 span{color:var(--cyan) !important}
.hero-content{max-width:650px !important}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.market-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));min-height:180px;position:relative}
.market-card img{width:100%;height:125px;object-fit:cover;filter:saturate(1.08) contrast(1.04);transition:transform .28s ease}
.market-card:hover img{transform:scale(1.045)}
.market-card div{padding:12px}
.market-card strong{display:block;color:#fff;font-size:14px;text-transform:uppercase;margin-bottom:4px}
.market-card span{display:block;color:var(--muted);font-size:12px}
.creator-card{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(139,44,255,.18),rgba(7,10,23,.9));padding:24px;overflow:hidden}
.creator-card img{width:100%;border-radius:12px;border:1px solid var(--line)}
.creator-card h2{margin:0 0 8px;font-size:26px;text-transform:uppercase}
.creator-card p{color:#d9e2ef;margin:0 0 16px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.testimonial{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));padding:18px}
.testimonial p{color:#e5ecf6;margin:0 0 12px}
.testimonial strong{color:var(--cyan);font-size:13px;text-transform:uppercase}
@media(max-width:1000px){
  .header-inner{grid-template-columns:280px minmax(0,1fr) !important}
  .brand{width:280px !important;max-width:280px !important;height:82px !important}
  .brand .logo{width:280px !important;max-width:280px !important;height:82px !important}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-card{grid-template-columns:1fr}
  .testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr auto !important}
  .brand{width:220px !important;max-width:220px !important;height:66px !important}
  .brand .logo{width:220px !important;max-width:220px !important;height:66px !important}
  .market-grid{grid-template-columns:1fr}
}


/* Benchmark 39 asset-proof commercial marketplace final */
.header-inner{grid-template-columns:260px minmax(0,1fr) 260px !important;}
.brand{width:260px !important;height:58px !important;max-width:260px !important;background:none !important;display:flex !important;align-items:center !important;gap:10px !important;}
.brand:before{content:"";width:54px;height:42px;display:block;flex:0 0 auto;background:linear-gradient(135deg,#8b2cff,#147cff);clip-path:polygon(0 58%,18% 25%,45% 5%,78% 15%,100% 0,82% 40%,100% 50%,65% 45%,48% 78%,23% 70%);filter:drop-shadow(0 0 12px rgba(139,44,255,.6));}
.brand:after{content:"STL BEAST";display:block;color:#fff;font-weight:1000;font-size:25px;line-height:.9;letter-spacing:.02em;text-shadow:0 0 16px rgba(139,44,255,.35);}
.brand .logo{display:none !important;}
.header-actions{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:10px !important;align-items:center !important;}
.site-search{min-height:40px;width:100%;border:1px solid var(--line);border-radius:8px;background:#07101a;color:#fff;padding:0 12px;font-size:12px;}
.hero-inner{display:grid !important;grid-template-columns:1fr 380px !important;gap:28px !important;}
.hero-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(139,44,255,.24),rgba(7,10,23,.88));min-height:300px;padding:22px;display:grid;align-content:end;position:relative;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.hero-card:before{content:"";position:absolute;right:-70px;top:-50px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(69,216,255,.34),transparent 65%)}
.hero-card:after{content:"STL";position:absolute;right:18px;top:16px;font-size:96px;font-weight:1000;color:rgba(255,255,255,.07);letter-spacing:-.08em}
.hero-card strong{display:block;font-size:28px;text-transform:uppercase;line-height:1;margin-bottom:8px}
.hero-card span{display:block;color:#dbe7f5;font-size:14px}
.market-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.market-tabs a{display:inline-flex;min-height:34px;align-items:center;padding:0 13px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:900;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.035)}
.market-tabs a:first-child{background:linear-gradient(135deg,var(--purple),var(--blue))}
.product-card img{aspect-ratio:1.32/1 !important;}
.creator-card{grid-template-columns:0.9fr 1.1fr !important;}
.creator-visual{min-height:260px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 30% 30%,rgba(139,44,255,.45),transparent 32%),radial-gradient(circle at 72% 42%,rgba(20,124,255,.34),transparent 30%),linear-gradient(145deg,#090d1a,#160b2e);position:relative;overflow:hidden}
.creator-visual:before{content:"";position:absolute;left:12%;top:22%;width:180px;height:135px;background:linear-gradient(135deg,#8b2cff,#147cff);clip-path:polygon(0 58%,18% 25%,45% 5%,78% 15%,100% 0,82% 40%,100% 50%,65% 45%,48% 78%,23% 70%);filter:drop-shadow(0 0 22px rgba(139,44,255,.8))}
.creator-visual:after{content:"STL BEAST";position:absolute;left:42px;bottom:34px;color:#fff;font-size:34px;font-weight:1000;text-shadow:0 0 18px rgba(139,44,255,.6)}
.footer-brand{width:250px;height:58px;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.footer-brand:before{content:"";width:52px;height:40px;display:block;background:linear-gradient(135deg,#8b2cff,#147cff);clip-path:polygon(0 58%,18% 25%,45% 5%,78% 15%,100% 0,82% 40%,100% 50%,65% 45%,48% 78%,23% 70%)}
.footer-brand:after{content:"STL BEAST";color:#fff;font-size:24px;font-weight:1000}
.footer .logo{display:none !important;}
@media(max-width:1000px){
  .header-inner{grid-template-columns:260px minmax(0,1fr) !important}
  .header-actions{grid-column:2;grid-row:1}
  .hero-inner{grid-template-columns:1fr !important}
  .hero-card{min-height:220px}
  .creator-card{grid-template-columns:1fr !important}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr !important}
  .brand{width:240px !important;max-width:240px !important}
  .header-actions{grid-column:1 !important;grid-row:auto !important;grid-template-columns:1fr !important}
  .hero-card{display:none}
}


/* Benchmark 40 flow fix */
.hero-content:before{content:"STL BEAST HUB";display:inline-flex;color:var(--cyan);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em;margin-bottom:12px}
.hero-card{padding:0 !important;display:grid !important;grid-template-rows:1fr auto !important;align-content:stretch !important}
.hero-card .featured-thumb{min-height:180px;background:url('/assets/images/products/modular-drawer.jpg') center/cover no-repeat;border-bottom:1px solid var(--line)}
.hero-card .featured-body{padding:18px;position:relative;z-index:2}
.hero-card .featured-body strong{font-size:23px}
.hero-card .featured-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.hero-card .featured-meta span{font-size:11px;font-weight:900;color:var(--cyan);border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.035)}
.search-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.search-note{color:var(--muted);margin-top:4px}
@media(max-width:1000px){.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.search-results{grid-template-columns:1fr}}


/* Benchmark 41 clean render + image fit fixes */
.brand{background:url('/assets/images/brand/logo.png') left center/contain no-repeat !important;}
.brand:before,.brand:after{display:none !important;}
.brand .logo{display:block !important;opacity:0 !important;}
.hero{
  background:
    linear-gradient(90deg,rgba(5,7,19,.96),rgba(5,7,19,.75) 42%,rgba(5,7,19,.36)),
    url('/assets/images/hero/premium-drawer-hero.jpg') center/cover no-repeat !important;
}
.hero-card .featured-thumb{background:url('/assets/images/products/modular-drawer.jpg') center/cover no-repeat !important;}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;align-items:stretch}
.category-card{
  aspect-ratio:1/1.08 !important;
  display:block !important;
  overflow:hidden !important;
}
.category-card img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#090f17 !important;
  image-rendering:auto !important;
}
.product-card img{
  object-fit:contain !important;
  background:#090f17 !important;
  padding:0 !important;
}
.market-card img{
  object-fit:contain !important;
  background:#090f17 !important;
}
@media(max-width:1000px){
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:640px){
  .category-grid{grid-template-columns:1fr !important}
  .category-card{aspect-ratio:1.08/1 !important}
}


/* Benchmark 42 footer logo image */
.footer-logo-img{
  display:block !important;
  width:260px !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 0 14px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 14px rgba(139,44,255,.35));
}
.footer-brand{display:none !important;}
.footer .logo{display:none !important;}


/* Benchmark 43 logo fit fix */
.header-inner{
  grid-template-columns:260px minmax(0,1fr) 260px !important;
}
.brand{
  width:260px !important;
  max-width:260px !important;
  height:64px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:none !important;
  overflow:visible !important;
}
.brand:before,.brand:after{
  display:none !important;
  content:none !important;
}
.brand .logo{
  display:block !important;
  opacity:1 !important;
  width:250px !important;
  max-width:250px !important;
  height:auto !important;
  max-height:56px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 0 12px rgba(139,44,255,.38)) !important;
}
.footer-logo-img{
  display:block !important;
  width:280px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 0 14px !important;
  filter:drop-shadow(0 0 12px rgba(139,44,255,.35)) !important;
}
.footer-brand{display:none !important;}
.footer .logo{display:none !important;}
@media(max-width:1000px){
  .header-inner{grid-template-columns:250px minmax(0,1fr) !important;}
  .brand{width:250px !important;max-width:250px !important;}
  .brand .logo{width:238px !important;max-width:238px !important;max-height:54px !important;}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr !important;}
  .brand{width:240px !important;max-width:240px !important;height:62px !important;}
  .brand .logo{width:230px !important;max-width:230px !important;max-height:54px !important;}
}


/* v44 logo uncropped fix */
.brand{
 width:320px !important;
 max-width:320px !important;
 height:88px !important;
 background:none !important;
 overflow:visible !important;
}
.brand .logo{
 width:300px !important;
 max-width:300px !important;
 height:78px !important;
 max-height:none !important;
 object-fit:contain !important;
 object-position:left center !important;
}
.footer-logo-img{
 width:300px !important;
 height:auto !important;
 object-fit:contain !important;
}


/* v45 clean logo card implementation */
.header-inner{
  grid-template-columns:330px minmax(0,1fr) 260px !important;
}
.brand{
  width:330px !important;
  max-width:330px !important;
  height:96px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:none !important;
  overflow:visible !important;
}
.brand:before,.brand:after{
  display:none !important;
  content:none !important;
}
.brand .logo{
  display:block !important;
  opacity:1 !important;
  width:230px !important;
  max-width:230px !important;
  height:auto !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:14px !important;
  filter:drop-shadow(0 0 14px rgba(139,44,255,.35)) !important;
}
.footer-logo-img{
  display:block !important;
  width:245px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:150px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:14px !important;
  margin:0 0 14px !important;
  filter:drop-shadow(0 0 14px rgba(139,44,255,.35)) !important;
}
.footer-brand{display:none !important;}
.footer .logo{display:none !important;}
@media(max-width:1000px){
  .header-inner{grid-template-columns:300px minmax(0,1fr) !important;}
  .brand{width:300px !important;max-width:300px !important;height:92px !important;}
  .brand .logo{width:215px !important;max-width:215px !important;max-height:88px !important;}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr !important;}
  .brand{width:240px !important;max-width:240px !important;height:86px !important;}
  .brand .logo{width:190px !important;max-width:190px !important;max-height:78px !important;}
}


/* v46 restore wolf logo and remove blue-arrow card logo */
.header-inner{
  grid-template-columns:310px minmax(0,1fr) 260px !important;
}
.brand{
  width:310px !important;
  max-width:310px !important;
  height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:none !important;
  overflow:visible !important;
  border:0 !important;
}
.brand:before,.brand:after{
  display:none !important;
  content:none !important;
}
.brand .logo{
  display:block !important;
  opacity:1 !important;
  width:295px !important;
  max-width:295px !important;
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:10px !important;
  filter:drop-shadow(0 0 14px rgba(139,44,255,.35)) !important;
}
.footer-logo-img{
  display:block !important;
  width:295px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:80px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:10px !important;
  margin:0 0 14px !important;
  filter:drop-shadow(0 0 14px rgba(139,44,255,.35)) !important;
}
.footer-brand{display:none !important;}
.footer .logo{display:none !important;}
@media(max-width:1000px){
  .header-inner{grid-template-columns:290px minmax(0,1fr) !important;}
  .brand{width:290px !important;max-width:290px !important;height:72px !important;}
  .brand .logo{width:275px !important;max-width:275px !important;max-height:68px !important;}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr !important;}
  .brand{width:260px !important;max-width:260px !important;height:68px !important;}
  .brand .logo{width:250px !important;max-width:250px !important;max-height:64px !important;}
}


/* v47 creator visual fixed: remove old blue-arrow creator block */
.creator-visual,
.creator-visual:before,
.creator-visual:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.creator-visual-fixed{
  min-height:300px;
  border-radius:14px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 30% 30%,rgba(139,44,255,.30),transparent 34%),
    radial-gradient(circle at 78% 38%,rgba(20,124,255,.22),transparent 34%),
    linear-gradient(145deg,#070a17,#160b2e);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:22px;
}
.creator-visual-fixed img{
  display:block;
  width:100%;
  max-width:620px;
  height:auto;
  max-height:250px;
  object-fit:contain;
  filter:drop-shadow(0 0 20px rgba(139,44,255,.45));
}


/* v48 creator image polished */
.creator-visual,
.creator-visual-fixed,
.creator-visual:before,
.creator-visual:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.creator-visual-panel{
  min-height:320px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#070a18;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:0;
  box-shadow:inset 0 0 50px rgba(139,44,255,.16);
}
.creator-visual-panel img{
  display:block;
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  object-position:center;
}
.creator-card{
  grid-template-columns:1fr 1.1fr !important;
  align-items:center !important;
}
@media(max-width:1000px){
  .creator-card{grid-template-columns:1fr !important}
  .creator-visual-panel img{min-height:240px}
}


/* v49 launch cleanup: performance/accessibility polish */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:3px solid var(--cyan) !important;
  outline-offset:3px !important;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
}
.section,.trust-row,.newsletter,.footer-cta{
  box-shadow:0 18px 55px rgba(0,0,0,.16);
}


/* v50 marketplace expansion */
.filter-bar{
  display:grid;
  grid-template-columns:1fr repeat(3,170px);
  gap:10px;
  margin:0 0 16px;
}
.filter-bar input,.filter-bar select{
  min-height:42px;
  background:#07101a;
  border:1px solid var(--line);
  color:#fff;
  border-radius:8px;
  padding:0 12px;
}
.detail-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  align-items:stretch;
}
.detail-gallery{
  border:1px solid var(--line);
  border-radius:16px;
  background:#090f17;
  overflow:hidden;
}
.detail-gallery img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:contain;
  background:#07101a;
}
.detail-copy{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));
  padding:24px;
}
.detail-copy h1{
  margin:0 0 10px;
  font-size:38px;
  text-transform:uppercase;
  line-height:1;
}
.detail-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.detail-meta span{
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px;
  background:rgba(255,255,255,.035);
  color:#dbe7f5;
  font-size:13px;
}
.guide-grid,.tool-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.info-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));
  padding:18px;
}
.info-card h3{
  margin:0 0 8px;
  text-transform:uppercase;
}
.info-card p{
  color:var(--muted);
  margin:0 0 14px;
}
.ai-upload{
  border:1px dashed rgba(69,216,255,.45);
  border-radius:16px;
  background:rgba(69,216,255,.04);
  padding:26px;
  text-align:center;
}
.ai-upload strong{
  display:block;
  font-size:22px;
  text-transform:uppercase;
  margin-bottom:8px;
}
.breadcrumbs{
  color:var(--muted);
  font-size:13px;
  margin:0 0 14px;
}
.breadcrumbs a{color:var(--cyan)}
@media(max-width:1000px){
  .filter-bar{grid-template-columns:1fr 1fr}
  .detail-hero{grid-template-columns:1fr}
  .guide-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .filter-bar,.guide-grid,.tool-grid{grid-template-columns:1fr}
  .detail-copy h1{font-size:30px}
}


/* v51 conversion/content polish */
.cta-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  align-items:stretch;
}
.cta-panel{
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px;
  background:linear-gradient(135deg,rgba(139,44,255,.22),rgba(7,10,23,.9));
}
.cta-panel h2{
  margin:0 0 10px;
  font-size:30px;
  text-transform:uppercase;
}
.cta-panel p{color:#d9e2ef}
.check-list{
  display:grid;
  gap:10px;
  margin:16px 0;
}
.check-list span{
  display:flex;
  gap:9px;
  color:#e8f1ff;
}
.check-list span:before{
  content:"✓";
  color:var(--cyan);
  font-weight:1000;
}
.faq-list{
  display:grid;
  gap:12px;
}
.faq-item{
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));
  padding:18px;
}
.faq-item h3{
  margin:0 0 8px;
  text-transform:uppercase;
  font-size:16px;
}
.faq-item p{
  margin:0;
  color:var(--muted);
}
.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.contact-form{
  display:grid;
  gap:10px;
}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;
  min-height:42px;
  background:#07101a;
  border:1px solid var(--line);
  color:#fff;
  border-radius:8px;
  padding:10px 12px;
}
.contact-form textarea{min-height:130px}
.category-nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.category-nav a{
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  background:rgba(255,255,255,.035);
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
  color:#fff;
}
.category-nav a:hover{border-color:rgba(69,216,255,.55);color:var(--cyan)}
.resource-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.resource-strip a{
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));
}
.resource-strip strong{
  display:block;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:5px;
}
.resource-strip span{color:var(--muted);font-size:13px}
@media(max-width:1000px){
  .cta-grid,.contact-grid{grid-template-columns:1fr}
  .category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .category-nav,.resource-strip{grid-template-columns:1fr}
}

/* v53 marketplace completion */
.market-hero-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:0 0 24px}
.showcase-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(139,44,255,.22),rgba(7,10,23,.92));padding:24px;display:grid;grid-template-columns:.95fr 1fr;gap:20px;align-items:center;overflow:hidden}
.showcase-card img{width:100%;border-radius:14px;border:1px solid var(--line);background:#07101a;object-fit:contain}
.showcase-card h2{margin:0 0 10px;font-size:32px;line-height:1;text-transform:uppercase}.showcase-card p{color:#dce7f4}
.showcase-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.showcase-meta span,.badge{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--cyan);background:rgba(255,255,255,.035);font-size:11px;font-weight:900;text-transform:uppercase}
.feed-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));padding:18px}.feed-list{display:grid;gap:12px}.feed-list a{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}.feed-list img{width:58px;height:58px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#07101a}.feed-list strong{display:block;color:#fff;font-size:13px}.feed-list span{display:block;color:var(--muted);font-size:12px}
.vault-card{position:relative}.vault-card .badge{position:absolute;left:10px;top:10px;z-index:3;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff}.product-info{padding:12px;border-top:1px solid var(--line)}.product-info strong{display:block;color:#fff;text-transform:uppercase;font-size:13px}.product-info span{color:var(--muted);font-size:12px}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.spec-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88))}.spec-card strong{display:block;color:var(--cyan);font-size:12px;text-transform:uppercase;margin-bottom:5px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mega-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 0}.mega-links a{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.035);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}.mega-links a:hover{color:var(--cyan);border-color:rgba(69,216,255,.55)}
.footer-market{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.footer-market a{border:1px solid var(--line);border-radius:12px;padding:12px;background:#07101a;color:#d9e6f5;font-size:12px}
@media(max-width:1000px){.market-hero-strip,.showcase-card{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-links,.footer-market{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.spec-grid,.related-grid,.mega-links,.footer-market{grid-template-columns:1fr}}


/* v54 functionality foundation */
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.download-panel{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:18px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(139,44,255,.20),rgba(7,10,23,.94));
  padding:24px;
}
.download-panel h2{margin:0 0 8px;text-transform:uppercase}
.download-box{
  border:1px solid var(--line);
  border-radius:14px;
  background:#07101a;
  padding:18px;
}
.status-pill{
  display:inline-flex;
  border:1px solid var(--line);
  border-radius:999px;
  padding:6px 10px;
  color:var(--cyan);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  background:rgba(255,255,255,.04);
}
.review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.review-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));
  padding:18px;
}
.review-card .stars{color:#ffc833;margin-bottom:8px}
.admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.admin-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.88));
  padding:18px;
}
.admin-card h3{margin:0 0 8px;text-transform:uppercase}
.admin-card p{color:var(--muted)}
.table-like{
  display:grid;
  gap:8px;
}
.table-row{
  display:grid;
  grid-template-columns:1fr 120px 120px;
  gap:10px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px;
  background:rgba(255,255,255,.03);
  align-items:center;
}
@media(max-width:1000px){
  .download-panel{grid-template-columns:1fr}
  .review-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .review-grid,.admin-grid,.table-row{grid-template-columns:1fr}
}


/* v55 backend commerce prep */
.checkout-grid{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:18px;
  align-items:start;
}
.checkout-summary,.commerce-panel{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,18,35,.96),rgba(7,10,23,.9));
  padding:22px;
}
.checkout-summary h2,.commerce-panel h2{
  margin:0 0 10px;
  text-transform:uppercase;
}
.price-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--line);
  padding:8px 12px;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  color:#fff;
  font-weight:1000;
  text-transform:uppercase;
  font-size:12px;
}
.token-box{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  background:#050713;
  color:var(--cyan);
  overflow-wrap:anywhere;
}
.meta-table{
  display:grid;
  gap:8px;
}
.meta-table div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.03);
  padding:10px;
}
.prep-list{
  display:grid;
  gap:10px;
}
.prep-list label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.prep-list input{margin-top:3px}
.warning-note{
  border-left:4px solid var(--cyan);
  background:rgba(69,216,255,.07);
  padding:14px;
  border-radius:10px;
  color:#eaf6ff;
}
@media(max-width:1000px){
  .checkout-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .meta-table div{grid-template-columns:1fr}
}
