@import url('/site-button-hover.css?v=20261011-shared-2');
/* SINGLE PRIMARY CTA OWNER, approved header/hero reference.
   Legacy class aliases deliberately resolve to this same component.
   Important layer outranks old unlayered !important page rules without
   escalating selector specificity. Compact UI controls are excluded. */
@layer maria-cta {
 :root{--maria-cta-bg:#ff6335;--maria-cta-text:#faf6ee;--maria-cta-radius:12px}
 :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action]){
  display:inline-flex;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
  gap:20px!important;min-height:60px!important;height:auto!important;max-width:100%!important;
  padding:8px 12px 8px 24px!important;border:0!important;border-radius:var(--maria-cta-radius)!important;
  background:var(--maria-cta-bg)!important;color:var(--maria-cta-text)!important;
  font:800 18px/20px Inter,Arial,sans-serif!important;letter-spacing:0!important;
  text-decoration:none!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;
  box-shadow:none!important;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,filter 180ms ease!important;
 }
 :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action])::after{
  content:''!important;display:block!important;position:static!important;flex:0 0 40px!important;
  width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent url('/assets/figma-home-20261011/hero-imgText.png') 0 8px / 28px 28px no-repeat!important;
  box-shadow:none!important;transform:none!important;mask:none!important;
 }
 :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action])>:is(.figma-arrow,.cta-arrow,.arrow,span[aria-hidden="true"]){display:none!important}
 :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action])::before{display:none!important}
 /* Approved compact header size; same colour, shape, typeface and arrow. */
 .site-header .figma-header-cta{min-height:48px!important;padding:8px 20px!important;gap:8px!important;font-size:14px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important}
 .site-header .figma-header-cta::after{width:32px!important;height:32px!important;flex-basis:32px!important;background-position:0 5px!important;background-size:22px 22px!important}
 @media(hover:hover) and (pointer:fine){
  :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action]):not(:disabled):hover{background:var(--site-button-hover)!important;color:var(--site-button-paper)!important;border-color:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important}
 }
 :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action]):focus-visible{outline:3px solid #3b2014!important;outline-offset:4px!important}
 :is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action]):disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}
 @media(max-width:760px){
  :is(.site-cta,main .cta,main .button,dialog .button,.vc-button,.ending-button,.mobile-menu-cta,.mo-helper-choice[data-helper-action]){width:100%!important;align-self:stretch!important;min-width:0!important;gap:12px!important;padding-inline:16px!important;font-size:16px!important;line-height:22px!important}
 }
 @media(prefers-reduced-motion:reduce){:is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta){transition:none!important;transform:none!important}}
 @media(forced-colors:active){:is(.site-cta,.cta,.button,.figma-header-cta,.vc-button,.ending-button,.mobile-menu-cta){border:1px solid ButtonText!important}}
}

/* Non-CTA controls retained from the existing site. */

.cta, .button { display:inline-flex; }
.site-header nav .mobile-menu-cta { display:none !important; }


:is(.button.secondary, .messenger, .mo-helper-link, .mo-helper-channels a, .case-groups a, #privacy-banner button[data-privacy="no"]) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-8);
  min-height:var(--ui-button-secondary-height) !important;
  max-width:100%;
  padding:var(--space-12) var(--space-20) !important;
  border:1px solid var(--ui-button-line) !important;
  border-radius:var(--ui-button-radius) !important;
  background:transparent !important;
  color:var(--ui-button-ink) !important;
  font-family:var(--font-family) !important;
  font-size:var(--text-14) !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  text-align:center;
  text-decoration:none !important;
  white-space:normal;
  cursor:pointer;
  box-shadow:var(--shadow-14) !important;
  transition:background-color 160ms ease,border-color 160ms ease,transform 160ms var(--ui-button-ease) !important;
}
.mo-helper-channels a { width:100%; padding-inline:var(--space-12) !important; font-size:var(--text-14) !important; }
.mo-helper-channels a span, .mo-helper-link::after { color:var(--ui-button-muted); }


.mo-helper-choice:not([data-helper-action]), .quiz-option, .method-options label {
  border-color:var(--ui-button-line) !important;
  background:var(--ui-button-paper);
  color:var(--ui-button-ink) !important;
  font-family:var(--font-family);
  transition:background-color 160ms ease,border-color 160ms ease,transform 160ms var(--ui-button-ease) !important;
}
.mo-helper-choice:not([data-helper-action]) { font-weight:600; border-radius:var(--radius-18); }
.mo-helper-choice:not([data-helper-action])::after, .mo-helper-link::after {
  content:'';
  flex:0 0 18px;
  width:18px;
  height:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B4A35' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E") center/18px 18px no-repeat;
}
.quiz-option[aria-pressed="true"], .method-options label:has(:checked) { background:var(--palette-20) !important; border-color:var(--palette-43) !important; }


#privacy-banner { background:var(--ui-button-paper) !important; color:var(--ui-button-ink) !important; border:1px solid var(--ui-button-line); }
#privacy-banner button:not([data-privacy="no"]), #privacy-save {
  min-height:var(--ui-button-secondary-height) !important;
  padding:var(--space-12) var(--space-20) !important;
  border:1px solid var(--ui-button-ink) !important;
  border-radius:var(--ui-button-radius) !important;
  background:var(--ui-button-ink) !important;
  color:var(--ui-button-paper) !important;
  font:600 var(--text-14)/1.4 Inter,Arial,sans-serif !important;
  cursor:pointer;
  transition:background-color 160ms ease,transform 160ms var(--ui-button-ease);
}


