/* Pradhii PHP site - brand: blue & white */
:root{
  --brand-1: #0b63d7;
  --brand-2: #2b4f8f;
  --bg: #ffffff;
  --text: #08223a;
  --muted: #556b85;
  --radius: 10px;
  --container: 1100px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:var(--text);background:var(--bg)}
.container{max-width:var(--container);margin:0 auto;padding:20px}
.header-inner{display:flex;gap:16px;align-items:center;justify-content:space-between}
.site-header{background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95));border-bottom:1px solid rgba(11,99,215,0.06);position:sticky;top:0;z-index:40;padding:10px 0}
.logo svg{height:48px}
.main-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.main-nav a{color:var(--text);text-decoration:none;font-weight:600}
.main-nav a.active{color:var(--brand-1)}
.btn-primary{background:linear-gradient(180deg,var(--brand-1),var(--brand-2));color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700;border:0;box-shadow:0 6px 18px rgba(11,99,215,0.12)}
.btn-secondary{border:1px solid rgba(11,99,215,0.12);padding:10px 14px;border-radius:10px;text-decoration:none;background:transparent;color:var(--brand-1)}
.btn-ghost{background:transparent;border:1px solid rgba(11,99,215,0.06);padding:8px 12px;border-radius:8px;text-decoration:none}

.hero{padding:48px 0}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}
.hero h1{font-size:2rem;margin:0 0 12px;color:var(--brand-2)}
.lead{color:var(--muted);margin:0 0 18px}
.hero-card{background:rgba(11,99,215,0.04);padding:18px;border-radius:16px;border:1px solid rgba(11,99,215,0.06)}
.lead-form label{display:block;margin-bottom:10px;font-size:14px}
.lead-form input,.lead-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(11,99,215,0.06)}
.features-list{margin-top:18px;list-style:none;padding:0}
.features-list li{margin:8px 0;color:var(--muted)}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.service{background:#fff;padding:18px;border-radius:12px;border:1px solid rgba(11,99,215,0.04)}
.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px}
blockquote{background:#fff;padding:16px;border-radius:12px;border:1px solid rgba(11,99,215,0.04);margin:0}
cite{display:block;margin-top:8px;color:var(--muted);font-size:14px}

.contact-cta{background:linear-gradient(180deg, rgba(11,99,215,0.03), rgba(11,99,215,0.01));padding:28px 0;margin-top:20px;border-top:1px solid rgba(11,99,215,0.03)}
.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}

.site-footer{background:#fff;border-top:1px solid rgba(11,99,215,0.04);padding:24px 0;margin-top:30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;align-items:start}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:8px 0}
.small{font-size:13px}
.muted{color:var(--muted)}

.grid{display:grid;gap:16px}

/* Responsive */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .main-nav{display:none}
  .nav-toggle{display:inline-block;background:transparent;border:0;font-size:20px}
  
}