@property --detect-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --detect-y{syntax:"<percentage>";inherits:false;initial-value:45%}.living-heading{grid-template-columns:.4fr 1.3fr .6fr}.story-stage{background:#d9d8d3}.story-video{background:#17191c}.story-video:after{display:none}.detection-demo{background:radial-gradient(circle at 50% 42%,#57534d,#171819 72%)}.demo-jewelry{position:absolute;inset:8% 10% 12%;background:url('assets/vaultly-jewelry-detection-ui-v1.png') center 23%/115% auto no-repeat;filter:grayscale(1) contrast(1.06);opacity:.86}.detection-demo:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 45%,transparent 25%,#111315c7 75%)}.detection-grid{position:absolute;z-index:2;inset:10%;background-image:radial-gradient(circle,#e9edf3 0 2px,transparent 2.5px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at var(--detect-x,50%) var(--detect-y,45%),#000 0 18%,transparent 42%);mask-image:radial-gradient(circle at var(--detect-x,50%) var(--detect-y,45%),#000 0 18%,transparent 42%);animation:detectTravel 5s ease-in-out infinite}.detection-reticle{position:absolute;z-index:3;left:50%;top:46%;width:52%;height:48%;transform:translate(-50%,-50%);animation:reticleBreathe 2.4s ease-in-out infinite}.detection-reticle i{position:absolute;width:45px;height:45px;border-color:#eef1f5;border-style:solid}.detection-reticle i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.detection-reticle i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.detection-reticle i:nth-child(3){right:0;bottom:0;border-width:0 2px 2px 0}.detection-reticle i:nth-child(4){left:0;bottom:0;border-width:0 0 2px 2px}.detection-result{position:absolute;z-index:5;right:28px;top:28px;display:grid;min-width:210px;padding:17px 19px;border:1px solid #ffffff2e;border-radius:14px;background:#111317ad;color:#fff;backdrop-filter:blur(16px);animation:resultAppear 5s ease-in-out infinite}.detection-result span{text-transform:uppercase;letter-spacing:.12em;color:#c4c9d0;font-size:7px}.detection-result strong{margin:6px 0 3px;font:500 22px "Playfair Display",serif}.detection-result small{color:#ffffff8f}.evidence-demo{background:linear-gradient(145deg,#edece7,#c9c9c5)}.evidence-hub{position:absolute;z-index:4;left:50%;top:50%;display:grid;width:240px;padding:28px;border:1px solid #25282d25;border-radius:50%;aspect-ratio:1;place-content:center;text-align:center;background:#181a1d;color:#fff;transform:translate(-50%,-50%);box-shadow:0 35px 70px #22262c33}.evidence-hub span,.evidence-hub small{text-transform:uppercase;letter-spacing:.11em;color:#aeb3ba;font-size:7px}.evidence-hub strong{margin:8px 0;font:500 24px "Playfair Display",serif}.evidence-card{position:absolute;z-index:4;width:190px;padding:17px;border:1px solid #25282d24;border-radius:14px;background:#ffffffdc;box-shadow:0 22px 45px #282c321b;animation:evidenceFloat 4s ease-in-out infinite}.evidence-card i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e5e7e9;font-style:normal;font-size:8px}.evidence-card b,.evidence-card span{display:block}.evidence-card b{margin:12px 0 4px;font:500 17px "Playfair Display",serif}.evidence-card span{color:#777b80;font-size:9px}.evidence-receipt{left:7%;top:10%}.evidence-appraisal{right:7%;top:8%;animation-delay:.4s}.evidence-hallmark{left:50%;bottom:7%;transform:translateX(-50%);animation-delay:.8s}.evidence-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%}.evidence-lines path{fill:none;stroke:#727981;stroke-width:1;stroke-dasharray:8 10;animation:lineFlow 1.4s linear infinite}.record-demo{background:radial-gradient(circle at 50% 45%,#f5f4ef,#c8c9c7)}.record-shell{position:absolute;z-index:3;left:50%;top:46%;display:grid;grid-template-columns:155px 1fr 90px;gap:22px;align-items:center;width:min(650px,88%);padding:18px;border:1px solid #25282d24;border-radius:22px;background:#ffffffdc;box-shadow:0 40px 80px #25282d2b;transform:translate(-50%,-50%);animation:recordBuild 5.5s ease-in-out infinite}.record-photo{height:155px;border-radius:14px;background:url('assets/vaultly-jewelry-detection-ui-v1.png') center 30%/190% auto no-repeat}.record-body>span,.record-score span{color:#7c8085;text-transform:uppercase;letter-spacing:.11em;font-size:7px}.record-body h3{margin:8px 0 5px;font:500 28px "Playfair Display",serif}.record-body p{color:#686c71;font-size:10px}.record-progress{height:3px;margin:24px 0 7px;background:#d9dbde}.record-progress i{display:block;width:92%;height:100%;background:#454b52;animation:progressGrow 5.5s ease-in-out infinite}.record-score{text-align:center}.record-score strong{display:block;font:500 28px "Playfair Display",serif}.record-detail{position:absolute;z-index:4;display:flex;justify-content:space-between;width:180px;padding:12px 15px;border-radius:10px;background:#1b1d20;color:#fff;box-shadow:0 15px 35px #25282d2e;animation:detailDock 5.5s ease-in-out infinite}.record-detail span{color:#aeb3b9;font-size:8px}.record-detail b{text-transform:uppercase;letter-spacing:.1em;font-size:7px}.detail-one{left:9%;top:12%}.detail-two{right:8%;top:16%;animation-delay:.25s}.detail-three{left:45%;bottom:10%;animation-delay:.5s}@keyframes detectTravel{0%,100%{--detect-x:28%;--detect-y:30%}45%{--detect-x:72%;--detect-y:55%}70%{--detect-x:44%;--detect-y:76%}}@keyframes reticleBreathe{50%{transform:translate(-50%,-50%) scale(1.035);filter:drop-shadow(0 0 8px #fff)}}@keyframes resultAppear{0%,12%,100%{opacity:0;transform:translateY(-12px)}25%,85%{opacity:1;transform:none}}@keyframes evidenceFloat{50%{translate:0 -8px}}@keyframes lineFlow{to{stroke-dashoffset:-36}}@keyframes recordBuild{0%,12%,100%{opacity:.25;transform:translate(-50%,-44%) scale(.92);filter:blur(5px)}28%,88%{opacity:1;transform:translate(-50%,-50%);filter:none}}@keyframes progressGrow{0%,20%{width:0}65%,100%{width:92%}}@keyframes detailDock{0%,15%,100%{opacity:0;transform:translateY(-25px) scale(.9)}35%,85%{opacity:1;transform:none}}@media(max-width:650px){.detection-result{right:14px;top:14px;min-width:170px}.evidence-card{width:145px;padding:12px}.evidence-hub{width:180px}.evidence-receipt{left:3%}.evidence-appraisal{right:3%}.record-shell{grid-template-columns:95px 1fr;padding:12px}.record-photo{height:110px}.record-score{display:none}.record-detail{width:135px}.detail-one{left:3%}.detail-two{right:3%}.detail-three{left:32%}}@media(prefers-reduced-motion:reduce){.detection-grid,.detection-reticle,.detection-result,.evidence-card,.evidence-lines path,.record-shell,.record-progress i,.record-detail{animation:none}.detection-result,.record-detail{opacity:1}}