.top{padding-top:20px}.hero{padding:clamp(32px,6vh,64px) var(--m) 0}.hero h1{font-size:var(--s-display);letter-spacing:-.025em;max-width:24ch;line-height:1.06}@media (min-width:900px){.hero h1{max-width:none}.hero h1 .l{display:block}}.hero-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(16px,2vw,32px);margin-top:clamp(24px,4vh,40px);display:grid}.hero-copy{grid-column:1/span 5;padding-top:8px}.hero .sub{font-size:var(--s-lead);color:var(--ink);letter-spacing:-.005em;max-width:30em;line-height:1.4}.hero .eg{font-size:var(--s-small);color:var(--muted);max-width:34em;margin-top:8px;line-height:1.5}.hero .signup{margin-top:28px}.hero .after{font-size:var(--s-small);color:var(--muted);flex-direction:column;gap:6px;margin-top:16px;display:flex}.hero .after a{color:var(--ink);align-self:start;font-weight:500}.hero-stage{margin-right:calc(var(--m) * -1);background:var(--stage);clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px);grid-column:6/span 7;padding:clamp(20px,2.4vw,32px) clamp(20px,3.2vw,48px) clamp(20px,2.4vw,32px) clamp(20px,2.4vw,32px)}@media (max-width:899px){.hero-copy,.hero-stage{grid-column:1/-1}.hero-stage{margin:36px calc(var(--m) * -1) 0;padding:20px var(--m)}.hero .sub{font-size:var(--s-body);line-height:1.5}.hero .signup{margin-top:20px}.hero .after{flex-flow:wrap;gap:6px 20px}}.slip{background:var(--paper);max-width:640px;color:var(--paper-ink);border:1px solid var(--paper-edge);font-size:var(--s-small);caret-color:var(--paper-ink);border-radius:2px;padding:18px 20px 20px;line-height:1.5;position:relative}.slip :focus-visible{outline-color:var(--paper-ink)}.slip ::selection{background:var(--paper-ink);color:var(--paper)}.slip-head{color:var(--paper-muted);justify-content:space-between;gap:12px;display:flex}.slip-name{color:var(--paper-ink);letter-spacing:.01em;font-weight:600}.slip-task{grid-template-columns:auto auto 1fr;gap:6px 20px;margin:12px 0 0;display:grid}.slip-task div{align-items:baseline;gap:8px;display:flex}.slip-task .w{grid-column:1/-1}.slip-task dt{color:var(--paper-muted);flex:none}.slip-task .w dt{flex-basis:8.5em}.slip-task dd{margin:0}.slip-task .w:first-of-type dd,.slip-task div:nth-child(-n+2) dd{font-weight:600}.slip-task code{font-size:.8125rem}.slip-tear{background:radial-gradient(circle at 6px 6px,var(--perf) 3px,transparent 3.5px) 0 0/14px 12px repeat-x;height:12px;margin:14px -20px 12px}.slip-label{color:var(--paper-muted);margin-bottom:6px;display:block}.slip textarea{resize:vertical;width:100%;color:var(--paper-ink);background:var(--well);border:1px solid var(--paper-line);border-radius:2px;padding:10px 12px;line-height:1.55;transition:border-color .16s;display:block}.slip textarea:focus-visible{outline:2px solid var(--paper-ink);outline-offset:1px}.slip textarea[aria-invalid=true]{border-color:var(--err)}.slip .acts{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:10px;display:flex}.btn-ink{height:44px;font:600 var(--s-small)/1 var(--font);color:var(--paper);background:var(--paper-ink);border-radius:var(--r);cursor:pointer;transition:transform .16s var(--ease-out),background-color .18s ease;border:0;padding:0 16px}.btn-ink code{font-size:.8125rem;font-weight:500}.btn-ink:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn-ink:hover{background:color-mix(in srgb,var(--paper-ink) 82%,var(--paper))}}.textbtn{font:500 var(--s-small)/1.4 var(--font);color:var(--paper-ink);cursor:pointer;text-underline-offset:.22em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);background:0 0;border:0;padding:10px 0}.verdict{min-height:7.4rem;margin-top:10px}.verdict .wait{color:var(--paper-muted);padding-top:2px}.verdict pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.6}.verdict pre .e{color:var(--err)}.verdict pre .ok{color:var(--ok)}.verdict pre .c{color:var(--paper-muted)}.pass{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.stamp{border:2px solid var(--ok);color:var(--ok);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:4px 10px;font-size:.8125rem;font-weight:700;display:inline-block;transform:rotate(-2deg)}html:not(.js) .slip .acts{display:none}html:not(.js) .verdict{min-height:0}html:not(.js) .verdict .wait:after{content:" Sending needs JavaScript."}.statement{margin-top:var(--gap-section);background:var(--field);color:var(--field-ink);padding:clamp(72px,10vw,140px) var(--m)}.hero+.statement{margin-top:clamp(64px,8vw,112px)}.statement p{letter-spacing:-.02em;max-width:30em;font-size:clamp(1.375rem,1.1rem + 1vw,2.125rem);font-weight:500;line-height:1.3}.relay{text-align:center}.relay p{margin-inline:auto}.relay .r-big{letter-spacing:-.025em;max-width:20em;font-size:clamp(1.875rem,1.3rem + 1.8vw,2.75rem);font-weight:600;line-height:1.2}.relay .r-acc{color:var(--accent)}.relay .r-prob{max-width:46em;font-size:var(--s-body);letter-spacing:0;color:var(--field-muted);margin-bottom:clamp(20px,2.4vw,28px);font-weight:400;line-height:1.5}.relay .r-sub,.relay .bb,.relay .bs{max-width:32em;font-size:var(--s-body);letter-spacing:0;color:var(--field-muted);margin-top:clamp(14px,1.6vw,20px);font-weight:400;line-height:1.5}.relay-stage{display:none}@media (prefers-reduced-motion:no-preference){.relay.anim{display:grid}.relay.anim>*{grid-area:1/1}.relay.anim .relay-rest{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.relay.anim .relay-stage{flex-direction:column;justify-content:center;display:flex}.relay.anim:not(.play) .relay-stage{visibility:hidden}.relay .r-low{align-items:start;display:grid}.relay .r-low>p{grid-area:1/1}.relay .w{display:inline-block}.relay .slot{vertical-align:top;height:1.2em;width:var(--w1,auto);overflow:visible clip}.relay .roll{flex-direction:column;align-items:center;gap:.4em;display:flex}.relay .roll>span{white-space:nowrap;height:1.2em}.relay .ba{--b:0s;--st:30ms}.relay .bb{--b:1.3s;--st:25ms}.relay .bs{--b:4.3s;--st:15ms}.relay.play .w{animation:.3s cubic-bezier(.2,.9,.2,1) both snap;animation-delay:calc(var(--b) + var(--i) * var(--st))}.relay.play .slot{animation:snap .3s cubic-bezier(.2,.9,.2,1) calc(var(--b) + 2 * var(--st)) both,slot-w .2s cubic-bezier(.2,.9,.2,1) 3.45s forwards}.relay.play .roll{animation:.35s cubic-bezier(.2,.9,.2,1) 3.5s forwards roll}.relay.play .bb{animation:.25s ease-in 4.1s forwards beat-out}}@keyframes snap{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}}@keyframes beat-out{to{opacity:0;filter:blur(4px);transform:translateY(-10px)}}@keyframes roll{to{transform:translateY(-1.6em)}}@keyframes slot-w{to{width:var(--w2,auto)}}.how{margin-top:var(--gap-section)}.how h2,.tools h2,.rules h2,.faq h2{font-size:var(--s-head);line-height:1.12}.how .intro{max-width:34em;color:var(--muted);margin-top:16px}.scenes{margin-top:16px}.steps{margin:0;padding:0;list-style:none}.steps .scene{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(16px,2vw,32px);margin-top:clamp(56px,7vw,88px);display:grid}.step-txt{grid-column:1/span 5}.steps .say{font-size:var(--s-lead);letter-spacing:-.018em;color:var(--ink);font-weight:500;line-height:1.25}.steps .say:before{content:"";background:var(--accent);vertical-align:.12em;width:10px;height:10px;margin-right:12px;display:inline-block}.steps .more{color:var(--muted);margin-top:12px}.stage{background:var(--paper);color:var(--paper-ink);border-radius:2px;grid-column:7/span 6;margin:0;padding:20px}.stage .cap{font-size:var(--s-small);color:var(--paper-muted);justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.stage .cap .who{color:var(--paper-ink);font-weight:600}.stage pre{white-space:pre;margin:0;line-height:1.6;overflow-x:auto}pre .k{color:var(--code-k)}pre .s{color:var(--code-s)}pre .c{color:var(--paper-muted)}pre .e{color:var(--err)}pre .ok{color:var(--ok)}@media (prefers-reduced-motion:no-preference){.scene>*{transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.scene>:nth-child(2){transition-delay:80ms}.scene.hid>*{opacity:0;transform:translateY(10px)}}.tools{margin-top:var(--gap-section);background:var(--field);color:var(--field-ink);padding:clamp(72px,9vw,120px) 0}.tools-in{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);display:grid}.tools-head{grid-column:1/span 4}.tools .lede{color:var(--field-muted);max-width:28em;margin-top:14px}.tool-table{border-collapse:collapse;width:100%;font-size:var(--s-body);grid-column:5/span 8}.tool-table thead th{text-align:left;font-size:var(--s-small);color:var(--field-muted);padding:0 16px 10px 0;font-weight:500}.tool-table .grp th{text-align:left;font-weight:600;font-size:var(--s-small);color:var(--field-ink);background:var(--field-2);padding:8px 12px}.tool-table tbody+tbody .grp th{border-top:24px solid var(--field)}.tool-table th[scope=row],.tool-table td{vertical-align:top;text-align:left;padding:14px 16px 14px 0;line-height:1.45}.tool-table th[scope=row]{width:15em;padding-left:12px;font-weight:400}.tool-table th[scope=row] code{color:var(--field-ink);overflow-wrap:anywhere;font-size:.875rem}.tool-table td.by{white-space:nowrap;color:var(--field-muted);font-size:var(--s-small);padding-top:16px}.tool-table tr+tr:not(.grp)>*{box-shadow:inset 0 1px 0 var(--field-2)}@media (max-width:1100px){.tools-head,.tool-table{grid-column:1/-1}.tool-table{margin-top:36px}}@media (max-width:640px){.tool-table,.tool-table tbody,.tool-table tr,.tool-table th,.tool-table td{width:auto;display:block}.tool-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool-table tr:not(.grp){padding:14px 12px}.tool-table th[scope=row],.tool-table td{padding:0}.tool-table td.by{white-space:normal;padding:4px 0 6px}.tool-table tr+tr:not(.grp)>*{box-shadow:none}.tool-table tr+tr:not(.grp){box-shadow:inset 0 1px 0 var(--field-2)}}.rules{margin-top:var(--gap-section)}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:48px;display:grid}.cell{background:var(--surface);border-radius:2px;flex-direction:column;justify-content:flex-start;display:flex;overflow:hidden}.cell:nth-child(2),.cell:nth-child(4),.cell:nth-child(6){background:#22332a}.cell:first-child,.cell:nth-child(5){grid-column:span 4}.cell:nth-child(2),.cell:nth-child(4){grid-column:span 3}.cell:nth-child(3),.cell:nth-child(6){grid-column:span 5}.cell .txt{padding:24px}.cell h3{font-size:var(--s-body);letter-spacing:-.01em;font-weight:600;line-height:1.3}.cell .txt p{color:var(--muted);margin-top:10px;line-height:1.5}.cell .txt p .ic{color:var(--ink)}.cell.flip .frag{order:-1;margin:24px 24px 0}.frag{background:var(--paper);color:var(--paper-ink);font-size:var(--s-small);border-radius:2px;margin:0 24px 24px;padding:14px 16px}.frag pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.frag.term{background:var(--term-bg);color:var(--term-ink)}.frag.term .c{color:var(--term-muted)}.frag ul{margin:0;padding:0;list-style:none}.frag li{border-radius:2px;justify-content:space-between;gap:12px;padding:8px 6px;display:flex}.frag li.sel{background:var(--paper-2)}.frag .dim{color:var(--paper-muted)}.frag .res{margin-top:8px;padding:0 6px}.st{justify-items:end;display:inline-grid;position:relative}.st span{white-space:nowrap;grid-area:1/1;align-items:center;gap:7px;transition:opacity .4s;display:inline-flex}.st span:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.s-done{color:var(--ok)}.s-open{color:var(--paper-ink)}.s-info{color:var(--info)}.s-failed{color:var(--err)}.st .later,.st.flip .now{opacity:0}.st.flip .later{opacity:1}@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .cell{grid-column:auto!important}.grid .cell:nth-child(3),.grid .cell:nth-child(6){grid-column:1/-1!important}}@media (max-width:640px){.grid{grid-template-columns:1fr;gap:6px}.cell{min-height:0}.cell .frag,.cell.flip .frag{border-radius:2px 0 0;order:0;margin:0 0 0 24px}}.faq{margin-top:var(--gap-section)}.faq-wrap{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);display:grid}.faq-list{grid-column:1/span 5}.faq h2{margin-bottom:28px}.faq details{margin:0}.faq summary{cursor:pointer;font-size:var(--s-body);color:var(--muted);align-items:baseline;gap:14px;padding:9px 0;line-height:1.4;list-style:none;transition:color .15s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"";background:var(--surface-2);flex:0 0 8px;height:8px;transition:background-color .15s;transform:translateY(-2px)}.faq details[open] summary,.faq details.sel summary{color:var(--ink)}@media (hover:hover) and (pointer:fine){.faq summary:hover{color:var(--ink)}}.faq details[open] summary:before,.faq details.sel summary:before{background:var(--accent)}.faq .ans{max-width:34em;color:var(--ink);padding:2px 0 14px 22px}.pane{margin-top:calc(var(--s-head) * 1.12 + 28px);letter-spacing:-.015em;grid-column:7/span 6;align-self:start;max-width:30ch;min-height:12em;font-size:clamp(1.25rem,1rem + .8vw,1.625rem);line-height:1.35;transition:opacity .15s,filter .15s;position:sticky;top:120px}.pane .link,.faq .ans .link{color:var(--ink)}.pane.fade{opacity:0;filter:blur(2px)}.pane[hidden]{display:none}@media (min-width:900px){.js .faq .ans{display:none}}@media (max-width:899px){.faq-list{grid-column:1/-1}.pane{display:none}}.close{margin-top:var(--gap-section);background:var(--close-bg);color:var(--close-ink);padding:clamp(72px,10vw,140px) var(--m)}.close p.say{letter-spacing:-.02em;max-width:36ch;font-size:clamp(1.375rem,1.1rem + 1vw,2.125rem);font-weight:500;line-height:1.3}.close .signup{margin-top:28px}.close .signup label,.close .form-msg{color:var(--close-ink)}@media (max-width:640px){.stage{padding:14px}.stage pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem}.steps .say{font-size:1.375rem}.slip{padding:14px 14px 16px}.slip-tear{margin-left:-14px;margin-right:-14px}.slip-task .w{flex-direction:column;gap:0}.slip-task .w dt{flex-basis:auto}}@media (max-width:899px){.steps .scene{grid-template-columns:1fr;row-gap:20px}.step-txt,.stage{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.hero-stage .slip{animation:settle .42s var(--ease-out) both}.verdict pre,.verdict .pass{animation:print .22s var(--ease-out)}.verdict .stamp{animation:stamp .26s var(--ease-out) 80ms backwards}.slip[data-state=bad] .verdict pre{animation:print .22s var(--ease-out),nudge .18s var(--ease-out) 40ms}}@media (prefers-reduced-motion:reduce){.verdict pre,.verdict .pass{animation:.16s fade}.st span,.pane,.btn,.btn-ink{transition-property:opacity,color,background-color}}@keyframes settle{0%{transform:translateY(10px)}}@keyframes print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes stamp{0%{opacity:.4;transform:rotate(-2deg)scale(.96)}}@keyframes nudge{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes fade{0%{opacity:.4}}.foot .foot-legal{gap:20px;margin-top:4px;display:flex}
.lp{--m-edge:clamp(20px,3.2vw,48px);--m:max(var(--m-edge),calc((100vw - 1080px) / 2))}.lp .hero-stage{margin-right:calc(var(--m-edge) * -1)}@media (max-width:899px){.lp .hero-stage{margin:36px calc(var(--m-edge) * -1) 0}}.lp .tools-head,.lp .tool-table{grid-column:1/-1}.lp .tool-table{margin-top:36px}