/* Polished Novena-inspired UI (relative paths only) */
:root{--abi-blue:#0d6efd;--abi-dark:#0b2e69;--muted:#6b7a99;--bg:#f8fbff;}
*{box-sizing:border-box;}
body{font-family:Inter, system-ui, -apple-system, 'Helvetica Neue', Arial; margin:0; color:#12213a; background:var(--bg);}
a{color:var(--abi-blue); text-decoration:none;}
.navbar{background:#fff; box-shadow:0 6px 20px rgba(16,24,40,0.06); padding:.8rem 1rem; position:sticky; top:0; z-index:1000;}
.navbar .brand{font-weight:800; color:var(--abi-dark); font-size:1.1rem;}
.container{max-width:1100px; margin:0 auto; padding:0 1rem;}
.hero {position:relative; border-radius:.6rem; overflow:hidden; margin:1.5rem 0;}
.hero img{width:100%; height:520px; object-fit:cover; display:block;}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(3,7,18,0.25), rgba(3,7,18,0.35)); display:flex; align-items:center; justify-content:center; text-align:center; padding:1rem;}
.hero h1{color:#fff; font-size:2.25rem; margin:0 0 .4rem; font-weight:800;}
.hero p{color:rgba(255,255,255,0.95); margin:0 0 1rem; font-size:1.05rem;}
.section{padding:2.4rem 0;}
.section .title{display:flex; gap:.8rem; align-items:center; margin-bottom:1rem;}
.section .title h2{margin:0; color:var(--abi-dark); font-size:1.25rem;}
.card{background:#fff; border-radius:.8rem; box-shadow:0 8px 24px rgba(13,110,253,0.06); padding:1rem;}
.services-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem;}
.service-tile{overflow:hidden; border-radius:.6rem; background:#fff; transition:transform .28s ease, box-shadow .28s ease;}
.service-tile img{width:100%; height:160px; object-fit:cover; display:block;}
.service-tile .body{padding:1rem;}
.service-tile:hover{transform:translateY(-6px); box-shadow:0 18px 40px rgba(13,110,253,0.12);}
.counters{display:flex; gap:1rem; justify-content:space-between; text-align:center;}
.counter{font-size:2rem; font-weight:800; color:var(--abi-blue);}
.timeline{display:flex; gap:1rem; justify-content:space-between;}
.timeline .step{text-align:center; flex:1; padding:1rem; background:linear-gradient(180deg,#fff,#fbfdff); border-radius:.6rem;}
.testimonials .item{padding:1rem; background:#fff; border-radius:.6rem; box-shadow:0 8px 20px rgba(0,0,0,0.04);}
.footer{background:var(--abi-dark); color:#fff; padding:2rem 0; margin-top:2rem;}
.footer a{color:#fff; opacity:.95;}
.floating-contact{position:fixed; bottom:90px; right:18px; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--abi-blue); color:#fff; box-shadow:0 12px 34px rgba(13,110,253,0.18);}
#backToTop{position:fixed; bottom:18px; right:18px; width:52px; height:52px; display:none; align-items:center; justify-content:center; background:#fff; border-radius:50%; box-shadow:0 8px 20px rgba(2,6,23,0.06);}
.nav-services{position:relative;}
.nav-services .dropdown{position:absolute; top:110%; left:0; background:#fff; box-shadow:0 12px 30px rgba(2,6,23,0.08); border-radius:.6rem; padding:.6rem; min-width:220px; display:none;}
.nav-services:hover .dropdown{display:block;}
@media(min-width:992px){ .hero h1{font-size:2.8rem;} .hero p{font-size:1.15rem;} }