/* Hero Video */
.hero{
  padding:34px 0 22px;
}
.hero-grid{
  display:grid;grid-template-columns: 1.15fr .85fr;gap:18px;align-items:stretch;
}
.card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.hero-card{padding:26px;margin-bottom:16px;}
.kicker{color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.h1{font-size:44px;line-height:1.02;margin:12px 0 10px;font-weight:820;letter-spacing:-.02em}
.lead{font-size:16px;line-height:1.6em;margin:0 0 18px;max-width:54ch}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap}
.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pill{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.70);color:var(--muted);font-size:13px}
.right-stack{display:grid;gap:18px;margin-bottom:16px;}
.mini{padding:18px}
.mini h3{margin:0 0 8px;font-size:16px}
.mini p{margin:0;color:var(--muted);font-size:14px;line-height:1.75em;}
.grid{display:grid;gap:18px}
.section{padding:16px 0 36px}
.section h2{font-size:22px;margin:0 0 12px}
.section .sub{color:var(--muted);margin:0 0 18px}
.tiles{display:grid;grid-template-columns: repeat(12, 1fr);gap:14px}
.tile{
  grid-column: span 3;
  padding:16px;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:rgba(255,255,255,.92);
}
.tile strong{display:block;margin-bottom:6px}
.tile span{color:var(--muted);font-size:13px}
.products{display:grid;grid-template-columns: repeat(12, 1fr);gap:14px}
.pcard{
  padding:14px;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:rgba(255,255,255,.92);
  min-height: 420px;
  display:flex;
  flex-direction:column;
}