.approved-effects:not(.home-effects) .motion-light-card { isolation: isolate; }
.approved-effects:not(.home-effects) .hover-positioned { position: relative; }
.approved-effects:not(.home-effects) .motion-light-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(260px circle at var(--motion-x,50%) var(--motion-y,50%), #5bd4ce16, transparent 75%); transition: opacity .2s ease; }
html[data-motion="on"] .approved-effects:not(.home-effects) .motion-light-card.motion-pointer::after { opacity: 1; }
.approved-effects:not(.home-effects) .approved-hover-card { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.approved-effects:not(.home-effects) .approved-hover-card:not(.capability-card):not(.interest-card)::before { content: ''; position: absolute; top: .65rem; left: 1.4rem; width: 2.75rem; height: 3px; border-radius: 999px; background: var(--teal-strong); opacity: 0; transform: scaleX(.55); transform-origin: left; transition: opacity .18s ease, transform .22s ease; }
.approved-effects:not(.home-effects) .approved-hover-card:not(.capability-card):not(.interest-card):hover::before { opacity: 1; transform: scaleX(1); }
.approved-effects:not(.home-effects) .approved-hover-card[data-hover-fixed] { transform: none !important; }
.approved-effects:not(.home-effects) .approved-faq { margin-block: .35rem; padding-inline: 1rem; border: 1px solid transparent; border-bottom-color: var(--line); border-radius: .8rem; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.approved-effects:not(.home-effects) .approved-faq:hover, .approved-effects:not(.home-effects) .approved-faq:focus-within { border-color: var(--ux-focus); background: color-mix(in srgb, var(--surface-strong) 94%, var(--teal) 6%); }
.approved-effects:not(.home-effects) .approved-faq[open] { border-color: var(--ux-focus); background: color-mix(in srgb, var(--surface-strong) 90%, var(--teal) 10%); box-shadow: inset 3px 0 0 var(--ux-focus); }
.approved-effects:not(.home-effects) .approved-faq summary:focus-visible { border-radius: .5rem; outline-offset: 1px; }
.approved-effects:not(.home-effects) :is(.button,.portal-button,.auth-submit,.portal-logout,.nav-toggle,.icon-button,.portal-mobile-toggle) { position: relative; transition: transform .22s cubic-bezier(.2,.75,.25,1), box-shadow .22s ease, background-color .18s ease, border-color .18s ease; }
.approved-effects:not(.home-effects) :is(.nav-toggle,.icon-button,.portal-mobile-toggle) { position: relative; }
.approved-effects:not(.home-effects) .nav-toggle[aria-expanded="true"] { border-color: var(--teal); background: #5bd4ce12; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-motion="on"] .approved-effects:not(.home-effects) .approved-hover-card:not([data-hover-fixed]):hover { transform: translateY(-2px); border-color: var(--ux-focus); box-shadow: 0 7px 20px #10282d1c; }
  html[data-motion="on"] .approved-effects:not(.home-effects) :is(.button,.portal-button,.auth-submit,.portal-logout):not(:disabled):not([aria-disabled="true"]):hover { transform: translateY(-4px); box-shadow: 0 12px 24px #001e2829, 0 2px 6px #001e2814; }
  html[data-motion="on"] .approved-effects:not(.home-effects) .button-primary:not(:disabled):not([aria-disabled="true"]):hover { box-shadow: 0 12px 28px #29b8ad38, 0 4px 10px #001e2826; }
  html[data-motion="on"] .approved-effects:not(.home-effects) .button-quiet:not(:disabled):not([aria-disabled="true"]):hover { transform: translateY(-2px); box-shadow: 0 7px 16px #001e2824; }
  html[data-motion="on"] .approved-effects:not(.home-effects) :is(.button,.portal-button,.auth-submit,.portal-logout):not(:disabled):not([aria-disabled="true"]):hover::after { content: ''; position: absolute; inset: 0 0 -6px; border-radius: inherit; background: transparent; }
  html[data-motion="on"] .approved-effects:not(.home-effects) :is(.button,.portal-button,.auth-submit,.portal-logout):not(:disabled):not([aria-disabled="true"]):active { transform: translateY(-1px) scale(.99); box-shadow: 0 3px 8px #001e2829; }
  html[data-motion="on"] .approved-effects:not(.home-effects) :is(.nav-toggle,.icon-button,.portal-mobile-toggle):hover { transform: translateY(-3px); border-color: var(--teal); background: #5bd4ce14; box-shadow: 0 7px 18px #001e2833; }
  html[data-motion="on"] .approved-effects:not(.home-effects) :is(.nav-toggle,.icon-button,.portal-mobile-toggle):hover::after { content: ''; position: absolute; inset: 0 0 -4px; border-radius: inherit; background: transparent; }
  html[data-motion="on"] .approved-effects:not(.home-effects) :is(.nav-toggle,.icon-button,.portal-mobile-toggle):active { transform: translateY(0) scale(.98); box-shadow: none; }
}
@media (max-width: 700px) { .approved-effects:not(.home-effects) .motion-light-card::after { display: none; } }
@media (prefers-reduced-motion: reduce) { .approved-effects:not(.home-effects) .approved-hover-card, .approved-effects:not(.home-effects) .motion-light-card::after, .approved-effects:not(.home-effects) .approved-hover-card::before { transition: none !important; } }
html[data-motion="off"] .approved-effects:not(.home-effects) .motion-light-card::after { opacity: 0; transition: none; }
