:root { --accent1:#8F5BDC; --accent2:#FF7E29; }
body { font-family: Arial, sans-serif; margin: 0; padding: 3rem 1rem; color:#222; background:#f8f8f8; }
main { max-width: 820px; margin: 0 auto; background:#fff; padding:2rem; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
h1.logo { font-size:3rem; margin:0 0 .25rem 0; font-weight:800;
  background:linear-gradient(90deg,var(--accent1),var(--accent2));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.tagline { margin:.25rem 0 2rem 0; font-weight:600; }
a { color: var(--accent1); text-decoration:none; }
a:hover { text-decoration:underline; }
.small { color:#666; font-size:.9rem; }

main { min-height: calc(100vh - 6rem); }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-bottom:2rem; border-bottom:1px solid #f0f0f0; }
.brand { font:800 1.5rem/1 Arial, sans-serif; text-decoration:none; background:linear-gradient(90deg,var(--accent1),var(--accent2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.site-header nav, .site-footer { display:flex; flex-wrap:wrap; gap:.9rem 1.2rem; align-items:center; }
.site-header nav a, .site-footer a { color:var(--accent1); font-weight:700; }
.page-hero { padding:4rem 0 2rem; max-width:720px; }
.page-hero h1 { font:700 clamp(2.2rem, 6vw, 4rem)/1.05 Arial, sans-serif; margin:.4rem 0 1rem; color:#222; }
.page-hero p:not(.eyebrow) { max-width:650px; font-size:1.15rem; line-height:1.7; color:#444; }
.eyebrow { margin:0; color:var(--accent2); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.team-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.4rem; }
.team-card { display:grid; grid-template-columns:128px 1fr; gap:1.15rem; align-items:start; background:#fff; border:1px solid #f0f0f0; border-radius:8px; padding:1.05rem; }
.team-card img { width:128px; aspect-ratio:1; object-fit:cover; border-radius:6px; }
.team-card h2 { margin:.3rem 0 .65rem; color:var(--accent1); font:700 1.35rem/1.1 Arial, sans-serif; }
.team-card p:not(.eyebrow) { margin:0; color:#444; font-size:.86rem; line-height:1.52; }
.site-footer { margin-top:4rem; padding-top:1.5rem; border-top:1px solid #f0f0f0; font-size:.9rem; }
.site-footer p { width:100%; margin:0; color:#666; }
.content-section { background:#fff; border:1px solid #f0f0f0; border-radius:8px; padding:2rem; margin:1.25rem 0; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.content-section h2 { margin-top:0; color:var(--accent1); font:700 1.8rem/1.15 Arial, sans-serif; }
.content-section h3 { color:var(--accent2); margin-bottom:.35rem; }
.content-section p { color:#444; line-height:1.7; }
.content-section a { color:var(--accent1); font-weight:700; }
.button { display:inline-block; padding:.8rem 1rem; border-radius:6px; background:linear-gradient(90deg,var(--accent1),var(--accent2)); color:#fff !important; text-decoration:none; }
.text-link { display:inline-block; margin-left:.8rem; }
.two-column { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.5rem; }
@media (max-width: 760px) {
  body { padding:1.25rem .85rem; }
  .site-header { align-items:flex-start; flex-direction:column; }
  .team-grid { grid-template-columns:1fr; }
  .team-card { grid-template-columns:88px 1fr; gap:1rem; }
  .team-card img { width:88px; }
  .two-column { grid-template-columns:1fr; }
}