body{
	background-color:#080F11 !important;
}

/* --- AYNI STUDIOS: TECH CARD CSS --- */
.tech-card {
  position: relative;
  width: 100%; /* Lets the WordPress column control the width */
  background: rgba(8, 15, 17, 0.9);
  border: 1px solid rgba(123, 135, 143, 0.3);
  padding: 40px 30px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Barlow', sans-serif;
}

/* Scanner Line */
.scanner-line {
  position: absolute;
  top: -10%; left: 0; width: 100%; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(254, 176, 64, 0.2), transparent);
  box-shadow: 0 0 10px rgba(254, 176, 64, 0.1);
  animation: scan 3.5s linear infinite;
  z-index: 1; pointer-events: none;
}
@keyframes scan {
  0% { top: -10%; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 110%; opacity: 0; }
}

/* HUD Corners */
.hud-corner {
  position: absolute; width: 15px; height: 15px;
  border-color: #7B878F; border-style: solid; z-index: 2;
}
.corner-tl { top: 10px; left: 10px; border-width: 1px 0 0 1px; }
.corner-tr { top: 10px; right: 10px; border-width: 1px 1px 0 0; }
.corner-bl { bottom: 10px; left: 10px; border-width: 0 0 1px 1px; }
.corner-br { bottom: 10px; right: 10px; border-width: 0 1px 1px 0; }

/* Kinetic Hover Trace */
.border-trace {
  position: absolute; background: #FEB040;
  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 3;
}
.trace-top { top: 0; left: 0; width: 0; height: 2px; }
.trace-right { top: 0; right: 0; width: 2px; height: 0; }
.trace-bottom { bottom: 0; right: 0; width: 0; height: 2px; }
.trace-left { bottom: 0; left: 0; width: 2px; height: 0; }

.tech-card:hover .trace-top { width: 100%; }
.tech-card:hover .trace-right { height: 100%; transition-delay: 0.1s; }
.tech-card:hover .trace-bottom { width: 100%; transition-delay: 0.2s; }
.tech-card:hover .trace-left { height: 100%; transition-delay: 0.3s; }

.tech-card:hover { box-shadow: 0 0 30px rgba(254, 176, 64, 0.05); border-color: rgba(123, 135, 143, 0.1); }

/* Typography inside card */
.tech-content { position: relative; z-index: 4; text-align: center; }
.pkg-metadata { font-size: 10px; color: #FEB040; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; font-weight: 500; }
.pkg-title { color: #DCE4EB; font-weight: 500; font-size: 18px; letter-spacing: 5px; text-transform: uppercase; margin: 0 0 10px 0; }
.pkg-price { color: #DCE4EB; font-weight: 300; font-size: 28px; letter-spacing: 2px; margin: 0 0 30px 0; border-bottom: 1px solid rgba(123, 135, 143, 0.2); padding-bottom: 20px; }
.pkg-features { list-style: none; padding: 0; margin: 0 0 40px 0; text-align: left; }
.pkg-features li { color: #7B878F; font-weight: 300; font-size: 13px; letter-spacing: 1px; line-height: 1.6; margin-bottom: 12px; position: relative; padding-left: 15px; transition: color 0.3s ease; }
.pkg-features li::before { content: ''; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background-color: #7B878F; }
.tech-card:hover .pkg-features li { color: #DCE4EB; }
.tech-card:hover .pkg-features li::before { background-color: #FEB040; }

/* Custom Button */
.tech-btn { background: transparent; color: #FEB040; border: 1px solid #FEB040; padding: 12px 24px; font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; width: 100%; display: block; text-decoration: none;}
.tech-btn:hover { background: #FEB040; color: #080F11; text-decoration: none;}