.landing{background:var(--bg);min-height:100dvh;color:var(--fg);position:relative}.landing>*{position:relative}.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:40px}@media (max-width:60rem){.wrap{padding-inline:24px}}@media (max-width:40rem){.wrap{padding-inline:16px}}.pill-nav{z-index:50;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 32px);max-width:1200px;margin:12px auto 0;padding:8px 12px 8px 20px;display:flex;position:sticky;top:12px}.pill-nav .links{gap:4px;display:flex}.pill-nav .links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.9rem;text-decoration:none;transition:color .16s,background-color .16s}.pill-nav .links a:hover{color:var(--fg);background:var(--subtle)}@media (max-width:48rem){.pill-nav .links{display:none}}.pill-nav .cta{min-width:0}.hero{text-align:center;flex-direction:column;align-items:center;gap:28px;padding-block:clamp(64px,12vh,128px) 24px;display:flex}.hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;font-size:clamp(2.75rem,6.6vw + .5rem,6.75rem);font-weight:700;line-height:1}.hero .lead{color:var(--muted);max-width:52ch;font-size:clamp(1.15rem,.6vw + 1rem,1.5rem);line-height:1.5}.hero .access{border:1px solid var(--line-strong);background:var(--surface);color:var(--soft);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.875rem;font-weight:500;display:inline-flex}.hero .access:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px}.hero h1 .swap{text-align:right;justify-items:end;display:inline-grid}.hero h1 .swap-item{opacity:0;transition:opacity .42s var(--ease-out,ease), transform .42s var(--ease-out,ease);grid-area:1/1;transform:translateY(.35em)}.hero h1 .swap-item.on{opacity:1;transform:none}.step-note{min-height:1.6em;color:var(--warning);font-size:clamp(1rem,.4vw + .95rem,1.2rem);font-weight:500}.step-note-text{animation:.42s both note-in;display:inline-block}@keyframes note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero h1 .swap-item,.step-note-text{transition:none;animation:none}}.hero .platforms{color:var(--faint);max-width:60ch;font-size:.9rem}.panels{margin-top:72px}.shows{gap:28px;margin-top:72px;scroll-margin-top:96px;display:grid}.show{background:var(--surface);border:1px solid var(--line);border-radius:28px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding:40px;display:grid}.show.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.show.flip .show-text{order:2}.show-text h3{letter-spacing:-.03em;max-width:14ch;font-size:clamp(1.6rem,1.6vw + 1rem,2.4rem);font-weight:700;line-height:1.08}.show-text p{color:var(--muted);max-width:30ch;margin-top:14px;font-size:1.1rem}.show-visual{min-width:0}.v-card{background:var(--bg);border:1px solid var(--line);border-radius:20px;align-content:center;gap:14px;min-height:320px;padding:24px;display:grid;overflow:hidden}.scan-head{color:var(--soft);align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.pulse{background:var(--brand);border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 55%, transparent)}to{box-shadow:0 0 0 12px #0000}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:10px;width:max-content;animation:22s linear infinite marquee;display:flex}.marquee-track.rev{animation-duration:28s;animation-direction:reverse}@keyframes marquee{to{transform:translate(-50%)}}.src-pill{border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;color:var(--soft);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:600}.found{align-items:baseline;gap:10px;margin-top:6px;display:flex}.found-num{letter-spacing:-.03em;color:var(--brand);font-variant-numeric:tabular-nums;font-size:clamp(2rem,2.4vw + 1rem,3rem);font-weight:700}.found-label{color:var(--muted)}.match-list{gap:8px;margin:0;padding:0;list-style:none;display:grid;position:relative}.match-list li{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.match-list li b{font-variant-numeric:tabular-nums;font-size:.95rem}.match-list li.miss{animation:7s ease-in-out infinite miss;animation-delay:calc(var(--i) * .45s)}.match-list li.hit{animation:7s ease-in-out infinite hit;animation-delay:calc(var(--i) * .45s)}.match-list li.miss b{color:var(--faint)}.match-list li.hit b{color:var(--brand)}@keyframes miss{0%,14%{opacity:1}34%,86%{opacity:.3}to{opacity:1}}@keyframes hit{0%,14%{background:var(--surface)}34%,86%{background:var(--brand-soft);border-color:var(--brand)}to{background:var(--surface)}}.scanner{background:var(--brand);opacity:.9;border-radius:3px;height:3px;animation:7s ease-in-out infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{opacity:0;top:0}4%{opacity:1}30%{opacity:1;top:calc(100% - 3px)}36%,to{opacity:0;top:calc(100% - 3px)}}.fill-row{grid-template-columns:110px minmax(0,1fr) 22px;align-items:center;gap:12px;display:grid}.fill-k{color:var(--muted);font-size:.9rem;font-weight:500}.fill-box{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;align-items:center;min-height:40px;padding:9px 12px;display:flex;overflow:hidden}.fill-v{white-space:nowrap;animation:9s steps(24,end) infinite type;animation-delay:calc(var(--i) * .55s);clip-path:inset(0 100% 0 0);font-size:.95rem;font-weight:600}@keyframes type{0%{clip-path:inset(0 100% 0 0)}12%,88%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}.fill-tick{color:var(--success);opacity:0;animation:9s infinite tick;animation-delay:calc(var(--i) * .55s);font-weight:700}@keyframes tick{0%,12%{opacity:0}16%,88%{opacity:1}to{opacity:0}}.v-answer{gap:12px}.bubble{border-radius:16px;max-width:92%;padding:14px 18px;font-size:1rem;line-height:1.5}.bubble.q{background:var(--subtle-strong);color:var(--soft);border-bottom-left-radius:4px;justify-self:start;font-weight:600}.bubble.a{background:var(--brand-soft);color:var(--fg);border-bottom-right-radius:4px;justify-self:end;min-height:7.5em}.caret{background:var(--brand);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.edit-chip{border:1px solid var(--line-strong);color:var(--muted);opacity:0;border-radius:999px;justify-self:end;padding:4px 14px;font-size:.85rem;font-weight:600;transition:opacity .3s}.edit-chip.on{opacity:1}.cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.col{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-content:start;gap:8px;min-height:170px;padding:12px;display:grid}.col-name{color:var(--soft);font-size:.85rem;font-weight:700}.ghost{background:var(--subtle-strong);opacity:.55;border-radius:8px;height:34px;display:block}.ghost.short{width:70%;height:22px}.mover{background:var(--brand);border-radius:8px;align-items:center;gap:8px;width:calc(33.3333% - 32px);height:34px;padding:0 10px;animation:8s ease-in-out infinite move;display:flex;position:absolute;top:44px;left:12px}.mover .dot{background:var(--brand-fg);border-radius:50%;width:8px;height:8px}.mover i{background:color-mix(in srgb, var(--brand-fg) 60%, transparent);border-radius:3px;flex:1;height:6px}@keyframes move{0%,18%{transform:translate(0)}36%,56%{transform:translate(calc(100% + 36px))}74%,94%{transform:translate(calc(200% + 72px))}to{transform:translate(0)}}.mail{border:1px solid var(--line-strong);background:var(--surface);color:var(--soft);border-radius:999px;justify-self:center;padding:6px 16px;font-size:.9rem;font-weight:600;animation:8s ease-in-out infinite mail}@keyframes mail{0%,14%{opacity:0;transform:translateY(8px)}22%,40%{opacity:1;transform:none}48%,to{opacity:0;transform:translateY(-4px)}}.v-control{justify-items:center;gap:18px}.ctl-fields{gap:10px;width:min(100%,360px);display:grid}.ctl-fields i{background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;height:38px}.ctl-fields i.short{width:60%}.ctl-submit{position:relative}.ctl-btn{background:var(--subtle-strong);height:48px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;padding:0 40px;font-weight:700;animation:3s ease-out infinite ring;display:inline-flex}.ctl-cursor{border-right:3px solid var(--fg);border-bottom:3px solid var(--fg);width:18px;height:18px;animation:3s ease-in-out infinite nudge;position:absolute;bottom:-14px;right:-14px;transform:rotate(-45deg)}@keyframes ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 50%, transparent)}70%,to{box-shadow:0 0 0 14px #0000}}@keyframes nudge{0%,to{transform:translate(0)rotate(-45deg)}50%{transform:translate(-6px,-6px)rotate(-45deg)}}.ctl-note{color:var(--soft);font-weight:600}@media (max-width:60rem){.show,.show.flip{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px}.show.flip .show-text{order:0}.fill-row{grid-template-columns:92px minmax(0,1fr) 18px}}@media (prefers-reduced-motion:reduce){.marquee-track,.match-list li,.scanner,.fill-v,.fill-tick,.mover,.mail,.ctl-btn,.ctl-cursor,.pulse,.caret{animation:none}.fill-v{clip-path:none}.fill-tick{opacity:1}.scanner{display:none}.match-list li.hit{background:var(--brand-soft);border-color:var(--brand)}.match-list li.miss{opacity:.45}.mover{transform:translate(calc(100% + 36px))}.mail{opacity:1}}.how{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:32px 64px;padding-block:120px 0;scroll-margin-top:96px;display:grid}.how h2{max-width:12ch;font-size:clamp(2rem,2.6vw + 1rem,3.5rem);font-weight:700;line-height:1.04}.trail{border-left:1px solid var(--line-strong);gap:40px;margin:0;padding:0 0 0 32px;list-style:none;display:grid}.trail li{gap:8px;display:grid;position:relative}.trail li:before{content:"";background-image:var(--grad);border-radius:50%;width:9px;height:9px;position:absolute;top:10px;left:-37px}.trail .n{font-family:var(--font-atkinson), ui-monospace, monospace;color:var(--brand);font-size:.875rem}.trail h3{font-size:1.3rem}.trail p{color:var(--muted);max-width:44ch}@media (max-width:60rem){.how{grid-template-columns:minmax(0,1fr);padding-top:88px}}@media (max-width:40rem){.record-rows>li{grid-template-columns:minmax(0,1fr);gap:2px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}