/* Customer-facing visual language. Deliberately not loaded by catalog or staff pages. */
:root{--customer-ink:#253e54;--customer-copy:#536b7d;--customer-rose:#e72f61;--customer-teal:#257c7b;--customer-violet:#785aa2;--customer-line:#dce5eb;--customer-radius:22px}
.customer-surface{color:var(--customer-ink);-webkit-font-smoothing:antialiased}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.customer-surface a,.customer-surface button,.customer-surface summary{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}
.customer-surface :is(a,button,input,select,summary):focus-visible{outline:3px solid #288584;outline-offset:4px}
.customer-surface :is(.primary,.btn-primary){background:var(--customer-rose);border-color:var(--customer-rose);color:#fff;box-shadow:0 7px 20px #e72f611a}
.customer-surface :is(.primary,.btn-primary):hover{background:#c82551;border-color:#c82551;color:#fff;box-shadow:0 9px 24px #c8255129}
.customer-surface :is(.text-link,.secondary-link,.feature-link){font-weight:650}
.customer-surface .text-link{color:var(--customer-teal);font-size:12px;text-underline-offset:6px}
.customer-surface .text-link:hover{text-decoration:underline}
.customer-surface .eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;line-height:1.7}



.customer-surface .join-note{color:var(--customer-copy);line-height:1.9}
.customer-surface input:not([type=checkbox]):not([type=radio]){transition:border-color .2s,box-shadow .2s}
.customer-surface input:focus{border-color:#6ea7aa;box-shadow:0 0 0 3px #31898713;outline:none}
.customer-surface [data-piano]{overflow:visible}
.piano-letter{display:inline-block;white-space:pre;transform:translateY(var(--key-y,0px)) scale(var(--key-scale,1));text-shadow:0 0 var(--key-glow,0px) #eb719b66;-webkit-text-stroke:var(--key-edge,0px) currentColor;transform-origin:50% 80%;transition:transform .18s ease-out,text-shadow .2s,-webkit-text-stroke .2s}
.customer-auth.customer-surface .auth-card{border:1px solid #ffffffd9;box-shadow:0 24px 80px -35px #32555c40}
.customer-auth.customer-surface .auth-story .lead{color:#526f7c}
.customer-auth.customer-surface .auth-tabs{border:1px solid #e0e7ea}
.customer-auth.customer-surface .auth-tabs [aria-selected=true]{box-shadow:0 3px 12px #2943560c}
@media(prefers-reduced-motion:reduce){.customer-surface{scroll-behavior:auto}.customer-surface *{animation:none!important;transition:none!important}.piano-letter{transform:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}}
html[data-motion=paused] .customer-surface :is(.floating-note,.connection-track i){animation-play-state:paused}
html[data-motion=paused] .piano-letter{transform:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}