/* Character fade-in/fade-out for CT/T images */
.ct-character, .t-character {
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(.5,.2,.2,1);
}
.ct-character.visible, .t-character.visible {
  opacity: 1;
}
/* Extracted from homepage.html */
:root {
  --cs-orange: #f7931a;
  --cs-blue: #0e59f2;
  --cs-red: #e23636;
  --cs-dark: #121a23;
  --cs-darker: #0d1117;
}
body {
  font-family: 'Oxanium', sans-serif;
  background-color: var(--cs-darker);
  color: white;
  background-image:
    /* Subtle mesh bg for hero */
    radial-gradient(circle at 30% 20%, rgba(14, 89, 242, 0.11) 0,transparent 70%),
    radial-gradient(circle at 70% 70%, rgba(231, 54, 54, 0.07) 0, transparent 70%);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.glow-hover:hover,
.glow-hover:focus {
  box-shadow: 0 0 24px 6px rgba(247,147,26,.62), 0 4px 16px 0 rgba(25,25,30,.22);
  transform: translateY(-3px) scale(1.03);
  transition: box-shadow 0.22s cubic-bezier(.4, 0, .2, 1), transform 0.19s cubic-bezier(.4, 0, .2, 1);
}
.gradient-mesh {
/* Loadout-gen.html extracted styles */
:root {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 20% 30%, #0e59f288 0%, transparent 70%) ,
              radial-gradient(ellipse at 80% 40%, #e2363633 0%, transparent 72%),
              radial-gradient(ellipse at 65% 75%, #00ffb033 0%, transparent 90%);
  animation: fadeMesh 12s ease-in-out alternate infinite;
  opacity: .96;
}
@keyframes fadeMesh {
  0% { opacity: .88;}
  100% { opacity: 1;}
}
.card-zoom:hover .zoom-img, .card-zoom:focus .zoom-img { transform: scale(1.08);}
.card-zoom .zoom-img { transition: transform 0.45s cubic-bezier(0.32, 0, 0.67, 0);}
.step-fade { opacity: 0; transform: translateY(40px); transition: all 0.66s cubic-bezier(.5,.2,.2,1);}
.step-fade.visible { opacity: 1; transform: none;}
.active-link { border-bottom: 2px solid #f7931a; color: #f7931a !important; }
.a11y-focus:focus { outline: 2px solid #f7931a; outline-offset: 2px;}
.transition-shadow {transition: box-shadow .22s;}
.footer-contact-icon { transition: transform .18s; }
.footer-contact-icon:hover, .footer-contact-icon:focus { transform: scale(1.15); color: #f7931a;}
.resp-bg { background: linear-gradient(105deg, #161924 70%, #181a20 100%);}}