*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.65;color:#1f2937;background:#fff}
.container{width:min(1100px,92%);margin:auto}
.hero{padding:92px 0;background:linear-gradient(135deg,#eef4ff,#ffffff);text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.82rem;color:#4b5563}
h1{font-size:clamp(2.5rem,6vw,4.8rem);margin:.2rem 0;color:#111827}
.hero h2{font-size:clamp(1.25rem,3vw,2rem);font-weight:600;margin:.5rem auto;max-width:900px}
.lead{max-width:760px;margin:1.2rem auto;font-size:1.15rem}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.button{display:inline-block;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700}
.primary{background:#111827;color:#fff}
.secondary{border:1px solid #111827;color:#111827}
nav{position:sticky;top:0;background:#111827;z-index:10}
.nav-inner{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:13px}
nav a{color:#fff;text-decoration:none;font-weight:600}
section{padding:68px 0}
.alt{background:#f7f8fa}
section h2{text-align:center;font-size:2rem;margin-top:0}
section p{max-width:850px;margin:0 auto 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:30px}
.grid article{background:#fff;padding:22px;border:1px solid #e5e7eb;border-radius:12px}
.grid h3{margin-top:0}
.services{max-width:780px;margin:28px auto;columns:2;column-gap:44px}
.services li{margin-bottom:10px;break-inside:avoid}
.note{padding:16px;border-left:4px solid #6b7280;background:#f9fafb}
.profile-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.profile-links a{padding:10px 15px;border:1px solid #d1d5db;border-radius:8px;text-decoration:none;color:#111827;background:#fff}
.contact-card{max-width:640px;margin:28px auto 0;padding:24px;border:1px solid #d1d5db;border-radius:12px;display:grid;gap:8px;background:#fff}
footer{background:#111827;color:#fff;padding:25px 0;text-align:center}
@media(max-width:650px){.services{columns:1}.hero{padding:64px 0}.nav-inner{gap:13px;font-size:.92rem}}