/* Metal finishes have stable roles; reflections never carry information. */
.metallic-button[data-metal=teal]{--metal-fill:linear-gradient(164deg,#164e46 0%,#096052 25%,#116957 42%,#064b40 50%,#075549 72%,#123f39 100%);--metal-edge:#318b78;--metal-rim:#83c5b680;--metal-label:#fff;--metal-halo:#12877140}
.metallic-button[data-metal=titanium]{--metal-fill:linear-gradient(172deg,#edf1f2 0%,#b5c1c5 26%,#e6ecee 44%,#a6b5ba 51%,#cbd5d8 75%,#e7edef 100%);--metal-edge:#899da3;--metal-rim:#ffffffd9;--metal-label:#25383c;--metal-halo:#77999e40}
.metallic-button[data-metal=bronze]{--metal-fill:linear-gradient(158deg,#463628 0%,#674b34 24%,#745339 41%,#4d3828 50%,#5b432f 75%,#3d3025 100%);--metal-edge:#ad8964;--metal-rim:#d8b78b99;--metal-label:#fff6e9;--metal-halo:#b98c514a}
.metallic-button[data-metal],.site-header .button.metallic-button{position:relative;isolation:isolate;overflow:hidden;background:var(--metal-fill);color:var(--metal-label);border:1px solid var(--metal-edge);box-shadow:inset 0 1px 0 var(--metal-rim),inset 0 -2px 3px #00000030,0 4px 12px #20302b15;transition:box-shadow .2s,border-color .2s;min-height:44px}
.metallic-button[data-metal]:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 1px,#ffffff35 1px 2px,transparent 2px 4px)}
.metallic-button[data-metal]:after{content:'';position:absolute;inset:-80% -45%;z-index:-1;pointer-events:none;opacity:0;transform:translateX(-75%);background:linear-gradient(112deg,transparent 37%,#ffffff00 42%,#fff 49%,#ffffff30 54%,transparent 61%);animation:drs-metal-reflection 14s linear infinite;animation-play-state:paused}
.metallic-button[data-metal=titanium]:before{opacity:.26;background:repeating-linear-gradient(90deg,#ffffff15 0 1px,#20383b0a 1px 2px,transparent 2px 5px)}
.metallic-button[data-metal=titanium]:after{background:linear-gradient(104deg,transparent 29%,#ffffff30 40%,#ffffffdd 50%,#ffffff30 60%,transparent 71%);animation-duration:17s}
.metallic-button[data-metal=bronze]:after{background:linear-gradient(105deg,transparent 40%,#fbdba840 45%,#fff1d5 50%,#fbdba830 55%,transparent 60%);animation-duration:19s}
.metallic-button[data-metal].metal-visible:after{animation-play-state:running}
.metallic-button[data-metal]:hover,.metallic-button[data-metal]:focus-visible{box-shadow:inset 0 1px 0 var(--metal-rim),inset 0 -2px 3px #00000030,0 5px 20px var(--metal-halo)}
@media(hover:hover){.metallic-button[data-metal].metal-visible:not(:disabled):not([aria-disabled=true]):hover:after{animation:drs-metal-hover 1.4s ease-in-out 1}}
.metallic-button[data-metal]:disabled:after,.metallic-button[data-metal][aria-disabled=true]:after{animation:none;opacity:0}
.service summary.metallic-button{display:list-item;padding:12px 18px;border-radius:8px;width:fit-content;max-width:100%;font-weight:600}
.service details[open] summary.metallic-button{box-shadow:inset 0 1px 0 var(--metal-rim),0 0 0 2px #90b1b780,0 0 24px #77999e40}
/* Selection remains a readable light surface while tile pulses can still darken it. */
.business-choices button[aria-pressed=true]{border-color:#147b69;box-shadow:inset 0 0 0 2px #147b69,0 0 0 3px #dfc9b348,0 4px 20px #93775c4d,0 0 38px #dfc9b370}
.site-header #primary-navigation a[aria-current=page]:not(.button){border-radius:8px;background:#edf7f24d;box-shadow:0 0 16px #00867526}
.site-header .metallic-button[aria-current=page]{box-shadow:inset 0 1px 0 var(--metal-rim),0 0 0 2px #248e7840,0 0 26px var(--metal-halo)}
.mp-index a[aria-current=location]{border-color:#147b69;background:#f1f8f5;box-shadow:0 0 0 2px #168c7526,0 0 22px #00867530;color:#125c4f}
.mp-packages li{border-top-color:#aab9bd;box-shadow:inset 0 2px 0 #dbe3e5}
.brand-statement{border-top-color:#b59b7d}
body[data-motion-paused=true] .metallic-button[data-metal]:after{animation-play-state:paused!important;opacity:0!important}
@keyframes drs-metal-reflection{0%,8%{transform:translateX(-75%);opacity:0}10%{opacity:.12}21%{transform:translateX(75%);opacity:.12}23%,100%{transform:translateX(75%);opacity:0}}
@keyframes drs-metal-hover{0%{transform:translateX(-75%);opacity:0}15%{opacity:.12}85%{opacity:.12}100%{transform:translateX(75%);opacity:0}}
.metal-interaction-only .metallic-button[data-metal]:after{animation:none}
@media(hover:hover){.metal-interaction-only .metallic-button[data-metal].metal-visible:not(:disabled):not([aria-disabled=true]):hover:after{animation:drs-metal-hover 1.4s ease-in-out 1}}
@media(prefers-reduced-motion:reduce){.metallic-button[data-metal]:after{animation:none!important;opacity:0!important}.metallic-button[data-metal]{transition:none}}
@media(forced-colors:active){.metallic-button[data-metal]{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.metallic-button[data-metal]:before,.metallic-button[data-metal]:after{display:none}.business-choices button[aria-pressed=true],.mp-index a[aria-current=location]{outline:3px solid Highlight;outline-offset:2px;box-shadow:none}.site-header #primary-navigation a[aria-current=page]{outline:2px solid Highlight;outline-offset:2px;box-shadow:none}}
