:root{
 --violet:#7c3aed;--indigo:#4f46e5;--blue:#2563eb;--green:#16a34a;
 --yellow:#eab308;--orange:#f97316;--red:#dc2626;--dark:#111827;--muted:#64748b;
 --light:#f8fafc;--white:#fff
}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;color:var(--dark);line-height:1.7}a{text-decoration:none}
.topbar{background:var(--dark);color:#fff;font-size:.9rem}.topbar a{color:#fff}
.navbar{background:#fff;box-shadow:0 3px 18px #0001}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--indigo)}
.logo{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--indigo),var(--blue),var(--green),var(--yellow),var(--orange),var(--red))}
.brand small{display:block;color:var(--orange);font-size:.68rem;letter-spacing:.08em}.nav-link{font-weight:700;color:var(--dark)!important}.nav-link:hover,.nav-link.active{color:var(--orange)!important}
.btn-main{border:0;color:#fff!important;font-weight:800;border-radius:9px;padding:.75rem 1.2rem;background:linear-gradient(90deg,var(--violet),var(--blue),var(--green),var(--orange),var(--red));background-size:220% 100%;transition:.3s}.btn-main:hover{background-position:100% 0;transform:translateY(-2px)}
.btn-outline-main{border:2px solid var(--indigo);color:var(--indigo);font-weight:800;border-radius:9px;padding:.68rem 1.15rem}.btn-outline-main:hover{background:var(--indigo);color:#fff}
.hero{min-height:680px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,#111827ed,#312e81aa,#2563eb55),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2000&q=85') center/cover}
.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:900;line-height:1.06}.hero p{font-size:1.18rem;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--orange);font-size:.8rem}
.page-hero{padding:90px 0;color:#fff;background:linear-gradient(120deg,var(--violet),var(--indigo),var(--blue),var(--green),var(--orange));background-size:250% 100%}.page-hero h1{font-size:3.1rem;font-weight:900}
.section{padding:85px 0}.section-alt{background:var(--light)}.section-title{font-weight:900;color:var(--indigo);font-size:2.45rem}.cardx{height:100%;background:#fff;border:0;border-radius:17px;overflow:hidden;box-shadow:0 10px 35px #11182712;transition:.25s}.cardx:hover{transform:translateY(-7px);box-shadow:0 18px 45px #11182720}
.service-img,.project-img{width:100%;height:205px;object-fit:cover}.icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue),var(--green),var(--orange));font-size:1.45rem}
.process{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--violet),var(--blue),var(--green),var(--orange),var(--red))}
.cta{padding:55px;border-radius:25px;color:#fff;background:linear-gradient(120deg,var(--indigo),var(--blue),var(--green),var(--orange));background-size:250% 100%}
.footer{background:#0b1220;color:#cbd5e1}.footer h5{color:#fff}.footer a{color:#cbd5e1}.footer a:hover{color:#fb923c}.social{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center}
.contact-card{border:0;border-radius:17px;box-shadow:0 10px 35px #11182712}.form-control,.form-select{padding:.8rem 1rem;border-radius:9px}.floaters{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;flex-direction:column;gap:10px}.float{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 25px #0003}.call{background:var(--blue)}.wa{background:var(--green)}
@media(max-width:991px){.hero{min-height:590px}.section{padding:65px 0}.page-hero{padding:65px 0}}