.bframe[data-astro-cid-f4t2rcqn]{--frame:#17171b;--frame-ink:#ffffff80;--frame-dot:#fff3;background:var(--frame);box-shadow:0 0 0 1px #00000024, var(--shadow-lg);border-radius:12px;overflow:hidden}.bframe[data-astro-cid-f4t2rcqn][data-shot-theme=light]{--frame:#fff;--frame-ink:#1111139e;--frame-dot:#11111329}.bar[data-astro-cid-f4t2rcqn]{border-bottom:1px solid color-mix(in oklab, var(--frame-ink) 30%, transparent);align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.bar[data-astro-cid-f4t2rcqn] i[data-astro-cid-f4t2rcqn]{background:var(--frame-dot);border-radius:50%;width:8px;height:8px}.url[data-astro-cid-f4t2rcqn]{background:color-mix(in oklab, var(--frame-dot) 50%, transparent);color:var(--frame-ink);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin-left:8px;padding:1px 10px;font-size:10.5px;overflow:hidden}.bframe[data-astro-cid-f4t2rcqn] img{width:100%;height:auto}.phone[data-astro-cid-k7mbr7da]{box-shadow:0 0 0 1px #ffffff0f inset, var(--shadow-lg);background:#0c0c0f;border-radius:30px;padding:5px}.phone[data-astro-cid-k7mbr7da] img{border-radius:25px;width:100%;height:auto}.flow[data-astro-cid-zqsy77ta]{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step[data-astro-cid-zqsy77ta]{background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:16px;gap:4px;padding:14px 16px 16px;display:grid;position:relative}.label[data-astro-cid-zqsy77ta]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);gap:8px;font-size:11px;display:flex}.label[data-astro-cid-zqsy77ta] span[data-astro-cid-zqsy77ta]{color:var(--tint-ink,var(--accent))}.title[data-astro-cid-zqsy77ta]{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.3}.meta[data-astro-cid-zqsy77ta]{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px}.badge[data-astro-cid-zqsy77ta]{color:var(--warn);background:color-mix(in oklab, var(--warn) 14%, transparent);border:1px solid color-mix(in oklab, var(--warn) 30%, transparent);border-radius:999px;justify-self:start;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.step[data-astro-cid-zqsy77ta]+.step[data-astro-cid-zqsy77ta]:before{content:"";background:var(--tint-ink,var(--line-2));opacity:.6;width:1px;height:12px;position:absolute;top:-13px;left:28px}.night .step[data-astro-cid-zqsy77ta]{box-shadow:none;color:var(--night-fg);background:#f1ede60f;border-color:#f1ede61a}.night .label[data-astro-cid-zqsy77ta]{color:#b8b3aa}.night .label[data-astro-cid-zqsy77ta] span[data-astro-cid-zqsy77ta]{color:#7fd1b9}.night .meta[data-astro-cid-zqsy77ta]{color:var(--night-muted-2)}.night .badge[data-astro-cid-zqsy77ta]{color:#f5c042;background:0 0;border-color:#f5c04266}.night .step[data-astro-cid-zqsy77ta]+.step[data-astro-cid-zqsy77ta]:before{background:#7fd1b980}.compact[data-astro-cid-zqsy77ta]{align-content:safe center;gap:8px;padding:5% 8%;position:absolute;inset:0}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]{padding:12px 16px 13px}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(2){margin-left:5%}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(3){margin-left:10%}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(4){margin-left:15%}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]+.step[data-astro-cid-zqsy77ta]:before{left:calc(28px - 5%)}@container stage (height<=439px){.compact[data-astro-cid-zqsy77ta]{grid-template-columns:repeat(2,minmax(0,1fr));padding:4% 6%}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(2),.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(3),.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(4){margin-left:0}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]+.step[data-astro-cid-zqsy77ta]:before,.compact[data-astro-cid-zqsy77ta] .meta[data-astro-cid-zqsy77ta]{display:none}}@container stage (height<=239px){.compact[data-astro-cid-zqsy77ta]{gap:6px}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]{border-radius:12px;padding:9px 12px 10px}.compact[data-astro-cid-zqsy77ta] .title[data-astro-cid-zqsy77ta]{font-size:13px}.compact[data-astro-cid-zqsy77ta] .label[data-astro-cid-zqsy77ta]{font-size:10px}.compact[data-astro-cid-zqsy77ta] .badge[data-astro-cid-zqsy77ta]{margin-top:4px;padding:2px 8px;font-size:11px}}@container stage (width<=420px){.compact[data-astro-cid-zqsy77ta] .title[data-astro-cid-zqsy77ta]{font-size:12px}.compact[data-astro-cid-zqsy77ta] .badge[data-astro-cid-zqsy77ta]{display:none}}@container stage (width<=300px){.compact[data-astro-cid-zqsy77ta]{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 18px}.compact[data-astro-cid-zqsy77ta] .title[data-astro-cid-zqsy77ta],.compact[data-astro-cid-zqsy77ta] .meta[data-astro-cid-zqsy77ta],.compact[data-astro-cid-zqsy77ta] .badge[data-astro-cid-zqsy77ta]{display:none}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]{padding:9px 12px}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(2){margin-left:6%}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(3){margin-left:12%}.compact[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]:nth-child(4){margin-left:18%}.compact[data-astro-cid-zqsy77ta] .label[data-astro-cid-zqsy77ta]{font-size:11px}}@container (width>=480px){.full[data-astro-cid-zqsy77ta]{grid-template-columns:repeat(2,minmax(0,1fr))}.full[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]+.step[data-astro-cid-zqsy77ta]:before{display:none}}@container (width>=760px){.full[data-astro-cid-zqsy77ta]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.full[data-astro-cid-zqsy77ta] .step[data-astro-cid-zqsy77ta]+.step[data-astro-cid-zqsy77ta]:before{width:16px;height:1px;display:block;top:50%;left:-17px}}.scene[data-astro-cid-g7pj5vqp]{position:absolute;inset:0}.scene[data-astro-cid-g7pj5vqp] .frame{width:max(88%,190.283cqh - 52.6316px);position:absolute;top:9%;left:6%}.v-card[data-astro-cid-g7pj5vqp] .frame{border-radius:10px 0 0;width:max(560px,100% + 40px,190.283cqh - 52.6316px);top:24px;left:24px}.phones[data-astro-cid-g7pj5vqp]{position:absolute;inset:0}.phones[data-astro-cid-g7pj5vqp] .p{width:27%;position:absolute;top:22%}.phones[data-astro-cid-g7pj5vqp] .p0{left:8%}.phones[data-astro-cid-g7pj5vqp] .p1{z-index:1;width:29%;top:7%;left:35.5%}.phones[data-astro-cid-g7pj5vqp] .p2{right:8%}.v-card[data-astro-cid-g7pj5vqp] .phones[data-astro-cid-g7pj5vqp] .p{width:30%;top:24%}.v-card[data-astro-cid-g7pj5vqp] .phones[data-astro-cid-g7pj5vqp] .p0{left:5%}.v-card[data-astro-cid-g7pj5vqp] .phones[data-astro-cid-g7pj5vqp] .p1{width:32%;top:8%;left:34%}.v-card[data-astro-cid-g7pj5vqp] .phones[data-astro-cid-g7pj5vqp] .p2{right:5%}.numbers[data-astro-cid-g7pj5vqp]{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:24px;padding:0 8%;display:grid;position:absolute;inset:0}.numbers[data-astro-cid-g7pj5vqp] li[data-astro-cid-g7pj5vqp]{border-top:1px solid #f1ede633;align-content:start;gap:10px;padding-top:22px;display:grid}.numbers[data-astro-cid-g7pj5vqp] .display[data-astro-cid-g7pj5vqp]{font-size:clamp(2.6rem,11cqw,6.5rem);line-height:1}.numbers[data-astro-cid-g7pj5vqp] .label[data-astro-cid-g7pj5vqp]{color:var(--night-fg-2);font-size:14px;line-height:1.45}@container stage (width<=560px) or (height<=300px){.numbers[data-astro-cid-g7pj5vqp]{grid-template-columns:minmax(0,1fr);gap:8px;padding:0 7%}.numbers[data-astro-cid-g7pj5vqp] li[data-astro-cid-g7pj5vqp]{grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:14px;padding-top:8px}.numbers[data-astro-cid-g7pj5vqp] .display[data-astro-cid-g7pj5vqp]{font-size:2rem}.numbers[data-astro-cid-g7pj5vqp] .label[data-astro-cid-g7pj5vqp]{font-size:12.5px;line-height:1.4}}@container stage (height<=239px){.numbers[data-astro-cid-g7pj5vqp] li[data-astro-cid-g7pj5vqp]{padding-top:6px}.numbers[data-astro-cid-g7pj5vqp] .display[data-astro-cid-g7pj5vqp]{font-size:1.75rem}.numbers[data-astro-cid-g7pj5vqp] .label[data-astro-cid-g7pj5vqp]{font-size:12px;line-height:1.35}}