:root{
  --green: #1B5E20;
  --yellow: #FFB81C;
  --dark: #0f172a;
  --light: #f8fafc;
  --ink: #111111;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--light);color:#0b1020}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Header: center the logo */
header.nav,
.container.nav{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding:20px 0;
}
header.nav .logo{
  width:250px !important;     /* keep at your chosen size */
  max-width:250px !important;
  height:auto !important;
  display:block !important;
  margin:0 auto !important;
}

/* Accessibility: hidden text for SEO/screen readers */
.visually-hidden{
  position:absolute !important;
  height:1px;width:1px;
  overflow:hidden;clip:rect(1px,1px,1px,1px);
  white-space:nowrap;border:0;padding:0;margin:-1px;
}

/* Hero + cards + footer */
.hero{padding:72px 0;background:linear-gradient(180deg,#fff,#f4f7fb);text-align:center}
.hero h1{font-size:2.4rem;margin:0 0 12px;color:var(--dark)}
.hero p{font-size:1.1rem;max-width:680px;margin:0 auto;color:#374151}
.grid{display:grid;gap:18px}
.services{padding:40px 0}
.card{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:18px;box-shadow:4px 4px 0 var(--ink)}
.card h3{margin:0 0 8px}
.section-title{font-size:1.6rem;margin:24px 0 8px}
.small{font-size:.9rem;color:#475569}
.footer{margin-top:48px;border-top:1px dashed #cbd5e1;padding:28px 0;color:#475569;font-size:.95rem;text-align:center}
.footer a{color:#0ea5e9}

/* Pricing grid: enforce 2x2 */
.box-grid-2x2{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
@media (max-width:700px){
  .box-grid-2x2{grid-template-columns:1fr !important;}
}