:root{--red:#C93828;--red2:#A92F22;--dark:#101522;--dark2:#0B0F19;--box:#4F5463;--grey:#707070;--silver:#D9D9DD;--white:#fff;--glass:rgba(255,255,255,.08)}
*{box-sizing:border-box} body{margin:0;background:var(--dark2);color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden} a{color:inherit}.nav-glass{background:rgba(11,15,25,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,217,221,.12)}.navbar-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.3px}.navbar-brand img{height:48px;max-width:120px;object-fit:contain}.navbar-brand span{color:#fff}.nav-link{color:#e8e8e8!important;font-weight:700;margin:0 5px}.nav-link:hover{color:var(--red)!important}.btn-brand,.btn-red{background:linear-gradient(135deg,var(--red),#e45749);border:0;color:white!important;border-radius:999px;padding:12px 24px;font-weight:800;box-shadow:0 14px 32px rgba(201,56,40,.32);transition:.25s}.btn-brand:hover,.btn-red:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--red2),var(--red));box-shadow:0 18px 45px rgba(201,56,40,.48)}.btn-outline-light{border-radius:999px;padding:12px 24px;font-weight:800}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 0 80px;background:url('../images/hero-preview.jpg') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(201,56,40,.42),transparent 28%),linear-gradient(90deg,rgba(5,8,14,.98),rgba(11,15,25,.72),rgba(5,8,14,.96))}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.network-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(217,217,221,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(217,217,221,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);animation:gridmove 14s linear infinite}@keyframes gridmove{to{background-position:84px 84px}}.hero-content{position:relative;z-index:2}.hero-logo{width:220px;max-width:70%;filter:drop-shadow(0 12px 32px rgba(0,0,0,.5));animation:float 4s ease-in-out infinite}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border:1px solid rgba(217,217,221,.18);border-radius:999px;background:rgba(255,255,255,.06);color:var(--silver);font-weight:800;margin:24px 0}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.98;font-weight:950;letter-spacing:-3px;max-width:980px}.hero h1 span,.section-title span{color:var(--red)}.hero p{font-size:clamp(18px,2vw,24px);max-width:820px;color:#e6e7ea;margin:24px 0}.hero-chips{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 34px}.hero-chips span{background:rgba(79,84,99,.45);border:1px solid rgba(217,217,221,.14);padding:10px 14px;border-radius:999px;color:#fff;font-weight:700}.floating-device{position:absolute;right:8%;bottom:12%;width:300px;height:300px;border-radius:34px;background:linear-gradient(145deg,rgba(79,84,99,.9),rgba(15,20,34,.88));box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 60px rgba(201,56,40,.28);transform:perspective(900px) rotateY(-14deg) rotateX(8deg);display:grid;place-items:center;z-index:2;border:1px solid rgba(217,217,221,.14);animation:float 4.5s ease-in-out infinite}.floating-device i{font-size:92px;color:var(--red)}@keyframes float{50%{transform:translateY(-14px)}}.section{padding:96px 0}.bg-alt{background:linear-gradient(180deg,#111827,#0B0F19)}.section-title{text-align:center;margin-bottom:46px}.section-title h2{font-size:clamp(32px,5vw,56px);font-weight:950;letter-spacing:-1.8px}.section-title p{color:#cfd1d6;font-size:18px}.glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(217,217,221,.14);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(16px);border-radius:26px}.service-card{height:100%;padding:30px;transition:.28s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:auto -30% -45% -30%;height:120px;background:radial-gradient(circle,rgba(201,56,40,.36),transparent 70%);transition:.28s}.service-card:hover{transform:perspective(900px) rotateX(5deg) translateY(-12px);border-color:rgba(201,56,40,.68);box-shadow:0 28px 80px rgba(201,56,40,.22)}.service-card i{font-size:38px;color:var(--red);margin-bottom:18px}.service-card h4{font-weight:900}.service-card p{color:#cfd1d6}.stats-wrap{margin-top:-54px;position:relative;z-index:4}.stat-card{padding:28px;text-align:center}.stat-card i{font-size:30px;color:var(--red)}.stat-card h3{font-size:44px;font-weight:950;margin:12px 0 0}.stat-card p{color:#d6d6dc;margin:0}.brand-slider{overflow:hidden;white-space:nowrap;padding:24px}.brand-track{display:inline-flex;gap:55px;animation:slide 22s linear infinite}.brand-track span{font-size:22px;font-weight:950;color:var(--silver);letter-spacing:2px}.brand-track span:nth-child(odd){color:#fff}@keyframes slide{to{transform:translateX(-50%)}}.project-card{height:100%;overflow:hidden;border-radius:26px;background:#151b2a;border:1px solid rgba(217,217,221,.12);transition:.28s}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 70px rgba(0,0,0,.4)}.project-card img{width:100%;height:250px;object-fit:cover;filter:saturate(1.1);transition:.35s}.project-card:hover img{transform:scale(1.06)}.badge-brand{background:var(--red);color:white}.why-item{display:flex;gap:16px;margin:18px 0}.why-item i{width:44px;height:44px;background:rgba(201,56,40,.16);color:var(--red);display:grid;place-items:center;border-radius:14px;flex:0 0 auto}.contact-box{padding:34px}.form-control,.form-select{background:rgba(255,255,255,.08)!important;border:1px solid rgba(217,217,221,.16)!important;color:white!important;border-radius:16px;padding:14px}.form-control::placeholder{color:#bfc2ca}.footer{padding:70px 0 24px;background:#080b12;border-top:1px solid rgba(217,217,221,.12);color:#d9d9dd}.footer-logo{height:70px;object-fit:contain;margin-bottom:18px;background:white;border-radius:10px;padding:6px}.footer i{color:var(--red);margin-right:8px}.whatsapp{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-size:30px;z-index:99;box-shadow:0 15px 35px rgba(0,0,0,.35);text-decoration:none}.chatbot{position:fixed;right:22px;bottom:98px;width:300px;max-width:calc(100vw - 44px);z-index:99;padding:18px;background:rgba(16,21,34,.94);border:1px solid rgba(201,56,40,.45);border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.45)}.chatbot h6{color:#fff;font-weight:900}.chatbot p{font-size:14px;color:#cfd1d6}.chatbot button{display:block;width:100%;margin:7px 0;background:rgba(201,56,40,.16);color:#fff;border:1px solid rgba(201,56,40,.35);border-radius:13px;padding:9px;text-align:left}.page-hero{padding:150px 0 70px;background:radial-gradient(circle at 20% 20%,rgba(201,56,40,.28),transparent 30%),linear-gradient(135deg,#090d16,#151b2a)}.page-hero h1{font-size:clamp(38px,6vw,68px);font-weight:950;letter-spacing:-2px}.admin-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.admin-card{width:100%;max-width:420px;padding:34px}.table{--bs-table-bg:transparent;--bs-table-color:#fff;--bs-table-border-color:rgba(255,255,255,.12)}@media(max-width:991px){.floating-device{display:none}.hero{text-align:left}.section{padding:72px 0}.chatbot{display:none}.navbar-brand img{height:42px}.hero h1{letter-spacing:-1.5px}}


/* V7 Command Center Theme - Partner IT Corporate */
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(201,56,40,.22), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(217,217,221,.08), transparent 32%),
    linear-gradient(180deg,#070A10 0%,#101522 42%,#070A10 100%);
}
.nav-glass{background:rgba(7,10,16,.88);border-bottom:1px solid rgba(201,56,40,.22)}
.hero{background:linear-gradient(135deg,#070A10,#111827);}
.hero:before{background:radial-gradient(circle at 22% 22%,rgba(201,56,40,.46),transparent 24%),linear-gradient(90deg,rgba(7,10,16,.98),rgba(16,21,34,.78),rgba(7,10,16,.92));}
.hero h1 span{background:linear-gradient(135deg,#C93828,#ff7467);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;}
.eyebrow{border-color:rgba(201,56,40,.35);background:rgba(201,56,40,.10);}
.hero-chips span{background:rgba(217,217,221,.08);border-color:rgba(201,56,40,.28)}
.floating-device{border-radius:42px;background:linear-gradient(145deg,rgba(79,84,99,.94),rgba(8,11,18,.96));}
.floating-device:after{content:"ELV";position:absolute;bottom:28px;font-weight:950;letter-spacing:8px;color:rgba(217,217,221,.26)}
.glass,.project-card{border:1px solid rgba(217,217,221,.16);}
.command-section{background:linear-gradient(180deg,rgba(217,217,221,.04),rgba(201,56,40,.06));}
.command-card{height:100%;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(217,217,221,.08),rgba(79,84,99,.15));border:1px solid rgba(217,217,221,.14);position:relative;overflow:hidden;transition:.28s;}
.command-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,56,40,.22),transparent 42%);opacity:.45;}
.command-card>*{position:relative;z-index:1}.command-card:hover{transform:translateY(-10px);border-color:rgba(201,56,40,.70);box-shadow:0 30px 70px rgba(201,56,40,.18)}
.command-card .num{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#C93828;color:white;font-weight:950;margin-bottom:20px;box-shadow:0 14px 35px rgba(201,56,40,.35)}
.command-card h5{font-weight:950}.command-card p{color:#d9d9dd;margin:0}
.team-section{background:#0A0D14;}
.team-role{height:100%;padding:26px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(217,217,221,.14);transition:.25s;}
.team-role:hover{transform:translateY(-8px);border-color:#C93828}.team-role i{font-size:30px;color:#C93828;margin-bottom:16px}.team-role h6{font-weight:950}.team-role p{font-size:14px;color:#d9d9dd;margin:0}
.section-title h2{letter-spacing:-2.2px}.btn-red{background:linear-gradient(135deg,#C93828,#b83225)}
.brand-slider{background:linear-gradient(90deg,rgba(79,84,99,.20),rgba(201,56,40,.10),rgba(79,84,99,.20));}
.chatbot{border-color:rgba(201,56,40,.65)}

/* V8 Dynamic 4K Background Slider */
.hero-dynamic{overflow:hidden;background:#070A10!important;}
.hero-bg-slider{position:absolute;inset:0;z-index:0;}
.hero-bg-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 6s ease;filter:saturate(1.05) contrast(1.05);}
.hero-bg-slide.active{opacity:.62;transform:scale(1.0);animation:kenburns 6s ease-in-out forwards;}
@keyframes kenburns{from{transform:scale(1.0)}to{transform:scale(1.08)}}
.hero-dynamic:before{z-index:1;background:radial-gradient(circle at 18% 24%,rgba(201,56,40,.50),transparent 28%),linear-gradient(90deg,rgba(7,10,16,.98),rgba(16,21,34,.66),rgba(7,10,16,.88))!important;}
.hero-dynamic video{z-index:0;opacity:.08!important;}
.hero-dynamic .network-bg,.hero-dynamic .hero-content,.hero-dynamic .floating-device{z-index:2;}
.solution-ticker{height:46px;display:flex;align-items:center;position:relative;margin:8px 0 18px;}
.solution-ticker span{position:absolute;left:0;opacity:0;transform:translateY(12px);transition:.65s;font-size:clamp(20px,3vw,34px);font-weight:950;color:#fff;border-left:5px solid var(--red);padding-left:16px;text-shadow:0 12px 34px rgba(0,0,0,.6)}
.solution-ticker span.active{opacity:1;transform:translateY(0)}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.capability-card{padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(217,217,221,.12);transition:.25s}.capability-card:hover{transform:translateY(-8px);border-color:#C93828}.capability-card i{color:#C93828;font-size:28px;margin-bottom:12px}.capability-card b{display:block}.portal-bg{background:radial-gradient(circle at 20% 15%,rgba(201,56,40,.26),transparent 30%),linear-gradient(135deg,#070A10,#111827)}.portal-card{border-color:rgba(201,56,40,.35)}
@media(max-width:991px){.capability-grid{grid-template-columns:repeat(2,1fr)}.solution-ticker{height:60px}.hero-bg-slide.active{opacity:.46}}
@media(max-width:576px){.capability-grid{grid-template-columns:1fr}.hero-chips span{font-size:13px}}
.hero-logo{
    width:1090px !important;
    height:auto !important;
}