:root{
  --accentA:#ff8a00;
  --accentB:#00c6ff;
}


 
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(../img/owl-grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

/* Contact info alignment */
.contact-row{
  display:flex;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  align-items:center;
}
.contact-label{
  min-width:90px;
  opacity:0.85;
  font-weight:600;
}
.contact-value a{
  text-decoration:none;
}
.contact-value a:hover{
  text-decoration:underline;
}

/* Panel buttons */
.panel-links{
  display:flex;
  gap:16px;
  justify-content:center;
  margin:40px 0 20px;
  flex-wrap:wrap;
}
.panel-btn{
  padding:14px 28px;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  background:linear-gradient(135deg,var(--accentA),#ffc400);
  color:#000;
  transition:all .25s ease;
}
.panel-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.4);
}
.panel-btn.game-panel{
  background:linear-gradient(135deg,#ffc400,var(--accentB));
}
.panel-btn.client-area{
  background:linear-gradient(135deg,var(--accentA),var(--accentB));
color:#fff;
}

/* Plans */
.plans-section{
  padding:70px 0;
}
.section-title{
  text-align:center;
  margin-bottom:10px;
}
.section-subtitle{
  text-align:center;
  opacity:0.85;
  max-width:860px;
  margin:0 auto 28px;
}
.plans-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.plans-grid.small{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.plan-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:22px 20px;
  backdrop-filter: blur(6px);
}
.plan-card.featured{
  border:1px solid rgba(255,196,0,0.55);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}
.plan-card h3, .plan-card h4{
  margin-top:0;
  margin-bottom:12px;
}
.plan-card ul{
  padding-left:18px;
  margin:0;
  opacity:0.9;
}
.plan-card li{ margin:8px 0; }
.plans-note{
  text-align:center;
  margin-top:18px;
  opacity:0.8;
}
.plans-split .game-group{
  margin-top:28px;
}
@media (max-width: 992px){
  .plans-grid, .plans-grid.small{
    grid-template-columns:1fr;
  }
}

/* Mini hero for service pages */
.hero-mini{
  padding:70px 0 30px;
}
.hero-mini h1{
  text-align:center;
  margin:0 0 10px;
}
.hero-mini p{
  text-align:center;
  opacity:0.85;
  max-width:860px;
  margin:0 auto;
}

/* Top navigation */
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(8,10,16,0.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.brand-logo{
  width:34px;
  height:34px;
  border-radius:10px;
}
.brand-name{
  font-weight:800;
  letter-spacing:0.2px;
  color:#fff;
}
.site-nav .nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  padding:0;
}
.site-nav a{
  color: rgba(255,255,255,0.92);
  text-decoration:none;
  padding:10px 10px;
  border-radius:10px;
}
.site-nav a:hover{
  background: rgba(255,255,255,0.06);
}
.nav-cta-btn{
  padding:10px 16px !important;
  border-radius:12px;
}
.dropdown{ position:relative; }
.dropdown-menu{
  position:absolute;
  top: calc(100% + 10px);
  left:0;
  min-width: 230px;
  background: rgba(12,14,22,0.96);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding:8px;
  display:none;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);
}
.dropdown-menu li{ list-style:none; }
.dropdown-menu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu{
  display:block;
}

/* Mobile */
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}
.nav-toggle span{
  display:block;
  height:2px;
  margin:6px 10px;
  background: rgba(255,255,255,0.9);
  border-radius:2px;
}
@media (max-width: 992px){
  .nav-toggle{ display:block; }
  .site-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background: rgba(8,10,16,0.96);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    display:none;
  }
  .site-nav.open{ display:block; }
  .site-nav .nav-list{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:12px;
  }
  .dropdown-menu{
    position:static;
    display:block;
    background: transparent;
    border:none;
    box-shadow:none;
    padding:0 0 6px 0;
  }
  .dropdown-menu a{
    padding-left:22px;
    opacity:0.9;
  }
}

/* Navbar fixes */
.site-header{
  background: rgba(6,8,14,0.92) !important;
}
.site-nav a{
  color: rgba(255,255,255,0.95) !important;
}
.dropdown-menu{
  background: rgba(14,16,24,0.98) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  z-index: 2000 !important;
}
.dropdown-menu a{
  color: rgba(255,255,255,0.92) !important;
}
.dropdown-menu a:hover{
  background: rgba(255,255,255,0.08) !important;
}
/* Ensure dropdown doesn't appear faded */
.dropdown-menu{
  opacity: 1 !important;
}
/* Make dropdown toggle look like a button hover */
.dropdown-toggle{
  cursor:pointer;
}

/* Click-open dropdown state */


/* Content sections */
.content-section{
  padding:50px 0;
}
.two-col{
  display:grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap:22px;
  align-items:start;
}
.info-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:18px 18px;
}
.feature-list{
  padding-left:18px;
  margin:12px 0 0;
  opacity:0.92;
}
.feature-list li{ margin:10px 0; }
.faq-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.faq-item{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:16px;
}
.cards-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.mini-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:16px;
}
@media (max-width: 992px){
  .two-col{ grid-template-columns:1fr; }
  .faq-grid, .cards-3{ grid-template-columns:1fr; }
}





/* Hover dropdown */
.dropdown-menu{
  display:none;
}
.dropdown:hover > .dropdown-menu{
  display:block;
}

/* Improve hover stability */
.dropdown-menu{
  }

/* Mobile: show nested items when menu expanded */
@media (max-width: 992px){
  .dropdown-menu{
    display:block;
  }
}

/* Robust hover dropdown */
.site-header, .nav-wrap, .site-nav, .nav-list, .dropdown{
  overflow: visible !important;
}
.dropdown{ position: relative; }

/* Use visibility/opacity so hover is reliable */
.dropdown-menu{
  display:block !important;          /* keep in flow for transitions */
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0);
}

/* Mobile: show nested items when nav is open */
@media (max-width: 992px){
  .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
    position: static !important;
    display:block !important;
  }
}

/* Hover bridge: prevents the submenu closing when moving mouse from parent to menu */
.dropdown-menu{
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
}
.dropdown-menu::before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
  background:transparent;
}

/* Color switcher fixes */
.color-switcher, .style-switcher, #style-switcher, .theme-switcher{
  z-index: 4000 !important;
}
.color-switcher .color, .color-box span, .color-switcher li{
  cursor:pointer;
}

/* Nested dropdown submenu */
.dropdown-sub{ position:relative; }
.dropdown-submenu{
  list-style:none;
  margin:6px 0 0;
  padding:6px 0 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.dropdown-submenu li a{
  padding-left: 22px !important;
  opacity: 0.92;
  display:block;
}