:root{--navy:#082d72;--blue:#087fca;--red:#df2027;--light:#f4f9fd;--text:#172033;--muted:#5b6678}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65}
a{color:inherit}.top{background:#fff;border-bottom:1px solid #e8eef5}.topin{max-width:1180px;margin:auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:800}.brand img{width:72px;height:60px;object-fit:contain}.brand b{font-size:15px;line-height:1.15}.brand small{display:block;color:var(--red);font-size:11px;margin-top:3px}
.quick{display:flex;gap:20px;align-items:center;font-size:13px}.quick strong{color:var(--navy)}
.navbar{background:var(--navy);position:sticky;top:0;z-index:30}.navin{max-width:1180px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;flex-wrap:wrap}.navlinks a{padding:15px 14px;color:white;text-decoration:none;font-size:13px;font-weight:800}.navlinks a:hover,.navlinks a.active{background:var(--red)}.wa{background:#18a85b;color:white;padding:9px 15px;border-radius:22px;text-decoration:none;font-weight:800;font-size:13px}
.hero{background:linear-gradient(100deg,#eaf6ff,#fff 60%);padding:65px 20px}.hero-in{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{color:var(--red);font-weight:900;letter-spacing:1px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.04;color:var(--navy);margin:10px 0}.hero h1 span{color:var(--red)}.hero p{font-size:18px;color:var(--muted)}.hero-img{width:100%;height:430px;object-fit:cover;border-radius:24px;box-shadow:0 20px 50px #082d7225}
.btn{display:inline-block;text-decoration:none;font-weight:800;padding:13px 21px;border-radius:7px;margin:6px 8px 0 0}.primary{background:var(--navy);color:#fff}.danger{background:var(--red);color:#fff}.outline{border:2px solid var(--navy);color:var(--navy)}
section{padding:70px 20px}.container{max-width:1180px;margin:auto}.title{text-align:center;margin-bottom:35px}.title h2{font-size:36px;color:var(--navy);margin:0 0 8px}.title p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e5edf5;border-radius:16px;padding:25px;box-shadow:0 8px 28px #082d7210}.card h3{color:var(--navy);margin:8px 0}.icon{font-size:34px}
.band{background:var(--light)}.two{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.two img{width:100%;max-height:450px;object-fit:cover;border-radius:18px}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.person{overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 10px 30px #082d7215;border:1px solid #e7edf4}.person img{width:100%;height:300px;object-fit:cover;object-position:top}.person .bio{padding:18px}.person h3{margin:0;color:var(--navy);font-size:17px}.person p{margin:4px 0;color:var(--red);font-weight:800;font-size:13px}
.service{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service .card{min-height:190px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contactbox{background:var(--light);padding:28px;border-radius:16px}.contactbox h3{color:var(--navy)}.contactbox a{color:var(--navy);font-weight:800}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery img{width:100%;height:300px;object-fit:cover;border-radius:14px}
.footer{background:#061f55;color:#dce8ff;padding:45px 20px}.footgrid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer h3{color:#fff}.footer a{display:block;text-decoration:none;margin:5px 0}.copy{text-align:center;border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px;font-size:13px}
@media(max-width:900px){.quick{display:none}.hero-in,.two,.contact{grid-template-columns:1fr}.team{grid-template-columns:repeat(2,1fr)}.cards,.service{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.navlinks a{padding:12px 8px;font-size:11px}}
@media(max-width:600px){.topin{padding:7px 12px}.brand img{width:58px;height:50px}.brand b{font-size:12px}.navin{padding:0 8px}.navlinks{overflow:auto;white-space:nowrap;width:100%}.wa{display:none}.hero{padding:45px 15px}.hero-img{height:300px}.hero h1{font-size:40px}.team{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}section{padding:50px 15px}}