:root{
  --bg: #ffffff;
  --muted: #6b7280;
  --primary: #4f46e5;
  --text: #111827;
  --card: #f9fafb;
}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial; margin:0; color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{border-bottom:1px solid #eef2f7;background:#fff;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#06b6d4,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.brand-text h1{margin:0;font-size:18px}
.tagline{margin:0;color:var(--muted);font-size:13px}
.nav a{margin-left:18px;color:var(--muted);text-decoration:none}
.hero{padding:48px 0}
.hero-inner{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.hero-text h2{font-size:28px;margin:0 0 12px}
.hero-text p{margin:0;color:var(--muted)}
.hero-actions{margin-top:18px;display:flex;gap:12px}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.btn.primary{background:var(--primary);color:#fff}
.btn.outline{border:1px solid #e6e9f2;color:var(--text);background:transparent}
.features{margin-top:18px;color:var(--muted);list-style:none;padding:0}
.features li{margin-bottom:6px}
.kpi-card{background:var(--card);border:1px dashed #e6e9f2;padding:18px;border-radius:12px}
.kpi-card h3{margin:0}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.kpi{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,0.03)}
.kpi-value{font-size:20px;font-weight:700}
.kpi-label{font-size:12px;color:var(--muted)}
.about, .services, .contact{padding:36px 0}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.service-card{background:#fff;padding:16px;border-radius:10px;border:1px solid #f3f4f6}
.contact-inner{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}
.label{display:block;margin-bottom:10px;font-size:14px}
.label input,.label textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e9f2;margin-top:6px}
.form-actions{display:flex;gap:10px;margin-top:8px}
.form-note{font-size:13px;margin-top:8px}
.muted{color:var(--muted)}
.site-footer{border-top:1px solid #eef2f7;padding:18px 0;margin-top:36px;background:#fff}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
@media(max-width:880px){
  .hero-inner{grid-template-columns:1fr}
  .contact-inner{grid-template-columns:1fr}
}