body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#fff}
.container{width:min(1120px,92%);margin:0 auto}
.section{padding:80px 0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:16px;position:sticky;top:0;background:#ffffffcc;backdrop-filter:blur(8px)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;font-weight:700}
.menu{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.menu a{text-decoration:none;color:#0f172a}
.nav-toggle{display:none}
@media(max-width:860px){.nav-toggle{display:inline-flex}.menu{display:none;position:absolute;right:2%;top:60px;flex-direction:column;background:#fff;padding:16px;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.1)}.menu.open{display:flex}}
.hero{padding:40px 0 24px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}
h1{font-size:clamp(2rem,4vw+1rem,3rem);line-height:1.2;margin:0 0 12px}
.lead{font-size:1.125rem;color:#475569}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 8px}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;text-decoration:none}
.btn-primary{background:#0ea5a4;color:#fff}
.btn-ghost{border:1px solid #e2e8f0;color:#0f172a}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:980px){.grid-2{grid-template-columns:1fr}}
input,textarea{padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;width:100%}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:flex-start}
.site-footer{padding:32px 0;border-top:1px solid #e2e8f0}
@media(max-width:540px){.cta .btn{width:100%;text-align:center}.footer-grid{grid-template-columns:1fr}}


/* === Social icons (brand-coherent) === */
.social-panel{ padding:12px; border:1px solid #e2e8f0; border-radius:14px; }
.social-icons{ list-style:none; display:flex; flex-wrap:wrap; gap:14px 18px; padding:0; margin:8px 0 0; align-items:center }
.social-icons a{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:999px;
  color:#0d9488; background:#ecfeff; border:1px solid #99f6e4;
  transition:all .2s ease;
}
.social-icons a:hover{
  color:#c0932b; background:#fff7ed; border-color:#fcd34d; transform:translateY(-1px);
}
.footer-social .social-icons{ justify-content:center }
@media (prefers-color-scheme: dark){
  .social-panel{ border-color:#1f2937 }
  .social-icons a{ background:#0b1325; border-color:#0ea5a4 }
  .social-icons a:hover{ background:#1f2937 }
}