/* Shared practice-site improvements; keep content readable without JavaScript. */
html { scroll-padding-top: 7rem; }
body { overflow-wrap: break-word; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #e3a620; outline-offset: 4px; }
.skip-link { position: fixed; top: -6rem; left: 1rem; z-index: 100; padding: .75rem 1rem; background: #e3a620; color: #020617; }
.skip-link:focus { top: 1rem; }
.mobile-navigation summary { list-style: none; }
.mobile-navigation summary::-webkit-details-marker { display: none; }
.mobile-navigation[open] summary { color: #e3a620; }
.workflow-connection { box-shadow: 0 18px 50px rgba(2, 6, 23, .22); }
.workflow-node { min-width: 0; border: 1px solid #334155; border-radius: .875rem; background: rgba(30, 41, 59, .62); padding: 1.15rem; }
.workflow-node--brand { border-color: rgba(227, 166, 32, .58); background: rgba(227, 166, 32, .08); }
.workflow-node--partner { border-color: rgba(148, 163, 184, .52); background: rgba(15, 23, 42, .82); }
.workflow-node__eyebrow { display: block; color: #e3a620; font-size: .75rem; font-weight: 700; letter-spacing: .14em; margin-bottom: .7rem; }
.workflow-node h3 { color: #f8fafc; font-size: 1.05rem; font-weight: 700; margin: 0 0 .55rem; }
.workflow-node p { color: #cbd5e1; font-size: .9rem; line-height: 1.55; margin: 0; }
.workflow-node__logo { display: block; height: 2.7rem; width: auto; max-width: 100%; object-fit: contain; object-position: left center; margin: -.05rem 0 .7rem; }
.workflow-arrow { align-self: center; color: #e3a620; font-size: 1.65rem; font-weight: 700; text-align: center; }
.powered-by-partner { display: inline-flex; align-items: center; gap: .7rem; color: #cbd5e1; font-size: .8rem; white-space: nowrap; }
.powered-by-partner:hover { color: #f8fafc; }
.powered-by-partner img { display: block; width: auto; height: 2rem; object-fit: contain; }
.motion-ready main > section, .motion-ready .fade-in { opacity: 0; transform: translateY(1.25rem); transition: opacity .6s ease, transform .6s ease; }
.motion-ready main > section.is-visible, .motion-ready .fade-in.visible { opacity: 1; transform: translateY(0); }
.motion-ready .workflow-connection .workflow-node { opacity: 0; transform: translateY(.8rem); transition: opacity .45s ease, transform .45s ease; }
.motion-ready main > section.is-visible .workflow-node { opacity: 1; transform: translateY(0); }
.motion-ready main > section.is-visible .workflow-node:nth-child(3) { transition-delay: .08s; }
.motion-ready main > section.is-visible .workflow-node:nth-child(5) { transition-delay: .16s; }
.motion-ready main > section.is-visible .workflow-node:nth-child(7) { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) { .motion-ready main > section, .motion-ready .fade-in, .motion-ready .workflow-connection .workflow-node { opacity: 1; transform: none; transition: none; } }
@media (max-width: 767px) { .workflow-arrow { transform: rotate(90deg); line-height: 1; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }