:root{
  --brand-red:#9B1F24;
  --brand-red-2:#B72A2F;
  --text:#333333;
  --bg:#F8F8F8;
  --white:#FFFFFF;
  --container:1100px;
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:1000;background:var(--white);padding:10px 12px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.12);border:1px solid #e6e9ee}
.wrap{width:90%;max-width:var(--container);margin:0 auto;padding:24px 0}
.site-header{background:var(--white);border-bottom:1px solid #e6e9ee;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:16px}
.logo{width:64px;height:64px;object-fit:contain;border-radius:6px}
.brand-copy h1{margin:0;color:var(--brand-red);font-size:1.1rem}
.brand-copy .sub{font-size:0.9rem;color:var(--text)}
.nav{margin-left:auto;display:flex;gap:12px;align-items:center}
.nav a{text-decoration:none;color:var(--text);font-weight:600;padding:8px 10px;border-radius:8px}
.cta{background:var(--brand-red);color:var(--white);padding:8px 12px;border-radius:8px;text-decoration:none}
.cta:hover{background:var(--brand-red-2)}
.nav a:hover{background:#f3f4f6}
.nav a:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid rgba(155,31,36,.35);outline-offset:2px}

/* Mobile nav */
.nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid #e6e9ee;border-radius:10px;padding:8px 10px;font-weight:700}
.nav-toggle span{display:inline-block;line-height:1}
.nav.is-open{display:flex}

/* Hero */
.hero{display:flex;gap:24px;align-items:center;padding:36px 0;background:var(--white);border-bottom:1px solid #eef2f7}
.hero-copy{flex:1}
.hero-copy h2{margin:0;font-size:1.6rem}
.hero-copy p{color:#6b7280}
.hero-image img{width:320px;border-radius:12px;object-fit:cover}

/* Services */
.services{padding:28px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.cards a{display:block;background:var(--white);border:1px solid #e6e9ee;border-radius:14px;padding:14px 14px;text-decoration:none;color:var(--text);font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.cards a:hover{border-color:#d1d5db;transform:translateY(-1px)}

/* Insights */
.insights-preview ul{list-style:none;padding:0;margin:0}
.insights-preview li{margin:8px 0}
.insights-preview a{color:var(--brand-red);font-weight:700;text-decoration:none}
.insights-preview a:hover{text-decoration:underline}

/* Forms */
.contact-form{max-width:700px;margin-top:12px}
.contact-form label{display:block;margin-top:12px;font-weight:600}
.contact-form input, .contact-form textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-top:6px}
.btn{background:var(--brand-red);color:var(--white);padding:10px 14px;border-radius:8px;border:none;cursor:pointer;margin-top:12px}
.btn:hover{background:var(--brand-red-2)}
.muted{color:#6b7280;font-size:.95rem}

/* Footer */
.site-footer{background:var(--white);border-top:1px solid #e6e9ee;padding:20px 0;margin-top:28px}
.site-footer a{color:var(--brand-red)}

/* Responsive */
@media (max-width:800px){
  .hero{flex-direction:column;text-align:center}
  .nav-toggle{display:block}
  .nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:6px;margin-left:0;margin-top:12px}
  .nav a{padding:10px 12px}
}