.elementor-kit-13{--e-global-color-primary:#7C29C4;--e-global-color-secondary:#2730B9;--e-global-color-text:#142616;--e-global-color-accent:#3EE5C9;--e-global-color-areti_purple_700:#5d1d96;--e-global-color-areti_purple_500:#9b5ae0;--e-global-color-areti_purple_100:#efe3ff;--e-global-color-areti_purple_50:#f8f1ff;--e-global-color-areti_blue_600:#3b46d2;--e-global-color-areti_blue_100:#e2e5ff;--e-global-color-areti_blue_50:#f1f3ff;--e-global-color-areti_magenta:#D63087;--e-global-color-areti_amber:#FBB221;--e-global-color-areti_sage:#A2C4BF;--e-global-color-areti_sky:#D4EEF7;--e-global-color-areti_peach:#FEE9E1;--e-global-color-areti_ink_2:#2a3a2e;--e-global-color-areti_gray_900:#0e1430;--e-global-color-areti_gray_700:#2f3340;--e-global-color-areti_gray_600:#4a4f5c;--e-global-color-areti_gray_500:#6b7280;--e-global-color-areti_gray_400:#a8acb6;--e-global-color-areti_gray_300:#d4d7dc;--e-global-color-areti_gray_200:#e7e9ee;--e-global-color-areti_gray_100:#f1f3f7;--e-global-color-areti_gray_50:#f8f9fb;--e-global-color-areti_white:#FFFFFF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-letter-spacing:-0.018em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-letter-spacing:-0.015em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.14em;--e-global-typography-areti_display-font-family:"Plus Jakarta Sans";--e-global-typography-areti_display-font-size:64px;--e-global-typography-areti_display-font-weight:800;--e-global-typography-areti_display-line-height:1.05em;--e-global-typography-areti_display-letter-spacing:-0.02em;--e-global-typography-areti_h1-font-family:"Plus Jakarta Sans";--e-global-typography-areti_h1-font-size:48px;--e-global-typography-areti_h1-font-weight:800;--e-global-typography-areti_h1-line-height:1.1em;--e-global-typography-areti_h1-letter-spacing:-0.018em;--e-global-typography-areti_h2-font-family:"Plus Jakarta Sans";--e-global-typography-areti_h2-font-size:36px;--e-global-typography-areti_h2-font-weight:700;--e-global-typography-areti_h2-line-height:1.15em;--e-global-typography-areti_h2-letter-spacing:-0.015em;--e-global-typography-areti_h3-font-family:"Plus Jakarta Sans";--e-global-typography-areti_h3-font-size:28px;--e-global-typography-areti_h3-font-weight:700;--e-global-typography-areti_h3-line-height:1.2em;--e-global-typography-areti_h4-font-family:"Plus Jakarta Sans";--e-global-typography-areti_h4-font-size:22px;--e-global-typography-areti_h4-font-weight:700;--e-global-typography-areti_h4-line-height:1.25em;--e-global-typography-areti_h5-font-family:"Plus Jakarta Sans";--e-global-typography-areti_h5-font-size:18px;--e-global-typography-areti_h5-font-weight:600;--e-global-typography-areti_h5-line-height:1.3em;--e-global-typography-areti_lead-font-family:"Poppins";--e-global-typography-areti_lead-font-size:20px;--e-global-typography-areti_lead-font-weight:400;--e-global-typography-areti_lead-line-height:1.55em;--e-global-typography-areti_body-font-family:"Poppins";--e-global-typography-areti_body-font-size:16px;--e-global-typography-areti_body-font-weight:400;--e-global-typography-areti_body-line-height:1.65em;--e-global-typography-areti_small-font-family:"Poppins";--e-global-typography-areti_small-font-size:14px;--e-global-typography-areti_small-font-weight:400;--e-global-typography-areti_small-line-height:1.55em;--e-global-typography-areti_eyebrow-font-family:"Plus Jakarta Sans";--e-global-typography-areti_eyebrow-font-size:12px;--e-global-typography-areti_eyebrow-font-weight:700;--e-global-typography-areti_eyebrow-text-transform:uppercase;--e-global-typography-areti_eyebrow-letter-spacing:0.14em;--e-global-typography-areti_mono-font-family:"JetBrains Mono";--e-global-typography-areti_mono-font-size:13px;--e-global-typography-areti_mono-font-weight:400;background-color:var( --e-global-color-areti_gray_50 );color:#142616;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.65em;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0.005em;color:#FFFFFF;box-shadow:0px 8px 24px -10px rgba(124,41,196,0.35);border-radius:999px 999px 999px 999px;padding:14px 26px 14px 26px;}.elementor-kit-13 button:hover,.elementor-kit-13 button:focus,.elementor-kit-13 input[type="button"]:hover,.elementor-kit-13 input[type="button"]:focus,.elementor-kit-13 input[type="submit"]:hover,.elementor-kit-13 input[type="submit"]:focus,.elementor-kit-13 .elementor-button:hover,.elementor-kit-13 .elementor-button:focus{background-color:#5d1d96;color:#FFFFFF;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 a{color:#7C29C4;text-decoration:none;}.elementor-kit-13 a:hover{color:#5d1d96;}.elementor-kit-13 h1{color:#142616;font-family:"Plus Jakarta Sans", Sans-serif;font-size:48px;font-weight:800;line-height:1.1em;letter-spacing:-0.018em;}.elementor-kit-13 h2{color:#142616;font-family:"Plus Jakarta Sans", Sans-serif;font-size:36px;font-weight:700;line-height:1.15em;letter-spacing:-0.015em;}.elementor-kit-13 h3{color:#142616;font-family:"Plus Jakarta Sans", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;}.elementor-kit-13 h4{color:#142616;font-family:"Plus Jakarta Sans", Sans-serif;font-size:22px;font-weight:700;line-height:1.25em;}.elementor-kit-13 h5{color:#142616;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:600;line-height:1.3em;}.elementor-kit-13 h6{color:#142616;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:600;line-height:1.35em;}.elementor-kit-13 input:not([type="button"]):not([type="submit"]),.elementor-kit-13 textarea,.elementor-kit-13 .elementor-field-textual{font-family:"Poppins", Sans-serif;font-size:15px;color:#142616;background-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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 *//* ============================================================
   Areti Health Design Tokens
   v1.0 · 2026-04-28
   ------------------------------------------------------------
   PASTE THIS WHOLE FILE INTO:
   WP Admin → Elementor → Site Settings → Custom CSS

   It loads the brand variables and utility classes used by the
   hi-fi mockups. After paste, any HTML widget or custom code can
   reference --purple-600, --blue-700, --r-lg, --grad-brand, etc.
   ============================================================ */

:root{
  /* Purple ramp */
  --purple-600:#7C29C4;
  --purple-700:#5d1d96;
  --purple-500:#9b5ae0;
  --purple-100:#efe3ff;
  --purple-50:#f8f1ff;

  /* Blue ramp */
  --blue-700:#2730B9;
  --blue-600:#3b46d2;
  --blue-100:#e2e5ff;
  --blue-50:#f1f3ff;

  /* Ink + ink-2 */
  --ink:#142616;
  --ink-2:#2a3a2e;

  /* Soft secondaries */
  --sage:#A2C4BF;
  --sky:#D4EEF7;
  --peach:#FEE9E1;

  /* Brand accents */
  --teal:#3EE5C9;
  --amber:#FBB221;
  --magenta:#D63087;

  /* Neutrals */
  --white:#fff;
  --gray-50:#f8f9fb;
  --gray-100:#f1f3f7;
  --gray-200:#e7e9ee;
  --gray-300:#d4d7dc;
  --gray-400:#a8acb6;
  --gray-500:#6b7280;
  --gray-600:#4a4f5c;
  --gray-700:#2f3340;
  --gray-900:#0e1430;

  /* Gradients */
  --grad-brand:linear-gradient(180deg,#9b5ae0 0%,#2730B9 100%);
  --grad-brand-r:linear-gradient(135deg,#7C29C4 0%,#2730B9 100%);
  --grad-soft:linear-gradient(135deg,#f8f1ff 0%,#f1f3ff 100%);
  --grad-hero:radial-gradient(1200px 600px at 70% 0%,rgba(155,90,224,.45),transparent 60%),linear-gradient(180deg,#1a1f55 0%,#0e1430 100%);

  /* Shadow scale */
  --sh-1:0 1px 2px rgba(20,38,22,.04);
  --sh-2:0 2px 6px rgba(20,38,22,.06), 0 1px 2px rgba(20,38,22,.04);
  --sh-3:0 8px 24px -10px rgba(20,38,22,.18), 0 2px 4px rgba(20,38,22,.06);
  --sh-4:0 24px 60px -20px rgba(20,38,22,.25);
  --sh-glow:0 0 0 6px rgba(124,41,196,.12);

  /* Border radius */
  --r-xs:4px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:20px;
  --r-2xl:28px;
  --r-full:999px;

  /* Font stacks */
  --font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-body:'Poppins',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
}

/* ============================================================
   Reusable utility classes
   Drop these onto Elementor widgets via Advanced → CSS Classes
   ============================================================ */

.areti-eyebrow{
  font-family:var(--font-display);font-weight:700;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--purple-600);
}

.areti-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:var(--r-full);
  background:var(--purple-50);color:var(--purple-700);
  font-family:var(--font-body);font-weight:600;font-size:12px;
}

.areti-card{
  background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-2);
  transition:box-shadow .2s ease;
}
.areti-card:hover{box-shadow:var(--sh-3);}

.areti-stat-num{
  font-family:var(--font-display);font-weight:800;
  font-size:44px;line-height:1.05;color:var(--purple-600);
  letter-spacing:-.02em;
}

.areti-stat-label{
  font-family:var(--font-body);font-size:13px;
  color:var(--gray-600);font-weight:500;
}

.areti-cta-strip{
  background:var(--grad-brand-r);color:var(--white);
  border-radius:var(--r-2xl);padding:48px;
}

.areti-soon{
  display:inline-flex;align-items:center;
  background:var(--amber);color:var(--ink);
  font-family:var(--font-display);font-weight:700;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;
  padding:2px 7px;border-radius:var(--r-sm);
  margin-left:8px;vertical-align:middle;
}

.areti-band-dark{
  background:var(--gray-900);color:var(--white);
}
.areti-band-dark h1,.areti-band-dark h2,
.areti-band-dark h3,.areti-band-dark h4{color:var(--white);}

/* ============================================================
   Brand-aligned button styles for Elementor's Button widget
   Add CSS class .areti-btn (and optionally .areti-btn-ghost or
   .areti-btn-dark) to override the widget's default styling.
   ============================================================ */

.areti-btn .elementor-button,
a.areti-btn{
  background:var(--purple-600)!important;color:var(--white)!important;
  font-family:var(--font-body)!important;font-weight:600;
  border-radius:var(--r-full)!important;padding:14px 26px!important;
  box-shadow:0 8px 24px -10px rgba(124,41,196,.35);
  transition:background .15s ease,transform .15s ease;
}
.areti-btn .elementor-button:hover,
a.areti-btn:hover{background:var(--purple-700)!important;transform:translateY(-1px);}

.areti-btn-ghost .elementor-button,
a.areti-btn-ghost{
  background:transparent!important;color:var(--purple-600)!important;
  border:1.5px solid var(--purple-600)!important;
  font-family:var(--font-body)!important;font-weight:600;
  border-radius:var(--r-full)!important;padding:12.5px 24.5px!important;
}
.areti-btn-ghost .elementor-button:hover,
a.areti-btn-ghost:hover{background:var(--purple-50)!important;}

/* ============================================================
   HTML widget button color recovery
   ------------------------------------------------------------
   Elementor's global Theme Style "Link Normal Color" beats the
   page's own .btn-* color rules on specificity, so button text
   inside HTML widgets reverts to purple. These .elementor-kit-13s are
   more specific (.elementor-widget-html a.btn-X) and restore
   the correct text color per variant.
   ============================================================ */

/* White text — buttons on colored / dark backgrounds */
.elementor-widget-html a.btn-primary,
.elementor-widget-html a.btn-secondary,
.elementor-widget-html a.btn-outline-d,
.elementor-widget-html a.btn-on-glass{color:#ffffff!important;}

/* Ink text — buttons on light backgrounds */
.elementor-widget-html a.btn-light,
.elementor-widget-html a.btn-outline,
.elementor-widget-html a.btn-on-dark,
.elementor-widget-html a.btn-ghost{color:var(--ink,#142616)!important;}

/* Purple text — text-only link buttons */
.elementor-widget-html a.btn-link{color:var(--purple-600,#7C29C4)!important;}

/* Strip the underline Elementor's link styling adds on hover */
.elementor-widget-html a.btn,
.elementor-widget-html a[class*="btn-"]{text-decoration:none!important;}
.elementor-widget-html a.btn:hover,
.elementor-widget-html a[class*="btn-"]:hover{text-decoration:none!important;}/* End custom CSS */