.elementor-kit-61{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!-- GLOBAL FONTS -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap" rel="stylesheet">

<style>
/* ========= GLOBAL TYPE (clean, iOS-safe, no forced bold) ========= */
:root{
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --w-body:   400;   /* default paragraph */
  --w-strong: 600;   /* <strong> */
  --w-head:   700;   /* headings */
  --w-cta:    600;   /* buttons/CTAs */
}

/* Base */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html, body{
  font-family:var(--font-body);
  font-weight:var(--w-body);
  line-height:1.6;
  letter-spacing:0;
  font-synthesis:none;                 /* stop Safari fake bold/italic */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  color:#111;
}

/* Headings */
h1, h2, h3, h4, h5, h6{
  font-family:var(--font-heading);
  font-weight:var(--w-head);
  line-height:1.15;
  margin:0 0 .5em;
}

/* Strong/emphasis */
b, strong{ font-weight:var(--w-strong); }

/* Buttons & form controls */
button, .phx-cta, .phx-pill, input, textarea, select{
  font-family:var(--font-heading);
  font-weight:var(--w-cta);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeSpeed;
}

/* ---- NO iOS weight overrides here on purpose ----
   The old blocks were fighting each other and “inflating” weight.
   If you ever need a tiny nudge, do it in the component (see hero below). */
</style>/* End custom CSS */