.access-stage{--material:#345e9b;--material-two:#b08d47;--material-light:#d9e8ed;position:relative;isolation:isolate;width:100%;min-height:330px;display:grid;place-items:center;perspective:1100px}.access-stage[data-material=halo]{--material:#c69a3f;--material-two:#94712f;--material-light:#ffe7ac}.access-stage[data-material=obsidian]{--material:#738091;--material-two:#3d4c61;--material-light:#e2e8ef}.access-stage[data-material=ceramic]{--material:#92b9c1;--material-two:#a09b83;--material-light:#e3f7f5}.access-stage[data-material=graphite]{--material:#a38a51;--material-two:#59605b;--material-light:#fce4b3}.stage-aura{position:absolute;z-index:-2;inset:-10% -12%;background:radial-gradient(ellipse at 35% 42%,color-mix(in srgb,var(--material) 85%,transparent),transparent 64%),radial-gradient(ellipse at 82% 60%,color-mix(in srgb,var(--material-two) 80%,transparent),transparent 62%);filter:blur(28px) saturate(1.05);transition:background .65s;pointer-events:none}.stage-orbit{position:absolute;z-index:-1;width:115%;height:80%;border:1px solid color-mix(in srgb,var(--material-light) 32%,transparent);border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 24px color-mix(in srgb,var(--material) 14%,transparent);pointer-events:none}.orbit-two{width:130%;height:94%;transform:rotate(-28deg);opacity:.3}.stage-floor{position:absolute;width:110%;height:100%;inset:38% -5% auto;transform:rotateX(75deg);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--material) 28%,transparent),transparent 64%);pointer-events:none}.stage-surface{--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;position:relative;width:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-5deg);transition:transform .25s ease-out;filter:drop-shadow(0 35px 36px #0009);will-change:transform}.stage-surface:hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-2deg) translateY(-5px)}.stage-microprint{position:absolute;inset:0;overflow:hidden;border-radius:22px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-around;color:#b2edca;font:8px/1.4 monospace;letter-spacing:3px;opacity:0;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle 12px at var(--pointer-x) var(--pointer-y),#000 15%,transparent 100%);mask-image:radial-gradient(circle 12px at var(--pointer-x) var(--pointer-y),#000 15%,transparent 100%);transition:opacity .25s}.stage-microprint span{white-space:nowrap;animation:binary-flow 5s linear infinite;animation-play-state:paused}.stage-surface:hover .stage-microprint span{animation-play-state:running}@keyframes binary-flow{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.stage-surface:hover .stage-microprint{opacity:.85}.stage-lens{position:absolute;inset:0;pointer-events:none;border-radius:22px;opacity:0;background:radial-gradient(circle 88px at var(--pointer-x) var(--pointer-y),#ffffff15,transparent 85%,#ffffff44 87%,transparent 89%);transition:opacity .25s}.stage-surface:hover .stage-lens{opacity:1}.stage-reflection{position:absolute;z-index:-1;bottom:-14%;width:78%;height:15%;border-radius:50%;background:var(--material);filter:blur(30px);opacity:.38;transform:rotate(-5deg);pointer-events:none}.access-stage.is-scanning .stage-orbit{animation:orbit-breathe 1.8s ease-in-out infinite}.access-stage.is-accepted .stage-surface{filter:drop-shadow(0 0 35px #baffdf88)}@keyframes orbit-breathe{50%{opacity:.35;scale:1.04}}@media(max-width:700px){.access-stage{min-height:220px}.stage-orbit{width:106%}.orbit-two{width:116%}.stage-surface{transform:rotate(-3deg)}.stage-microprint{font-size:6px}}@media(prefers-reduced-motion:reduce){.access-stage *{animation:none!important;transition:none!important}.stage-surface,.stage-surface:hover{transform:none;will-change:auto}.stage-microprint,.stage-lens{display:none}}@media(hover:none){.stage-microprint,.stage-lens{display:none}.stage-surface:hover{transform:rotate(-3deg)}}