/* Optical verification — a full-screen sequence, with a live rendered scene. */
:root{--ice:#a9e9f0;--cinema-gold:#dfbd6f;--tech-font:'Bahnschrift','Arial Narrow',Arial,sans-serif;--mono:'Consolas','Courier New',monospace}
body:not([data-phase="complete"]){overflow:hidden}
.cinema{position:fixed;inset:31px 0 0;z-index:55;overflow:hidden;background:#030609;opacity:1;isolation:isolate;transition:opacity .85s ease,visibility 0s;min-height:420px}
.cinema::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#12303540,transparent 55%),linear-gradient(115deg,#07101566,transparent 45%,#18130944);z-index:-1}
.scanner-canvas{display:block;position:absolute;width:100%;height:100%;inset:0;z-index:1}
.cinema-vignette{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#030609 0%,transparent 29%,transparent 78%,#03060966 100%),radial-gradient(ellipse at center,transparent 45%,#010305bb);pointer-events:none}
.cinema-grain{position:absolute;inset:0;z-index:2;opacity:.025;background:repeating-linear-gradient(0deg,#d4f7ff 0,transparent 1px,transparent 3px);pointer-events:none}
.cinema-topline{position:absolute;left:4.5%;right:4.5%;top:35px;display:flex;justify-content:space-between;align-items:center;z-index:5;padding-bottom:22px;border-bottom:1px solid #8cadb01c}
.cinema-wordmark{font:600 23px/1 var(--tech-font);letter-spacing:.3em;color:#e0c687}.cinema-wordmark span{display:block;font:8px/1.8 Arial,sans-serif;letter-spacing:.48em;color:#b6aa8c;margin-top:7px}
.cinema-session{display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.15em;color:#a6b3b7}.cinema-session i{width:4px;height:4px;background:#b5f1f7;box-shadow:0 0 10px #8fefff;border-radius:50%;animation:signal-pulse 2s ease-in-out infinite}
.cinema-logo{position:absolute;z-index:4;top:43%;left:50%;width:154px;transform:translate(-50%,-50%);transition:opacity .55s ease,filter .55s ease,transform .7s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 25px #cba34a44);animation:logo-acquire 1.1s ease both}
.cinema-logo img{display:block;width:100%;height:auto}
.logo-light{position:absolute;inset:0;mask:url('assets/logo.png') center/contain no-repeat;-webkit-mask:url('assets/logo.png') center/contain no-repeat;background:linear-gradient(120deg,transparent 35%,#fff3ce 48%,transparent 60%);background-size:400% 100%;animation:metal-pass 1.3s .15s ease-in-out both;mix-blend-mode:screen}
.reticle{position:absolute;z-index:3;left:50%;top:43%;width:min(48vw,650px);height:58%;transform:translate(-50%,-50%);opacity:0;transition:opacity .6s ease,width 1s ease,height 1s ease;pointer-events:none}
.reticle i{position:absolute;width:23px;height:23px;border-color:#d8eef077;border-style:solid;border-width:0;filter:drop-shadow(0 0 5px #97e4f333)}.reticle i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.reticle i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.reticle i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.reticle i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.scan-side{position:absolute;z-index:3;top:37%;font:9px/1.8 var(--mono);letter-spacing:.09em;color:#a4c3c7;display:flex;flex-direction:column;gap:17px;opacity:0;transition:opacity .7s ease;pointer-events:none}.scan-side-left{left:6%}.scan-side-right{right:6%;text-align:right;align-items:flex-end}.technical-label{font-size:8px;letter-spacing:.15em;color:#667f85}.side-rule{height:1px;width:95px;background:linear-gradient(90deg,#adc0bb77,transparent)}.scan-side-right .side-rule{transform:rotate(180deg)}.side-coordinate{color:#6a878f;font-size:8px;line-height:2}.side-coordinate b{color:#a7ced4;font-weight:400;margin-left:10px;font-variant-numeric:tabular-nums}
.spectral-bars{height:37px;display:flex;align-items:center;justify-content:flex-end;gap:3px}.spectral-bars i{display:block;width:2px;background:#8fcdd5;box-shadow:0 0 6px #8fefff22;height:25%;transform-origin:center;animation:spectrum 1.1s ease-in-out infinite}.spectral-bars i:nth-child(3n){height:80%;animation-delay:-.3s}.spectral-bars i:nth-child(2n){height:50%;animation-delay:-.6s}.spectral-bars i:nth-child(4n){height:100%;animation-delay:-.1s}
.object-callout{position:absolute;z-index:4;opacity:0;display:flex;align-items:center;transition:opacity .8s;pointer-events:none}.object-callout>span{height:1px;width:45px;background:linear-gradient(90deg,#b2e6ed99,#b2e6ed22);position:relative}.object-callout>span::before{content:"";position:absolute;left:-3px;top:-2px;width:5px;height:5px;border:1px solid #c9f2f4;box-shadow:0 0 7px #a3e9ef}.object-callout p{font:8px/1.6 var(--mono);letter-spacing:.14em;color:#d1e8e5;margin-left:10px}.object-callout small{display:block;font-size:6px;color:#769296;letter-spacing:.05em}.callout-box{left:25%;top:23%;flex-direction:row-reverse}.callout-box>span{transform:rotate(180deg)}.callout-box p{margin-left:0;margin-right:10px}.callout-vial{left:61%;top:49%}
.cinema-bottom{position:absolute;z-index:5;bottom:27px;width:580px;max-width:calc(100% - 48px);left:50%;transform:translateX(-50%)}
.cinema-step-caption{display:flex;justify-content:space-between;font:8px/1.6 var(--mono);letter-spacing:.18em;color:#91bcc5;margin-bottom:12px}.cinema-phase-number{color:#6c868d}
.cinema-title-row{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:23px}.cinema-title-row h2{font:400 clamp(26px,2.3vw,35px)/1.05 var(--tech-font);letter-spacing:.01em;margin:0;color:#ecf3f2}.cinema-title-row h2 em{font-style:normal;color:#d8ba76}
.cinema-percentage{display:flex;align-items:baseline;font-family:var(--tech-font);font-variant-numeric:tabular-nums;color:#c5e4e8}.cinema-percentage strong{font-size:62px;letter-spacing:-.07em;font-weight:300;line-height:.85}.cinema-percentage>span{font-size:13px;margin-left:9px;color:#6e8a91}
.cinema-track{position:relative;height:2px;background:#78999f24}.cinema-track>div{height:100%;width:0;background:linear-gradient(90deg,#426d79,#a5dce4 60%,#f2ddaa);box-shadow:0 0 10px #9be9f855}.cinema-track>span{position:absolute;left:0;right:0;top:-3px;height:8px;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#aac5cb22 calc(10% - 1px),#aac5cb22 10%);pointer-events:none}
.cinema-timeline{display:flex;justify-content:space-between;gap:5px;margin-top:17px;font:7px var(--mono);letter-spacing:.1em;color:#61767c}.cinema-timeline>span{display:flex;align-items:center;gap:7px;transition:color .4s}.cinema-timeline i{height:4px;width:4px;border:1px solid #657e83;transform:rotate(45deg);transition:all .4s}.cinema-timeline>span.is-active{color:#cae4e5}.cinema-timeline>span.is-active i{background:#bddde0;border-color:#bddde0;box-shadow:0 0 7px #bdf5ff55}.cinema-timeline>span.is-done{color:#b5a178}.cinema-timeline>span.is-done i{background:#b5a178;border-color:#b5a178}
.cinema-bottom-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:21px;border-top:1px solid #9ab6b315;padding-top:11px;font:9px/1.4 Arial,sans-serif;color:#869aa0;min-height:43px}.cinema-bottom-line button{border:0;background:transparent;padding:10px 0 10px 12px;color:#b7c6ca;font-size:9px;min-height:38px;white-space:nowrap}.cinema-bottom-line button span{color:#dac48c;font-size:12px;margin-left:7px}.cinema-bottom-line button:hover{color:#f2e4bc}
.cinema[data-stage="scan"] .cinema-logo,.cinema[data-stage="resolve"] .cinema-logo{opacity:0;filter:blur(9px);transform:translate(-50%,-50%) scale(1.15);pointer-events:none}.cinema[data-stage="scan"] .scan-side,.cinema[data-stage="scan"] .reticle{opacity:1}.cinema[data-stage="scan"][data-step="1"] .object-callout,.cinema[data-stage="scan"][data-step="2"] .object-callout{opacity:1}
.cinema-verdict{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%) scale(.6);width:120px;height:120px;opacity:0;z-index:6;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.85,.2,1);pointer-events:none;background:radial-gradient(#04100dec,#030a09bd 48%,transparent 71%);border-radius:50%}
.cinema-verdict svg{width:100%;height:100%;stroke-width:1.2;overflow:visible}.verdict-outer{stroke:#e7cb82;stroke-dasharray:2 6;transform-origin:center;animation:verdict-orbit 18s linear infinite}.verdict-inner{stroke:#a7d9bf55;stroke-width:.8}.verdict-check{stroke:#84f1c3;stroke-width:3;stroke-dasharray:70;stroke-dashoffset:70;filter:drop-shadow(0 0 5px #57d9a777)}.verdict-warning{stroke:#f1c078;stroke-width:3;display:none}.verdict-halo{position:absolute;inset:-17px;border:1px solid #bdebc344;border-radius:50%;opacity:0}
.cinema[data-stage="resolve"] .cinema-verdict{opacity:1;transform:translate(-50%,-50%) scale(1)}.cinema[data-stage="resolve"] .scanner-canvas{filter:brightness(.48);transition:filter .6s}.cinema[data-stage="resolve"] .verdict-check{animation:trace-verdict .6s .1s ease forwards}.cinema[data-stage="resolve"] .verdict-halo{animation:verdict-wave 1s ease-out both}.cinema[data-stage="resolve"] .cinema-title-row h2{color:#eee8d7}.cinema[data-stage="resolve"] .cinema-percentage{color:#9bddb7}.cinema[data-stage="resolve"][data-verdict="error"] .verdict-check,.cinema[data-stage="resolve"][data-verdict="not-found"] .verdict-check{display:none}.cinema[data-stage="resolve"][data-verdict="error"] .verdict-warning,.cinema[data-stage="resolve"][data-verdict="not-found"] .verdict-warning{display:block}
.cinema.is-exiting{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s;pointer-events:none}.cinema.is-exiting .cinema-bottom{transition:transform .8s;transform:translate(-50%,20px)}
body[data-phase="loading"] .page-shell,body[data-phase="opening"] .page-shell,body[data-phase="scanning"] .page-shell{visibility:hidden;opacity:0;pointer-events:none}
body[data-phase="complete"] .page-shell{visibility:visible;opacity:1;transition:opacity .8s ease .05s}
.demo-notice{background:#0d1417;color:#c9c7b6;border-color:#89adb522}
body{background:#05090b}
body::before{background:radial-gradient(ellipse at 28% 45%,#15343830,transparent 62%),linear-gradient(110deg,#05090b,#080a0b 70%)}
.page-shell::before{content:"";position:fixed;inset:31px 0 0;z-index:-1;pointer-events:none;opacity:.17;background-image:linear-gradient(#72979d14 1px,transparent 1px),linear-gradient(90deg,#72979d14 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 25% 50%,black,transparent 65%)}
.header{border-color:#9fbeae24}.header-label{font-family:var(--mono);color:#a2bec3}.brand-name{font-family:var(--tech-font);letter-spacing:.26em}.header-monogram{font-family:var(--mono);font-size:13px;color:#9dbaaf}.collection-heading{font-family:var(--mono);font-size:9px;color:#b6d1cc}.collection-number{color:#6d989c}.collection-heading .small-line{background:#9ce0e1;box-shadow:0 0 8px #85dae866}
.product-stage{aspect-ratio:1/1.02}.showcase-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:6}
.product-stage.has-renderer> :not(.showcase-canvas){display:none}.showcase-caption p{font:400 14px var(--tech-font);letter-spacing:.09em;color:#b7c4c0}.showcase-subtitle{font-family:var(--mono);font-size:7px;color:#799397}.caption-rule{background:linear-gradient(90deg,transparent,#86bec155)}
.verification-column{position:relative}.verification-panel::after{content:"";position:absolute;right:0;top:4px;width:28px;height:28px;border-top:1px solid #9ec4c555;border-right:1px solid #9ec4c555}.status-seal{background:radial-gradient(#33685511,transparent 70%)}.status-seal::before{content:"";position:absolute;inset:-7px;border:1px dashed #acbda42a;border-radius:50%;animation:verdict-orbit 30s linear infinite}
body[data-phase="complete"] h1{font-family:var(--tech-font);font-weight:500;font-size:clamp(43px,4.7vw,68px);letter-spacing:-.025em;line-height:.98}body[data-phase="complete"] h1 span{background-image:linear-gradient(110deg,#f4e9c7,#d2ae5c 80%)}.eyebrow{font-family:var(--mono);font-size:9px}.result-description{color:#a7b5b5}.product-card{border-radius:0;border-color:#98b9ab30;background:linear-gradient(125deg,#243c3a33,#0c1316 70%);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.product-card-heading{font-family:var(--mono);color:#a6bcad}.product-card h2{font-family:var(--tech-font);font-size:20px}.product-specs dt{font-family:var(--mono);color:#8da5a4}.product-specs dd{font-family:var(--tech-font);color:#e3eae7}.information-button{border-radius:0;background:linear-gradient(110deg,#eedba1,#c9ab63);font-family:var(--tech-font);font-size:12px}.result-note{color:#91a1a2}.footer{border-color:#8eaaa820}.footer p{font-family:var(--tech-font);font-style:normal;font-size:11px;color:#879b9c}
@keyframes metal-pass{from{background-position:100% 0}to{background-position:0 0}}
@keyframes logo-acquire{0%{opacity:0;filter:blur(5px) drop-shadow(0 0 30px #cba34a55);transform:translate(-50%,-50%) scale(.92)}65%{opacity:1;filter:blur(0) drop-shadow(0 0 25px #cba34a44)}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes signal-pulse{50%{opacity:.4}}
@keyframes spectrum{50%{transform:scaleY(.35);opacity:.4}}
@keyframes verdict-orbit{to{transform:rotate(360deg)}}
@keyframes trace-verdict{to{stroke-dashoffset:0}}
@keyframes verdict-wave{0%{opacity:.7;transform:scale(.9)}100%{opacity:0;transform:scale(1.8)}}
@media(min-width:1200px) and (min-height:900px){.cinema-bottom{bottom:35px}.cinema-title-row{margin-bottom:24px}.cinema-title-row h2{font-size:37px}.cinema-percentage strong{font-size:68px}}
@media(max-width:850px){.cinema-topline{left:24px;right:24px;top:25px;padding-bottom:17px}.cinema-wordmark{font-size:19px}.cinema-wordmark span{font-size:6px}.cinema-session{font-size:6px;gap:6px;letter-spacing:.05em}.cinema-logo{width:128px}.cinema-bottom{bottom:20px;width:calc(100% - 48px);max-width:450px}.cinema-step-caption{font-size:7px;margin-bottom:11px}.cinema-title-row{margin-bottom:19px;gap:10px}.cinema-title-row h2{font-size:29px;letter-spacing:-.01em}.cinema-percentage strong{font-size:55px}.cinema-percentage>span{font-size:10px;margin-left:5px}.cinema-timeline{font-size:6px;letter-spacing:0;gap:4px;margin-top:14px}.cinema-timeline>span{gap:5px}.cinema-timeline i{height:3px;width:3px}.cinema-bottom-line{font-size:8px;margin-top:18px;padding-top:9px;gap:8px}.cinema-bottom-line button{font-size:8px}.reticle{width:82%;height:50%}.reticle i{width:16px;height:16px}.scan-side{top:20%;font-size:6px;gap:10px}.scan-side-left{left:20px}.scan-side-right{right:20px}.technical-label{font-size:5px}.side-rule{width:42px}.side-coordinate{font-size:5px}.side-coordinate b{margin-left:4px}.spectral-bars{height:20px;gap:2px}.spectral-bars i{width:1px}.scan-side-right>span:last-child{font-size:5px}.object-callout{display:none}.cinema-verdict{width:102px;height:102px;top:37%}.showcase-caption{display:flex;gap:15px;margin-top:-2px}.showcase-caption p{font-size:9px;letter-spacing:.05em}.showcase-caption .caption-rule{width:17px}.showcase-subtitle{display:none}.product-stage{width:100%;aspect-ratio:1.45;margin-top:0}.verification-column{margin-top:17px}.verification-panel::after{width:18px;height:18px;right:3px;top:3px}.status-seal{width:49px;height:49px;margin-bottom:17px}body[data-phase="complete"] h1{font-size:45px;line-height:.98}.product-card h2{font-size:19px}.eyebrow{font-size:7px;letter-spacing:.1em}.result-description{font-size:11px;max-width:310px}.product-specs dd{font-size:28px}}
@media(max-width:850px) and (max-height:760px){.cinema-topline{top:17px;padding-bottom:12px}.cinema-logo{width:102px}.cinema-bottom{bottom:11px}.cinema-title-row h2{font-size:24px}.cinema-title-row{margin-bottom:15px}.cinema-percentage strong{font-size:44px}.cinema-step-caption{margin-bottom:7px}.cinema-timeline{margin-top:11px}.cinema-bottom-line{margin-top:12px;padding-top:5px;font-size:7px}.cinema-bottom-line button{min-height:32px;font-size:7px}.scan-side{top:19%;opacity:.6}.reticle{height:45%;top:40%}.product-stage{width:94%;aspect-ratio:1.65}.verification-column{margin-top:13px}.status-seal{width:39px;height:39px;margin-bottom:13px}body[data-phase="complete"] h1{font-size:38px}.result-description{margin-top:11px}.cinema-verdict{top:35%;width:90px;height:90px}}
@media(max-width:360px){.cinema-topline{left:18px;right:18px}.cinema-bottom{width:calc(100% - 36px)}.cinema-session{font-size:5px}.cinema-title-row h2{font-size:22px}.cinema-percentage strong{font-size:40px}.cinema-bottom-line{gap:4px}.cinema-timeline{font-size:5px}.cinema-wordmark{font-size:17px}.product-stage{aspect-ratio:1.8}body[data-phase="complete"] h1{font-size:35px}.status-seal{margin-bottom:11px}}
.cinema .cinema-logo,.cinema .logo-light{animation:none}
.cinema[data-stage="boot"] .cinema-logo{animation:logo-acquire 1.1s ease both}
.cinema[data-stage="boot"] .logo-light{animation:metal-pass 1.3s .15s ease-in-out both}
@media(max-width:850px){.scan-side{top:15%}.scan-side #scan-detail,.scan-side .side-coordinate,.scan-side .side-rule,.scan-side-right>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.cinema{transition:none}.cinema.is-exiting{transition:none}.verdict-check{stroke-dashoffset:0}.cinema-logo{animation:none}.scanner-canvas{filter:none!important}.showcase-canvas{transform:none!important}}