/*
Theme Name: JEC Integrated IT Solutions
Theme URI: https://jectechnologies.com
Author: JEC Integrated IT Solutions
Description: Custom responsive dark-blue corporate WordPress theme for JEC Integrated IT Solutions.
Version: 1.0.0
Text Domain: jec-integrated-it
*/

:root{
  --jec-bg:#020b1c;
  --jec-bg2:#06152c;
  --jec-panel:#071a35;
  --jec-blue:#1296ff;
  --jec-blue2:#005cff;
  --jec-text:#f5f8ff;
  --jec-muted:#aab8cf;
  --jec-line:rgba(32,145,255,.25);
  --jec-shadow:0 18px 50px rgba(0,0,0,.32);
  --jec-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#010715 0%,#031126 100%);color:var(--jec-text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(2,11,28,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand-mark{font-size:30px;font-style:italic;color:#fff}.brand-mark span{color:var(--jec-blue)}.brand small{display:block;color:var(--jec-muted);font-size:10px;letter-spacing:.22em;font-weight:600}
.main-nav{display:flex;gap:26px;align-items:center}.main-nav a{color:#dfe9fb;font-weight:600;font-size:14px}.main-nav a:hover{color:var(--jec-blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:800;transition:.2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--jec-blue),var(--jec-blue2));box-shadow:0 10px 30px rgba(0,115,255,.3)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:rgba(63,166,255,.55);color:#dff0ff;background:rgba(8,37,72,.35)}
.hero{position:relative;overflow:hidden;padding:72px 0 62px;background:radial-gradient(circle at 78% 25%,rgba(0,111,255,.22),transparent 34%),linear-gradient(180deg,#020917,#031126)}
.hero:before{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--jec-blue),transparent);opacity:.55}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#7ccaff;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:0 0 22px;letter-spacing:-.035em}.hero h1 span{color:var(--jec-blue)}.hero p{font-size:18px;color:#c2d0e8;max-width:650px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-art{position:relative}.hero-art img{border-radius:24px;border:1px solid rgba(255,255,255,.10);box-shadow:var(--jec-shadow)}
.trust-strip{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07);background:#041127}.trust-items{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.trust-item{padding:15px;color:#dce9fb;font-weight:700;font-size:14px}.trust-item span{display:block;color:var(--jec-blue);font-size:20px;margin-bottom:4px}
section{padding:82px 0}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.section-head .kicker{color:#55b8ff;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.16em}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:8px 0 14px}.section-head p{color:var(--jec-muted);margin:0}
.services{background:linear-gradient(180deg,#031126 0%,#020b1b 100%)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(9,32,65,.96),rgba(4,18,39,.96));border:1px solid var(--jec-line);border-radius:var(--jec-radius);padding:26px;min-height:300px;box-shadow:0 10px 34px rgba(0,0,0,.16)}.service-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(0,130,255,.12);right:-45px;bottom:-50px;filter:blur(2px)}.service-icon{font-size:32px;margin-bottom:14px}.service-card h3{font-size:21px;line-height:1.2;margin:0 0 13px}.service-card h3 span{color:var(--jec-blue)}.service-card ul{list-style:none;padding:0;margin:0;color:#bdcbe0;font-size:14px}.service-card li{margin:7px 0;padding-left:16px;position:relative}.service-card li:before{content:"•";position:absolute;left:0;color:#55b8ff}
.feature-banner{padding:0}.feature-banner img{width:100%;border-radius:24px;border:1px solid rgba(255,255,255,.09);box-shadow:var(--jec-shadow)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.why-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.08;margin:0 0 18px}.why-copy p{color:#b7c4d9}.why-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.why-point{background:#071a35;border:1px solid var(--jec-line);border-radius:16px;padding:18px}.why-point b{display:block;margin-bottom:5px}.why-point small{color:var(--jec-muted)}.why-image img{border-radius:24px;border:1px solid rgba(255,255,255,.1)}
.cta{padding-top:30px}.cta-box{background:linear-gradient(120deg,#0b2c58,#045dba);padding:46px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--jec-shadow)}.cta-box h2{font-size:36px;line-height:1.1;margin:0 0 10px}.cta-box p{margin:0;color:#d8eaff}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta .btn-primary{background:white;color:#062550}.cta .btn-outline{border-color:rgba(255,255,255,.5)}
.site-footer{padding:48px 0 24px;background:#010711;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:35px}.footer-title{font-weight:800;margin-bottom:12px}.footer-text,.footer-links a{color:#91a6c4;font-size:14px}.footer-links{display:grid;gap:8px}.copyright{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);color:#7185a1;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mobile-toggle{display:none;background:transparent;border:0;color:white;font-size:28px}
.page-content{padding:80px 0}.page-content h1{font-size:42px}.entry-content{color:#cfdaea}
@media(max-width:980px){.main-nav{display:none}.mobile-toggle{display:block}.hero-grid,.why-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.trust-items{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-art{order:-1}.hero{padding-top:36px}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.header-inner{height:68px}.brand small{display:none}.hero h1{font-size:42px}.service-grid,.why-points,.trust-items,.footer-grid{grid-template-columns:1fr}.service-card{min-height:auto}.cta-box{padding:30px;display:block}.cta-actions{margin-top:22px}.site-footer{padding-top:36px}.hero-art img,.feature-banner img{border-radius:16px}}