/* ================================================================
   ELITE HOME V11
   FINAL ALIGNMENT AFTER LEGACY CONTENT REMOVAL
   ================================================================ */

:root{

 --v11-navy:#071b49;
 --v11-navy2:#12356f;

 --v11-blue:#176cff;
 --v11-sky:#2399ff;
 --v11-cyan:#25bce8;

 --v11-violet:#7463ef;

 --v11-text:#10213d;
 --v11-muted:#60728d;

 --v11-line:#dce6f5;

 --v11-soft:
  linear-gradient(
   110deg,
   #eef5ff 0%,
   #ffffff 50%,
   #f2eeff 100%
  );

 --v11-dark:
  linear-gradient(
   120deg,
   #071b49,
   #123a77 65%,
   #313b86
  );

 --v11-action:
  linear-gradient(
   100deg,
   #176cff,
   #347bf0 53%,
   #6e57ec
  );

 --v11-shadow:
  0 18px 46px
  rgba(24,59,115,.10);

}


/* MASTER WIDTH */

.ev-wrap,
.eh-wrap,
.elite-container{

 width:min(
  1220px,
  calc(100% - 48px)
 ) !important;

 max-width:1220px !important;

 margin-left:auto !important;
 margin-right:auto !important;

}


/* HERO */

.elite-home-hero,
.ev-hero,
.eh-hero{

 background:
  radial-gradient(
   circle at 8% 16%,
   rgba(34,137,255,.15),
   transparent 28%
  ),
  radial-gradient(
   circle at 91% 77%,
   rgba(116,91,240,.15),
   transparent 28%
  ),
  var(--v11-soft) !important;

}


.elite-home-title,
.ev-hero h1,
.eh-hero h1{

 color:var(--v11-navy) !important;

}


.elite-home-title .accent,
.ev-gradient,
.eh-gradient{

 background:
  linear-gradient(
   90deg,
   var(--v11-cyan),
   var(--v11-blue)
  ) !important;

 -webkit-background-clip:text !important;
 background-clip:text !important;

 color:transparent !important;

}


/* COMMON SECTION SPACING */

.e8-section{

 padding:
  82px 0 !important;

}


.e8-soft{

 background:
  var(--v11-soft) !important;

}


.e8-dark,
.e8-gradient{

 background:
  var(--v11-dark) !important;

}


/* SECTION TITLES */

.e8-title{

 max-width:900px;

 margin:
  0 auto !important;

 color:
  var(--v11-navy) !important;

 font-size:
  clamp(
   34px,
   3.2vw,
   50px
  ) !important;

 line-height:
  1.04 !important;

 letter-spacing:
  -1.8px !important;

 font-weight:
  900 !important;

 text-align:
  center !important;

}


.e8-sub{

 max-width:
  790px !important;

 margin:
  14px auto 0 !important;

 text-align:
  center !important;

 color:
  var(--v11-muted) !important;

 font-size:
  15px !important;

 line-height:
  1.7 !important;

}


.e8-dark .e8-title,
.e8-gradient .e8-title{

 color:#fff !important;

}


.e8-dark .e8-sub,
.e8-gradient .e8-sub{

 color:#d8e5f7 !important;

}


/* ALL WHITE CARDS */

.e8-quick-card,
.e8-about-main,
.e8-mission-card,
.e8-stat,
.e8-sector,
.e8-why-card,
.e8-product,
.e8-serve-card,
.e8-host,
.e8-step,
.e8-recovery,
.e8-backup,
.e8-flow-card,
.e8-skytec-copy{

 background:#fff !important;

 border:
  1px solid
  var(--v11-line) !important;

 border-radius:
  18px !important;

 box-shadow:
  var(--v11-shadow) !important;

}


/* QUICK ACTIONS */

.e8-quick{

 padding:
  48px 0 70px !important;

 background:
  #f7f9fe !important;

}


.e8-quick-grid{

 gap:
  18px !important;

}


.e8-icon{

 background:
  var(--v11-action) !important;

}


.e8-quick-card a{

 background:
  var(--v11-action) !important;

 color:#fff !important;

}


/* ABOUT */

.e8-about-grid{

 gap:
  24px !important;

}


