:root{--primary:#1F6FEB;--secondary:#FF8A4B;--accent:#FF8A4B;--muted:#F3F6FB;--dark:#0F1724;--text:#0B1B2B}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;margin:0;color:var(--text);background:var(--muted)}
.header{position:fixed;top:0;left:0;right:0;background:white;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;box-shadow:0 6px 18px rgba(15,23,36,0.06);z-index:999}
.brand img{height:56px}
.nav a{margin-left:18px;color:var(--dark);font-weight:700;text-decoration:none}
.main{padding-top:110px}
.hero{display:flex;gap:30px;align-items:center;padding:56px 28px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:white}
.hero .copy{flex:1}
.hero h1{font-size:42px;margin:0 0 12px}
.hero p{margin:0 0 18px;font-size:18px}
.btn{background:var(--accent);color:white;padding:12px 18px;border-radius:10px;font-weight:800;text-decoration:none;display:inline-block}
.section{padding:48px 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:white;padding:18px;border-radius:12px;box-shadow:0 8px 28px rgba(15,23,36,0.04);transition:transform .28s}
.card:hover{transform:translateY(-8px)}
.photo{width:100%;height:220px;object-fit:cover;border-radius:10px}
.testimonials{background:linear-gradient(90deg,rgba(31,111,235,0.04),rgba(255,138,75,0.02));padding:34px;border-radius:12px;margin:24px 28px}
.testimonial-track{display:flex;gap:18px;overflow:hidden;scroll-behavior:smooth;padding:12px}
.testimonial{min-width:320px;background:white;padding:16px;border-radius:12px;box-shadow:0 8px 20px rgba(15,23,36,0.04);display:flex;gap:12px;align-items:flex-start}
.testimonial img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:4px solid white}
footer{padding:36px;text-align:center;color:rgba(15,23,36,0.6);border-top:1px solid rgba(15,23,36,0.04);margin-top:40px}