.scan{padding:0 19% 70px 0;font-family:system-ui,-apple-system,SF Pro Text,sans-serif;position:relative}.scan-tv{background:linear-gradient(180deg, var(--device3), var(--device1));box-shadow:0 0 0 1px color-mix(in srgb, var(--white) 8%, transparent), 0 50px 90px -40px color-mix(in srgb, var(--black) 70%, transparent);border-radius:clamp(10px,1.2vw,16px);padding:clamp(6px,.9vw,12px);position:relative}.scan-tv__screen{aspect-ratio:16/9;background:var(--device1);color:var(--white);border-radius:clamp(3px,.5vw,6px);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.scan__accounts{align-content:start;gap:6%;padding:8% 7%;display:grid}.scan__title{letter-spacing:-.02em;margin:0 0 4%;font-size:clamp(12px,1.5vw,22px);font-weight:650}.scan__row{background:color-mix(in srgb, var(--white) 6%, transparent);border-radius:6px;align-items:center;gap:8px;margin:0;padding:4% 5%;font-size:clamp(9px,1vw,15px);font-weight:600;transition:box-shadow .3s,background .3s;display:flex}.scan__row i{border-radius:2px;width:8px;height:8px}.scan__row b{color:color-mix(in srgb, var(--white) 55%, transparent);margin-left:auto;font-weight:500}.scan__row.is-focus{box-shadow:inset 0 0 0 2px var(--white);background:color-mix(in srgb, var(--white) 12%, transparent)}.scan__row.is-done b{color:var(--ok)}.scan__code,.scan__done{text-align:center;opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);grid-area:1/2;place-content:center;justify-items:center;gap:6%;padding:6%;display:grid;transform:scale(.94)}.scan__code p,.scan__done p{color:color-mix(in srgb, var(--white) 80%, transparent);margin:0;font-size:clamp(9px,1vw,14px);line-height:1.4}.scan__done small{color:color-mix(in srgb, var(--white) 55%, transparent);font-size:clamp(8px,.9vw,12px)}.scan__done svg{color:var(--ok)}.scan-qr{width:min(150px,60%);color:var(--on-light);border-radius:4px}.scan-qr .qr-light{fill:var(--white)}.scan.is-1 .scan__code,.scan.is-2 .scan__code,.scan.is-3 .scan__done{opacity:1;transform:none}.scan__phone{aspect-ratio:9/18.5;background:linear-gradient(145deg, var(--device5), var(--device2) 40%, var(--device4));width:23%;min-width:110px;box-shadow:0 30px 60px -20px color-mix(in srgb, var(--black) 60%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--white) 12%, transparent);opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);border-radius:15%/7.5%;padding:2.4%;position:absolute;bottom:0;right:0;transform:translateY(30%)rotate(6deg)}.scan.is-1 .scan__phone,.scan.is-2 .scan__phone,.scan.is-3 .scan__phone{opacity:1;transform:rotate(-3deg)}.scan__phonescreen{background:var(--device1);height:100%;color:var(--white);border-radius:12%/6%;position:relative;overflow:hidden}.scan__cam,.scan__form,.scan__fin{place-content:center;justify-items:center;gap:8%;padding:12%;transition:opacity .4s;display:grid;position:absolute;inset:0}.scan__cam{background:radial-gradient(circle at 50% 45%, var(--device4), var(--device1) 70%)}.scan__cam .scan-qr{filter:blur(.3px);width:70%;transform:rotate(-4deg)}.scan__line{background:var(--ok);height:2px;box-shadow:0 0 10px var(--ok);animation:1.4s ease-in-out infinite alternate scan-line;position:absolute;top:30%;left:14%;right:14%}@keyframes scan-line{to{top:62%}}.scan__brackets{height:40%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--white) 60%, transparent);border-radius:8px;position:absolute;top:26%;left:12%;right:12%}.scan__form{opacity:0;background:var(--white);color:var(--on-light);align-content:center;justify-items:stretch;gap:6%}.scan__svc{align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.scan__svc i{border-radius:2px;width:8px;height:8px}.scan__field{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--black) 14%, transparent);color:color-mix(in srgb, var(--black) 55%, transparent);border-radius:5px;padding:7% 8%;font-size:10px;display:block}.scan__go{background:var(--on-light);color:var(--white);text-align:center;border-radius:5px;padding:7% 8%;font-size:10px;font-weight:600;display:block}.scan__form small{color:color-mix(in srgb, var(--black) 55%, transparent);text-align:center;font-size:8.5px}.scan__fin{opacity:0}.scan__fin p{text-align:center;color:color-mix(in srgb, var(--white) 80%, transparent);margin:0;font-size:10px}.scan__spin{border:2px solid color-mix(in srgb, var(--white) 20%, transparent);border-top-color:var(--white);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite scan-spin}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan.is-2 .scan__cam,.scan.is-3 .scan__cam{opacity:0}.scan.is-2 .scan__form,.scan.is-3 .scan__fin{opacity:1}@media (prefers-reduced-motion:reduce){.scan__line,.scan__spin{animation:none}}@media (max-width:600px){.scan{padding:0 14% 64px 0}.scan__accounts{gap:5%;padding:7% 5%}.scan__title{font-size:11px}.scan__row{white-space:nowrap;gap:4px;padding:3% 4%;font-size:8px}.scan__row i{width:5px;height:5px}.scan__code p,.scan__done p{font-size:8px}.scan__phone{min-width:92px}}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);position:relative;overflow:hidden}.ticker ul{width:max-content;animation:ticker var(--ticker-dur,60s) linear infinite;margin:0;padding:0;list-style:none;display:flex}.ticker li{white-space:nowrap;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);flex:none;align-items:center;padding:0 0 0 28px;font-size:15px;font-weight:700;line-height:46px;display:flex}.ticker li:after{content:"";background:var(--brand);width:7px;height:7px;margin-left:28px;transform:rotate(45deg)}.ticker:hover ul{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker ul{animation:none}}