.cap-ux-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cap-ux-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"copy stage" "pick stage" "ledger stage";grid-template-rows:auto auto 1fr;gap:0 56px;padding-block:48px 80px}.cap-ux-copy{grid-area:copy}.cap-ux-hero h1{font-size:clamp(42px,5vw,68px);max-width:13ch}.cap-ux-pick{grid-area:pick;margin-top:36px}.fieldwork .cap-ux-pick-head{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}.cap-ux-radios{display:flex;flex-wrap:wrap;gap:8px}.cap-ux-radio{min-height:40px;padding:8px 15px;border:1.5px solid var(--color-ink-25);border-radius:999px;background:var(--color-paper);color:var(--color-ink);font-size:14.5px;font-weight:650;cursor:pointer;transition:border-color .16s linear,background-color .16s linear}.cap-ux-radio:focus-visible,.cap-ux-radio:hover{outline:none;background:var(--color-ink-08)}.cap-ux-radio[aria-checked=true]{border-color:var(--color-canary);background:var(--color-canary);font-weight:750}.cap-ux-radio[aria-checked=true]:focus-visible{background:var(--color-canary-deep);border-color:var(--color-canary-deep)}.cap-ux-ledgers{grid-area:ledger;margin-top:22px;max-width:560px}.cap-ux-ledger{padding:16px 20px 14px;border-radius:12px;background:var(--color-paper);box-shadow:var(--shadow-frame)}.cap-ux-ledger-title{margin-bottom:4px;font:12.5px/1.5 var(--font-mono);letter-spacing:.02em;color:var(--color-ink-60)}.cap-ux-ledger-title b{color:var(--color-ink)}.cap-ux-ledger .cap-ledger li{transition:opacity .2s linear}.cap-ux-ledger .cap-ledger li.cap-ux-pending{opacity:.18}.cap-ux-did{margin-top:8px;padding-top:10px;border-top:1px solid var(--color-ink-12);font-size:15px;color:var(--color-ink-60)}.cap-ux-stage{grid-area:stage;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;align-self:center;min-width:0;padding-left:120px}.cap-ux-bird{position:absolute;left:0;bottom:18px;z-index:2;width:190px;height:auto}.cap-ux-bird-done{width:210px;left:-16px}.cap-ux-stage[data-phase=done] .cap-ux-bird,.cap-ux-stage[data-phase=trying] .cap-ux-bird{animation:cap-ux-hop .36s cubic-bezier(.2,0,0,1)}@keyframes cap-ux-hop{0%{translate:0 0}45%{translate:0 -10px}to{translate:0 0}}.cap-ux-phone{position:relative;margin:0;width:min(100%,300px);padding:10px;border:2px solid var(--color-ink);border-radius:30px;background:var(--color-paper);box-shadow:6px 6px 0 var(--color-ink)}.cap-ux-example{position:absolute;top:-12px;right:22px;z-index:1;padding:2px 9px;border:1.5px solid var(--color-ink);border-radius:999px;background:var(--color-paper);font:700 11px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.cap-ux-shot{display:grid;gap:8px}.cap-ux-url{display:block;padding:5px 10px;border-radius:999px;background:var(--color-ink-04);font:11.5px/1.4 var(--font-mono);color:var(--color-ink-60);overflow-wrap:anywhere}.cap-ux-shot img{display:block;width:100%;height:auto;border-radius:20px}.cap-ux-finding{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:56px;align-items:start}.cap-ux-finding-shot{position:relative;margin:0;display:grid;gap:8px;padding:12px;border-radius:18px;background:var(--color-paper);box-shadow:var(--shadow-frame)}.cap-ux-finding-shot img{display:block;width:100%;height:auto;aspect-ratio:390/520;object-fit:cover;border-radius:12px}.cap-ux-finding-shot figcaption{font:12px/1.5 var(--font-mono);color:var(--color-alert-text)}.cap-ux-finding-copy{display:grid;gap:24px;max-width:600px}.cap-ux-kinds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.cap-ux-kind{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;height:100%;padding:12px 12px 16px;border-radius:14px;background:var(--color-paper);box-shadow:var(--shadow-frame);text-decoration:none;color:var(--color-ink);transition:box-shadow .16s linear,translate .16s cubic-bezier(.2,0,0,1)}.cap-ux-kind:hover{translate:0 -2px;box-shadow:0 8px 22px rgba(17,17,16,.12)}.cap-ux-kind-shot{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--color-ink-04)}.cap-ux-kind-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 14%}.cap-ux-kind-name{margin-top:4px;font-size:17px;font-weight:750;letter-spacing:-.02em}.cap-ux-kind-tries{font-size:14px;line-height:1.5;color:var(--color-ink-60)}.cap-ux-kind-go{font:12.5px/1.5 var(--font-mono);letter-spacing:.02em;text-decoration:underline;text-underline-offset:4px}@media (prefers-reduced-motion:reduce){.cap-ux-stage .cap-ux-bird{animation:none!important}}@media (max-width:1100px){.cap-ux-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.cap-ux-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "pick" "stage" "ledger";grid-template-rows:none;padding-block:32px 56px}.cap-ux-stage{margin-top:28px;justify-content:center;padding-left:96px}.cap-ux-bird{width:120px;bottom:8px}.cap-ux-bird-done{width:132px;left:-6px}.cap-ux-phone{width:min(100%,240px)}.cap-ux-finding{grid-template-columns:minmax(0,1fr);gap:32px}.cap-ux-finding-shot{max-width:340px}.cap-ux-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.cap-ux-kinds{grid-template-columns:minmax(0,1fr)}.cap-ux-kind{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px}.cap-ux-kind-shot{grid-row:1/4;aspect-ratio:3/4}.cap-ux-kind-name{margin-top:0}.cap-ux-radio{font-size:13.5px;padding:7px 12px}}