/** Shopify CDN: Minification failed

Line 173:0 Expected percentage but found "."
Line 191:1 Expected "}" to go with "{"

**/
/* === VIXN 2.0: CHROME AESTHETIC MASTER FILE === */

/* Shimmering Chrome Text */
.chrome-text {
  background: linear-gradient(90deg, #f5f5f5, #c0c0c0, #6f6f6f, #eaeaea, #f5f5f5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300%;
  animation: shimmer 3s linear infinite;
  font-weight: 700;
}
@keyframes shimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* Chrome Border Effect */
.chrome-border {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  box-shadow: inset 0 0 1px #ffffff33, 0 0 8px #ffffff10;
}

/* Chrome Gradient Button */
.chrome-btn {
  background: linear-gradient(180deg, #f5f5f5, #c0c0c0 55%, #9b9b9b);
  color: #0b0b0b;
  border: none;
  padding: 12px 20px;
  text-transform: uppercase;
  letter-spacing: .05em;
  transition: transform .15s ease, opacity .15s ease;
}
.chrome-btn:hover {
  transform: translateY(-1px);
  opacity: .9;
}

/* Input Fields - Fix Text Flashing & Style */
input, textarea {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border: 1px solid #bfbfbf !important;
  caret-color: #ffffff;
}
input::placeholder, textarea::placeholder {
  color: #d9d9d9 !important;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
input:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff22, inset 0 0 0 1px #eaeaea66;
}

/* Chrome Loading Bar (Page Transition Effect) */
#PageLoadingBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, #f5f5f5, #c0c0c0, #6f6f6f, #eaeaea, #f5f5f5);
  background-size: 400%;
  animation: chromeFlow 2s linear infinite;
  z-index: 9999;
  transition: width .3s ease;
}
@keyframes chromeFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}/* ===== VIXN Chrome Hover & Animation Enhancements ===== */

/* Shimmer on hover for any chrome text */
.chrome-text:hover {
  animation-play-state: paused;
  filter: brightness(1.3);
  transition: filter .3s ease;
}

/* Chrome hover for links */
a:hover, a:focus {
  color: #EAEAEA !important;
  text-shadow: 0 0 6px #C0C0C0;
  transition: all .3s ease;
}

/* Chrome hover effect for primary buttons */
.chrome-btn:hover {
  background: linear-gradient(180deg, #eaeaea, #c0c0c0 55%, #8c8c8c);
  color: #0B0B0B;
  transform: translateY(-1px);
  box-shadow: 0 0 8px #EAEAEA66;
}

/* Chrome hover for outline buttons */
.chrome-border:hover {
  background: linear-gradient(90deg, #f5f5f5, #c0c0c0, #6f6f6f, #eaeaea);
  color: #0B0B0B;
  box-shadow: 0 0 10px #f5f5f580;
  transition: all .3s ease;
}
/* === HERO TEXT CENTERING, SIZE & SHIMMER === */
.hero-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 80vh;
}
.hero-center * { will-change: background-position; }
/* main title */
.vixn-hero-text {
  background: linear-gradient(90deg,#f5f5f5,#c0c0c0,#6f6f6f,#eaeaea,#f5f5f5) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 300% !important;
  animation: shimmer 3s linear infinite !important;
  font-weight: 800 !important;
  font-size: 96px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  text-align: center !important;
}

/* tagline directly under title */
.vixn-tagline {
  background: linear-gradient(90deg,#f5f5f5,#c0c0c0,#6f6f6f,#eaeaea,#f5f5f5) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 300% !important;
  animation: shimmer 3s linear infinite !important;
  font-size: 56px !important;       /* slightly larger */
  margin-top: 6px !important;       /* pulls it close under title */
  line-height: 1.1 !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* keyframes for moving gradient */
@keyframes shimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}/* === Chrome shimmer motion fix === */
.vixn-hero-text,
.vixn-tagline {
  display: inline-block;               /* lets the background move */
  will-change: background-position;    /* forces repaint for animation */
  animation: shimmer 4s linear infinite !important;
}/* === Alternate shimmer method that always animates === */
.vixn-hero-text,
.vixn-tagline {
  position: relative;
  color: #ffffff;                     /* fallback color */
  overflow: hidden;
@keyframes vixnSweep {
  0%   { background-position: -100% 0; }
  100% { background-position: 200% 0; }
.vixn-hero-text::before,
.vixn-tagline::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(125deg,
    transparent 0%,
    rgba(255,255,255,0.9) 45%,
    rgba(255,255,255,0.6) 55%,
    transparent 100%);
  background-size: 400% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: vixnSweep 2s linear infinite;
  filter: blur(0.5px); /* smooth metallic look */
}