@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
/* The brand of https://bestairductclean.com/, as site.mjs read it: its colors, and its fonts where they load. The type and case of the page are the look the owner picked (its comp). Loaded after the style; it overrides custom properties on :root and
   Not loaded, so not used: Poppins (no file and no web import): the style's face stands in until the look's own is set.
   keeps the two things a kit style must not impose on a brand that has its own (kit 1.3.6): headings in capitals and the
   kit's highlight marker (a highlighted phrase is set in the brand's own color). The site's Google fonts load from here; a font it hosts itself goes in fonts/ beside it. Change values here,
   never the style file. */
:root{
  --accent: #188BF6;
  --accent2: #0C1B54;
  --cta: #37CA37;
  --cta-ink: #111111;
  --hl: #37CA37;
  --dark: #0C1B54;
  --paper: #FFFFFF;
  --sand: color-mix(in srgb, var(--paper) 94%, var(--accent));
  --fb: "Lato",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --fu: "Lato",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --fd: "Poppins","Lato",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --wd: 800;
  --ink: #111827;
  --muted: #4A5578;
  --line: #E3E8F5;
  --card: #FFFFFF;
  --rb: 999px;
}
h1,h2,h3,.eyebrow + h1,.heroD h1{text-transform:none}
.btn{text-transform:none}
/* the key phrase reads as the brand writes it: no kit color, block, swipe or underline behind it */
.hi{color:var(--hl,var(--accent));background:none;text-decoration:none;font-style:inherit;padding:0;margin:0}.hi svg{display:none}