:root{--ease-sig:cubic-bezier(.2,.7,.2,1);--ease-trans:cubic-bezier(.16,1,.3,1);--teal:#1ce9b6;--line-blue:#2f7bd4;--bg:#f6f7f9;--surface:#fff;--ink:#000000e6;--muted:#00000080;--faint:#0000004d;--line:#00000012;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;--mono:"SFMono-Regular",ui-monospace,"Roboto Mono",Menlo,Consolas,monospace;--serif:"Fraunces",Georgia,"Songti SC","Noto Serif SC",serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100vh}.app header{max-width:980px;margin:0 auto;padding:72px 28px 28px}.app header h1{letter-spacing:.01em;font-size:21px;font-weight:650}.app header p{color:var(--muted);max-width:520px;margin-top:7px;font-size:13.5px;line-height:1.6}.cat{max-width:980px;margin:0 auto;padding:28px}.cat>h2{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:14px;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));place-items:start center;gap:48px 26px;display:grid}.item{flex-direction:column;align-items:center;gap:16px;display:flex}.caption{text-align:center}.caption .name{font-size:13px;font-weight:600}.caption .note{color:var(--faint);margin-top:4px;font-size:11px;line-height:1.5}.replay{font:inherit;color:var(--muted);cursor:pointer;border:none;border-bottom:1px dashed var(--line);background:0 0;margin-left:8px;padding:0;font-size:11px;transition:color .14s}.replay:hover{color:var(--line-blue)}.card{background:var(--teal);isolation:isolate;border-radius:30px;width:264px;height:300px;position:relative;overflow:hidden;box-shadow:0 2px 6px #1418281a,0 18px 40px #14182829}.card .flowsvg{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.card .brand{z-index:1;color:#063b30;letter-spacing:.03em;font-size:12px;font-weight:700;position:absolute;top:18px;left:22px}.card .sheet{z-index:2;background:#fff;border-radius:30px;padding:24px;position:absolute;inset:0}.card .sheet-h{text-wrap:balance;margin-top:12px;font-size:20px;line-height:1.18}.card .sheet-h .g{color:var(--muted)}.card .sheet p{color:var(--muted);text-wrap:pretty;will-change:filter,opacity,transform;margin-top:9px;font-size:12.5px;line-height:1.55}.card .cta{color:#fff;background:#063b30;border-radius:999px;margin-top:14px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-block}.deck-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative}.scard{will-change:transform;position:absolute;top:50%;left:50%}.scard-drag{width:100%;height:100%}.cluster-stage{margin:0 auto;position:relative}.ccard{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.face{border-radius:16px;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 30px #14182838}.face-graphic{position:relative;overflow:hidden}.face-title{font-family:var(--serif);white-space:pre-line;margin:0;font-weight:500}.face-body{margin:0}.bars{align-items:flex-start;gap:4px;height:100%;display:flex}.bars i{transform-origin:top;opacity:.92;background:currentColor;border-radius:2px;flex:1;height:100%;display:block}.dots{grid-template-columns:repeat(10,1fr);align-content:center;gap:9px;height:100%;display:grid}.dots i{background:currentColor;border-radius:50%;justify-self:center;width:6px;height:6px;display:block}.orbit{place-items:center;display:grid;position:absolute;inset:0}.orbit i{border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%;display:block;position:absolute}.typeline{font-family:var(--mono);letter-spacing:.02em;align-items:center;height:100%;font-size:13px;line-height:1.7;display:flex}@keyframes deckspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}