:root{
 --navy:#06162f;
 --navy2:#0b2d62;
 --blue:#176cff;
 --cyan:#13bfe7;
 --purple:#7451ff;
 --text:#091c39;
 --muted:#61738d;
 --soft:#f4f8ff;
 --line:rgba(47,91,158,.14);
 --shadow:0 24px 70px rgba(21,57,112,.11);
 --radius:24px;
}

*{
 box-sizing:border-box;
}

html{
 scroll-behavior:smooth;
}

body{
 margin:0;
 color:var(--text);
 background:#fff;
 font-family:
  Inter,
  ui-sans-serif,
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  "Segoe UI",
  sans-serif;
 font-size:16px;
 line-height:1.65;
}

img{
 max-width:100%;
}

a{
 color:inherit;
}

.ev-wrap{
 width:min(1240px,calc(100% - 46px));
 margin:auto;
}

.ev-top{
 min-height:38px;
 display:flex;
 align-items:center;
 background:#061936;
 color:#dbe7f7;
 font-size:12px;
}

.ev-top-in{
 display:flex;
 justify-content:space-between;
 gap:25px;
 width:100%;
}

.ev-top a{
 text-decoration:none;
 color:#fff;
}

.ev-nav{
 position:sticky;
 top:0;
 z-index:999;
 background:rgba(255,255,255,.94);
 backdrop-filter:blur(20px);
 border-bottom:1px solid rgba(40,80,140,.09);
}

.ev-nav-in{
 min-height:82px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:28px;
}

.ev-brand{
 display:flex;
 align-items:center;
 gap:13px;
 text-decoration:none;
}

.ev-brand img{
 width:56px;
 height:56px;
 object-fit:contain;
}

.ev-brand strong{
 display:block;
 font-size:18px;
 line-height:1.1;
}

.ev-brand small{
 color:#77869a;
 font-size:10px;
 letter-spacing:1.2px;
}

.ev-menu{
 display:flex;
 align-items:center;
 gap:26px;
}

.ev-menu a{
 text-decoration:none;
 font-size:13px;
 font-weight:800;
}

.ev-menu a:hover{
 color:var(--blue);
}

.ev-btn{
 min-height:52px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 padding:0 24px;
 border:0;
 border-radius:13px;
 text-decoration:none;
 font-size:13px;
 font-weight:850;
 cursor:pointer;
 transition:
  transform .22s ease,
  box-shadow .22s ease;
}

.ev-btn:hover{
 transform:translateY(-2px);
}

.ev-primary{
 color:#fff;
 background:
  linear-gradient(
   100deg,
   var(--blue),
   #3c7cf7 48%,
   var(--purple)
  );
 box-shadow:
  0 15px 38px rgba(56,91,222,.22);
}

.ev-secondary{
 color:var(--navy);
 background:#fff;
 border:1px solid rgba(52,96,159,.18);
}

.ev-eyebrow{
 display:inline-flex;
 align-items:center;
 gap:9px;
 color:var(--blue);
 font-size:11px;
 font-weight:900;
 letter-spacing:1.5px;
 text-transform:uppercase;
}

.ev-eyebrow::before{
 content:"";
 width:20px;
 height:2px;
 border-radius:9px;
 background:
  linear-gradient(
   90deg,
   var(--blue),
   var(--purple)
  );
}

