.smoke-bg{position:fixed;inset:0;z-index:0;display:grid;grid-template-columns:1.2fr .8fr 1.1fr;background:#090403;overflow:hidden;pointer-events:none}
.smoke-bg video{width:100%;height:100vh;object-fit:cover;opacity:.2;filter:saturate(1.25) contrast(1.15) brightness(.72);mix-blend-mode:screen}
.smoke-bg video:nth-child(2){opacity:.12;filter:saturate(.8) contrast(1.3) brightness(.55)}
.smoke-bg video:nth-child(3){opacity:.18}
.smoke-bg span{position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,transparent 0 18%,rgba(10,4,2,.42) 58%),linear-gradient(180deg,rgba(10,4,2,.2),rgba(10,4,2,.75));backdrop-filter:blur(1px)}
main,footer{position:relative;z-index:1}
.hero,.lore,.gallery,.how,.roadmap{isolation:isolate}
.lore:before,.gallery:before,.how:before,.roadmap:before{content:"";position:absolute;z-index:-1;inset:35px -5vw;border:1px solid rgba(255,176,0,.13);border-radius:38px;background:linear-gradient(135deg,rgba(16,8,4,.76),rgba(45,20,4,.32));box-shadow:inset 0 0 90px rgba(255,125,0,.06),0 35px 80px rgba(0,0,0,.35);backdrop-filter:blur(4px)}
.gallery:before{inset:0 -5vw 55px;background:linear-gradient(145deg,rgba(12,6,3,.64),rgba(58,25,4,.24))}
.cat-swarm{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.cat-corner{position:absolute;object-fit:cover;filter:drop-shadow(0 0 13px rgba(255,164,0,.62));opacity:.72;transition:opacity .4s}
.cat-a{width:116px;left:-38px;top:12%;transform:rotate(8deg);animation:catpeek-a 8s ease-in-out infinite}
.cat-b{width:106px;right:-30px;top:34%;transform:rotate(-9deg);animation:catpeek-b 10s ease-in-out infinite}
.cat-c{width:115px;left:-40px;bottom:19%;transform:rotate(5deg);animation:catpeek-a 12s ease-in-out infinite reverse}
.cat-d{width:128px;right:-43px;bottom:-5px;transform:rotate(-7deg);animation:catpeek-b 9s ease-in-out infinite reverse}
@keyframes catpeek-a{0%,100%{translate:-13px 4px;rotate:-2deg}50%{translate:15px -7px;rotate:3deg}}
@keyframes catpeek-b{0%,100%{translate:11px 7px;rotate:2deg}50%{translate:-17px -5px;rotate:-3deg}}
.step,.chart-card,.reel{box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 0 28px rgba(255,149,0,.035)}
.topbar:before{content:"";position:absolute;width:46px;height:48px;left:98px;bottom:-19px;background:url("assets/cat-gold-outline-12.png") center 25%/cover no-repeat;border-radius:50%;filter:drop-shadow(0 0 7px #ff9d00);opacity:.72;z-index:-1}
.footer-links a:before,.hero-actions .btn:before{content:"🐈";display:inline-block;margin-right:7px;filter:sepia(1) saturate(4);transition:transform .2s}
.footer-links a:hover:before,.hero-actions .btn:hover:before{transform:translateY(-3px) rotate(-8deg)}
@media(max-width:800px){.smoke-bg{grid-template-columns:1fr}.smoke-bg video:nth-child(n+2){display:none}.smoke-bg video{opacity:.16}.cat-a,.cat-c{width:82px}.cat-b,.cat-d{width:88px}.lore:before,.gallery:before,.how:before,.roadmap:before{inset:20px -2vw}.topbar:before{display:none}}
@media(prefers-reduced-motion:reduce){.smoke-bg video{display:none}.cat-corner{animation:none}}