/* Automatic, quietly animated product previews without video-player chrome. */
.proof-rail{padding-top:16px;padding-bottom:15px}
.proof-brand{width:100%}
.proof-brand small{margin-left:auto;padding-left:0;border:0;color:#a8b3bc}
.proof-steps{margin-top:16px}
.showcase-controls{justify-content:center}
.showcase-controls .story-tabs{width:100%;max-width:680px}
.story-tabs{position:relative}
.story-tabs button{transition:background .28s,color .28s,border-color .28s,box-shadow .28s}
.proof-steps button{transition:background .26s,color .26s,border-color .26s,box-shadow .26s}
.proof-steps button[aria-selected=true]{box-shadow:0 2px 8px #0002}
.proof-card,.proof-back-card{transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s}
.proof-progress>span{transition:width .65s cubic-bezier(.22,1,.36,1),background .4s}
#proofTitle{min-height:2.2em}
.proof-stamp{transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.proof-chain[data-step='3'] .proof-stamp{transform:rotate(-9deg) scale(1)}
.evidence-tile{transition:translate .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.proof-chain[data-playing=true] .photo-tile img{animation:evidence-detail 13.6s ease-in-out infinite}
@keyframes evidence-detail{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.interactive-story[data-playing=false] .photo-tile img,.interactive-story[data-playing=false] .phone-photo::after{animation-play-state:paused}
.workflow-layout[data-playing=true] .workflow-photo img{animation:workflow-photo-drift 4.4s ease-out infinite}
@keyframes workflow-photo-drift{from{transform:scale(1.04)}to{transform:scale(1)}}
.workflow-layout[data-playing=false] .workflow-photo img{animation-play-state:paused}
.workflow-photo{background:#e9edf0}
.workflow-option{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .3s,border-color .3s}
.verification-layer,.verification-result{transition:translate .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .35s}
.card-explore,.detail-tabs button,.detail-close{transition:background .25s,color .25s,border-color .25s,box-shadow .25s,scale .2s}
.button:active:not(:disabled),.card-explore:active,.detail-tabs button:active{scale:.98}
.record-detail[open],.demo-modal[open]{animation:surface-arrive .36s cubic-bezier(.22,1,.36,1)}
.record-detail[open]::backdrop,.demo-modal[open]::backdrop{animation:backdrop-arrive .3s ease}
@keyframes surface-arrive{from{opacity:.5;translate:0 14px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@media(hover:hover) and (pointer:fine){
 .verification-layer:hover,.verification-result:hover{translate:0 -5px;border-color:#cad3da;box-shadow:0 2px 0 #e4e9ed,0 23px 38px -24px #18283d40}
}
@media(max-width:700px){
 .proof-rail{padding-block:14px}.proof-steps{margin-top:13px}.proof-brand small{font-size:9px}
 #proofTitle{min-height:3.3em}.proof-explanation{min-height:83px}
 .showcase-controls .story-tabs{max-width:none}.story-tabs button{flex:1;min-width:0}
 .workflow-panel-content{min-height:455px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .verification-layer,.verification-result{translate:none!important}
 .button:active,.card-explore:active,.detail-tabs button:active{scale:1}
}

/* Compact navigation action and a complete partial-acceptance breakdown. */
.nav .nav-actions .button-small{flex:0 0 auto;width:auto;min-width:0;min-height:38px;padding:8px 17px;gap:8px;font-size:12px;font-weight:600;box-shadow:none}
.nav .nav-actions .button-small .icon{display:none}
.area-map span:first-child{width:80%}
.area-map span:nth-child(2){flex:1;background:repeating-linear-gradient(135deg,#f6ead5 0px,#f6ead5 4px,#faf3e6 4px,#faf3e6 8px);color:#9e752e}
.area-map span:nth-child(3){flex:1;background:#e9edf1;color:#66727e}
.detail-key{gap:14px;flex-wrap:wrap}
.detail-key span:nth-child(2){color:#a7762c}.detail-key span:nth-child(3){color:#66727e}
@media(max-width:700px){.nav .nav-actions .button-small{min-height:35px;padding:7px 13px;font-size:11px}}