.ev-hero{
 position:relative;
 overflow:hidden;
 min-height:700px;
 background:
  radial-gradient(circle at 7% 12%,rgba(23,108,255,.20),transparent 31%),
  radial-gradient(circle at 91% 78%,rgba(116,81,255,.18),transparent 33%),
  linear-gradient(135deg,#eef5ff,#fff 48%,#f2edff);
}

.ev-hero::before{
 content:"";
 position:absolute;
 inset:0;
 opacity:.28;
 pointer-events:none;
 background-image:
  linear-gradient(rgba(23,108,255,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(23,108,255,.04) 1px,transparent 1px);
 background-size:55px 55px;
}

.ev-hero-in{
 position:relative;
 z-index:2;
 min-height:700px;
 padding:82px 0;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);
 align-items:center;
 gap:70px;
}

.ev-hero h1{
 max-width:750px;
 margin:24px 0;
 font-size:clamp(65px,6vw,94px);
 line-height:.92;
 letter-spacing:-5px;
 font-weight:900;
}

.ev-gradient{
 display:block;
 color:transparent;
 background:
  linear-gradient(
   95deg,
   #13bfe7,
   #176cff 48%,
   #7451ff
  );
 -webkit-background-clip:text;
 background-clip:text;
}

.ev-lead{
 max-width:680px;
 color:#5d708a;
 font-size:19px;
 line-height:1.72;
}

.ev-actions{
 display:flex;
 flex-wrap:wrap;
 gap:12px;
 margin-top:31px;
}

.ev-hero-chips{
 display:flex;
 flex-wrap:wrap;
 gap:9px;
 margin-top:30px;
}

.ev-chip{
 padding:9px 13px;
 border-radius:999px;
 color:#294361;
 background:rgba(255,255,255,.80);
 border:1px solid rgba(50,97,163,.13);
 font-size:11px;
 font-weight:800;
}

.ev-hero-image{
 position:relative;
 min-height:510px;
}

.ev-photo{
 position:absolute;
 inset:34px 0;
 overflow:hidden;
 border-radius:34px;
 background:#fff;
 border:1px solid rgba(67,107,168,.14);
 box-shadow:0 40px 110px rgba(31,69,128,.17);
}

.ev-photo img{
 width:100%;
 height:100%;
 object-fit:cover;
}

.ev-photo::after{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(
   180deg,
   transparent 40%,
   rgba(3,18,43,.22)
  );
}

.ev-float{
 position:absolute;
 z-index:4;
 min-width:145px;
 padding:13px 15px;
 border-radius:16px;
 background:rgba(255,255,255,.94);
 border:1px solid rgba(60,102,166,.13);
 box-shadow:0 15px 38px rgba(33,69,125,.12);
 backdrop-filter:blur(15px);
}

.ev-float strong{
 display:block;
 font-size:12px;
}

.ev-float small{
 display:block;
 color:#75869e;
 font-size:9px;
 margin-top:2px;
}

.ev-float-a{
 top:4px;
 right:-12px;
}

.ev-float-b{
 left:-22px;
 top:45%;
}

.ev-float-c{
 right:-10px;
 bottom:5px;
}

.ev-section{
 padding:105px 0;
}

.ev-section-soft{
 background:
  radial-gradient(circle at 90% 15%,rgba(116,81,255,.07),transparent 28%),
  linear-gradient(135deg,#f4f8ff,#fff 52%,#f7f2ff);
}

.ev-section-dark{
 color:#fff;
 background:
  radial-gradient(circle at 10% 10%,rgba(23,108,255,.30),transparent 30%),
  radial-gradient(circle at 90% 80%,rgba(116,81,255,.22),transparent 30%),
  linear-gradient(145deg,#04142d,#0a2d60 58%,#171b4b);
}

.ev-section h2{
 max-width:890px;
 margin:14px 0 17px;
 font-size:clamp(45px,4.4vw,65px);
 line-height:1;
 letter-spacing:-3px;
 font-weight:900;
}

.ev-intro{
 max-width:820px;
 margin:0;
 color:var(--muted);
 font-size:17px;
 line-height:1.75;
}

.ev-section-dark .ev-intro{
 color:#c2d2e7;
}

.ev-solutions{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
 margin-top:45px;
}

.ev-solution{
 overflow:hidden;
 border-radius:24px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:0 17px 48px rgba(31,68,126,.07);
 text-decoration:none;
 transition:
  transform .25s ease,
  box-shadow .25s ease;
}

.ev-solution:hover{
 transform:translateY(-7px);
 box-shadow:0 27px 64px rgba(31,68,126,.13);
}

.ev-solution-image{
 height:210px;
 overflow:hidden;
}

.ev-solution-image img{
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .55s ease;
}

.ev-solution:hover img{
 transform:scale(1.05);
}

.ev-solution-body{
 padding:25px;
}

.ev-solution-body span{
 color:var(--blue);
 font-size:10px;
 font-weight:900;
 letter-spacing:1.2px;
}

.ev-solution-body h3{
 margin:10px 0 9px;
 font-size:23px;
 line-height:1.15;
}

.ev-solution-body p{
 margin:0;
 color:var(--muted);
 font-size:14px;
 line-height:1.65;
}

.ev-link{
 display:inline-block;
 margin-top:18px;
 color:var(--blue);
 font-size:13px;
 font-weight:850;
}

.ev-outcomes{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:18px;
 margin-top:42px;
}

.ev-outcome{
 padding:29px;
 border-radius:22px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:0 17px 42px rgba(31,68,126,.06);
}

.ev-num{
 width:43px;
 height:43px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:13px;
 color:var(--blue);
 background:linear-gradient(135deg,rgba(23,108,255,.12),rgba(116,81,255,.10));
 font-size:11px;
 font-weight:900;
}

.ev-outcome h3{
 margin:23px 0 10px;
 font-size:20px;
 line-height:1.15;
}

.ev-outcome p{
 margin:0;
 color:var(--muted);
 font-size:14px;
 line-height:1.68;
}

.ev-industries{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-top:30px;
}

.ev-industries span{
 min-height:39px;
 padding:0 15px;
 display:inline-flex;
 align-items:center;
 border-radius:999px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:0 9px 22px rgba(35,72,131,.05);
 font-size:11px;
 font-weight:800;
}

.ev-feature{
 display:grid;
 grid-template-columns:1.1fr .9fr;
 gap:22px;
 margin-top:44px;
}

.ev-feature-image{
 position:relative;
 min-height:500px;
 overflow:hidden;
 border-radius:28px;
}

.ev-feature-image img{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
}

.ev-feature-overlay{
 position:absolute;
 inset:0;
 display:flex;
 align-items:flex-end;
 padding:38px;
 background:
  linear-gradient(
   180deg,
   transparent 20%,
   rgba(3,17,39,.89) 90%
  );
}

.ev-feature-overlay h3{
 max-width:570px;
 margin:10px 0 12px;
 color:#fff;
 font-size:36px;
 line-height:1.07;
}

.ev-feature-overlay p{
 max-width:600px;
 margin:0 0 22px;
 color:#c5d5e8;
}

.ev-feature-side{
 display:grid;
 gap:20px;
}

.ev-feature-card{
 padding:31px;
 border-radius:24px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:0 18px 48px rgba(31,68,126,.07);
}

.ev-feature-card h3{
 margin:0 0 10px;
 font-size:24px;
}

.ev-feature-card p{
 color:var(--muted);
 font-size:14px;
}

.ev-deal{
 display:grid;
 grid-template-columns:.9fr 1.1fr;
 overflow:hidden;
 margin-top:43px;
 border-radius:28px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:var(--shadow);
}

.ev-deal-left{
 padding:39px;
 color:#fff;
 background:
  radial-gradient(circle at 15% 15%,rgba(23,108,255,.35),transparent 36%),
  linear-gradient(145deg,#071936,#123d7e 62%,#342a6d);
}

.ev-deal-left h3{
 margin:15px 0 10px;
 font-size:34px;
 line-height:1.05;
}

.ev-deal-left img{
 width:100%;
 height:310px;
 margin-top:22px;
 border-radius:20px;
 object-fit:cover;
 background:#071936;
}

.ev-deal-right{
 padding:45px;
 display:flex;
 flex-direction:column;
 justify-content:center;
}

.ev-deal-right h3{
 margin:0 0 17px;
 font-size:24px;
}

.ev-deal-right ul{
 margin:0;
 padding-left:20px;
 color:var(--muted);
 font-size:15px;
 line-height:1.85;
}

.ev-cloud-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
 margin-top:41px;
}

.ev-cloud-card{
 padding:30px;
 border-radius:24px;
 color:var(--text);
 background:#fff;
}

.ev-cloud-card strong{
 color:var(--cyan);
 font-size:30px;
}

.ev-cloud-card h3{
 margin:5px 0 13px;
 font-size:19px;
}

.ev-cloud-card ul{
 color:#647790;
 font-size:14px;
 line-height:1.8;
}

.ev-product-row{
 display:grid;
 grid-template-columns:1.2fr .8fr;
 gap:21px;
 margin-top:42px;
}

.ev-product-main{
 min-height:410px;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:30px;
 align-items:center;
 padding:36px;
 border-radius:26px;
 color:#fff;
 background:
  linear-gradient(
   145deg,
   #071936,
   #0c356d 65%,
   #302468
  );
 box-shadow:var(--shadow);
}

.ev-product-main h3{
 margin:13px 0;
 font-size:34px;
 line-height:1.08;
}

.ev-product-main p{
 color:#c5d5e8;
}

.ev-product-main img{
 width:100%;
 height:300px;
 object-fit:cover;
 border-radius:20px;
}

.ev-product-side{
 padding:36px;
 border-radius:26px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:var(--shadow);
}

.ev-product-side h3{
 margin:13px 0;
 font-size:31px;
 line-height:1.1;
}

.ev-process{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:17px;
 margin-top:40px;
}

.ev-step{
 padding:27px;
 border-radius:21px;
 background:#fff;
 border:1px solid var(--line);
}

.ev-step b{
 display:block;
 color:var(--blue);
 font-size:11px;
}

.ev-step h3{
 margin:13px 0 8px;
 font-size:19px;
}

.ev-step p{
 margin:0;
 color:var(--muted);
 font-size:13px;
}

.ev-regions{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
 margin-top:40px;
}

.ev-region{
 padding:28px;
 border-radius:22px;
 background:#fff;
 border:1px solid var(--line);
}

.ev-region h3{
 margin:0 0 7px;
 font-size:20px;
}

.ev-region p{
 margin:0;
 color:var(--muted);
 font-size:14px;
}

.ev-contact-grid{
 display:grid;
 grid-template-columns:.8fr 1.2fr;
 gap:25px;
 margin-top:40px;
}

.ev-contact-card{
 padding:35px;
 border-radius:25px;
 color:#fff;
 background:
  radial-gradient(circle at top right,rgba(23,108,255,.33),transparent 38%),
  linear-gradient(145deg,#06162f,#0b2d60);
}

.ev-contact-card h3{
 margin:0 0 15px;
 font-size:30px;
}

.ev-contact-card p{
 color:#c7d5e8;
}

.ev-form{
 padding:32px;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:13px;
 border-radius:25px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:var(--shadow);
}

.ev-form input,
.ev-form select,
.ev-form textarea{
 width:100%;
 padding:14px 15px;
 border:1px solid rgba(52,95,159,.16);
 border-radius:11px;
 background:#fbfdff;
 font:inherit;
}

.ev-form textarea{
 grid-column:1/-1;
 min-height:125px;
 resize:vertical;
}

.ev-form button{
 grid-column:1/-1;
}

.ev-form-status{
 grid-column:1/-1;
 min-height:24px;
 color:#55708f;
 font-size:13px;
}

.ev-footer{
 padding:45px 0 24px;
 color:#b9c8dc;
 background:#041329;
}

.ev-footer-grid{
 display:grid;
 grid-template-columns:1.3fr repeat(3,1fr);
 gap:35px;
}

.ev-footer h4{
 margin:0 0 13px;
 color:#fff;
}

.ev-footer a{
 display:block;
 margin:7px 0;
 color:#b9c8dc;
 text-decoration:none;
 font-size:13px;
}

.ev-footer-bottom{
 margin-top:35px;
 padding-top:20px;
 border-top:1px solid rgba(255,255,255,.08);
 font-size:11px;
}


/* LANDING PAGES */

.ev-land-hero{
 min-height:570px;
 background:
  radial-gradient(circle at 8% 12%,rgba(23,108,255,.18),transparent 31%),
  radial-gradient(circle at 90% 80%,rgba(116,81,255,.17),transparent 32%),
  linear-gradient(135deg,#eef5ff,#fff 49%,#f3efff);
}

.ev-land-hero-in{
 min-height:570px;
 padding:70px 0;
 display:grid;
 grid-template-columns:1fr .95fr;
 align-items:center;
 gap:65px;
}

.ev-land-hero h1{
 margin:18px 0 20px;
 font-size:clamp(57px,5vw,80px);
 line-height:.96;
 letter-spacing:-4px;
 font-weight:900;
}

.ev-land-visual{
 height:430px;
 overflow:hidden;
 border-radius:30px;
 box-shadow:0 35px 90px rgba(32,69,128,.16);
}

.ev-land-visual img{
 width:100%;
 height:100%;
 object-fit:cover;
}

.ev-capabilities{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:19px;
 margin-top:42px;
}

.ev-capability{
 padding:29px;
 border-radius:22px;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:0 17px 45px rgba(31,68,126,.06);
}

.ev-capability h3{
 margin:0 0 10px;
 font-size:20px;
}

.ev-capability p{
 margin:0;
 color:var(--muted);
 font-size:14px;
}

.ev-two{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:25px;
 align-items:center;
 margin-top:42px;
}

.ev-two img{
 width:100%;
 height:410px;
 object-fit:cover;
 border-radius:27px;
 box-shadow:var(--shadow);
}

.ev-two h3{
 margin:12px 0;
 font-size:36px;
 line-height:1.08;
}

.ev-bullets{
 margin:20px 0 0;
 padding:0;
 list-style:none;
}

.ev-bullets li{
 position:relative;
 margin:11px 0;
 padding-left:26px;
 color:#526a87;
}

.ev-bullets li::before{
 content:"✓";
 position:absolute;
 left:0;
 color:var(--blue);
 font-weight:900;
}

@media(max-width:1050px){
 .ev-menu{
  display:none;
 }

 .ev-hero-in,
 .ev-land-hero-in,
 .ev-feature,
 .ev-deal,
 .ev-product-row,
 .ev-contact-grid,
 .ev-two{
  grid-template-columns:1fr;
 }

 .ev-solutions,
 .ev-cloud-grid,
 .ev-capabilities{
  grid-template-columns:repeat(2,1fr);
 }

 .ev-outcomes,
 .ev-process,
 .ev-regions{
  grid-template-columns:repeat(2,1fr);
 }

 .ev-hero-image{
  max-width:700px;
 }
}

@media(max-width:680px){
 .ev-wrap{
  width:min(100% - 30px,1240px);
 }

 .ev-top{
  display:none;
 }

 .ev-nav-in{
  min-height:70px;
 }

 .ev-brand img{
  width:46px;
  height:46px;
 }

 .ev-hero-in{
  min-height:auto;
  padding:58px 0;
 }

 .ev-hero h1{
  font-size:52px;
  letter-spacing:-3px;
 }

 .ev-lead{
  font-size:16px;
 }

 .ev-hero-image{
  min-height:420px;
 }

 .ev-float{
  min-width:125px;
  padding:10px 12px;
 }

 .ev-section{
  padding:72px 0;
 }

 .ev-section h2{
  font-size:39px;
  letter-spacing:-2px;
 }

 .ev-solutions,
 .ev-outcomes,
 .ev-cloud-grid,
 .ev-process,
 .ev-regions,
 .ev-capabilities,
 .ev-product-main,
 .ev-footer-grid,
 .ev-form{
  grid-template-columns:1fr;
 }

 .ev-form textarea,
 .ev-form button,
 .ev-form-status{
  grid-column:auto;
 }

 .ev-deal-left,
 .ev-deal-right{
  padding:27px;
 }

 .ev-land-hero-in{
  min-height:auto;
  padding:55px 0;
 }

 .ev-land-hero h1{
  font-size:48px;
  letter-spacing:-2.8px;
 }

 .ev-land-visual{
  height:340px;
 }
}


/* =====================================================================
   ELITE COMPLETE HOME V8 - NO UPLOAD BUILD
   ===================================================================== */

.e8-section{
 padding:90px 0;
}

.e8-soft{
 background:#f3f7fd;
}

.e8-dark{
 color:#fff;
 background:
  linear-gradient(
   135deg,
   #111d46,
   #213e7d
  );
}

.e8-gradient{
 color:#fff;
 background:
  linear-gradient(
   110deg,
   #2870ee,
   #5542df 55%,
   #8e20df
  );
}

.e8-title{
 margin:0;
 text-align:center;
 font-size:42px;
 line-height:1.08;
 letter-spacing:-1px;
 font-weight:900;
}

.e8-sub{
 max-width:800px;
 margin:13px auto 0;
 text-align:center;
 color:#61738c;
 font-size:15px;
 line-height:1.7;
}

.e8-dark .e8-sub,
.e8-gradient .e8-sub{
 color:#dbe4f1;
}


/* ---------------------------------------------------------------------
   HERO VISUAL IMPROVEMENT
   --------------------------------------------------------------------- */

.ev-hero-image{
 position:relative;
}

.ev-photo{
 overflow:hidden;
}

.ev-photo img{
 width:100%;
 height:100%;
 object-fit:cover;
}

.e8-hero-overlay{
 position:absolute;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(
   110deg,
   rgba(255,255,255,.10),
   transparent 45%
  );
}

.e8-tech-bubble{
 position:absolute;
 z-index:6;
 padding:13px 16px;
 border-radius:16px;
 color:#fff;
 background:
  linear-gradient(
   145deg,
   rgba(34,113,238,.86),
   rgba(97,60,216,.80)
  );
 border:1px solid rgba(255,255,255,.36);
 box-shadow:
  0 15px 35px rgba(31,75,158,.20);
 backdrop-filter:blur(12px);
 font-size:12px;
 font-weight:800;
}

.e8-tech-bubble small{
 display:block;
 margin-top:2px;
 color:#e4eeff;
 font-size:9px;
}

.e8-b1{top:58px;right:90px;}
.e8-b2{top:180px;right:15px;}
.e8-b3{bottom:80px;right:22px;}
.e8-b4{top:250px;left:-18px;}
.e8-b5{bottom:48px;left:30px;}


/* ---------------------------------------------------------------------
   QUICK ACTION
   --------------------------------------------------------------------- */

.e8-quick{
 padding:62px 0;
 background:#f8fafd;
}

.e8-quick-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}

.e8-quick-card{
 padding:27px;
 border-radius:18px;
 background:#fff;
 box-shadow:
  0 15px 38px rgba(24,55,103,.11);
}

.e8-icon{
 width:53px;
 height:53px;
 display:flex;
 align-items:center;
 justify-content:center;
 margin-bottom:18px;
 border-radius:11px;
 color:#fff;
 font-size:24px;
}

.e8-quick-card h3{
 margin:0 0 10px;
 font-size:19px;
}

.e8-quick-card p{
 min-height:70px;
 margin:0 0 18px;
 color:#63738a;
 font-size:14px;
 line-height:1.65;
}

.e8-quick-card .ev-btn{
 width:100%;
}


/* ---------------------------------------------------------------------
   ABOUT
   --------------------------------------------------------------------- */

.e8-about-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:34px;
 margin-top:45px;
}

.e8-about-main,
.e8-mission-card{
 padding:33px;
 border-radius:18px;
 background:#fff;
 box-shadow:
  0 15px 38px rgba(24,55,103,.09);
}

.e8-about-main p{
 color:#556a85;
 font-size:16px;
 line-height:1.8;
}

.e8-mission-stack{
 display:grid;
 gap:20px;
}

.e8-mission-card{
 border-left:5px solid #2677f3;
}

.e8-mission-card:last-child{
 border-left-color:#a044ee;
}

.e8-mission-card h3{
 margin:0 0 8px;
 font-size:24px;
}

.e8-mission-card p{
 margin:0;
 color:#66768d;
}

.e8-stats{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
 margin-top:45px;
}

.e8-stat{
 padding:27px;
 text-align:center;
 border-radius:16px;
 background:#fff;
 box-shadow:
  0 14px 35px rgba(24,55,103,.09);
}

.e8-stat strong{
 display:block;
 color:#2369eb;
 font-size:37px;
}

.e8-stat span{
 font-size:14px;
 font-weight:750;
}


/* ---------------------------------------------------------------------
   SECTORS
   --------------------------------------------------------------------- */

.e8-sector-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:22px;
 margin-top:42px;
}

.e8-sector{
 overflow:hidden;
 border-radius:16px;
 background:#fff;
 box-shadow:
  0 14px 35px rgba(24,55,103,.11);
}

.e8-sector img{
 width:100%;
 height:175px;
 object-fit:cover;
}

.e8-sector-body{
 padding:21px;
}

.e8-sector h3{
 margin:0 0 9px;
 font-size:18px;
}

.e8-sector p{
 margin:0;
 color:#5e7088;
 font-size:13px;
 line-height:1.65;
}


/* ---------------------------------------------------------------------
   WHY CHOOSE
   --------------------------------------------------------------------- */

.e8-why{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:22px;
 margin-top:40px;
}

.e8-why-card{
 padding:29px;
 text-align:center;
 border-radius:16px;
 color:#152136;
 background:#fff;
}

.e8-why-card .ico{
 font-size:40px;
}

.e8-why-card h3{
 font-size:17px;
}

.e8-why-card p{
 color:#627287;
 font-size:13px;
 line-height:1.6;
}


/* ---------------------------------------------------------------------
   TABS
   --------------------------------------------------------------------- */

.e8-tabs{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:10px;
 margin:38px 0;
}

.e8-tab{
 padding:11px 20px;
 border:0;
 border-radius:999px;
 color:#3b485b;
 background:#fff;
 cursor:pointer;
 font-weight:750;
}

.e8-tab.active{
 color:#fff;
 background:#2169ef;
 box-shadow:
  0 8px 22px rgba(33,105,239,.24);
}

.e8-panel{
 display:none;
}

.e8-panel.active{
 display:grid;
}

.e8-products{
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}

.e8-products.two{
 max-width:950px;
 margin:auto;
 grid-template-columns:repeat(2,1fr);
}

.e8-product{
 overflow:hidden;
 border-radius:15px;
 background:#fff;
 box-shadow:
  0 15px 38px rgba(24,55,103,.12);
}

.e8-product-image{
 position:relative;
 height:185px;
 overflow:hidden;
 background:#e8eef7;
}

.e8-product-image img{
 width:100%;
 height:100%;
 object-fit:cover;
}

.e8-hot{
 position:absolute;
 top:10px;
 right:10px;
 padding:6px 10px;
 border-radius:999px;
 color:#fff;
 background:#2169ef;
 font-size:9px;
 font-weight:800;
}

.e8-product-body{
 padding:19px;
}

.e8-product h3{
 margin:0 0 9px;
 font-size:18px;
}

.e8-product p{
 color:#5c6e84;
 font-size:13px;
 line-height:1.55;
}

.e8-tags{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
}

.e8-tags span{
 padding:5px 9px;
 border-radius:999px;
 color:#2467e7;
 background:#e2edff;
 font-size:9px;
}

.e8-price{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:10px;
 margin-top:20px;
}

.e8-price strong{
 color:#1766ec;
 font-size:18px;
}


/* ---------------------------------------------------------------------
   WHAT WE SERVE
   --------------------------------------------------------------------- */

.e8-serve{
 display:grid;
 grid-template-columns:1.35fr .65fr;
 gap:22px;
 margin-top:42px;
}

.e8-serve-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:15px;
}

.e8-serve-card{
 padding:20px;
 border-radius:13px;
 background:#fff;
 box-shadow:
  0 8px 25px rgba(24,55,103,.08);
}

.e8-serve-card h3{
 margin:0 0 7px;
 font-size:16px;
}

.e8-serve-card p{
 margin:0;
 color:#67768b;
 font-size:12px;
}

.e8-serve-feature{
 padding:29px;
 border-radius:15px;
 color:#fff;
 background:
  linear-gradient(
   135deg,
   #2768ef,
   #8334eb
  );
}


/* ---------------------------------------------------------------------
   HOSTING
   --------------------------------------------------------------------- */

.e8-host-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
 margin-top:42px;
}

