:root {
  --blue: #174f78;
  --blue-dark: #123c5b;
  --accent: #f0b429;
  --ink: #1d2730;
  --muted: #5c6670;
  --paper: #ffffff;
  --soft: #f4f7fa;
}
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); line-height:1.6; background:var(--paper); }
a { color: var(--blue); }
.container { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
header { position:sticky; top:0; z-index:10; background:var(--blue-dark); border-bottom:1px solid rgba(255,255,255,.18); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:82px; }
.logo { display:flex; align-items:center; gap:12px; text-decoration:none; color:white; font-weight:700; }
.logo img { max-width:210px; height:auto; }
nav ul { display:flex; flex-wrap:wrap; gap:18px; margin:0; padding:0; list-style:none; }
nav a { text-decoration:none; color:white; font-weight:600; }
nav a:hover, nav a.active { color:var(--accent); }
.hero { background:linear-gradient(rgba(18,60,91,.72), rgba(18,60,91,.72)), url('assets/simpson-partners-ev-charger.jpg') center/cover; color:white; padding:96px 0; }
.hero-home { background:linear-gradient(90deg, rgba(18,60,91,.92), rgba(18,60,91,.70) 48%, rgba(18,60,91,.30)), url('assets/kitchen-electrics.jpg') center/cover; }
.hero-inner { max-width:820px; margin-left:auto; margin-right:auto; }
.eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:.85rem !important; font-weight:700; color:#ffe3a0; }
.hero h1 { font-size:clamp(2.2rem, 5.2vw, 4.7rem); line-height:1.02; margin:0 0 16px; }
.hero p { font-size:1.25rem; max-width:760px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:14px; }
.button { display:inline-block; background:var(--accent); color:#1c1c1c; padding:13px 20px; border-radius:999px; font-weight:700; text-decoration:none; margin-top:14px; border:2px solid var(--accent); }
.hero-actions .button { margin-top:0; }
.button-secondary { background:transparent; color:white; border-color:rgba(255,255,255,.75); }
.section { padding:64px 0; }
.section.soft { background:var(--soft); }
.grid { display:grid; gap:24px; }
.grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.grid-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.grid-4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.card { background:white; border:1px solid #e1e8ee; border-radius:18px; padding:24px; box-shadow:0 8px 24px rgba(18,60,91,.06); }
.card.compact { padding:20px; }
.card h3 { margin-top:0; color:var(--blue-dark); }
.card img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; margin-bottom:14px; }
.lead { font-size:1.15rem; color:var(--muted); max-width:780px; }
.split { display:grid; grid-template-columns:minmax(0, .95fr) minmax(320px, 1.05fr); gap:48px; align-items:center; }
.align-center { align-items:center; }
.photo-stack { position:relative; min-height:430px; }
.photo-stack img { display:block; width:100%; height:auto; object-fit:cover; box-shadow:0 18px 44px rgba(18,60,91,.20); }
.photo-main { border-radius:24px; aspect-ratio:4/3; }
.photo-small { position:absolute; width:42%; border:8px solid white; border-radius:18px; }
.photo-one { left:-18px; bottom:20px; }
.photo-two { right:-10px; bottom:-24px; }
.image-cards .card { padding:16px 16px 22px; }
.image-cards .card h3, .image-cards .card p { padding-left:6px; padding-right:6px; }
.trust-strip { padding:42px 0; }
footer { background:var(--blue-dark); color:white; padding:36px 0; }
footer a { color:white; }
.contact-panel { background:var(--blue); color:white; border-radius:22px; padding:32px; }
.contact-panel a { color:white; }
.form-note { background:#fff8e1; border:1px solid #f3d27a; padding:14px 16px; border-radius:12px; color:#3a2b00; }
@media (max-width: 760px) {
  .nav { align-items:flex-start; flex-direction:column; padding:16px 0; }
  nav ul { gap:12px; }
  .grid-2, .grid-3, .grid-4, .split { grid-template-columns:1fr; }
  .hero { padding:64px 0; }
  .hero-home { background:linear-gradient(rgba(18,60,91,.86), rgba(18,60,91,.76)), url('assets/kitchen-electrics.jpg') center/cover; }
  .photo-stack { min-height:0; }
  .photo-small { position:static; width:48%; display:inline-block; margin-top:12px; vertical-align:top; }
  .photo-one { margin-right:2%; }
}