* { box-sizing: border-box; }
body{margin:0;background:#0A0908;font-family:'Archivo',sans-serif;color:#fff;overflow-x:hidden}
a{color:#FF6B2C;text-decoration:none}
a:hover{color:#FF8A4C}
::selection{background:rgba(255,107,44,0.4)}

@keyframes glowPulse{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes badgeDot{0%,100%{box-shadow:0 0 0 0 rgba(255,107,44,0.6)}70%{box-shadow:0 0 0 8px rgba(255,107,44,0)}}
@keyframes fadeWord{from{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes arrowBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].on{opacity:1;transform:none}

/* Fade-in words in hero */
.hero-word{opacity:0;animation:fadeWord .8s cubic-bezier(.2,.7,.2,1) forwards}

/* Responsive nav + footer (was JS-driven in the source) */
@media (max-width:760px){
  .nav-links{display:none !important}
  .site-footer-row{justify-content:center !important}
}