.access-root{background:var(--paper);min-height:100dvh;color:var(--ink);justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.access-stage{text-align:center;width:100%;max-width:520px;animation:.42s cubic-bezier(.22,1,.36,1) both access-fade-in}.access-stage.is-inactive{display:none}@keyframes access-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.access-h{--hold:0;appearance:none;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:80px;height:130px;padding:0;transition:transform .28s cubic-bezier(.22,1,.36,1);display:block;position:relative}.access-h.is-holding{transform:scale(.96)}.access-h.is-complete{opacity:0;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);transform:scale(.85)}.access-h-base{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.access-h-pixels{pointer-events:none;clip-path:inset(calc((1 - var(--hold)) * 100%) 0 0 0);display:block;position:absolute;inset:0;-webkit-mask-image:url(/hypelay-h.svg);mask-image:url(/hypelay-h.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.access-h-pixel-svg{width:100%;height:100%;display:block}.access-h-pixel-svg rect{animation:1.8s ease-in-out infinite pixel-shimmer}@keyframes pixel-shimmer{0%,to{opacity:.78}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.access-h-pixel-svg rect{opacity:1;animation:none}}.access-hint{font-family:var(--fm);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-m);font-size:10px}.access-h.is-holding .access-hint{color:var(--ember)}.access-stage-gate{flex-direction:column;align-items:center;gap:56px;display:flex}.access-intro{font-family:var(--fu);letter-spacing:-.005em;color:var(--ink-s);text-align:center;max-width:360px;font-size:14px;line-height:1.55}.access-cta-hint{font-family:var(--fu);color:var(--ink-m);text-align:center;margin-top:-28px;font-size:13px;line-height:1.4;transition:color .22s cubic-bezier(.22,1,.36,1)}.access-stage-gate:has(.access-h.is-holding) .access-cta-hint{color:var(--ember)}.access-label{font-family:var(--fm);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-m);margin-bottom:16px;font-size:10px}.access-q{font-family:var(--fd);text-transform:uppercase;color:var(--ink);margin-bottom:32px;font-size:clamp(32px,5vw,46px);font-weight:900;line-height:1.05}.access-body{font-family:var(--fu);color:var(--ink-s);max-width:420px;margin:0 auto 32px;font-size:15px;line-height:1.6}.access-field{text-align:left;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;display:flex}.access-field input{box-sizing:border-box;width:100%;font-family:var(--fu);border:1px solid var(--rule-m);color:var(--ink);background:0 0;border-radius:2px;outline:none;padding:14px 18px;font-size:16px;transition:border-color .18s}.access-field input:focus{border-color:var(--ember)}.access-field input::placeholder{color:var(--ink-g)}.access-field .access-next{align-self:stretch;margin-top:6px}.access-next{appearance:none;font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:2px;min-height:44px;padding:14px 20px;font-size:11px;transition:opacity .18s}.access-next:hover{opacity:.86}.access-roles,.access-areas{grid-template-columns:1fr 1fr;gap:10px;display:grid}.access-role{appearance:none;border:1px solid var(--rule-m);color:var(--ink);font-family:var(--fu);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:2px;flex-direction:column;gap:6px;min-height:88px;padding:20px 18px;transition:border-color .18s,background .18s,transform .18s;display:flex}.access-role:hover:not(:disabled){border-color:var(--ember);background:#8b200008}.access-role:disabled{opacity:.5;cursor:wait}.access-role-label{color:var(--ink);font-size:14px;font-weight:500;line-height:1.3}.access-role-sub{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-m);font-size:10px}.access-error{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--ember);margin-top:16px;font-size:11px}.access-back{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-m);-webkit-tap-highlight-color:transparent;min-height:40px;padding:10px 6px;font-size:11px;line-height:20px;text-decoration:none;transition:color .18s;display:inline-block}.access-back:hover{color:var(--ember)}button.access-back{cursor:pointer;background:0 0;border:0;margin-top:16px}.access-brand{align-items:center;display:inline-flex;position:absolute;top:28px;left:28px}.access-brand img{width:20px;height:32px;display:block}@media (prefers-color-scheme:dark){.access-brand img{filter:invert()}}html.theme-dark .access-brand img{filter:invert()}html.theme-light .access-brand img{filter:none}.access-radio-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.access-radio{min-width:90px;font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--rule-m);color:var(--ink-m);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;background:0 0;border-radius:999px;flex:1 1 0;padding:12px 14px;font-size:11px;transition:color .16s,border-color .16s,background .16s}.access-radio:hover{color:var(--ink);border-color:var(--ink)}.access-radio.is-selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-width:560px){.access-root{padding:80px 16px 40px}.access-brand{top:18px;left:18px}.access-roles,.access-areas{grid-template-columns:1fr}.access-radio{flex:100%}.access-q{font-size:clamp(28px,9vw,40px)}}@media (prefers-reduced-motion:reduce){.access-stage{animation:none}.access-h svg,.access-h.is-complete,.access-h-bar-fill{transition:none}}
