.hj{position:relative;z-index:3;width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:10px}@media (min-width:900px){.hj{margin:0;flex:1 1 auto;max-width:520px}}.hj__fit{position:relative;width:100%}.hj__stage{left:0;top:0;width:520px;height:600px;transform-origin:0 0;overflow:hidden;font-family:var(--font-body);color:var(--color-white)}.hj__a,.hj__stage{position:absolute}.hj__amber{color:var(--color-accent)}.hj__amber2{color:var(--color-accent-dark)}.hj__rail{left:24px;right:24px;top:22px;display:flex;gap:10px}.hj__rail>div{flex:1 1}.hj__bar{height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}.hj__bar i{display:block;height:100%;width:0;background:var(--color-accent)}.hj__label{font:600 12px var(--font-sans);letter-spacing:.04em;color:var(--color-muted);margin-top:9px;transition:color .3s}.hj__label.is-on{color:var(--color-white)}.hj__s1{inset:0}.hj__search{left:24px;top:90px;width:472px;height:58px;border-radius:10px;background:var(--color-surface-elevated);display:flex;align-items:center;gap:14px;padding-left:20px;font-size:18px}.hj__caret{width:2px;height:22px;background:var(--color-accent);margin-left:-12px}.hj__map{left:24px;top:166px;width:472px;height:150px;border-radius:10px;background:#0c0d10;overflow:hidden}.hj__mapart{position:absolute;inset:0}.hj__ring{left:236px;top:72px;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid var(--color-accent);opacity:0}.hj__row{left:24px;width:472px;height:64px;border-radius:8px;background:var(--color-bg-card);display:flex;align-items:center;gap:14px;padding:0 18px}.hj__row--me{background:var(--color-surface-elevated)}.hj__rank{font:600 15px var(--font-sans);color:var(--color-muted);width:14px}.hj__row--me .hj__rank{color:var(--color-accent)}.hj__dot{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);flex:none}.hj__row--me .hj__dot{background:var(--color-accent)}.hj__sk{height:11px;border-radius:6px;background:rgba(255,255,255,.12)}.hj__name{font:600 17px var(--font-sans);letter-spacing:-.01em}.hj__meta{font-size:12px;color:var(--color-muted-70);margin-top:3px}.hj__phone{left:118px;top:84px;width:284px;height:500px;border-radius:44px;background:#1a1a1e;padding:9px;box-shadow:0 30px 70px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(255,255,255,.08);visibility:hidden}.hj__screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--color-paper);color:var(--color-ink)}.hj__island{left:50%;top:9px;width:78px;height:22px;margin-left:-39px;border-radius:20px;background:#000}.hj__clock{left:24px;top:11px;font:600 11px var(--font-body)}.hj__brand{left:18px;top:46px;display:flex;align-items:center;gap:7px;font:700 15px var(--font-sans);letter-spacing:-.03em}.hj__brand b{width:18px;height:18px;border-radius:5px;background:var(--color-ink);display:grid;place-items:center}.hj__brand b:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.hj__h{left:18px;top:86px;width:230px;font:700 30px/1.02 var(--font-sans);letter-spacing:-.045em}.hj__sub{left:18px;top:160px;width:228px;font-size:12.5px;line-height:1.5;color:var(--color-ink-2)}.hj__trust{left:18px;top:214px;font-size:11px;color:var(--color-ink-3)}.hj__img{top:240px;height:150px;border-radius:12px;background:linear-gradient(160deg,#e9e6df,#d3cec4)}.hj__cta,.hj__img{left:18px;width:230px}.hj__cta{top:412px;height:54px}.hj__ctain{width:100%;height:100%;justify-content:center;border-radius:999px;background:var(--color-accent);font:600 16px var(--font-sans);box-shadow:0 10px 22px rgba(230,172,0,.35)}.hj__ctain,.hj__timer{display:flex;align-items:center;color:var(--color-black)}.hj__timer{left:330px;top:118px;height:44px;padding:0 14px 0 16px;border-radius:8px;background:var(--color-white);gap:10px;font:600 14px var(--font-sans);white-space:nowrap;box-shadow:0 14px 40px rgba(0,0,0,.45);opacity:0}.hj__num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:3.2em}.hj__ok{width:22px;height:22px;background:var(--color-accent);display:grid;place-items:center;transform:scale(0)}.hj__ok,.hj__tap{border-radius:50%}.hj__tap{left:260px;top:532px;width:64px;height:64px;margin:-32px 0 0 -32px;border:3px solid var(--color-accent);opacity:0}.hj__note{left:24px;top:150px;width:472px;height:78px;border-radius:12px;background:rgba(26,26,30,.97);display:flex;align-items:center;gap:14px;padding:0 18px;box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0}.hj__note:nth-of-type(2){z-index:6}.hj__ic{width:42px;height:42px;border-radius:50%;background:var(--color-accent);display:grid;place-items:center;flex:none}.hj__nt{font:600 16px var(--font-sans)}.hj__ns{font-size:13px;color:var(--color-muted-70);margin-top:3px}.hj__now{margin-left:auto;align-self:flex-start;margin-top:18px;font-size:12px;color:var(--color-muted)}.hj__fade{left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,rgba(4,4,5,0),var(--color-black) 62%);opacity:0}.hj__done{left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;font:600 15px var(--font-sans);color:var(--color-muted-70);opacity:0}.hj__done b{color:var(--color-white);font-weight:700;font-size:22px;letter-spacing:-.03em}.hj__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;font-size:12px;color:var(--color-muted)}.hj__pause{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--color-white);cursor:pointer}.hj__pause:hover{background:rgba(255,255,255,.14)}.hj__pause:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hj__pause svg{width:16px;height:16px;fill:currentColor}.hero__headline .hero__mark:not(.hero__mark--final):after{transform:rotate(-1.2deg) scaleX(0);animation:none}.hero__headline[data-step] .hero__line{color:rgba(255,255,255,.38);transition:color .5s cubic-bezier(.16,1,.3,1)}.hero__headline[data-step] .hero__mark:after{animation:none;transform:rotate(-1.2deg) scaleX(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero__headline[data-step="0"] .hero__line:first-child,.hero__headline[data-step="1"] .hero__line:nth-child(2),.hero__headline[data-step="2"] .hero__line:nth-child(3){color:var(--color-white)}.hero__headline[data-step="0"] .hero__line:first-child .hero__mark:after,.hero__headline[data-step="1"] .hero__line:nth-child(2) .hero__mark:after,.hero__headline[data-step="2"] .hero__line:nth-child(3) .hero__mark:after{transform:rotate(-1.2deg) scaleX(1)}@media (prefers-reduced-motion:reduce){.hero__headline[data-step] .hero__line,.hero__headline[data-step] .hero__mark:after{transition:none}}