/* Was inline in page 241 (resources) until 4 September 2026; moved by the
   audit's CSS pass so git, review and the theme comparison can see it. */
.gn-res-hero { --gn-sapphire:var(--wp--preset--color--primary); --gn-space:var(--wp--preset--color--ink); --gn-sky:var(--wp--preset--color--steel); --gn-yellow:var(--wp--preset--color--cta-hover);
  --gn-font-display:"Avenir Next","Avenir Next LT Pro","Segoe UI",system-ui,sans-serif;
  --gn-font-body:"Source Sans Pro","Source Sans 3","Segoe UI",system-ui,sans-serif;
  position:relative;
  background:radial-gradient(120% 95% at 50% 0%, var(--wp--preset--color--primary) 45%, var(--wp--preset--color--ink) 100%);
  color:var(--wp--preset--color--white);
  padding:72px 24px 0;
  overflow:hidden; }
.gn-res-hero * { box-sizing:border-box; }
.gn-res-in { position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:center;padding-bottom:92px; }
.gn-res-pill { display:inline-flex;align-items:center;gap:8px;background:var(--wp--preset--color--white);color:var(--gn-space);font-family:var(--gn-font-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 16px 6px 13px;border-radius:999px; }
.gn-res-pill .gn-dot { width:8px;height:8px;border-radius:50%;background:var(--gn-sky); }
.gn-res-hero h1 { font-family:var(--gn-font-display);color:var(--wp--preset--color--white);font-weight:700;font-size:56px;line-height:1.04;letter-spacing:-.02em;margin:20px 0 0;text-wrap:balance; }
.gn-res-hero h1 .gn-term { color:var(--gn-yellow); }
.gn-res-dek { font-family:var(--gn-font-body);font-size:17px;font-weight:400;line-height:1.6;color:rgb(from var(--genasys-white) r g b / 0.85);max-width:580px;margin:22px auto 0;text-wrap:pretty; }
.gn-res-line { position:relative;z-index:2;height:3px;margin-bottom:40px;background:linear-gradient(90deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--accent) 22%,var(--wp--preset--color--cta-hover) 44%,var(--wp--preset--color--cta) 66%,var(--wp--preset--color--purple) 84%,var(--wp--preset--color--ink) 100%); }
@media (max-width:1024px) {
  .gn-res-hero h1 { font-size:46px; }
}
@media (max-width:600px) {
  .gn-res-hero { padding:56px 20px 0; }
  .gn-res-in { padding-bottom:76px; }
  .gn-res-hero h1 { font-size:34px; }
  .gn-res-dek { font-size:16px; }
}
