*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fafafa;
  --bg-elev:#ffffff;
  --fg:#0a0a0a;
  --fg-muted:#4a4a4a;
  --fg-soft:#6b7280;
  --border:#e5e7eb;
  --accent:#10b981;
  --accent-dark:#059669;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.04);
}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--fg);
  line-height:1.6;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{color:var(--accent-dark);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem}

header.site-header{
  background:var(--bg-elev);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:50;
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 0;
}
.brand{
  display:flex;align-items:center;gap:.5rem;
  font-weight:700;font-size:1.125rem;color:var(--fg);
}
.brand-mark{
  width:28px;height:28px;border-radius:6px;
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:.875rem;
}
.nav-links{display:flex;gap:1.5rem;list-style:none}
.nav-links a{color:var(--fg-muted);font-size:.9375rem;font-weight:500}
.nav-links a:hover{color:var(--fg);text-decoration:none}
@media (max-width:640px){
  .nav-links{display:none}
}

main{flex:1}

.hero{
  padding:4rem 0 3rem;
  text-align:center;
}
.hero h1{
  font-size:clamp(1.75rem,4vw,2.75rem);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.15;
  margin-bottom:1rem;
}
.hero .lead{
  font-size:1.125rem;
  color:var(--fg-muted);
  max-width:640px;
  margin:0 auto 2rem;
}
.badges{
  display:flex;justify-content:center;flex-wrap:wrap;gap:.625rem;
  margin-top:1.5rem;
}
.badge{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--bg-elev);
  border:1px solid var(--border);
  border-radius:999px;
  padding:.4rem .9rem;
  font-size:.8125rem;
  color:var(--fg-muted);
  font-weight:500;
}
.badge::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);
}

section.section{padding:3rem 0;border-top:1px solid var(--border)}
section.section:first-of-type{border-top:none}
.section h2{
  font-size:clamp(1.375rem,3vw,1.875rem);
  font-weight:700;
  letter-spacing:-.015em;
  margin-bottom:.75rem;
}
.section .subtitle{color:var(--fg-soft);margin-bottom:2rem;max-width:680px}
.section p{margin-bottom:1rem;color:var(--fg-muted);max-width:760px}
.section ul,.section ol{margin:0 0 1rem 1.5rem;color:var(--fg-muted)}
.section li{margin-bottom:.4rem}

.grid-3{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;
  margin-top:2rem;
}
.card{
  background:var(--bg-elev);
  border:1px solid var(--border);
  border-radius:12px;
  padding:1.5rem;
  box-shadow:var(--shadow);
}
.card .icon{
  width:40px;height:40px;border-radius:8px;
  background:rgba(16,185,129,.1);color:var(--accent-dark);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;margin-bottom:1rem;
}
.card h3{font-size:1.0625rem;margin-bottom:.5rem;font-weight:600}
.card p{font-size:.9375rem;color:var(--fg-muted)}

/* Legal pages */
.legal{padding:3rem 0}
.legal h1{font-size:2rem;margin-bottom:.5rem;font-weight:800;letter-spacing:-.02em}
.legal .updated{color:var(--fg-soft);font-size:.875rem;margin-bottom:2rem}
.legal h2{font-size:1.25rem;margin:2rem 0 .75rem;font-weight:700}
.legal h3{font-size:1.0625rem;margin:1.5rem 0 .5rem;font-weight:600}
.legal p,.legal li{color:var(--fg-muted);margin-bottom:.75rem}
.legal ul,.legal ol{margin-left:1.5rem}
.legal a{color:var(--accent-dark);font-weight:500}

.contact-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;
  margin-top:1.5rem;
}
.contact-card{
  background:var(--bg-elev);
  border:1px solid var(--border);
  border-radius:12px;
  padding:1.5rem;
}
.contact-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-soft);margin-bottom:.5rem;font-weight:600}
.contact-card .value{font-size:1rem;font-weight:500;color:var(--fg);word-break:break-word}

footer.site-footer{
  background:var(--fg);
  color:#a1a1aa;
  padding:3rem 0 2rem;
  margin-top:auto;
  font-size:.875rem;
}
.footer-grid{
  display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:2rem;margin-bottom:2rem;
}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}}
.footer-col h4{color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-weight:600}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:.5rem}
.footer-col a{color:#a1a1aa}
.footer-col a:hover{color:#fff;text-decoration:none}
.footer-bottom{
  border-top:1px solid #27272a;
  padding-top:1.5rem;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  color:#71717a;font-size:.8125rem;
}
.footer-brand{
  display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;margin-bottom:.75rem;
}
.footer-desc{margin-bottom:1rem;max-width:340px;line-height:1.5}