:root{--brand:#0b5ed7;--dark:#0b1b2b;--accent:#00b3a4;--bg:#0e2235}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1f2937}
.nav{position:sticky;top:0;background:#ffffffd9;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eaeaea;z-index:999}
.nav .wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.nav a{color:#0b1b2b;text-decoration:none;margin:0 10px;font-weight:600}
.nav a.btn{background:var(--brand);color:#fff;padding:8px 12px;border-radius:8px}
.hero{background:linear-gradient(120deg,var(--bg),#16324a);color:#fff;padding:90px 16px 60px}
.hero .wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px}
.hero h1{margin:0 0 10px;font-size:2.2rem}
.hero p{opacity:.95}
.hero .cta a{display:inline-block;margin:10px 8px 0 0;padding:12px 16px;border-radius:10px;text-decoration:none}
.hero .cta .call{background:var(--brand);color:#fff}
.hero .cta .email{background:var(--accent);color:#073b3a}
.section{padding:56px 16px}
.section .wrap{max-width:1100px;margin:0 auto}
.badge{display:inline-block;background:#e9f5ff;color:#084298;border:1px solid #b6e0ff;border-radius:999px;padding:6px 10px;margin:6px 6px 0 0;font-size:.95rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{border:1px solid #e6e6e6;border-radius:12px;padding:16px;background:#fff}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:10px}
footer{background:#f7f7f9;padding:28px 16px;margin-top:40px}
small{color:#6b7280}