body{overflow-x:clip}

.ux-qr{position:sticky;top:0;z-index:95;display:flex;align-items:center;gap:12px;padding:12px max(20px,calc((100vw - 1200px)/2));background:#f7f8eef0;backdrop-filter:blur(6px)}
.ux-brand{display:flex;align-items:center;gap:10px;font:800 22px var(--display);letter-spacing:-.04em;color:var(--ink);text-decoration:none;margin-right:auto}
.ux-brand span{width:24px;height:24px;background:conic-gradient(var(--ink) 25%,var(--lime) 0 50%,var(--ink) 0 75%,var(--lime) 0);background-size:8px 8px;border:3px solid var(--ink);border-radius:4px}
.ux-cta{background:var(--lime);color:var(--ink);text-decoration:none;font:700 15px var(--display);padding:10px 16px;border-radius:99px;border:2px solid var(--ink)}
.ux-scan-btn{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;font:700 15px var(--display);background:var(--ink);color:var(--lime);padding:11px 16px;border-radius:99px}
.ux-scan-btn i{width:14px;height:14px;border:2px solid var(--lime);border-radius:3px;position:relative}.ux-scan-btn i::after{content:"";position:absolute;left:-3px;right:-3px;top:4px;height:2px;background:#ff3b30}
.ux-scan-btn:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.ux-scan{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;padding:100px max(24px,calc((100vw - 1200px)/2)) 40px;display:flex;flex-direction:column;justify-content:flex-start;clip-path:circle(0 at calc(100% - 60px) 36px);transition:clip-path .7s cubic-bezier(.7,0,.2,1);overflow:auto}
.ux-scan nav{margin-block:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.ux-scan.open{clip-path:circle(150% at calc(100% - 60px) 36px)}
.ux-scan nav a{display:grid;grid-template-columns:50px 1fr auto;align-items:baseline;gap:14px;padding:6px 0;border-bottom:1px solid #ffffff1f;color:#fff;text-decoration:none}
.ux-scan .n{font:500 13px var(--mono);color:var(--lime)}
.ux-scan b{font:800 clamp(24px,3.2vw,44px)/1.05 var(--display);letter-spacing:-.05em;transition:color .2s,transform .3s}
.ux-scan .u{font:500 13px var(--mono);color:#8b9085}
.ux-scan a:hover b,.ux-scan a:focus-visible b{color:var(--lime);transform:translateX(12px)}
.ux-scan a:focus-visible{outline:none}
.ux-scan a[aria-current=page] .u::after{content:" ← here";color:var(--lime)}
.ux-laser{position:fixed;left:0;right:0;top:0;height:3px;background:#ff3b30;box-shadow:0 0 18px 4px #ff3b3099;opacity:0}
.ux-scan.open .ux-laser{opacity:1;animation:ux-laser 2.6s .5s ease-in-out infinite alternate}
@keyframes ux-laser{from{top:12%}to{top:92%}}
.ux-corners i{position:fixed;width:40px;height:40px;border:4px solid var(--lime)}
.ux-corners i:nth-child(1){left:20px;top:80px;border-right:0;border-bottom:0}.ux-corners i:nth-child(2){right:20px;top:80px;border-left:0;border-bottom:0}.ux-corners i:nth-child(3){left:20px;bottom:20px;border-right:0;border-top:0}.ux-corners i:nth-child(4){right:20px;bottom:20px;border-left:0;border-top:0}
.ux-x{all:unset;cursor:pointer;font:600 14px var(--mono);color:var(--lime);margin-top:24px;align-self:flex-start}
html.ux-open{overflow:hidden}
html.ux-open .ux-qr{background:transparent}html.ux-open .ux-brand{color:#fff}
@media (max-width:900px){.ux-scan nav{grid-template-columns:1fr}}
@media (max-width:640px){.ux-cta{display:none}.ux-scan .u{display:none}.ux-scan nav a{grid-template-columns:36px 1fr}}


@media (prefers-reduced-motion:reduce){.ux *,.ux *::before,.ux *::after{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important}}