/* VerificaOra v5.6 — Interaction & UX layer */
:root{--vo56-ease:cubic-bezier(.22,1,.36,1);--vo56-shadow:0 24px 70px rgba(18,55,98,.14)}
html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* Progressive reveal */
.vo56-reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .7s var(--vo56-ease),transform .7s var(--vo56-ease)}
.vo56-reveal.vo56-visible{opacity:1;transform:none}
.vo56-reveal:nth-child(2){transition-delay:.05s}.vo56-reveal:nth-child(3){transition-delay:.1s}.vo56-reveal:nth-child(4){transition-delay:.15s}

/* Interactive cards */
.vo5-example,.vo5-step-grid article,.vo5-value-grid article,.vo5-partner-card,.dashboard-panel,.vo5-result-card{transition:transform .28s var(--vo56-ease),box-shadow .28s var(--vo56-ease),border-color .28s ease,background .28s ease}
@media(hover:hover){
 .vo5-example:hover,.vo5-value-grid article:hover,.vo5-partner-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(18,55,98,.14);border-color:rgba(23,105,255,.18)}
 .vo5-step-grid article:hover{transform:translateY(-6px);background:rgba(255,255,255,.095);border-color:rgba(112,237,255,.24)}
}
.vo5-example:active,.vo5-partner-card:active{transform:scale(.985)}

/* Premium scanner interaction */
.vo5-scanner-pro{transform-style:preserve-3d;transition:transform .3s var(--vo56-ease),box-shadow .3s ease;will-change:transform}
.vo5-scanner-pro:after{content:"";position:absolute;inset:-35%;z-index:0;background:conic-gradient(from 0deg,transparent,rgba(77,224,255,.08),transparent 28%,rgba(125,79,255,.08),transparent 58%,rgba(255,78,170,.06),transparent 78%);animation:vo56Aura 14s linear infinite;pointer-events:none}
.vo5-scanner-pro .scanner-core,.vo5-scanner-pro .scanner-hud,.vo5-scanner-pro .scanner-float{transform:translateZ(24px)}
.vo5-scanner-pro.vo56-pointer .scanner-lens{box-shadow:0 0 0 10px rgba(255,255,255,.03),0 0 0 30px rgba(69,121,255,.06),0 24px 90px rgba(27,119,255,.28),inset 0 0 50px rgba(255,255,255,.11)}
@keyframes vo56Aura{to{transform:rotate(360deg)}}

/* Button feedback */
.vo5-primary,.vo5-secondary,.vo5-final-btn,.vo5-start-button,.vo5-upload-btn,.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s var(--vo56-ease),box-shadow .22s ease,filter .22s ease}
@media(hover:hover){.vo5-primary:hover,.vo5-final-btn:hover,.vo5-start-button:hover,.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.vo5-secondary:hover,.vo5-upload-btn:hover{transform:translateY(-2px)}}
.vo56-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.34);transform:scale(0);animation:vo56Ripple .55s ease-out;z-index:-1}
@keyframes vo56Ripple{to{transform:scale(4);opacity:0}}

