.site{--ink:#0a0a0a;--body:#27272a;--muted:#66666e;--faint:#a1a1aa;--line:#e4e4e7;--line-strong:#d4d4d8;--bg:#fff;--bg-off:#fafafa;--accent-light:#f4f4f5;--link:#ff5100;--link-h:#d24400;--link-bg:#fff1ea;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Inter", Arial, sans-serif;--label-size:11px;--label-track:.08em;--lead:17.5px;--copy:16px;--meta:14.5px;--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){.site{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fafafa;--body:#d4d4d8;--muted:#a1a1aa;--faint:#71717a;--line:#27272a;--line-strong:#3f3f46;--bg:#0a0a0a;--bg-off:#121214;--accent-light:#1c1c1f;--link:#ff6a26;--link-h:#ff8a52;--link-bg:#2a1407}}body:has(.site){background-color:#fff}@media (prefers-color-scheme:dark){body:has(.site){background-color:#0a0a0a}}.site{background-color:var(--bg);min-height:100svh;color:var(--body);font-family:var(--sans);font-size:var(--copy);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.62;overflow-x:clip}:where(.site) p{text-wrap:pretty;margin:0}:where(.site) :is(h1,h2,h3){margin:0}:where(.site) :is(ul,ol){margin:0;padding:0;list-style:none}.site a{color:var(--link);text-decoration:none}.site a:hover{color:var(--link-h);text-underline-offset:2px;text-decoration:underline}.site .icon{stroke-width:1.75px;flex:none;width:18px;height:18px}.site .soft{color:var(--faint)}.site strong{color:var(--ink);font-weight:700}.wrap{max-width:920px;margin:0 auto;padding:80px 40px 120px}.label{font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--faint);align-items:center;gap:6px;font-weight:700;line-height:1.3;display:inline-flex}.label.on-ink{color:var(--ink)}.label.on-body{color:var(--body)}.label .icon{width:13px;height:13px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background-color:var(--bg);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--body);white-space:nowrap;align-items:center;padding:4px 8px;font-weight:700;line-height:1.3;display:inline-flex}.kick-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.kick{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 16px;font-size:12.5px;font-weight:700}.hero h1{letter-spacing:-.035em;color:var(--ink);text-indent:-.05em;margin:0 0 24px;font-size:clamp(48px,8vw,88px);font-weight:800;line-height:.92}.lede{font-size:var(--lead);color:var(--muted);max-width:56ch}.lede+.lede{margin-top:12px}.sorts{margin:48px 0 0}.sort{border-top:1px solid var(--line);grid-template-columns:96px 1fr;gap:16px;padding:18px 0;display:grid}.sort:last-child{border-bottom:1px solid var(--line)}.sort dt{padding-top:3px}.sort dd{gap:8px;margin:0;display:grid}.sort-sub{font-size:var(--meta);color:var(--muted)}.chapter{margin-top:96px}.group{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-top:2px solid var(--ink);margin-bottom:0;padding-top:14px;font-size:12.5px;font-weight:700}.scene{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:40px;padding:36px 0;display:grid}.group+.scenes .scene:first-child{border-top:0}.scene-text{align-content:start;gap:10px;display:grid}.scene-title{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:800;line-height:1.1}.scene-body{color:var(--body);max-width:44ch}.scene:hover .scene-title{color:var(--link)}.scene-title{transition:color .14s}.stage{background-color:var(--bg-off);border:1px solid var(--line);place-items:center;height:240px;padding:20px;display:grid;position:relative;overflow:hidden}.av{letter-spacing:-.01em;background-color:var(--link);color:#fff;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:inline-grid}.av-b{background-color:var(--bg);color:var(--ink);border:1px solid var(--line-strong)}.av-c{background-color:var(--ink);color:var(--bg)}.person{background-color:var(--bg);border:1px solid var(--line);align-items:center;gap:12px;padding:12px;display:flex}.person.bare{background:0 0;border:0;padding:0 0 8px}.person-text{gap:4px;min-width:0;line-height:1.3;display:grid}.person-text strong{font-size:15px;font-weight:800}.stage .line{background-color:var(--line-strong);transform-origin:0;height:6px;display:block}@keyframes in-1{0%,2%{opacity:0;transform:translateY(6px)}8%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes in-2{0%,16%{opacity:0;transform:translateY(6px)}22%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes in-3{0%,30%{opacity:0;transform:translateY(6px)}36%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes in-4{0%,42%{opacity:0;transform:translateY(6px)}48%,90%{opacity:1;transform:none}97%,to{opacity:0}}.a-1{animation:in-1 10s var(--ease) infinite}.a-2{animation:in-2 10s var(--ease) infinite}.a-3{animation:in-3 10s var(--ease) infinite}.a-4{animation:in-4 10s var(--ease) infinite}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.9)}}.chat-art{justify-items:center;gap:10px;width:min(100%,340px);display:grid}.bubble{background-color:var(--ink);max-width:85%;color:var(--bg);font-size:var(--meta);border-radius:16px 16px 3px;justify-self:end;padding:8px 12px;line-height:1.4}.chat-art .person{width:100%}.flow-art{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(100%,400px);display:grid}.sources{gap:12px;display:grid}.sources li{color:var(--body);align-items:center;gap:8px;display:flex}.sources .icon{width:16px;height:16px}.track{align-self:stretch;place-items:center;min-width:56px;display:grid;position:relative}.track:before{content:"";border-top:1px dashed var(--line-strong);position:absolute;top:50%;left:0;right:0}.clock{background-color:var(--bg-off);font-size:var(--label-size);color:var(--faint);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:2px 6px;font-weight:700;display:inline-flex;position:relative;transform:translateY(-22px)}.clock .icon{width:12px;height:12px}.dot{background-color:var(--link);opacity:0;border-radius:999px;width:6px;height:6px;animation:2.4s linear infinite travel;position:absolute;top:calc(50% - 3px);left:0}.d-2{animation-delay:-.6s}.d-3{animation-delay:-1.2s}.d-4{animation-delay:-1.8s}@keyframes travel{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}.inbox{background-color:var(--bg);border:1px solid var(--ink);gap:8px;width:92px;padding:12px;display:grid}.inbox .line{animation:grow-2 10s var(--ease) infinite}.inbox .l-2{width:80%;animation-name:grow-3}.inbox .l-3{width:60%;animation-name:grow-4}@keyframes grow-2{0%,16%{transform:scaleX(0)}24%,90%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}@keyframes grow-3{0%,34%{transform:scaleX(0)}42%,90%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}@keyframes grow-4{0%,52%{transform:scaleX(0)}60%,90%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}.review-art{gap:8px;width:min(100%,340px);display:grid}.review-art .row{background-color:var(--bg);border:1px solid var(--line);align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.row-text{font-size:var(--meta);color:var(--ink);flex:1}.act{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink);place-items:center;display:grid}.act .icon{width:15px;height:15px}.r-yes .act-yes{background-color:var(--link);border-color:var(--link);color:#fff;animation:press-a 10s var(--ease) infinite}.r-no .act-no{background-color:var(--ink);border-color:var(--ink);color:var(--bg);animation:press-b 10s var(--ease) infinite}.r-no .row-text{opacity:.35;animation:strike 10s var(--ease) infinite;text-decoration:line-through}@keyframes press-a{0%,26%{border-color:var(--line-strong);color:var(--ink);background-color:#0000}30%,90%{background-color:var(--link);border-color:var(--link);color:#fff}97%,to{border-color:var(--line-strong);color:var(--ink);background-color:#0000}}@keyframes press-b{0%,52%{border-color:var(--line-strong);color:var(--ink);background-color:#0000}56%,90%{background-color:var(--ink);border-color:var(--ink);color:var(--bg)}97%,to{border-color:var(--line-strong);color:var(--ink);background-color:#0000}}@keyframes strike{0%,56%{opacity:1;text-decoration:none}62%,90%{opacity:.35;text-decoration:line-through}97%,to{opacity:1;text-decoration:none}}.rings-art{align-items:center;gap:20px;width:min(100%,400px);display:flex}.rings{flex:none;width:120px;height:120px;overflow:visible}.orbit{fill:none;stroke:var(--line-strong);stroke-width:1px}.orbit-in{stroke:var(--ink);fill:var(--link-bg)}.me{fill:var(--link)}.ping{fill:none;stroke:var(--link);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:ping 3s var(--ease) infinite}.ring-key{gap:10px;min-width:0;display:grid}.ring-key li{gap:1px;display:grid}.ring-sub{color:var(--muted);font-size:12.5px;line-height:1.4}.notes-art{gap:14px;width:min(100%,320px);display:grid}.push{background-color:var(--bg);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.push>div{gap:1px;display:grid}.push-text{font-size:var(--meta);color:var(--ink);font-weight:600}.email{background-color:var(--bg);border:1px solid var(--line);gap:8px;padding:12px 16px 16px;display:grid}.email-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.email .l-2{width:75%}.email .l-3{width:50%}.arrive-art{place-items:center;display:grid;position:absolute;inset:0}.arrive-pin{background-color:var(--ink);width:44px;height:44px;color:var(--bg);border-radius:999px;place-items:center;margin-top:44px;display:grid;position:relative}.arrive-pin:after{content:"";border-radius:inherit;border:1.5px solid var(--link);opacity:0;animation:ping 3s var(--ease) infinite;position:absolute;inset:0}.arrive-push{background-color:var(--bg);border:1px solid var(--line);width:min(100% - 40px,300px);font-size:var(--meta);color:var(--ink);white-space:nowrap;animation:drop 6s var(--ease) infinite;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:flex;position:absolute;top:20px;left:50%;translate:-50%}.arrive-push .icon{width:15px;height:15px;color:var(--link)}@keyframes drop{0%,20%{transform:translateY(-160%)}30%,85%{transform:none}95%,to{transform:translateY(-160%)}}.photo-art{justify-items:center;gap:20px;display:grid}.photo{border-radius:999px;width:80px;height:80px;position:relative;overflow:hidden}.photo-initial,.photo-face{border-radius:inherit;place-items:center;display:grid;position:absolute;inset:0}.photo-initial{background-color:var(--bg);border:1px solid var(--line-strong);color:var(--ink);font-size:32px;font-weight:800}.photo-face{background-color:var(--link);color:#fff;animation:face 10s var(--ease) infinite}.photo-face .icon{stroke-width:1.5px;width:40px;height:40px}@keyframes face{0%,30%{opacity:0}40%,90%{opacity:1}97%,to{opacity:0}}.order{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.phone{border:1.5px solid var(--ink);border-bottom:0;border-radius:26px 26px 0 0;align-self:end;width:208px;height:200px;margin-bottom:-21px;padding:6px}.phone-screen{background-color:var(--bg);border-radius:20px 20px 0 0;height:100%;position:relative;overflow:hidden}.share-icon{color:var(--faint);position:absolute;top:20px;left:50%;translate:-50%}.sheet-up{background-color:var(--bg-off);border-top:1px solid var(--line);animation:rise 10s var(--ease) infinite;border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}@keyframes rise{0%,6%{transform:translateY(100%)}16%,78%{transform:none}86%,to{transform:translateY(100%)}}.typed{background-color:var(--bg);border:1px solid var(--line);min-height:34px;color:var(--ink);padding:8px;font-size:11px;line-height:1.4;display:block}.typed span{white-space:nowrap;vertical-align:top;width:27ch;max-width:100%;animation:10s steps(27,end) infinite type;display:inline-block;overflow:hidden}@keyframes type{0%,20%{width:0}48%,to{width:27ch}}.post{background-color:var(--link);color:#fff;font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;animation:post 10s var(--ease) infinite;justify-self:end;padding:5px 12px;font-weight:700}@keyframes post{0%,56%{opacity:.45}60%,to{opacity:1}}.map{background-image:repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 40px);position:absolute;inset:0}.radius{border:1px dashed var(--link);background-color:var(--link-bg);opacity:.7;width:176px;height:176px;animation:spread 10s var(--ease) infinite;border-radius:999px;margin:-88px 0 0 -88px;position:absolute;top:50%;left:50%}@keyframes spread{0%,4%{opacity:0;transform:scale(.2)}18%,90%{opacity:.7;transform:scale(1)}97%,to{opacity:0}}.pin{position:absolute;translate:-50% -50%}.pin-main{top:50%;left:50%}.pin-main .av{outline:2px solid var(--ink);outline-offset:2px;width:44px;height:44px}.pin-1{animation:in-2 10s var(--ease) infinite;top:34%;left:32%}.pin-2{animation:in-3 10s var(--ease) infinite;top:30%;left:66%}.pin-3{animation:in-4 10s var(--ease) infinite;top:72%;left:60%}.map-label{background-color:var(--bg);border:1px solid var(--line);padding:5px 8px;position:absolute;bottom:16px;left:16px}.card-art{place-items:center;width:100%;height:100%;display:grid;position:relative}.paper{background-color:var(--bg);border:1px solid var(--line-strong);width:192px;height:128px;animation:fly 10s var(--ease) infinite;place-items:center;display:grid}.paper-text{text-align:center;letter-spacing:-.02em;color:var(--ink);animation:in-2 10s var(--ease) infinite;padding:0 16px;font-size:18px;font-weight:800;line-height:1.25}@keyframes fly{0%,2%{opacity:0;transform:translateY(8px)}8%,55%{opacity:1;transform:none}70%,to{opacity:0;transform:translate(40%,-30%)rotate(-6deg)scale(.6)}}.sent{background-color:var(--link);color:#fff;opacity:0;width:40px;height:40px;animation:sent 10s var(--ease) infinite;border-radius:999px;place-items:center;display:grid;position:absolute;top:18%;right:12%}@keyframes sent{0%,64%{opacity:0;transform:scale(.6)}70%,90%{opacity:1;transform:none}97%,to{opacity:0}}.merge-art{width:min(100%,256px);height:144px;position:relative}.copy{margin-top:-30px;position:absolute;top:50%;left:0;right:0}.copy-1{animation:merge-a 10s var(--ease) infinite;transform:translateY(-37px)}.copy-2{animation:merge-b 10s var(--ease) infinite;transform:translateY(37px)}@keyframes merge-a{0%,20%{transform:translateY(-37px)}45%,88%{transform:none}to{transform:translateY(-37px)}}@keyframes merge-b{0%,20%{opacity:1;transform:translateY(37px)}45%,88%{opacity:0;transform:none}to{opacity:1;transform:translateY(37px)}}.compare{grid-template-columns:1fr 1fr;gap:40px;margin-top:28px;display:grid}.side-title{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;margin-bottom:12px;font-size:20px;font-weight:800;display:flex}.rows li{border-top:1px solid var(--line);font-size:var(--meta);padding:12px 0}.rows li:last-child{border-bottom:1px solid var(--line)}.items{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.items li{border-top:1px solid var(--line);grid-template-columns:22px 1fr;gap:14px;padding:22px 0;display:grid}.items.plain li{grid-template-columns:1fr}.group+.items li:nth-child(-n+2){border-top:0}.items li>.icon{color:var(--ink);margin-top:3px}.it-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:800;line-height:1.3}.it-sub{font-size:var(--meta);color:var(--muted)}.steps{counter-reset:step;max-width:640px}.steps li{counter-increment:step;border-top:1px solid var(--line);grid-template-columns:40px 1fr;padding:16px 0;display:grid}.group+.steps li:first-child{border-top:0}.steps li:before{content:counter(step, decimal-leading-zero);font-size:var(--label-size);letter-spacing:var(--label-track);color:var(--link);font-variant-numeric:tabular-nums;padding-top:4px;font-weight:700}.foot{color:var(--faint);margin-top:96px;font-size:13px}@media (max-width:768px){.wrap{padding:56px 20px 96px}.chapter{margin-top:72px}.scene{grid-template-columns:1fr;gap:20px;padding:28px 0}.scene-title{font-size:23px}.compare,.items{grid-template-columns:1fr}.group+.items li:nth-child(2){border-top:1px solid var(--line)}}@media (max-width:420px){.sort{grid-template-columns:1fr;gap:8px}.rings{width:92px;height:92px}.rings-art{gap:14px}.flow-art{gap:8px}.inbox{width:72px}}@media (prefers-reduced-motion:reduce){.site *,.site :before,.site :after{animation:none!important}}
