.cards-track{position:relative}html:has(.cards-track[data-started=false]){scroll-snap-type:y mandatory}html:has(.cards-track[data-started=false]) main>section{scroll-snap-align:start;scroll-margin-top:64px}.cards-track[data-started=false]{scroll-snap-align:start;scroll-snap-stop:always}.cards-stage{background:radial-gradient(at 50% 38%,#f4f6f8 0%,#e7eaee 55%,#dde1e6 100%);justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.cards-backdrop{opacity:.72;background:url(/media/phase17/backdrop.jpg) 50%/cover no-repeat;position:absolute;inset:-40px}.cards-backdrop:after{content:"";background:radial-gradient(at 50% 38%,#f4f6f861 0%,#e7eaee8a 55%,#dde1e6b8 100%);position:absolute;inset:0}.cards-phone{background:#000;border:3px solid #2a2f36;border-radius:28px;width:calc(min(72svh,700px)/1.77778);height:min(72svh,700px);transition:height .62s cubic-bezier(.2,.7,.2,1),width .62s cubic-bezier(.2,.7,.2,1),border-radius .62s;position:relative;overflow:hidden;box-shadow:0 22px 56px #1c212647}.cards-phone.is-gate{border-radius:20px;width:min(340px,86vw);height:200px}.cards-clip{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.cards-begin{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 20px;display:flex;position:absolute;inset:0}.cards-begin-button{color:#101728;cursor:pointer;background:#f4f6f8f5;border:1px solid #ffffff40;border-radius:999px;padding:14px 26px;font-size:15px;font-weight:650;line-height:1;box-shadow:0 8px 28px #00000073}.cards-begin-button:hover{background:#fff}.cards-begin-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.cards-wash{pointer-events:none;opacity:0;transition:opacity .36s;position:absolute;inset:0}.cards-wash.bad{border-radius:inherit;box-shadow:inset 0 0 0 6px #d62839f2,inset 0 0 44px #d6283973}.cards-wash.good{border-radius:inherit;box-shadow:inset 0 0 0 6px #189e54f2,inset 0 0 44px #189e5473}.cards-wash.is-on{opacity:1}.cards-hud{pointer-events:none;flex-direction:column;gap:6px;padding:10px 10px 0;display:flex;position:absolute;top:0;left:0;right:0}.cards-order-strip{opacity:0;background:#0a0d11c7;border:1px solid #ffffff24;border-radius:10px;justify-content:space-between;align-items:baseline;gap:10px;min-height:34px;padding:8px 12px;transition:opacity .36s;display:flex}.cards-order-strip.is-on{opacity:1}.cards-order-label{text-transform:uppercase;letter-spacing:.08em;color:#f4f6f8a8;font-size:10px}.cards-order-item{color:#f4f6f8;font-size:14px;font-weight:650}.cards-instruction{color:#f4f6f8;opacity:0;background:#0a0d11b8;border:1px solid #ffffff29;border-radius:999px;align-self:center;min-height:30px;padding:7px 12px;font-size:12.5px;line-height:1.3;transition:opacity .36s}.cards-instruction.is-on{opacity:1}.cards-reticle{pointer-events:none;--reticle:#fff6;width:60%;height:60%;position:absolute;top:20%;left:20%}.cards-reticle.tracking{--reticle:#f4f6f8e6;animation:1.6s ease-in-out infinite cards-reticle-pulse}.cards-reticle.bad{--reticle:#e5484d}.cards-reticle.good{--reticle:#30a46c}.cards-corner{border:3px solid var(--reticle);width:26px;height:26px;transition:border-color .3s;position:absolute}.cards-corner.tl{border-bottom:0;border-right:0;border-top-left-radius:8px;top:0;left:0}.cards-corner.tr{border-bottom:0;border-left:0;border-top-right-radius:8px;top:0;right:0}.cards-corner.bl{border-top:0;border-right:0;border-bottom-left-radius:8px;bottom:0;left:0}.cards-corner.br{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:0;right:0}@keyframes cards-reticle-pulse{0%,to{opacity:1}50%{opacity:.55}}.cards-reticle-tag{color:#fff;background:var(--reticle);opacity:0;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:650;line-height:1;transition:opacity .3s;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.cards-reticle-tag.is-on{opacity:1}.cards-statusbar{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:10px;right:10px}.cards-chip-dot{vertical-align:1px;background:#fff9;border-radius:999px;width:7px;height:7px;margin-right:7px;display:inline-block}.cards-chip.status-bad .cards-chip-dot{background:#e5484d}.cards-chip.status-good .cards-chip-dot{background:#30a46c}.cards-chip{letter-spacing:.01em;color:#f4f6f8;opacity:0;background:#0a0d11b8;border:1px solid #ffffff29;border-radius:999px;padding:9px 13px;font-size:14px;line-height:1;transition:opacity .36s}.cards-chip.is-on{opacity:1}.cards-chip.verdict-bad{background:#961825e6;border-color:#ffffff38}.cards-chip.verdict-good{background:#12703de6;border-color:#ffffff38}.cards-copy{text-align:center;color:#1c2126;position:absolute;bottom:10px;left:12px;right:12px}.cards-copy p{color:#1c2126b8}.cards-copy h2{letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(20px,3vw,30px);font-weight:600}.cards-copy p{margin:0;font-size:clamp(14px,1.9vw,17px);line-height:1.45}.cards-phone{transition:opacity .48s,transform .48s,height .62s cubic-bezier(.2,.7,.2,1),width .62s cubic-bezier(.2,.7,.2,1),border-radius .62s}.cards-phone.is-away{opacity:0;pointer-events:none;transform:scale(.92)}.cards-desktop{opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:76px 52px 104px;transition:opacity .48s,transform .48s;display:flex;position:absolute;inset:0;transform:scale(1.04)}.cards-desktop.is-active{opacity:1;transform:scale(1)}.cards-desktop-window{color:#1c2126;background:#f5f6f8;border-radius:12px;flex-direction:column;width:min(100%,860px);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.cards-desktop-titlebar{background:#e8eaee;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.cards-desktop-dot{background:#c3c8cf;border-radius:999px;width:10px;height:10px}.cards-desktop-title{color:#3a4148;margin-left:10px;font-size:13px;font-weight:600}.cards-desktop-player{background:#000;flex-direction:column;min-height:0;display:flex;position:relative}.cards-desktop-player video{object-fit:contain;flex:0 auto;width:100%;min-height:0;max-height:52svh;display:block}.cards-timeline{background:#2a2f36;flex-shrink:0;height:6px;position:relative}.cards-timeline-mark{position:absolute;top:0;bottom:0}.cards-timeline-mark.bad{background:#d62839}.cards-timeline-mark.good{background:#189e54}.cards-desktop-panel{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.cards-desktop-checks{color:#3a4148;margin:0;padding:0;font-size:13px;line-height:1.7;list-style:none}.cards-desktop-checks span{color:#189e54;margin-right:6px}.cards-desktop-verdict{flex-direction:column;align-items:flex-end;gap:4px;margin:0;display:flex}.cards-desktop-verdict-label{color:#6a727b;font-size:12px}.cards-desktop-verdict-value{color:#12703d;background:#dcf3e6;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:700}.cards-rail{background:#1c212633;flex-direction:column;justify-content:space-between;align-items:center;width:2px;height:min(46svh,420px);display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.cards-rail-fill{background:#1c2126;width:2px;position:absolute;top:0;left:0}.cards-dot{z-index:1;cursor:pointer;background:#fff;border:1px solid #1c212673;border-radius:999px;width:11px;height:11px;padding:0;position:relative}.cards-dot.is-active{background:#1c2126}.cards-dot:focus-visible{outline-offset:2px;outline:2px solid #1c2126}.cards-stage{cursor:grab}.cards-stage:active{cursor:grabbing}.cards-stage:focus-visible{outline-offset:-2px;outline:2px solid #1c2126}@media (prefers-reduced-motion:reduce){.cards-clip,.cards-wash,.cards-chip,.cards-phone,.cards-desktop{transition:none}.cards-reticle,.cards-hud,.cards-statusbar{animation:none}}.cards-phone:not(.is-gate) .cards-reticle,.cards-phone:not(.is-gate) .cards-hud,.cards-phone:not(.is-gate) .cards-statusbar{animation:.48s .52s both cards-ui-in}@keyframes cards-ui-in{0%{opacity:0}}