/* Upload workspace */
.vo5-live-scanner{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--vo56-ease)}
.vo5-live-scanner.drag-over{transform:scale(1.012);box-shadow:0 0 0 3px rgba(29,225,255,.25),0 35px 90px rgba(10,52,110,.34);border-color:#65f2ff}
.vo5-live-scanner.file-selected{box-shadow:0 28px 80px rgba(10,52,110,.3)}
.vo56-drop-hint{text-align:center;margin:-5px 0 2px;color:#788ca2;font-size:12px;transition:.2s}.vo56-drop-hint span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:8px;background:#eef6ff;color:#1769ff;font-size:15px}.vo56-drop-hint.ready{color:#15946b;font-weight:800}.vo56-drop-hint.ready span{background:#eafaf3;color:#12a471}
.vo56-filebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border-radius:16px;border:1px solid #cfe8dd;background:linear-gradient(135deg,#f1fcf7,#f7fbff);box-shadow:0 10px 25px rgba(21,110,83,.06)}
.vo56-filebar>div{display:flex;align-items:center;gap:11px;min-width:0}.vo56-file-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#16b77f;color:#fff;font-weight:900}.vo56-filebar strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px;font-size:13px}.vo56-filebar small{display:block;margin-top:2px;color:#6f8295}.vo56-filebar button{border:0;background:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:21px;color:#718397;box-shadow:0 5px 15px rgba(18,55,98,.08)}
.vo5-start-button:disabled{opacity:.52;filter:grayscale(.15);transform:none!important;box-shadow:none;cursor:not-allowed}
.vo5-start-button.ready{animation:vo56Ready 2.1s ease-in-out infinite}
@keyframes vo56Ready{0%,100%{box-shadow:0 17px 38px rgba(55,88,220,.25)}50%{box-shadow:0 20px 48px rgba(55,88,220,.38),0 0 0 5px rgba(23,105,255,.06)}}

/* Processing experience */
.vo56-processing[hidden]{display:none!important}.vo56-processing{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(3,13,31,.72);backdrop-filter:blur(16px);animation:vo56Fade .25s ease both}
.vo56-processing-card{width:min(520px,100%);padding:34px;border-radius:30px;background:linear-gradient(160deg,rgba(10,36,74,.98),rgba(7,22,49,.98));color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 120px rgba(0,0,0,.45);text-align:center}
.vo56-processing-orb{width:96px;height:96px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.3),rgba(29,225,255,.12) 38%,rgba(23,105,255,.12) 65%,rgba(0,0,0,.2));border:1px solid rgba(112,237,255,.45);box-shadow:0 0 0 12px rgba(255,255,255,.025),0 0 55px rgba(29,225,255,.2);animation:vo56Orb 2s ease-in-out infinite}.vo56-processing-orb span{font-size:50px;font-weight:950;background:linear-gradient(145deg,#fff,#66efff 55%,#7090ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.vo56-processing-card h2{margin:0 0 22px;font-size:26px}.vo56-stage-list{display:grid;gap:9px;text-align:left}.vo56-stage-list>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#7f9bb8;background:rgba(255,255,255,.035);transition:.25s}.vo56-stage-list i{width:11px;height:11px;border-radius:50%;border:2px solid currentColor}.vo56-stage-list .active{color:#dffaff;background:rgba(29,225,255,.08)}.vo56-stage-list .active i{border-color:#6ef0ff;border-top-color:transparent;animation:vo56Spin .9s linear infinite}.vo56-stage-list .done{color:#8ae6bf}.vo56-stage-list .done i{background:#17c98b;border-color:#17c98b;box-shadow:0 0 0 3px rgba(23,201,139,.1)}
.vo56-indeterminate{height:4px;margin:21px 0 15px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.vo56-indeterminate i{display:block;width:36%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769ff,#64efff,#7f51ff);animation:vo56Ind 1.45s ease-in-out infinite}.vo56-processing-card p{margin:0;color:#91abc5;font-size:12px;line-height:1.6}
@keyframes vo56Spin{to{transform:rotate(360deg)}}@keyframes vo56Ind{0%{transform:translateX(-110%)}100%{transform:translateX(380%)}}@keyframes vo56Orb{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes vo56Fade{from{opacity:0}to{opacity:1}}

/* Result reveal */
.vo5-result-shell{opacity:0;transform:translateY(14px)}.vo5-result-shell.vo56-result-visible{animation:vo56Result .65s var(--vo56-ease) forwards}
@keyframes vo56Result{to{opacity:1;transform:none}}
.vo5-result-top{position:relative;overflow:hidden}.vo5-result-top:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(29,225,255,.15),transparent 68%);pointer-events:none}
.vo56-share-button{border:1px solid #dce6f0;background:#fff;color:#204367;padding:13px 17px;border-radius:13px;font-weight:800;cursor:pointer;transition:.22s}.vo56-share-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(18,55,98,.08)}

/* Mobile centering + justified body copy */
@media(max-width:720px){
 .vo5-hero,.vo5-heading,.vo5-step-grid article,.vo5-value-grid article,.vo5-example,.vo5-partner-card,.vo5-final,.vo5-action-strip,.vo5-tool-head,.vo5-result-top,.vo5-result-card,.vo5-classification{text-align:center!important}
 .vo5-example>span,.vo5-value-grid article>span,.vo5-partner-card>span,.vo5-step-grid b{margin-left:auto!important;margin-right:auto!important}
 .vo5-hero-copy>p,.vo5-heading>p,.vo5-example p,.vo5-step-grid p,.vo5-value-grid p,.vo5-partner-card p,.vo5-partner-cta p,.vo5-final p,.vo5-tool-head>p,.vo5-result-top p,.vo5-result-card p,.vo5-disclaimer,.vo5-detail-row>div{text-align:justify!important;text-justify:inter-word}
 .vo5-trust,.vo5-result-actions{justify-content:center!important}
 .vo56-drop-hint{font-size:11px;line-height:1.45;padding-inline:10px}
 .vo56-filebar strong{max-width:220px}
 .vo56-processing-card{padding:28px 20px;border-radius:24px}.vo56-stage-list{text-align:left}
 .vo56-share-button{width:100%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vo56-reveal,.vo5-result-shell{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.vo5-scanner-pro:after,.vo5-start-button.ready,.vo56-processing-orb,.vo56-stage-list .active i,.vo56-indeterminate i{animation:none!important}}