/* home.css */
.hero { position:relative; padding:80px 0 96px; overflow:hidden; background:linear-gradient(160deg,#fff 0%,#f0f5ff 60%,#e8f0fe 100%); }
.hero-bg { position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 55% at 75% 45%,rgba(37,99,235,.06) 0%,transparent 70%); }
.hero-inner { display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center;position:relative;z-index:1; }
.hero-badge { display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:50px;padding:6px 16px;font-size:0.76rem;font-weight:700;color:var(--ink2);margin-bottom:22px;box-shadow:var(--shadow-sm); }
.live-dot { width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0;animation:livepulse 2s ease-in-out infinite; }
@keyframes livepulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.5);}50%{box-shadow:0 0 0 6px rgba(16,185,129,0);}}
.hero-accent { display:block;color:var(--primary); }
.hero-desc { font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin:18px 0 32px; }
.hero-desc strong { color:var(--ink2);font-weight:700; }
.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px; }
.hero-stats { display:flex;gap:0;border-top:1px solid var(--border);padding-top:32px;flex-wrap:wrap; }
.hstat { padding:0 28px 0 0;margin-right:28px;border-right:1px solid var(--border);display:flex;flex-direction:column; }
.hstat:last-child { border-right:none;padding-right:0;margin-right:0; }
.hstat-num { font-family:'Fraunces',serif;font-size:1.9rem;font-weight:900;color:var(--primary);line-height:1; }
.hstat-label { font-size:0.72rem;color:var(--muted);font-weight:600;margin-top:4px; }

.hero-card { background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px 24px;text-align:center;box-shadow:var(--shadow);position:relative; }
.hcard-avatar { width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#6366f1);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:1.8rem;font-weight:900;color:#fff; }
.hcard-name { font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:4px; }
.hcard-role { font-size:0.76rem;color:var(--muted);margin-bottom:14px; }
.hcard-tags { display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px; }
.hcard-tags span { font-size:0.68rem;padding:3px 10px;border-radius:50px;background:var(--primary-light);color:var(--primary);font-weight:700; }
.hcard-avail { display:flex;align-items:center;justify-content:center;gap:6px;font-size:0.75rem;font-weight:700;color:#047857;background:rgba(16,185,129,.08);padding:6px 14px;border-radius:50px; }

.services-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.svc-card { background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:var(--transition);position:relative;overflow:hidden; }
.svc-card::after { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#6366f1);transform:scaleX(0);transform-origin:left;transition:transform 0.35s ease; }
.svc-card:hover { transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(37,99,235,.15); }
.svc-card:hover::after { transform:scaleX(1); }
.svc-icon { font-size:1.7rem;margin-bottom:12px; }
.svc-title { font-size:0.97rem;font-weight:800;color:var(--ink);margin-bottom:8px; }
.svc-desc { font-size:0.83rem;color:var(--muted);line-height:1.72; }

.why-grid { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.why-points { display:flex;flex-direction:column;gap:16px; }
.why-item { display:flex;gap:16px;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;transition:var(--transition); }
.why-item:hover { border-color:rgba(37,99,235,.2);box-shadow:var(--shadow-sm);transform:translateX(4px); }
.why-ico { width:40px;height:40px;border-radius:10px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0; }
.why-item strong { display:block;font-size:0.92rem;font-weight:700;color:var(--ink);margin-bottom:3px; }
.why-item p { font-size:0.82rem;margin:0;line-height:1.6; }

.cta-banner { background:linear-gradient(135deg,var(--primary),#1e3a8a);padding:72px 0; }
.cta-inner { display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap; }
.cta-banner h2 { color:#fff;font-size:clamp(1.6rem,3vw,2.4rem); }
.cta-banner p { color:rgba(255,255,255,.75);font-size:1rem;margin-top:8px; }

@media(max-width:900px){ .services-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:768px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-card{display:none;}
  .why-grid{grid-template-columns:1fr;}
  .cta-inner{flex-direction:column;text-align:center;}
  .services-grid{grid-template-columns:1fr;}
  .hero-stats{gap:16px;}
  .hstat{border-right:none;padding-right:0;margin-right:0;}
}