:is(.dialog-close, .mo-helper-close, .review-arrow, #privacy-close) {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:var(--ui-button-control-size) !important;
  height:var(--ui-button-control-size) !important;
  min-height:var(--ui-button-control-size) !important;
  padding:0 !important;
  border:1px solid var(--ui-button-line) !important;
  border-radius:50% !important;
  background:var(--ui-button-tint) !important;
  color:var(--ui-button-ink) !important;
  font-family:var(--font-family) !important;
  font-size:var(--text-24) !important;
  line-height:1 !important;
  cursor:pointer;
  transition:background-color 160ms ease,transform 160ms var(--ui-button-ease) !important;
}
.menu-toggle {
  min-height:var(--ui-button-control-size) !important;
  padding:var(--space-8) var(--space-12) !important;
  border:1px solid var(--ui-button-line) !important;
  border-radius:var(--ui-button-radius) !important;
  background:var(--ui-button-tint) !important;
  color:var(--ui-button-ink) !important;
  font:600 var(--text-14)/1.4 Inter,Arial,sans-serif !important;
}
:is(.text-button, .case-details, .review-expand, .mo-helper-back, .mo-helper-motion, .mo-review-autoplay, .cookie-settings-button) {
  min-height:var(--ui-button-control-size) !important;
  padding:var(--space-8) 0;
  border:0;
  background:transparent;
  color:var(--ui-button-muted) !important;
  font-family:var(--font-family) !important;
  font-size:var(--text-14) !important;
  font-weight:600 !important;
  line-height:1.4;
  text-decoration:underline;
  text-underline-offset:4px;
  cursor:pointer;
}
.mo-helper-back, .mo-helper-motion { font-size:var(--text-14) !important; }
.faq-item summary { color:var(--ui-button-ink); }
.faq-item summary span { background:var(--ui-button-tint); color:var(--ui-button-ink); }
.case-preview, .case-image-button { cursor:zoom-in; }
.cookie-settings-button { padding-inline:var(--space-20); }

button:focus-visible, a:focus-visible, summary:focus-visible, .method-options label:has(:focus-visible) {
  outline:3px solid var(--ui-button-ink) !important;
  outline-offset:4px !important;
}
button:disabled, [aria-disabled="true"] {
  cursor:not-allowed !important;
  opacity:.55;
  transform:none !important;
}
button:disabled::after { opacity:.75; }
button[aria-busy="true"] { cursor:wait !important; }

@media (hover:hover) and (pointer:fine) {
  :is(.button.secondary, .messenger, .mo-helper-link, .mo-helper-channels a, .case-groups a, .mo-helper-choice:not([data-helper-action]), #privacy-banner button[data-privacy="no"]):hover {
    background:var(--ui-button-tint) !important;
    border-color:var(--palette-44) !important;
  }
  :is(.dialog-close, .mo-helper-close, .review-arrow, #privacy-close, .menu-toggle):not(:disabled):hover { background:var(--palette-45) !important; }
  #privacy-banner button:not([data-privacy="no"]):hover, #privacy-save:hover { background:var(--palette-46) !important; }
}
:is(.cta, .button, .messenger, .mo-helper-choice, .mo-helper-link, .mo-helper-channels a, .dialog-close, .mo-helper-close, .review-arrow, .menu-toggle):not(:disabled):active { transform:translateY(1px) !important; }

@media (max-width:760px) {
  main .cta, main .button, dialog .button, .messenger, .mo-helper-choice, .mo-helper-link, .mobile-menu-cta {
    width:100% !important;
    max-width:100%;
    align-self:stretch;
  }
  .site-header nav.is-open .mobile-menu-cta { display:flex !important; min-height:var(--ui-button-height) !important; }
  .site-header .header-inner > .button { width:100%; }
  #privacy-banner > div { display:grid; grid-template-columns:1fr; align-items:stretch; }
  #privacy-banner button, #privacy-save { width:100%; }
  .case-actions { width:100%; }
}
@media (max-width:1050px) {
  .site-header nav.is-open .mobile-menu-cta { display:flex !important; min-height:var(--ui-button-height) !important; }
}
@media (prefers-reduced-motion:reduce) {
  button, .button, .cta, .messenger, .mo-helper-link, .mo-helper-channels a, .case-groups a { transition:none !important; }
  :is(.cta, .button, .messenger, .mo-helper-choice, .mo-helper-link, .mo-helper-channels a, .dialog-close, .mo-helper-close, .review-arrow, .menu-toggle):is(:hover,:active) { transform:none !important; }
}
@media (forced-colors:active) {
  button:focus-visible, a:focus-visible, summary:focus-visible{ outline-color:Highlight !important; }
  .button, .cta, .messenger, .mo-helper-choice, .mo-helper-link, .mo-helper-channels a { border:1px solid ButtonText !important; }
}
@media (prefers-reduced-motion:reduce) { :is(.cta, .button, .ending-button, .mobile-menu-cta)::after { transition:none; } }