.elementor-kit-5{--e-global-color-primary:#1B853B;--e-global-color-secondary:#F2A25A;--e-global-color-text:#2B2E30;--e-global-color-accent:#667085;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-text-font-family:"Manrope";--e-global-typography-accent-font-family:"Manrope";--e-global-typography-d23bc7d-font-family:"Manrope";--e-global-typography-d23bc7d-font-size:3rem;--e-global-typography-d23bc7d-font-weight:600;--e-global-typography-d23bc7d-line-height:1.12;--e-global-typography-d23bc7d-letter-spacing:-0.005em;--e-global-typography-e824036-font-family:"Manrope";--e-global-typography-e824036-font-size:1.25rem;--e-global-typography-e824036-font-weight:500;--e-global-typography-e824036-line-height:1.5;--e-global-typography-e824036-letter-spacing:-0.005em;--e-global-typography-3e0fb95-font-family:"Manrope";--e-global-typography-3e0fb95-font-size:1rem;--e-global-typography-3e0fb95-font-weight:600;--e-global-typography-3e0fb95-line-height:1.2;--e-global-typography-3e0fb95-letter-spacing:0.01em;--e-global-typography-e0837c5-font-family:"Manrope";--e-global-typography-e0837c5-font-size:2.25rem;--e-global-typography-e0837c5-font-weight:500;--e-global-typography-e0837c5-line-height:1.272;--e-global-typography-e0837c5-letter-spacing:-0.005em;--e-global-typography-fa620c6-font-family:"Manrope";--e-global-typography-fa620c6-font-size:1.125rem;--e-global-typography-fa620c6-font-weight:400;--e-global-typography-fa620c6-line-height:1.55;--e-global-typography-fa620c6-letter-spacing:0.01em;--e-global-typography-e17088f-font-family:"Manrope";--e-global-typography-e17088f-font-size:1.75rem;--e-global-typography-e17088f-font-weight:600;--e-global-typography-e17088f-line-height:1.272;--e-global-typography-e17088f-letter-spacing:0em;--e-global-typography-5e0b61a-font-family:"Manrope";--e-global-typography-5e0b61a-font-size:1.75rem;--e-global-typography-5e0b61a-font-weight:600;--e-global-typography-5e0b61a-line-height:1.272;--e-global-typography-5e0b61a-letter-spacing:0em;--e-global-typography-afef736-font-family:"Manrope";--e-global-typography-afef736-font-size:0.9375rem;--e-global-typography-afef736-font-weight:700;--e-global-typography-afef736-line-height:1.2;--e-global-typography-afef736-letter-spacing:0.08em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{border-radius:12px 12px 12px 12px;padding:14px 022px 14px 22px;}.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);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.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-kit-5{--e-global-typography-5e0b61a-font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.section {
    max-width: 1280px;
}

/* ===== GREEN CTA 1 ===== */
.btn--prime .elementor-button{
  position: relative;
  background: linear-gradient(180deg, #1B853B 0%, #15672E 100%);
  border: 1px solid #FFFFFF 30%;          
  transform: translateZ(0);
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease, color .18s ease;
  /* Layered depth: tiny ambient + soft drop */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),       /* inner top highlight */
    0 1px 2px rgba(16,24,40,.06),
    0 8px 16px rgba(27,133,59,.18);
}
/* Soft top sheen */
.btn--prime .elementor-button::after{
  content:"";
  position:absolute; inset:1px; border-radius:inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 42%);
  pointer-events:none;
}

/* Hover: slight lift, a hair darker at the bottom */
.btn--prime .elementor-button:hover{
  transform: translateY(-1px);
  background: linear-gradient(180deg, #1B853B 0%, #0F5723 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 2px 4px rgba(16,24,40,.10),
    0 12px 28px rgba(27,133,59,.24);
}

/* Active/Pressed: settle back, deepen */
.btn--prime .elementor-button:active{
  transform: translateY(0);
  background: linear-gradient(180deg, var(--brand-700) 0%, var(--brand-800) 100%);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.12),
    0 1px 2px rgba(16,24,40,.08);
}

/* Focus (keyboard): accessible ring */
.btn--prime .elementor-button:focus-visible{
  outline: 3px solid rgba(27,133,59,.45);
  outline-offset: 2px;
}

/* Optional: arrow micro-motion */
.btn--prime .elementor-button .elementor-button-icon{ transition: transform .18s ease; }
.btn--prime .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); }




/* ——— ORANGE CTA 1 ——— */

/* Use together with: class="btn--prime is-orange" on the button wrapper */
.btn--prime.is-orange .elementor-button{
  color:#FFFFFF;
  background: linear-gradient(180deg, #EE892D 0%, #B75F0E 100%);
  border: 1px solid #B75F0E;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 1px 2px rgba(16,24,40,.06),
    0 8px 16px rgba(183,95,14,.22);         /* orange-tinted depth */
}

.btn--prime.is-orange .elementor-button::after{
  content:"";
  position:absolute; inset:1px; border-radius:inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 42%);
  pointer-events:none;
}

.btn--prime.is-orange .elementor-button:hover{
  transform: translateY(-1px);
  background: linear-gradient(180deg, #F19748 0%, #9E540C 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 2px 4px rgba(16,24,40,.10),
    0 12px 28px rgba(183,95,14,.30);
}

.btn--prime.is-orange .elementor-button:active{
  transform: translateY(0);
  background: linear-gradient(180deg, #B75F0E 0%, #9E540C 100%);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.12),
    0 1px 2px rgba(16,24,40,.08);
}

.btn--prime.is-orange .elementor-button:focus-visible{
  outline: 3px solid rgba(238,137,45,.45);   /* orange focus ring */
  outline-offset: 2px;
}
/* icon nudge reuse */
.btn--prime.is-orange .elementor-button .elementor-button-icon{
  transition: transform .18s ease;
}
.btn--prime.is-orange .elementor-button:hover .elementor-button-icon{
  transform: translateX(2px);
}

/* ==== CHEVRON PILL CTA ==== */

/* GREEN */
.cta-chevron{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 22px;
  border-radius:9999px;
  color:#1B853B;                               /* text & icon color */
  background: linear-gradient(180deg, rgba(27,133,59,.10), rgba(27,133,59,.03));
  border:1px solid rgba(27,133,59,.22);
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 8px 16px rgba(27,133,59,.10);
  text-decoration:none;
  transition: background-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .18s ease, border-color .18s ease;
  width: auto;
  max-width: max-content;
}

/* Set the button text font */
.cta-chevron .elementor-heading-title,
.cta-chevron a { margin:0; font-size:1rem; font-weight: 600; line-height:1.55;}


.cta-chevron:hover{
  color:#FFFFFF;
  background: linear-gradient(180deg, #1B853B 0%, #15672E 100%); /* filled brand */
  border-color:#15672E;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(27,133,59,.32);
  cursor: pointer;
}

.cta-chevron:focus-visible{
  outline:3px solid rgba(27,133,59,.45);
  outline-offset:3px;
}

.cta-chevron__icon svg{
  width:20px; height:20px; display:block;
  /* ensures no theme tries to fill it */
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
.cta-chevron:hover .cta-chevron__icon svg{ transform: translateX(2px); transition: transform .18s ease; }



/* ——— Orange variant for the chevron CTA ——— */
/* Use with: class="cta-chevron is-orange" on the link/container */
.cta-chevron.is-orange{
  color:#B75F0E;  
  background: linear-gradient(180deg, rgba(238,137,45,.10), rgba(238,137,45,.03));
  border:1px solid rgba(238,137,45,.28);
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 8px 16px rgba(238,137,45,.16);
}

.cta-chevron.is-orange:hover{
  color:#FFFFFF;
  background: linear-gradient(180deg, #EE892D 0%, #B75F0E 100%);
  border-color:#B75F0E;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(183,95,14,.32);
}

.cta-chevron.is-orange:focus-visible{
  outline:3px solid rgba(238,137,45,.45);
  outline-offset:3px;
}

/*  === CTA LIGHT NO CHEVRON === */
.cta-chevron.cta-light{
  border-radius: 12px;
}

/* hide the chevron icon when using the light variant */
.cta-chevron.cta-light .cta-chevron__icon{
  display: none !important;
}

/* Variant for dark/photo backgrounds */
.cta-chevron.on-dark{
  /* keep brand text/icon color */
  color:#1B853B;

  /* add a light base under the existing green wash */
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.80)), /* white base */
    linear-gradient(180deg, rgba(27,133,59,.10), rgba(27,133,59,.03));     /* your green tint */

  /* slightly brighter border so it doesn’t vanish on dark */
  border:1px solid rgba(255,255,255,.65);

  /* stronger outer shadow against dark imagery */
  box-shadow:
    0 1px 2px rgba(0,0,0,.35),
    0 8px 16px rgba(0,0,0,.30);
  backdrop-filter: saturate(140%) blur(6px); /* tasteful glass on photos */
  -webkit-backdrop-filter: saturate(140%) blur(6px);
}



/* ========= ON-IMAGE VARIANT (works with base or is-orange + cta-light) ========= */

/* Default: glass pill + brand text */
.cta-chevron.on-image{
  /* keep your light radius/no icon from cta-light */
  border-radius: 12px;
  color: #1B853B; /* brand text for green version */
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10));
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: 0 2px 12px rgba(17,24,39,.18);
  backdrop-filter: blur(4px) saturate(1.05);
  -webkit-backdrop-filter: blur(4px) saturate(1.05);
  text-shadow: 0 1px 0 rgba(0,0,0,.18); /* tiny readability lift */
}

/* Orange text for orange variant */
.cta-chevron.is-orange.on-image{
  color: #B75F0E;
}

/* Hover: fill with brand color and white text */
.cta-chevron.on-image:hover{
  color: #FFFFFF;
  background: linear-gradient(180deg, #1B853B 0%, #15672E 100%);
  border-color: #15672E;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.30);
}

/* Hover for orange variant */
.cta-chevron.is-orange.on-image:hover{
  background: linear-gradient(180deg, #EE892D 0%, #B75F0E 100%);
  border-color: #B75F0E;
}

/* Filled on-image CTA — remove border; use halo via shadow */
.cta-chevron.on-image.is-filled{
  color:#FFFFFF;
  background: linear-gradient(180deg, #22A24A 0%, #0E6A2A 100%);
  border: 0;                           /* ← kills the hairlines */
  background-clip: padding-box;        /* avoid any seam at radius */
  backdrop-filter: none;               /* no glass edge glow */
  -webkit-backdrop-filter: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);

}

.cta-chevron.on-image.is-filled:hover{
  background: linear-gradient(180deg, #20B354 0%, #0C5E27 100%);
}


.cta-chevron.is-orange.on-image.is-filled{
  background: linear-gradient(180deg, #EE892D 0%, #B75F0E 100%);
  border-color:#B75F0E;
}

/* Ensure the SVG (if you ever show it) inherits the color properly */
.cta-chevron.on-image .cta-chevron__icon svg{
  stroke: currentColor;
}



/* WHITE / LIGHT SECONDARY */
.cta-chevron.secondary{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 22px;
  border-radius:12px;
  color:#2B2E30;                               /* ink text & icon */
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
  border:1px solid rgba(16,24,40,.15);
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 6px 12px rgba(16,24,40,.08);
  text-decoration:none;
  transition: background-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .18s ease, border-color .18s ease;
  width: auto;
  max-width: max-content;
}

.cta-chevron.secondary:hover{
  color:#1B853B;  /* brand green text on hover */
  background: linear-gradient(180deg, #FDFDFD 0%, #F2F4F7 100%); /* soft gray fill */
  border-color: rgba(16,24,40,.20);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(16,24,40,.12);
  cursor: pointer;
}

.cta-chevron.secondary:focus-visible{
  outline:3px solid rgba(27,133,59,.45);  /* brand focus */
  outline-offset:3px;
}


/* WHITE variant — base (readable on dark) */
.cta-chevron.white{
  color:#FFFFFF;
  font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,.45); /* soft halo for contrast */
  border:1.5px solid rgba(255,255,255,.85);
  background: linear-gradient(180deg,
              rgba(0,0,0,.35),
              rgba(0,0,0,.25));
  border-radius:14px;
  box-shadow:0 2px 6px rgba(0,0,0,.35),
             0 10px 24px rgba(0,0,0,.30),
             inset 0 1px 0 rgba(255,255,255,.25);
}

/* WHITE variant — hover (lift + scale, flip to brand text) */
.cta-chevron.white:hover{
  background:#FFFFFF;
  color:#2B2E30;
  font-weight:700;
  text-shadow:none;
  border-color:#FFFFFF;
  transform: translateY(-2px) scale(1.02);
  box-shadow:0 8px 22px rgba(27,133,59,.25),
             0 4px 12px rgba(16,24,40,.20),
             inset 0 1px 0 rgba(255,255,255,.6);
}

/* Ensure icon inherits color */
.cta-chevron__icon svg{
  display:block;
  stroke:currentColor;
  fill:none;
  transition: transform .18s ease;
  opacity: .9;
}

/* Slide icon slightly on hover */
.cta-chevron.white:hover .cta-chevron__icon svg{
  transform: translateX(3px);
}


/* BLACK variant — neutral pill for light backgrounds */
.cta-chevron.black{
  /* neutral text (overrides base green) */
  color:#2B2E30;
  font-weight:700;

  /* visible, modern border */
  border:1.5px solid #C6C5D0; /* your palette light grey that reads on white */

  /* subtle white/off-white gradient like your screenshot */
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F7F8 100%);

  /* same shape as white variant */
  border-radius:14px;
  padding:10px 22px; /* keep compact */

  /* premium, not-airy depth */
  box-shadow:
    0 1px 2px rgba(16,24,40,.06),
    0 8px 16px rgba(16,24,40,.08),
    inset 0 1px 0 rgba(255,255,255,.65);

  /* neutralize base variant’s hover intent just in case of cascade */
  transition: background-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

/* Hover: keep it monochrome, just a touch brighter + small lift */
.cta-chevron.black:hover{
  color:#2B2E30;                /* stays dark, no brand flip */
  border-color:#B9B8C4;         /* hair darker to keep border visible on lift */
  background: linear-gradient(180deg, #F9FAFB 0%, #F1F2F4 100%);
  transform: translateY(-2px);  /* same lift as white */
  box-shadow:
    0 4px 12px rgba(16,24,40,.18),
    0 8px 22px rgba(16,24,40,.14),
    inset 0 1px 0 rgba(255,255,255,.7);
}

/* Focus visible ring — neutral (no green) */
.cta-chevron.black:focus-visible{
  outline:3px solid rgba(17,24,39,.18); /* #111827 @ .18 */
  outline-offset:3px;
}

/* Icon inherits text color; nudge on hover like the white variant */
.cta-chevron.black .cta-chevron__icon svg{
  width:20px; height:20px; display:block;
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition: transform .18s ease; opacity:.9;
}
.cta-chevron.black:hover .cta-chevron__icon svg{ transform: translateX(3px); }

/* Optional: pressed state to match modern tactile feel */
.cta-chevron.black:active{ transform: translateY(-1px); box-shadow:
  0 3px 8px rgba(16,24,40,.16),
  0 6px 16px rgba(16,24,40,.12),
  inset 0 1px 0 rgba(255,255,255,.65);
}





/* ——— CIRCLE ICON 1 ——— */

.why-icon{
  width: 80px; height: 80px;
  display: grid; place-items: center;
  border-radius: 9999px;                 /* circle */
  /* subtle, premium disc like your Figma */
  background:
    radial-gradient(120% 120% at 50% 12%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.70) 55%, rgba(255,255,255,.38) 100%),
    linear-gradient(180deg, rgba(27,133,59,.08), rgba(27,133,59,0) 60%);
  border: 1px solid rgba(16,24,40,.06);
  box-shadow:
    0 2px 4px rgba(16,24,40,.06),
    0 10px 24px rgba(16,24,40,.12),
    inset 0 1px 0 rgba(255,255,255,.60);  /* inner highlight */
  margin: 0 0 12px 0;
  line-height: 0;                         /* remove baseline gap */
}

.why-icon svg{ width: 48px; height: 48px; display:block; }

.why-icon svg *, .why-icon svg path{
  fill: none !important;                  /* prevents black fill from theme rules */
  stroke: #1B853B;
  stroke-width: 1.75;                     /* thinner, refined */
  vector-effect: non-scaling-stroke;      /* stays crisp if resized */
  stroke-linecap: round; stroke-linejoin: round;
}

/* Connect Card to Icon Animation */
.why-card:hover .why-icon{ transform: translateY(-1px); transition: transform .18s ease; }

/* ——— BASE CARD 1 ——— */
.why-card{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  padding: 32px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAF7 48%, #F2F8F4 100%);
  border: 1px solid #E5E7EB;
  box-shadow: 0 10px 24px rgba(16,24,40,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Brand-tinted “mist” overlays */
.why-card::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(600px 300px at 18% -10%, rgba(27,133,59,.10), rgba(27,133,59,0) 55%),
    radial-gradient(520px 260px at 110% -10%, rgba(238,137,45,.08), rgba(238,137,45,0) 50%);
}

/* Subtle inner highlight for glassy edge */
.why-card::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.60);
  border-radius: inherit;
}

/* Hover polish */
.why-card:hover{
  transform: translateY(-1px);
  border-color: #D0D5DD;
  box-shadow: 0 16px 36px rgba(16,24,40,.14);
}




/* ——— STATUS PILL  1 ———*/

/* General Structure */
.pill-wrap{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px;
  border-radius:9999px;
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70)),
              linear-gradient(180deg, rgba(27,133,59,.10), rgba(27,133,59,.04)); /* subtle tint */
  border:1px solid rgba(16,24,40,.08);
  box-shadow: 0 1px 2px rgba(16,24,40,.06);
  color:#15672E; /* text color inherits to child */
  line-height:1;
  /* make it hug content in Elementor */
  width:auto; max-width:max-content;
}
.pill-text{
  margin:0; font-weight:600; font-size:.8125rem; /* 13px */
  letter-spacing:.02em; text-transform:uppercase;
  color:inherit !important;
}

/* live-status dot */
.pill-wrap::before{
  content:"";
  width:8px; height:8px; border-radius:50%;
  background:#25A34A; /* bright green dot */
  box-shadow: 0 0 0 3px rgba(27,133,59,.18), inset 0 0 10px rgba(27,133,59,.25);
}

/* ——— VARIANTS ——— */

/* Open / Registration Open */
.pill--open{
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70)),
              linear-gradient(180deg, rgba(27,133,59,.10), rgba(27,133,59,.04));
  border-color: rgba(27,133,59,.22);
  color:#15672E;
}
.pill--open::before{ background:#25A34A; box-shadow: 0 0 0 3px rgba(27,133,59,.18), inset 0 0 10px rgba(27,133,59,.25); }


/* Coming Soon */
.pill--coming{
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70)),
              linear-gradient(180deg, rgba(238,137,45,.12), rgba(238,137,45,.06));
  border-color: rgba(238,137,45,.28);
  color:#B75F0E;
}
.pill--coming::before{ background:#EE892D; box-shadow: 0 0 0 3px rgba(238,137,45,.22), inset 0 0 10px rgba(238,137,45,.25); }


/* Waitlist */
.pill--waitlist{
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70)),
              linear-gradient(180deg, rgba(238,137,45,.16), rgba(238,137,45,.08));
  border-color: rgba(238,137,45,.35);
  color:#B75F0E;
}
.pill--waitlist::before{ background:#B75F0E; box-shadow: 0 0 0 3px rgba(238,137,45,.26), inset 0 0 10px rgba(183,95,14,.28); }


/* Closed / Full */
.pill--closed{
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70)),
              linear-gradient(180deg, rgba(102,112,133,.16), rgba(102,112,133,.08));
  border-color: rgba(102,112,133,.30);
  color:#344054;
}
.pill--closed::before{ background:#667085; box-shadow: 0 0 0 3px rgba(102,112,133,.26), inset 0 0 10px rgba(102,112,133,.28); }


/* On-dark/photo background (optional) */
.pill--ondark{
  background: rgba(0,0,0,.28);
  border-color: rgba(255,255,255,.24);
  color:#FFFFFF;
}
.pill--ondark::before{ background:#FFFFFF; box-shadow: 0 0 0 3px rgba(255,255,255,.18), inset 0 0 10px rgba(255,255,255,.25); }





/* ===== Quiet CTA link (text + chevron) ===== */
/* Base */
.cta-link{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:600; font-size:1rem; line-height:1.2;
  color:#2B2E30;                 /* neutral by default */
  text-decoration:none; position:relative;
  width:auto; max-width:max-content;
  transition: color .18s ease, transform .18s ease;
}

/* animated underline (appears only on hover) */
.cta-link::after{
  content:""; position:absolute; left:0; bottom:-2px; height:2px; width:100%;
  background: currentColor;
  transform: scaleX(0); transform-origin:left;
  transition: transform .18s ease;
}

/* icon follows text color and nudges on hover */
.cta-link__icon svg{
  width:18px; height:18px; display:block;
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition: transform .18s ease;
}

/* Hover → brand, underline grows, chevron nudges */
.cta-link:hover{ color:#1B853B; cursor: pointer;}
.cta-link:hover::after{ transform: scaleX(1); }
.cta-link:hover .cta-link__icon svg{ transform: translateX(2px); }

/* Active: slightly deeper brand */
.cta-link:active{ color:#15672E; }

/* Focus ring for keyboard users */
.cta-link:focus-visible{
  outline:3px solid rgba(27,133,59,.45);
  outline-offset:3px; border-radius:4px;
}


/* ===== Quiet CTA (white on image) ===== */
.cta-link.on-image{
  color:#FFFFFF;                      /* white text before hover */
  text-shadow: 0 1px 3px rgba(0,0,0,.55),   /* main halo */
    0 2px 6px rgba(0,0,0,.35);   /* softer spread */ /* legibility on foliage/photos */
}

/* underline uses semi-opaque white and sits a hair lower for clarity */
.cta-link.on-image::after{
  background: #FFFFFF;
  bottom: -3px;                       /* a touch more breathing room */
  height: 2px;
  opacity: 1;
}

/* keep white on hover (only animate underline + chevron) */
.cta-link.on-image:hover{
  color:#FFFFFF;
}
.cta-link.on-image:hover::after{
  transform: scaleX(1);
}
.cta-link.on-image .cta-link__icon svg{
  stroke: currentColor;
}
.cta-link.on-image:hover .cta-link__icon svg{
  transform: translateX(2px);
}

/* optional: focus ring tuned for dark images */
.cta-link.on-image:focus-visible{
  outline: 3px solid rgba(255,255,255,.55);
  outline-offset: 3px;
  border-radius: 4px;
}

/* harden against theme link colors */
.cta-link.on-image, .cta-link.on-image:visited{ color:#FFFFFF; }







/* ===== Hero card (glassmorphic, Arvora green) ===== */
.hero-card{
  display:flex; align-items:flex-start;
  padding: 24px;
  position: relative;                     /* for overlays */
  overflow: hidden;                       /* keep mists inside */
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAF7 48%, #F2F8F4 100%);
  border:1px solid #E5E7EB;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(16,24,40,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Brand-tinted “mist” overlays (match why-cards) */
.hero-card::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(600px 300px at 18% -10%, rgba(27,133,59,.10), rgba(27,133,59,0) 55%),
    radial-gradient(520px 260px at 110% -10%, rgba(238,137,45,.08), rgba(238,137,45,0) 50%);
}

/* Inner highlight for glassy edge */
.hero-card::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.60);
  border-radius: inherit;
}

.hero-card:hover{
  transform:translateY(-1px);
  border-color:#D0D5DD;
  box-shadow:0 16px 36px rgba(16,24,40,.14);
}

/* Icon: Arvora green stroke + soft glow (no disc) */
.hero-icon svg{
  width:36px; height:36px; display:block;
  fill: none !important;                  /* defeat theme fills */
  stroke:#1B853B;                         /* Arvora green */
  stroke-width:1.75;                      /* refined, like why-icons */
  stroke-linecap:round; stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  transition: stroke .18s ease, transform .18s ease, filter .18s ease;
  filter:
    drop-shadow(0 1px 0 rgba(27,133,59,.18))
    drop-shadow(0 6px 14px rgba(27,133,59,.12));        /* gentle green glow */
}

/* micro-motion to echo why-icon lift */
.hero-card:hover .hero-icon svg{ transform: translateY(-1px); }

/* Text stack (unchanged) */
.hero-card .elementor-widget-heading,
.hero-card .elementor-widget-text-editor{ margin:0; }

/* Accessibility focus (unchanged) */
.hero-card:focus-within{
  outline:3px solid rgba(27,133,59,.45);
  outline-offset:3px;
  border-radius:12px;
}

/* Responsive trims (sizes unchanged) */
@media (max-width: 1024px){
  .hero-card{ padding:12px 14px; gap:16px; }
  .hero-card.cta {
      padding: 24px 24px;
  }
  .hero-icon svg{ width:32px; height:32px; }
  .hero-icon.cta svg{ width:28px; height:28px; }
}
@media (max-width: 767px){
  .hero-card{ padding:24px; gap:24px; }
  .hero-icon svg{ width:32px; height:32px; }
  .hero-icon.cta svg{ width:24px; height:24px; }
}

.hero-icon.cta svg {
    width:48px; height:48px; display:block;
}


.hero-card.cta {
    
}






/* Target either #header-navbar or .header-navbar */
#header-navbar, .header-navbar{
  position: fixed;
  top: 0; left: 0; width: 100%;
  z-index: 20;
  display: flex; justify-content: space-between; align-items: center;
  padding: 0px 24px;
  background: transparent;
  transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
  will-change: transform;
}

/* Slide-away state controlled by JS */
#header-navbar.is-hidden, .header-navbar.is-hidden{
  transform: translateY(-110%);
}

/* Glass applied to the inner wrap (or to the bar itself if inner is missing) */
.glassmorphic-navbar{
  background: rgba(43,46,48,.20);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 16px rgba(0,0,0,.20);
  border-bottom: 1px solid rgba(255,255,255,.05);
  border-radius: 16px;
}

/* Nav link styling (works for ID or class header) */
#header-navbar .elementor-nav-menu a,
.header-navbar .elementor-nav-menu a{
  position: relative;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  transition: color .3s ease;
  cursor: pointer;
  font-size: 0.875rem; font-weight: 600; line-height: 1.272; letter-spacing: -0.06px;
}

#header-navbar .elementor-nav-menu a::after,
.header-navbar .elementor-nav-menu a::after{
  content:"";
  position:absolute; left:0; bottom:-2px; height:1px; width:0;
  background:#fff; transition: width .3s ease;
}

@media (prefers-reduced-motion: reduce){
  #header-navbar, .header-navbar{ transition: none; }
}

/* WP admin bar offset (optional) */
body.admin-bar #header-navbar,
body.admin-bar .header-navbar{ top: 32px; }

/* MISSING in your snippet → add this */
#header-navbar .elementor-nav-menu a:hover::after,
#header-navbar .elementor-nav-menu a:focus-visible::after,
.header-navbar .elementor-nav-menu a:hover::after,
.header-navbar .elementor-nav-menu a:focus-visible::after{ width:100%; }





/* --- keep your existing inner layout & image rules --- */
.sec-main{
  width: 100%;
  display: flex;
  align-items: stretch;               /* lets .sec-copy center nicely */
  gap: 48px;
}

.sec-copy{
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 500px;
}

.sec-media{
  flex: 1 1 0;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.sec-photo{ position: absolute; inset: 0; }
.sec-photo .elementor-widget-container,
.sec-photo figure, .sec-photo picture{ width:100%; height:100%; margin:0; }
.sec-photo img{
  display:block; width:100%; height:100%;
  object-fit:cover; object-position:center; border-radius:inherit;
}/* End custom CSS */