.e8-mission-card{

 border-left:
  4px solid
  var(--v11-blue) !important;

}


.e8-mission-card:last-child{

 border-left:
  4px solid
  var(--v11-violet) !important;

}


.e8-stats{

 gap:
  16px !important;

}


.e8-stat strong{

 color:
  var(--v11-blue) !important;

}


/* SECTORS */

.e8-sector-grid{

 gap:
  18px !important;

}


.e8-sector img{

 height:
  185px !important;

 object-fit:
  cover !important;

}


.e8-sector-body{

 padding:
  20px !important;

}


/* WHY CHOOSE */

.e8-why{

 gap:
  18px !important;

}


.e8-why-card{

 padding:
  26px 22px !important;

}


.e8-why-card .ico{

 color:
  var(--v11-blue) !important;

}


/* HOT SELLING */

.e8-tabs{

 max-width:
  1100px !important;

 margin:
  34px auto !important;

 gap:
  9px !important;

}


.e8-tab{

 background:#fff !important;

 color:
  #475873 !important;

 border:
  1px solid
  var(--v11-line) !important;

}


.e8-tab.active{

 background:
  var(--v11-action) !important;

 color:#fff !important;

 border-color:
  transparent !important;

}


.e8-products{

 gap:
  18px !important;

}


.e8-product-image{

 height:
  180px !important;

 background:
  #eef3fb !important;

}


.e8-hot{

 background:
  var(--v11-action) !important;

}


.e8-tags span{

 color:
  #1762d5 !important;

 background:
  #e8f2ff !important;

}


.e8-price strong{

 color:
  var(--v11-blue) !important;

}


/* WHAT WE SERVE */

.e8-serve{

 gap:
  18px !important;

}


.e8-serve-grid{

 gap:
  14px !important;

}


.e8-serve-feature{

 background:
  var(--v11-action) !important;

 border-radius:
  18px !important;

}


/* HOSTING */

.e8-host-grid{

 gap:
  18px !important;

}


.e8-host-head,
.bg-blue,
.bg-purple,
.bg-green,
.bg-orange,
.bg-pink,
.bg-cyan{

 background:
  var(--v11-action) !important;

}


/* GET WEBSITE */

.e8-steps{

 gap:
  18px !important;

}


.e8-circle{

 background:
  var(--v11-action) !important;

}


/* BACKUP */

.e8-backups{

 gap:
  18px !important;

}


.e8-backup.featured{

 border:
  2px solid
  var(--v11-blue) !important;

}


.e8-progress div{

 background:
  linear-gradient(
   90deg,
   var(--v11-blue),
   var(--v11-violet)
  ) !important;

}


/* AI ATTENDANCE */

.e8-skytec{

 gap:
  22px !important;

}


.e8-skytec-visual{

 background:
  var(--v11-dark) !important;

 border-radius:
  22px !important;

}


.e8-auth div{

 color:
  var(--v11-blue) !important;

 background:
  #edf5ff !important;

}


/* NO TECH TEAM */

.e8-flow{

 gap:
  22px !important;

}


.e8-values{

 gap:
  14px !important;

}


.e8-value{

 background:
  rgba(255,255,255,.13) !important;

 border:
  1px solid
  rgba(255,255,255,.16) !important;

}


/* CONTACT SECTION */

.ev-contact-card{

 background:
  var(--v11-dark) !important;

}


.ev-form{

 border:
  1px solid
  var(--v11-line) !important;

 box-shadow:
  var(--v11-shadow) !important;

}


/* FOOTER */

.ev-footer{

 background:
  var(--v11-navy) !important;

}


/* BUTTONS */

.ev-primary,
.elite-main-btn,
.e8-product .ev-btn{

 background:
  var(--v11-action) !important;

 color:#fff !important;

}


/* RESPONSIVE */

@media(max-width:900px){

 .ev-wrap,
 .eh-wrap,
 .elite-container{

  width:
   min(
    100% - 32px,
    1220px
   ) !important;

 }

}


@media(max-width:650px){

 .e8-section{

  padding:
   62px 0 !important;

 }

 .e8-title{

  font-size:
   32px !important;

 }

}