:root{--milestone-height:125vh;--milestone-position:sticky}
html{scroll-behavior:smooth}*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
.action-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 24px;background:var(--fg-1);color:#fff;border:1px solid var(--fg-1);border-radius:var(--radius-md);font:600 16px var(--font-sans);cursor:pointer;transition:background .2s,transform .2s}
.action-button:hover{background:#27272a}.action-button:active{transform:translateY(1px)}.action-button:disabled{opacity:.65;cursor:wait}
.action-button.secondary{background:white;color:var(--fg-1)}.action-button.secondary:hover{background:var(--bg-subtle)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-500)!important;outline-offset:4px}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#b91c1c!important}
label:has(input:checked){border-color:var(--accent-500)!important;background:var(--accent-50)!important}
.contact-note{margin:0;font-size:14px;line-height:1.6;color:var(--fg-2)}
#form-status:not(:empty){padding:16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);line-height:1.5}
#form-status[data-kind=error]{border-color:#b91c1c;color:#991b1b}
.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
nav[aria-label="Journey milestones"] a[aria-current=step]{background:var(--fg-1)!important;color:white!important}
@media(max-width:767px){:root{--milestone-height:0px;--milestone-position:static}.action-button{max-width:100%;white-space:normal;text-align:left}nav[aria-label="Journey milestones"]{max-width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(prefers-reduced-motion:reduce){[data-header],nav[aria-label="Journey milestones"]{transition:none!important}}

nav[aria-label="Social media"] a:hover{color:var(--accent-600)!important}

.field-error{margin:4px 0 0;font-size:var(--text-sm);line-height:1.4;color:var(--danger-500)}
#inquiry-form label:has(input:focus-visible){outline:2px solid var(--accent-500);outline-offset:3px}