:root{--accent:#7c3aed;--accent-2:#06b6d4;--bg:#f7fafc;--muted:#6b7280}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1.45;margin:0;background:var(--bg);color:#0f172a}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{background:rgba(255,255,255,0.6);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,42,0.05)}
.site-header .container{display:flex;align-items:center;gap:16px}
.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.15rem}
.main-nav{margin-left:auto;display:flex;gap:12px}
.main-nav a{color:#0f172a;text-decoration:none;padding:8px 10px;border-radius:8px}
.call{margin-left:12px;color:#0f172a;text-decoration:none;border:1px solid rgba(15,23,42,0.06);padding:8px 10px;border-radius:10px}
.nav-toggle{display:none}

.hero{padding:48px 0}
.hero-grid{display:grid;grid-template-columns:1fr 460px;gap:24px;align-items:center}
.hero-copy h1{font-size:2rem;margin:0 0 12px}
.lead{color:var(--muted);font-size:1.05rem}
.btn{display:inline-block;background:var(--accent);color:white;padding:10px 14px;border-radius:10px;text-decoration:none}
.btn.ghost{background:transparent;border:1px solid rgba(15,23,42,0.06);color:var(--accent)}
.hero-features{margin-top:12px;display:flex;gap:12px;list-style:none;padding:0}
.hero-media{position:relative}
.hero-media img{width:100%;border-radius:12px;display:block}
.hero-blob{position:absolute;right:-40px;top:-40px;width:220px;height:220px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.card{background:white;border-radius:12px;padding:12px;box-shadow:0 6px 20px rgba(2,6,23,0.06)}
.card img{width:100%;height:140px;object-fit:cover;border-radius:8px}
.card h3{margin:10px 0 6px}

.testimonial{margin-top:30px}
.split{display:flex;gap:18px;align-items:center}
.split img{width:100%;border-radius:10px}
.stats{display:flex;gap:12px;list-style:none;padding:0;margin-top:12px}
.stats li{background:white;padding:12px;border-radius:8px;min-width:80px;text-align:center}

.callout{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;border-radius:12px;padding:22px;margin-top:28px}

.site-footer{margin-top:28px;background:white;border-top:1px solid rgba(15,23,42,0.04)}
.site-footer .container{display:flex;align-items:center;justify-content:space-between}
.foot-nav a{margin-right:12px;text-decoration:none;color:var(--muted)}
.legal{color:var(--muted)}

/* About & Services grids */
.about-grid{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cap{background:white;padding:16px;border-radius:10px}
.service{display:flex;gap:12px;align-items:flex-start;margin:18px 0}
.service img{width:280px;height:160px;object-fit:cover;border-radius:10px}
.case-grid{display:grid;gap:16px}
.case{display:flex;gap:12px;align-items:flex-start;margin:12px 0}
.case img{width:240px;height:140px;object-fit:cover;border-radius:8px}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card{background:white;padding:16px;border-radius:12px}
.card form label{display:block;margin-bottom:10px}
.card input,.card textarea{width:100%;padding:8px;border:1px solid rgba(15,23,42,0.06);border-radius:8px}

/* responsive */
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .main-nav{display:none}
  .nav-toggle{display:inline-block;margin-left:auto}
  .cards{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .cap-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}

/* small helpers */
.muted{color:var(--muted)}