:root{
    --primary:#8b5cf6;
    --secondary:#5a6bff;
    --bg-dark:#020617;
    --bg-card:#0c1024;
    --border:#1b1f3b;
    --text:#e5e7eb;
    --muted:#9ca3af;
}

/* RESET */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:radial-gradient(circle at top,#0d1033,#020617);color:var(--text);}

/* NAVBAR */
.navbar{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:20px 80px;}
.logo{display:flex;align-items:center;gap:10px;}
.logo-img{width:100px;height:auto;filter:brightness(1.5) contrast(1.2);}
.brand-main{color:#8b8dff;}
.nav-links{display:flex;list-style:none;}
.nav-links li a{margin:0 15px;color:#fff;text-decoration:none;}
.cta-btn{background:linear-gradient(90deg,var(--primary),var(--secondary));padding:10px 20px;border-radius:8px;color:#fff;text-decoration:none;}

/* SERVICES SECTION */
body.services-page .hero{padding:0;} /* fix extra space on services page */
.services-section{max-width:1200px;margin:20px auto;padding:0 20px;}
.services-header{text-align:center;margin-bottom:50px;}
.services-header h2{font-size:36px;color:var(--primary);}
.services-header p{margin-top:10px;color:var(--muted);}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;}

/* SERVICE CARD */
.service-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#0c1024,#050816);border:1px solid var(--border);border-radius:18px;padding:30px 25px;transition:.4s;position:relative;overflow:hidden;}
.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,var(--primary),transparent);opacity:0;transition:.4s;pointer-events:none;}
.service-card:hover::before{opacity:.08;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(139,92,246,.25);}
.service-icon{width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.service-icon i{font-size:26px;color:#fff;}
.service-card h3{font-size:20px;margin-bottom:10px;}
.service-card p{font-size:14px;color:var(--muted);margin-bottom:15px;}
.service-card ul{list-style:none;}
.service-card ul li{font-size:14px;margin-bottom:8px;position:relative;padding-left:18px;}
.service-card ul li::before{content:"✔";position:absolute;left:0;color:var(--primary);}
.service-img{width:100%;height:160px;object-fit:cover;border-radius:14px;margin-bottom:15px;}
.tamil{display:block;font-size:14px;color:#c4b5fd;margin-bottom:8px;}
.quote-btn{display:inline-block;margin-top:18px;padding:12px 20px;border-radius:8px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;font-weight:500;transition:.3s;}
.quote-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,.4);}

/* SCROLL ANIMATION */
.fade-up{opacity:0;transform:translateY(40px);transition:all .7s ease;}
.fade-up.show{opacity:1;transform:translateY(0);}

/* FOOTER */
.site-footer{background:radial-gradient(circle at top,#0b1430,#020617 70%);margin-top:80px;}
.footer-top{max-width:1200px;margin:auto;padding:70px 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;text-align:left;}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:15px;}
.footer-logo img{width:50px;}
.footer-logo h3{color:#8b8dff;line-height:1.1;}
.footer-logo span{font-size:12px;color:#9ca3af;}
.footer-col p{font-size:14px;line-height:1.7;margin-bottom:15px;}
.phone{color:#d1d5ff;margin-bottom:15px;}
.phone.landline{color:#9ca3af;font-size:14px;}
.socials a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#0c1a33;border-radius:50%;margin-right:8px;color:#8b8dff;transition:0.3s;}
.socials a:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transform:translateY(-3px);}
.footer-col h4{color:#fff;margin-bottom:15px;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{color:#9ca3af;font-size:14px;}
.footer-col ul li a:hover{color:#8b8dff;}
.footer-cta{background:rgba(255,255,255,0.04);border:1px solid var(--border);padding:25px;border-radius:16px;}
.footer-btn{display:inline-block;padding:12px 26px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:30px;font-weight:600;box-shadow:0 0 25px rgba(139,141,255,0.35);transition:0.3s;}
.footer-btn:hover{transform:scale(1.05);box-shadow:0 0 35px rgba(139,141,255,0.55);}
.footer-whatsapp{margin-top:25px;display:flex;justify-content:center;}
.footer-whatsapp a{display:flex;align-items:center;gap:10px;padding:12px 22px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-weight:600;border-radius:50px;text-decoration:none;box-shadow:0 0 25px rgba(37,211,102,0.45);animation:pulse 2s infinite;transition:transform 0.3s ease;}
.footer-whatsapp a:hover{transform:scale(1.05);}
.footer-whatsapp i{font-size:20px;}
@keyframes pulse{0%{box-shadow:0 0 0 rgba(37,211,102,0.6);}70%{box-shadow:0 0 30px rgba(37,211,102,0);}100%{box-shadow:0 0 0 rgba(37,211,102,0);}}
.footer-bottom{border-top:1px solid var(--border);padding:18px;text-align:center;font-size:13px;color:#9aa3ff;}

/* RESPONSIVE */
@media(max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr);}.nav-links{position:absolute;top:70px;left:0;width:100%;background:#020617;flex-direction:column;display:none;padding:30px 0;}.nav-links.active{display:flex;}}
@media(max-width:599px){.services-grid{grid-template-columns:1fr;}.footer-top{grid-template-columns:1fr;gap:20px;text-align:center;}}