/* One palette for all action buttons, including header and form controls. */
:root{--cta:#e7ad3e;--cta-hover:#f0bc56;--cta-active:#d99b2e;--cta-ink:#1b3350;--cta-border:#c98c27}
.cta,.site-header nav>.nav-contact.cta{
  background:var(--cta);color:var(--cta-ink);border-color:var(--cta-border);text-decoration:none;
  box-shadow:0 4px 12px #a66a1014;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.cta:hover:not(:disabled),.site-header nav>.nav-contact.cta:hover{
  background:var(--cta-hover);border-color:var(--cta-border);color:var(--cta-ink);
  box-shadow:0 7px 20px #a66a1026;
}
.cta:active:not(:disabled),.site-header nav>.nav-contact.cta:active{
  background:var(--cta-active);color:var(--cta-ink);box-shadow:0 2px 6px #a66a1020;
}
.cta:focus-visible{outline:3px solid var(--cta-ink);outline-offset:4px;box-shadow:0 0 0 4px #fff}
.feature-consult.cta,.inline-link.cta{
  display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:54px;max-width:100%;padding:14px 18px;border:1px solid var(--cta-border);border-radius:4px;
  font-size:16px;font-weight:700;line-height:1.6;
}
.cta:disabled{background:#ece6da;color:#66717b;border-color:#d5d1c9;box-shadow:none;opacity:1;cursor:not-allowed;transform:none}
@media(max-width:600px){.feature-consult.cta{width:100%;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}}

/* Different actions use a different visual weight and a meaningful icon. */
.cta.cta-secondary{background:transparent;color:var(--navy);border-color:var(--cta-border);box-shadow:none}
.cta.cta-secondary:hover:not(:disabled){background:#e7ad3e14;color:var(--navy);box-shadow:0 4px 12px #1b335008}
.cta.cta-secondary:active:not(:disabled){background:#e7ad3e26}
.cta.cta-secondary:focus-visible{box-shadow:0 0 0 4px #fff}
.cta .cta-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;line-height:0;vertical-align:middle}
.cta-icon svg{display:block;width:100%;height:100%}
.site-header nav>.nav-contact.cta{display:inline-flex;align-items:center;justify-content:center;gap:14px}
.nav-contact .cta-icon{margin-left:0}
.feature-consult.cta:hover>.cta-icon{transform:none}
@media(max-width:850px){.site-header nav>.nav-contact.cta{justify-content:space-between}}
@media(max-width:600px){.outcome-actions .cta .cta-icon{flex-basis:22px;width:22px;height:22px}}
