:root{
  --navy:#020a1b;
  --navy-2:#06132c;
  --blue:#1769ff;
  --cyan:#05c8ff;
  --purple:#6d3cff;
  --text:#111936;
  --muted:#66708c;
  --line:#e6eaf4;
  --light:#f7f9ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
a{text-decoration:none}
.page-glow{position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none;z-index:-1}
.page-glow-1{background:#226cff;top:20%;left:-200px}.page-glow-2{background:#763cff;right:-200px;top:65%}

/* Navbar */
.navbar{height:78px;transition:.35s ease;background:transparent;padding:0}
.navbar.scrolled{background:rgba(2,10,27,.94);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.16);height:68px}
.nav-link{color:#fff!important;font-size:12px;font-weight:600;padding:26px 10px!important;opacity:.92;position:relative}
.nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:14px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));transform:scaleX(0);transition:.25s}
.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}
.dropdown-menu{background:#0b1630;border:1px solid rgba(255,255,255,.12);border-radius:10px}
.dropdown-item{color:#fff;font-size:13px;padding:9px 15px}.dropdown-item:hover{background:#15264a;color:#fff}
.btn-nav{font-size:11px;font-weight:700;background:linear-gradient(90deg,#4059ff,#7239e9);color:#fff;border-radius:5px;padding:11px 16px;box-shadow:0 8px 20px rgba(70,64,255,.25)}
.brand-name{font-weight:800;font-size:17px;letter-spacing:-.4px;color:#fff}
.brand-mark{width:34px;height:34px;display:inline-block;position:relative}
.brand-mark:before,.brand-mark:after,.brand-mark-a,.brand-mark-b{content:"";position:absolute;border:4px solid #18c8ff;width:17px;height:25px;transform:skewY(-30deg) rotate(30deg);border-radius:3px}
.brand-mark:before{left:1px;top:4px;border-right-color:transparent}.brand-mark:after{left:14px;top:4px;border-left-color:#734cff;border-bottom-color:#734cff}
.brand-mark-a{left:8px;top:7px;border-color:#00b9ff;border-right-color:transparent}.brand-mark-b{left:12px;top:4px;border-color:#7448ff;border-left-color:transparent}

/* Hero */
.hero-section{min-height:650px;padding:135px 0 70px;background:radial-gradient(circle at 80% 45%,rgba(25,83,255,.18),transparent 30%),linear-gradient(120deg,#020714,#06152e 55%,#020714);color:#fff;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(53,106,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(53,106,255,.12) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent,#000 40%,#000 80%,transparent)}
.eyebrow,.section-kicker{color:#00bfff;font-size:10px;font-weight:800;letter-spacing:1.2px;margin-bottom:11px}
.hero-section h1{font-size:44px;line-height:1.08;letter-spacing:-1.6px;font-weight:800;margin-bottom:17px}
.hero-section h1 span{color:#08c9ff}
.hero-copy{font-size:13px;line-height:1.75;color:#c9d3e7;max-width:500px}
.btn-primary-gradient{border:0;background:linear-gradient(100deg,#344eff,#7139e9);color:#fff;font-size:12px;font-weight:700;padding:12px 18px;border-radius:5px;box-shadow:0 8px 25px rgba(65,74,255,.28);transition:.3s}
.btn-primary-gradient:hover{transform:translateY(-2px);color:#fff;box-shadow:0 12px 30px rgba(65,74,255,.4)}
.btn-outline-light-custom{border:1px solid rgba(255,255,255,.35);color:#fff;font-size:12px;font-weight:600;padding:11px 17px;border-radius:5px}
.btn-outline-light-custom:hover{background:#fff;color:#091329}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}
.hero-trust div{display:flex;align-items:center;gap:8px;font-size:8px;line-height:1.35;color:#e2e8f5}
.hero-trust i{font-size:19px;color:#09c6ff}

/* Hero visual */
.hero-visual{height:440px;position:relative}
.server-floor{position:absolute;width:500px;height:115px;left:50%;top:56%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-4deg);border:2px solid #087eff;background:linear-gradient(135deg,rgba(11,67,143,.55),rgba(0,8,28,.1));box-shadow:0 0 55px rgba(0,118,255,.3),inset 0 0 35px rgba(0,139,255,.25)}
.server-floor:before{content:"";position:absolute;inset:22px;border:1px solid rgba(0,188,255,.5);box-shadow:inset 0 0 30px rgba(0,110,255,.2)}
.server-floor span{display:inline-block;width:55px;height:48px;margin:22px 7px;background:linear-gradient(#123d70,#05162f);border:1px solid #1687ff;box-shadow:0 0 15px rgba(0,117,255,.4)}
.cloud-visual{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:190px;height:135px;filter:drop-shadow(0 0 22px #128eff)}
.cloud-ring{position:absolute;inset:2px;border:3px solid #22a8ff;border-radius:48% 52% 55% 45% / 55% 55% 45% 45%;box-shadow:inset 0 0 18px #306bff,0 0 18px #4b7fff;transform:rotate(-5deg)}
.cloud-icon{position:absolute;inset:15px;display:flex;align-items:center;justify-content:center;color:#10bfff;font-size:92px;text-shadow:0 0 25px #148eff}
.cloud-icon b{position:absolute;font-size:28px;color:#091c4d;top:56px;left:82px;letter-spacing:-3px}
.orbit{position:absolute;left:50%;top:53%;border:1px solid rgba(0,181,255,.5);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);animation:orbitSpin 10s linear infinite}
.orbit-1{width:330px;height:100px}.orbit-2{width:440px;height:140px;animation-duration:15s;animation-direction:reverse}
.feature-chip{position:absolute;display:flex;align-items:center;gap:9px;background:rgba(6,18,45,.9);border:1px solid rgba(83,103,255,.75);padding:10px 13px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.25);font-size:9px;line-height:1.35;color:#fff}
.feature-chip i{font-size:19px;color:#8a7cff}.chip-1{left:8%;top:5%}.chip-2{left:3%;top:43%}.chip-3{right:0;top:7%}.chip-4{right:0;top:49%}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}}

/* Trusted */
.trusted-strip{background:#fff;padding:14px 0;border-bottom:1px solid #edf0f7}
.trusted-strip p{text-align:center;font-size:8px;font-weight:800;letter-spacing:1px;color:#63708a;margin:0 0 12px}
.client-logos{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#4f5972;font-weight:800;font-size:17px;filter:grayscale(1);opacity:.88}
.client-logos small{display:block;font-size:6px;font-weight:700;letter-spacing:.3px}

/* Generic sections */
.section-padding{padding:35px 0}
.section-heading{max-width:800px;margin:0 auto}
.section-heading h2{font-size:27px;font-weight:800;letter-spacing:-.7px;margin-bottom:8px}
.section-heading p{font-size:11px;line-height:1.7;color:#707b95;margin:0 auto}
.light-heading h2,.light-heading p{color:#fff}.light-heading p{color:#b7c5dd}

/* Services */
.services-section{background:#fff}
.service-card{height:100%;padding:27px 22px 23px;border:1px solid #e8ebf4;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(21,44,91,.05);transition:.35s;position:relative;overflow:hidden}
.service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#159dff,#604cff);transform:scaleX(0);transform-origin:left;transition:.35s}
.service-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(25,63,130,.13)}.service-card:hover:before{transform:scaleX(1)}
.service-icon{width:48px;height:48px;border-radius:9px;background:#edf4ff;display:flex;align-items:center;justify-content:center;color:#2166ff;font-size:26px;margin-bottom:16px}
.service-icon.orange{color:#ff7a19;background:#fff4e9}.service-icon.pink{color:#ff2b8a;background:#fff0f7}
.service-card h3{font-size:14px;font-weight:800;margin-bottom:10px}.service-card p{font-size:10px;line-height:1.7;color:#707a91;min-height:52px}.service-card a{font-size:9px;color:#2166ff;font-weight:800}.service-card a i{margin-left:5px}.orange-link{color:#ff7a19!important}.pink-link{color:#ff2b8a!important}

/* Why */
.why-section{background:linear-gradient(125deg,#020a1b,#061a3b 55%,#02091b);color:#fff;position:relative;overflow:hidden}
.why-section:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-280px;top:-220px;background:#2e5cff;filter:blur(120px);opacity:.12}
.why-grid{border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.why-item{text-align:center;padding:27px 14px;min-height:170px;border-right:1px solid rgba(255,255,255,.13)}.why-item:last-child{border-right:0}
.why-item i{font-size:27px;color:#0fc7ff}.why-item h4{font-size:11px;margin:12px 0 8px;font-weight:800}.why-item p{font-size:8px;line-height:1.6;color:#b5c3d8;margin:0}

/* About */
.about-section{background:linear-gradient(#fff,#f7f9ff)}
.about-section h2{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.7px}
.about-copy{font-size:11px;color:#68748e;line-height:1.8;max-width:650px}
.about-art{height:330px;position:relative;background:radial-gradient(circle,#e5efff 0,#f8fbff 45%,transparent 70%);display:flex;align-items:center;justify-content:center}
.about-cloud{width:150px;height:100px;border-radius:45% 55% 50% 50%;background:linear-gradient(145deg,#fff,#a9ccff);box-shadow:0 20px 35px rgba(25,91,255,.2);display:flex;align-items:center;justify-content:center;color:#1c6cff;font-size:80px;position:absolute;top:55px}
.server-stack{position:absolute;bottom:45px;display:flex;gap:7px;align-items:end;filter:drop-shadow(0 12px 12px rgba(31,92,200,.2))}
.server-stack span{width:55px;height:105px;background:linear-gradient(120deg,#194c9b,#071a43);border:1px solid #1e7dff;border-radius:4px;color:#50bfff;display:flex;justify-content:center;padding-top:13px;font-size:18px}.server-stack span:nth-child(2){height:125px}.server-stack span:nth-child(3){height:90px}
.mini-orbit{position:absolute;width:280px;height:85px;border:1px solid #65b4ff;border-radius:50%;transform:rotate(-14deg);bottom:33px;box-shadow:0 0 20px rgba(0,115,255,.15)}
.stats-row{display:flex;flex-wrap:wrap;gap:35px;margin-top:24px}.stats-row div{position:relative}.stats-row strong{font-size:23px;font-weight:800;color:#15255a}.stats-row span{font-size:17px;font-weight:800;color:#1769ff}.stats-row small{display:block;font-size:8px;color:#69748c;margin-top:3px}

/* Pricing */
.pricing-section{background:#f8faff}
.pricing-wrap{background:#fff;border-radius:9px;box-shadow:0 10px 35px rgba(23,50,101,.08);overflow:hidden;border:1px solid #e7ebf5}
.pricing-table{font-size:10px;min-width:750px}.pricing-table thead th{background:linear-gradient(90deg,#243fe0,#2c68ed);color:#fff;text-align:center;border:1px solid rgba(255,255,255,.22);font-size:9px;padding:11px 8px}.pricing-table thead th span{font-size:7px;display:block;color:#b9f5ff;margin-top:2px}
.pricing-table td{text-align:center;padding:8px;border-color:#e9edf5;color:#4e5871}.pricing-table tbody tr:hover{background:#f1f6ff}.pricing-table td:nth-child(1),.pricing-table td:nth-child(5),.pricing-table td:nth-child(6){font-weight:800;color:#15245b}.pricing-note{font-size:9px;color:#7c8499;margin:11px 0 0}

/* Industries */
.industries-section{padding:65px 0;background:#fff}
.industry-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:30px}.industry-pills span{border:1px solid #e4e9f3;border-radius:30px;padding:13px 21px;font-size:10px;font-weight:700;color:#3e4965;background:#fff;box-shadow:0 5px 18px rgba(22,45,88,.05);transition:.3s}.industry-pills span:hover{transform:translateY(-4px);border-color:#8eacff;color:#225cf1}.industry-pills i{color:#376cff;margin-right:6px}

/* Testimonials */
.testimonial-section{background:#f7f9ff}
.testimonial-card{background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:24px;min-height:225px;box-shadow:0 7px 25px rgba(20,45,90,.04)}
.testimonial-card>i{font-size:30px;color:#7044e9}.testimonial-card p{font-size:10px;line-height:1.7;color:#66718a}.reviewer{display:flex;align-items:center;gap:9px;margin-top:18px}.reviewer>span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#415eff,#773de7);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.reviewer b,.reviewer small{display:block}.reviewer b{font-size:9px}.reviewer small{font-size:7px;color:#81899b;margin-top:3px}
.carousel-control-prev,.carousel-control-next{width:35px;height:35px;top:50%;background:#334de9;border-radius:50%;opacity:1}.carousel-control-prev{left:-45px}.carousel-control-next{right:-45px}.carousel-control-prev-icon,.carousel-control-next-icon{width:13px}

/* Contact */
.contact-section{padding:50px 0;background:#fff}.contact-box{background:linear-gradient(120deg,#03102b,#081d42);border-radius:11px;padding:35px;color:#fff;box-shadow:0 20px 60px rgba(5,23,57,.16);position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-180px;bottom:-170px;background:#1d6dff;filter:blur(90px);opacity:.2}.contact-box h2{font-size:26px;font-weight:800;line-height:1.2}.contact-box p{font-size:10px;color:#bdc9de;line-height:1.7}.contact-info{display:grid;gap:10px;margin-top:20px}.contact-info a{color:#fff;font-size:10px}.contact-info i{color:#12c6ff;font-size:17px;margin-right:8px}.form-control,.form-select{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:4px;font-size:10px;padding:11px 12px}.form-control::placeholder{color:#aab6cc}.form-select{color:#aab6cc}.form-select option{color:#111}.form-control:focus,.form-select:focus{background:rgba(255,255,255,.08);border-color:#4d72ff;box-shadow:0 0 0 3px rgba(66,91,255,.12);color:#fff}.btn-submit{background:linear-gradient(90deg,#6e3fe5,#1469ff);color:#fff;border:0;border-radius:4px;font-size:10px;font-weight:800;padding:12px}.btn-submit:hover{color:#fff;filter:brightness(1.1)}.form-message{font-size:9px;color:#55e0a4;min-height:12px}

/* Footer */
.footer{background:#020918;color:#c0cbe0;padding:42px 0 15px}.footer p{font-size:9px;line-height:1.75;color:#9ba9c0;max-width:270px}.footer h5{font-size:9px;color:#fff;font-weight:800;margin-bottom:15px}.footer>a,.footer .col-lg-2>a,.footer .col-lg-3>a{display:block;color:#aab6ca;font-size:8px;margin:8px 0;transition:.2s}.footer .col-lg-2>a:hover,.footer .col-lg-3>a:hover{color:#19c6ff}.socials{display:flex;gap:10px}.socials a{color:#fff;font-size:13px}.footer hr{border-color:rgba(255,255,255,.12);margin:25px 0 12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#8390a7}.footer-bottom a{color:#9ca8bc;margin-left:20px}.footer-bottom a:hover{color:#fff}
#backToTop{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(135deg,#3d55ff,#723de5);color:#fff;box-shadow:0 10px 25px rgba(53,70,220,.3);opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s;z-index:1000}#backToTop.show{opacity:1;visibility:visible;transform:none}

/* Responsive */
@media(max-width:1199px){
  .nav-link{padding-left:6px!important;padding-right:6px!important}.hero-section h1{font-size:38px}.hero-visual{transform:scale(.9);transform-origin:center right}
}
@media(max-width:991px){
  .navbar{height:70px;background:rgba(2,10,27,.95)}.nav-link{padding:9px 0!important}.nav-link:after{display:none}.navbar-collapse{background:#07142c;padding:14px 18px;border-radius:0 0 10px 10px}.hero-section{padding-top:120px}.hero-visual{height:390px;transform:none}.hero-trust{gap:14px}.client-logos{overflow:hidden;justify-content:flex-start;flex-wrap:wrap}.why-item{border-bottom:1px solid rgba(255,255,255,.13)}.why-item:nth-child(even){border-right:0}.carousel-control-prev{left:0}.carousel-control-next{right:0}
}
@media(max-width:767px){
  .hero-section h1{font-size:34px}.hero-visual{height:330px}.server-floor{width:330px}.feature-chip{font-size:7px;padding:7px}.chip-1{left:0}.chip-2{left:0}.chip-3{right:0}.chip-4{right:0}.cloud-visual{transform:translate(-50%,-50%) scale(.8)}.orbit-2{width:350px}.about-art{height:270px}.stats-row{gap:22px}.section-padding{padding:60px 0}.footer-bottom{display:block}.footer-bottom div{margin-top:10px}.footer-bottom a{margin-left:0;margin-right:15px}
}
@media(max-width:480px){
  .hero-section{padding-bottom:45px}.hero-section h1{font-size:30px}.hero-trust div{width:44%}.hero-visual{height:300px}.server-floor{width:270px}.feature-chip{transform:scale(.8)}.chip-1{top:0}.chip-2{top:43%}.chip-3{top:0}.chip-4{top:45%}.contact-box{padding:25px 18px}.client-logos span{font-size:14px}
}


/* ===== DataGennie supplied logo + typography update ===== */
html, body { font-size:16px; }

.brand-logo {
  width:190px;
  height:auto;
  max-height:52px;
  object-fit:contain;
  display:block;
}
.footer-logo { width:210px; max-height:55px; }
.brand-mark, .brand-mark-a, .brand-mark-b { display:none !important; }

.nav-link { font-size:16px !important; }
.btn-nav { font-size:16px !important; }
.dropdown-item { font-size:16px !important; }

.eyebrow, .section-kicker { font-size:16px !important; }
.hero-section h1 { font-size:clamp(42px,4.2vw,64px); }
.hero-copy { font-size:18px !important; }
.btn-primary-gradient, .btn-outline-light-custom { font-size:16px !important; }
.hero-trust div { font-size:16px !important; }
.feature-chip { font-size:16px !important; }

.trusted-strip p { font-size:16px !important; }
.client-logos { font-size:22px; }
.client-logos small { font-size:16px !important; }

.section-heading h2 { font-size:clamp(30px,3vw,42px); }
.section-heading p { font-size:16px !important; }

.service-card h3 { font-size:20px !important; }
.service-card p { font-size:16px !important; min-height:0; }
.service-card a { font-size:16px !important; }

.why-item h4 { font-size:18px !important; }
.why-item p { font-size:16px !important; }

.about-section h2 { font-size:clamp(30px,3vw,42px); }
.about-copy { font-size:16px !important; }
.stats-row strong { font-size:28px; }
.stats-row small { font-size:16px !important; }

.pricing-table { font-size:16px !important; }
.pricing-table thead th { font-size:16px !important; }
.pricing-table thead th span { font-size:16px !important; }
.pricing-note { font-size:16px !important; }

.industry-pills span { font-size:16px !important; }
.testimonial-card p { font-size:16px !important; }
.reviewer b, .reviewer small { font-size:16px !important; }

.contact-box h2 { font-size:clamp(30px,3vw,42px); }
.contact-box p, .contact-info a { font-size:16px !important; }
.form-control, .form-select, .btn-submit { font-size:16px !important; }
.form-message { font-size:16px !important; }

.footer p { font-size:16px !important; }
.footer h5 { font-size:17px !important; }
.footer .col-lg-2 > a, .footer .col-lg-3 > a { font-size:16px !important; }
.footer-bottom { font-size:16px !important; }
.footer-bottom a { font-size:16px !important; }

@media(max-width:991px){
  .brand-logo { width:170px; }
  .nav-link { padding:10px 0 !important; }
}
@media(max-width:575px){
  .brand-logo { width:155px; }
  .footer-logo { width:180px; }
}


/* ===== V4: supplied images are artwork only; all section copy is HTML ===== */
.hero-image-art {
  height: 440px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-image-art > img {
  width: 100%;
  max-width: 650px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 24px rgba(0,126,255,.25));
}
.about-art-image {
  min-height: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, #e7f1ff 0, #f8fbff 50%, transparent 72%);
}
.about-art-image img {
  width: 100%;
  max-width: 450px;
  height: auto;
  object-fit: contain;
}
.contact-cloud-art {
  display: block;
  width: 130px;
  height: auto;
  margin: 12px auto 0;
  object-fit: contain;
}
@media(max-width:991px){
  .hero-image-art { height:390px; }
}
@media(max-width:767px){
  .hero-image-art { height:330px; }
  .about-art-image { min-height:270px; }
  .contact-cloud-art { width:110px; }
}