.e8-host{
 padding:20px;
 border-radius:14px;
 color:#172339;
 background:#fff;
}

.e8-host-head{
 padding:21px;
 border-radius:9px;
 color:#fff;
}

.e8-host h3{
 margin:0;
}

.e8-host .price{
 margin-top:6px;
 font-size:29px;
 font-weight:900;
}

.e8-host .price small{
 font-size:12px;
 font-weight:500;
}

.e8-host ul{
 color:#586b82;
 font-size:13px;
 line-height:1.9;
}

.bg-blue{background:#3174f1;}
.bg-purple{background:#9b39ed;}
.bg-green{background:#17af55;}
.bg-orange{background:#f3600b;}
.bg-pink{background:#e62d85;}
.bg-cyan{background:#12a7c0;}


/* ---------------------------------------------------------------------
   WEBSITE
   --------------------------------------------------------------------- */

.e8-steps{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
 margin-top:40px;
}

.e8-step{
 padding:27px;
 text-align:center;
 border-radius:14px;
 background:#fff;
 box-shadow:
  0 14px 35px rgba(24,55,103,.10);
}

.e8-circle{
 width:34px;
 height:34px;
 margin:0 auto 13px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 color:#fff;
 background:#2169ef;
 font-weight:900;
}


/* ---------------------------------------------------------------------
   BACKUP
   --------------------------------------------------------------------- */

.e8-recovery{
 max-width:360px;
 margin:35px auto 40px;
 padding:23px;
 text-align:center;
 border-radius:14px;
 background:#fff;
 box-shadow:
  0 14px 35px rgba(24,55,103,.10);
}

.e8-progress{
 height:6px;
 overflow:hidden;
 border-radius:999px;
 background:#dde5f1;
}

.e8-progress div{
 width:98%;
 height:100%;
 background:
  linear-gradient(
   90deg,
   #3378f2,
   #20bc60
  );
}

.e8-backups{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
}

.e8-backup{
 padding:29px;
 border-radius:15px;
 background:#fff;
 box-shadow:
  0 14px 35px rgba(24,55,103,.10);
}

.e8-backup.featured{
 border:2px solid #3378f2;
}

.e8-backup h3,
.e8-backup .price{
 text-align:center;
}

.e8-backup .price{
 display:block;
 color:#1766ec;
 font-size:28px;
 font-weight:900;
}

.e8-backup ul{
 color:#586b82;
 font-size:13px;
 line-height:1.9;
}


/* ---------------------------------------------------------------------
   NO TECH TEAM
   --------------------------------------------------------------------- */

.e8-flow{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:30px;
 margin-top:42px;
}

.e8-flow-card{
 padding:30px;
 text-align:center;
 border-radius:15px;
 color:#172339;
 background:#fff;
}

.e8-flow-card strong{
 display:block;
 margin:8px 0;
 color:#2169ef;
 font-size:24px;
}

.e8-values{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:18px;
 margin-top:38px;
}

.e8-value{
 padding:22px;
 text-align:center;
 border-radius:13px;
 background:rgba(255,255,255,.14);
}


/* ---------------------------------------------------------------------
   SKYTEC 5 IN 1
   --------------------------------------------------------------------- */

.e8-skytec{
 display:grid;
 grid-template-columns:.9fr 1.1fr;
 gap:25px;
 margin-top:42px;
}

.e8-skytec-visual{
 padding:30px;
 border-radius:22px;
 color:#fff;
 background:
  linear-gradient(
   145deg,
   #061a38,
   #164a92 65%,
   #3f2874
  );
}

.e8-skytec-device{
 position:relative;
 width:260px;
 height:470px;
 margin:28px auto 0;
 border-radius:36px;
 background:
  linear-gradient(
   145deg,
   #111821,
   #020509
  );
 border:5px solid #384759;
 box-shadow:
  0 25px 60px rgba(0,0,0,.28);
}

.e8-skytec-camera{
 width:150px;
 height:20px;
 margin:25px auto 20px;
 border-radius:999px;
 background:#cdd6e1;
}

.e8-skytec-lenses{
 display:flex;
 justify-content:space-around;
 padding:0 40px;
}

.e8-skytec-lenses span{
 width:20px;
 height:20px;
 display:block;
 border-radius:50%;
 background:#718197;
 border:3px solid #c3ccd5;
}

.e8-screen{
 width:190px;
 height:250px;
 margin:25px auto;
 padding:20px;
 color:#fff;
 background:#07111f;
 border:1px solid #253c58;
}

.e8-screen strong{
 display:block;
 text-align:center;
 color:#51d7ff;
}

.e8-screen div{
 margin:10px 0;
 padding:8px;
 border-radius:6px;
 text-align:center;
 background:#164b9a;
 font-size:11px;
}

.e8-skytec-ring{
 width:58px;
 height:58px;
 margin:auto;
 border-radius:50%;
 border:7px solid #bfc8d3;
 box-shadow:
  0 0 0 4px #5c40e4;
}

.e8-skytec-copy{
 padding:34px;
 border-radius:22px;
 background:#fff;
 box-shadow:
  0 15px 38px rgba(24,55,103,.11);
}

.e8-auth{
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:8px;
 margin:25px 0;
}

.e8-auth div{
 padding:14px 7px;
 text-align:center;
 border-radius:12px;
 color:#2169ef;
 background:#eff5ff;
 font-size:11px;
 font-weight:800;
}


/* ---------------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------------- */

@media(max-width:1050px){

 .e8-quick-grid,
 .e8-stats,
 .e8-why,
 .e8-products,
 .e8-host-grid,
 .e8-steps,
 .e8-values{
  grid-template-columns:repeat(2,1fr);
 }

 .e8-sector-grid,
 .e8-flow,
 .e8-backups{
  grid-template-columns:repeat(2,1fr);
 }

 .e8-about-grid,
 .e8-serve,
 .e8-skytec{
  grid-template-columns:1fr;
 }

}

@media(max-width:650px){

 .e8-quick-grid,
 .e8-stats,
 .e8-sector-grid,
 .e8-why,
 .e8-products,
 .e8-products.two,
 .e8-serve-grid,
 .e8-host-grid,
 .e8-steps,
 .e8-backups,
 .e8-flow,
 .e8-values{
  grid-template-columns:1fr;
 }

 .e8-title{
  font-size:34px;
 }

 .e8-auth{
  grid-template-columns:repeat(2,1fr);
 }

}