@font-face{font-family:Archivo;src:url(/fonts/archivo-var.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f5f3ed;--sheet:#fdfcfb;--ink:#1d1c1a;--ink-2:#5d5a54;--ink-3:#6f6b64;--form:#e8735c;--form-ink:#b13f28;--form-line:#f1b8aa;--hair:#e2ded4;--ease:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--gutter:clamp(16px, 4vw, 40px);--mono:ui-monospace, "SF Mono", Menlo, "DejaVu Sans Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--sheet:lab(99.0825% -.00655651 .761855)}}@media (prefers-color-scheme:dark){:root{--paper:#0a0908;--sheet:#110f0e;--ink:#edebe6;--ink-2:#a5a29b;--ink-3:#8a867f;--form:#f08a73;--form-ink:#f49c86;--form-line:#3a2c27;--hair:#292725}@supports (color:lab(0% 0 0)){:root{--sheet:lab(4.43879% .322409 .939208)}}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:72px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:400 17px/1.5 Archivo,ui-sans-serif,system-ui,sans-serif;overflow-x:clip}::selection{background:var(--form-line);color:var(--ink)}a{color:inherit}img,svg,iframe{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}code{font:500 .88em/1 var(--mono);border:1px solid var(--form-line);white-space:nowrap;border-radius:4px;padding:2px 6px}:focus-visible{outline:2px solid var(--form);outline-offset:3px}.wrap{max-width:1240px;padding-inline:var(--gutter);margin-inline:auto}h1,h2{letter-spacing:-.03em;text-wrap:balance;font-weight:680;font-stretch:112%;line-height:1.04}h2{font-size:clamp(28px,3.4vw,42px)}.nav{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.top{z-index:5;background:var(--paper);border-bottom:1.5px solid var(--form);position:sticky;top:0}.results,.dash,.own,.foot{border-image:conic-gradient(var(--form) 0 0) 1 / 1.5px 0 0 / 0 100vw}.nav-word{opacity:0;visibility:hidden;transition:opacity .2s ease, transform .3s var(--ease), visibility 0s .3s;transform:translateY(4px)}.top.named .nav-word{opacity:1;visibility:visible;transition:opacity .2s ease, transform .3s var(--ease);transform:none}.nav-word svg{width:auto;height:24px}.nav nav{gap:28px;font-size:15px;display:flex}.nav nav a{color:var(--ink-2);text-decoration:none;transition:color .15s;position:relative}.nav nav a:after{content:"";background:var(--form);transform-origin:0;height:1.5px;transition:transform .25s var(--ease);position:absolute;inset:auto 0 -4px;transform:scaleX(0)}.nav nav a[aria-current]{color:var(--ink)}.nav nav a[aria-current]:after{transform:none}@media (hover:hover){.nav nav a:hover{color:var(--ink)}.nav nav a:hover:after{transform:none}}.hero{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:start;gap:clamp(40px,6vw,88px);padding-block:clamp(48px,7vw,88px) clamp(72px,9vw,120px);display:grid}.hero-word svg{width:100%;max-width:600px;height:auto;margin-bottom:clamp(28px,4vw,44px);margin-left:-.6%}.live-word .ring{stroke:var(--form);stroke-width:2.4px;animation:.2s 1.05s both fade-out}.live-word .scribble{stroke-dasharray:1;stroke-dashoffset:1px;animation:scribble .72s var(--ease-in-out) .35s both}.live-word .fill{animation:.22s .98s both fade-in}@keyframes scribble{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.hero h1{max-width:16ch;font-size:clamp(30px,3.9vw,48px)}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34ch;margin-top:18px;font-size:clamp(17px,1.6vw,20px);line-height:1.45}.ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.facts{color:var(--ink-3);text-wrap:pretty;margin-top:28px;font-size:14px}.btn{height:48px;transition:transform .16s var(--ease), background-color .15s ease;border-radius:10px;align-items:center;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn.solid{background:var(--ink);color:var(--paper)}.btn.line{box-shadow:inset 0 0 0 1.5px var(--ink)}@media (hover:hover){.btn.solid:hover{background:color-mix(in oklch, var(--ink) 86%, var(--paper))}.btn.line:hover{background:var(--hair)}}.sheet-slot{min-height:560px;margin-top:12px}.sheet{background:var(--sheet);border:1.5px solid var(--form);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.sheet-bar{border-bottom:1.5px solid var(--form);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:grid}.sheet-note{color:var(--form-ink);white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s ease, transform .3s var(--ease);grid-area:1/1;font-size:13px;font-weight:600;font-stretch:108%;overflow:hidden}a.sheet-note{text-decoration:none}.sheet-note.done,.sheet[data-done=true] .sheet-note.ask{opacity:0;visibility:hidden;transition:opacity .2s ease, transform .3s var(--ease), visibility 0s .3s;transform:translateY(6px)}.sheet[data-done=true] .sheet-note.done{opacity:1;visibility:visible;transition:opacity .2s ease, transform .3s var(--ease);transform:none}.zoom{border:1.5px solid var(--form);height:30px;color:var(--form-ink);transition:background-color .15s ease, color .15s ease, transform .16s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.zoom:active{transform:scale(.96)}@media (hover:hover){.zoom:hover{background:var(--form-ink);border-color:var(--form-ink);color:var(--sheet)}}.zoom svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:10px;height:10px;transition:transform .3s var(--ease)}.zoom-out{display:none}.sheet-body{flex:1;grid-template-columns:26px minmax(0,1fr);min-height:0;display:grid}.timing{border-right:1.5px solid var(--form-line);flex-direction:column;justify-content:space-between;align-items:center;gap:18px;padding-block:16px;display:flex;overflow:hidden}.timing i{background:var(--form);width:11px;height:5px;transition:background-color .18s ease calc(var(--i) * 12ms);flex:none}.timing i.on{background:var(--ink)}.frame{min-height:0;padding:28px clamp(20px,3vw,36px) 32px;position:relative;overflow:auto}.frame iframe{color-scheme:normal;width:100%;height:480px;transition:height .25s var(--ease), opacity .3s ease;border:0}.printed{pointer-events:none;flex-direction:column;gap:14px;transition:opacity .3s;display:flex;position:absolute;inset:28px clamp(20px,3vw,36px) auto}.printed i{background:var(--form-line);border-radius:3px;height:10px;display:block}.printed .w10{width:10%}.printed .w12{width:18%;margin-left:auto}.printed .w15{width:15%}.printed .w20{width:20%}.printed .w30{width:32%}.printed .w50{width:50%}.printed .w60{width:60%}.printed .tall{height:18px;margin-block:26px 10px}.printed .row{margin-top:26px;display:flex}.printed .rule{border-radius:0;height:1px}.printed .opt{border:1px solid var(--form-line);border-radius:8px;align-items:center;gap:12px;height:48px;padding-inline:16px;display:flex}.printed .opt b{border:1.5px solid var(--form-line);border-radius:50%;width:20px;height:20px}.printed .opt i{height:9px}[data-state=loading] iframe,[data-state=ready] .printed{opacity:0}.sheet.zoomed{z-index:10;border-width:0;border-radius:0;position:fixed;inset:0}.sheet.zoomed .frame{justify-content:center;padding-top:clamp(32px,9vh,120px);display:flex}.sheet.zoomed iframe{max-width:520px;min-height:100%;height:100%!important}.sheet.zoomed .zoom-in{display:none}.sheet.zoomed .zoom-out{display:inline}.sheet.zoomed .zoom svg{transform:rotate(180deg)}body.locked{overflow:hidden}.results{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);padding-block:clamp(72px,9vw,128px);display:grid}.results-copy,.dash-copy{align-self:start;position:sticky;top:104px}.results-copy p,.dash-copy p,.own-head p{color:var(--ink-2);text-wrap:pretty;max-width:34ch;margin-top:16px;font-size:18px}.arrow-link{border-bottom:1.5px solid var(--form);gap:6px;margin-top:28px;padding-bottom:2px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.arrow-link span{transition:transform .25s var(--ease)}@media (hover:hover){.arrow-link:hover{color:var(--form-ink)}.arrow-link:hover span{transform:translate(2px,-2px)}}.window{border:1.5px solid var(--form);background:var(--sheet);border-radius:6px;overflow:hidden}.window-bar{border-bottom:1.5px solid var(--form);height:44px;color:var(--ink-3);align-items:center;gap:14px;padding:0 18px;font-size:13px;display:flex}.url{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.try,.live{white-space:nowrap;color:var(--form-ink);margin-left:auto;font-weight:600}.live{align-items:center;gap:7px;display:inline-flex}.live i{background:var(--form);border-radius:50%;width:7px;height:7px}.live.pulse i{animation:pulse .9s var(--ease)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--form);background:var(--ink)}to{box-shadow:0 0 0 9px #0000}}.window-body{padding:clamp(20px,3vw,40px) clamp(20px,4vw,48px)}.window iframe{color-scheme:normal;width:100%;height:800px;transition:height .25s var(--ease), opacity .3s ease;border:0}.shown figcaption{color:var(--ink-3);margin-top:14px;font-size:14px}.dash{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"window copy";gap:clamp(40px,6vw,96px);padding-block:clamp(72px,9vw,128px);display:grid}.dash-copy{grid-area:copy}.app-window{grid-area:window}.app-window iframe{height:860px}.own{padding-block:clamp(72px,9vw,128px)}.own-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px clamp(40px,6vw,96px);margin-bottom:clamp(40px,5vw,64px);display:grid}.own h2{max-width:14ch;font-size:clamp(34px,4.8vw,60px);line-height:1}.own-head p{margin:0}.steps{list-style:none}.steps>li{border-bottom:1px solid var(--form-line);grid-template-columns:52px minmax(0,1fr);align-items:start;gap:16px;padding:26px 0 30px;display:grid}.steps>li:last-child{border-bottom:0;padding-bottom:0}@media (min-width:1100px){.step{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,4vw,64px);display:grid}.step .term{grid-area:1/2/3/3;margin-top:0}}.num{background:var(--ink);width:40px;height:29px;color:var(--paper);border-radius:50%;place-items:center;font-size:15px;font-weight:700;font-stretch:115%;display:grid}.step h3{letter-spacing:-.015em;font-size:19px;font-weight:640;font-stretch:108%;line-height:29px}.step>p{color:var(--ink-2);text-wrap:pretty;max-width:46ch;margin-top:6px}.step>p a{-webkit-text-decoration-color:var(--form);text-decoration-color:var(--form);text-underline-offset:3px}.term{border:1.5px solid var(--form);background:var(--sheet);font:400 13px/1.65 var(--mono);color:var(--ink);scrollbar-width:thin;border-radius:6px;margin-top:16px;padding:14px 0 16px;overflow-x:auto}.cmd,.out{width:max-content;min-width:100%}.cmd{align-items:center;gap:12px;min-height:30px;padding-inline:18px 10px;display:flex}.cmd>span{white-space:pre;flex:1}.cmd>span:before{content:"$ ";color:var(--form-ink);-webkit-user-select:none;user-select:none}.copy{background:var(--sheet);height:26px;color:color-mix(in oklch, var(--form-ink) 62%, var(--sheet));transition:color .15s ease, background-color .15s ease, transform .16s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 9px;font:600 108% 12px/1 Archivo,sans-serif;display:inline-flex;position:sticky;right:10px}.copy:active{transform:scale(.95)}.copy b{width:9px;height:7px;transition:background-color .18s var(--ease);border:1.25px solid;border-radius:50%}.copy.copied b{background:currentColor}.cmd:hover .copy,.copy:focus-visible,.copy.copied{color:var(--form-ink)}@media (hover:hover){.copy:hover{background:color-mix(in oklch, var(--form) 14%, var(--sheet))}}.out{font:inherit;color:var(--ink-2);white-space:pre;margin-top:8px;padding-inline:18px}.out .bar{vertical-align:-1px;width:calc((var(--on) + var(--off)) * 1ch);color:#0000;background:linear-gradient(90deg, var(--ink) calc(var(--on) * 1ch), var(--form-line) calc(var(--on) * 1ch));border-radius:1px;height:.82em;display:inline-block;overflow:hidden}.foot{color:var(--ink-2);justify-content:space-between;align-items:center;gap:24px;padding-block:40px 56px;font-size:15px;display:flex}.foot-word{color:var(--ink)}.foot-word svg{width:auto;height:20px}.foot a:not(.foot-word){-webkit-text-decoration-color:var(--form);text-decoration-color:var(--form);text-underline-offset:3px}@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,480px)}}@media (max-width:900px){.hero,.results,.own{grid-template-columns:minmax(0,1fr)}.dash{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""window"}.hero-word svg{max-width:520px}.sheet-slot{min-height:0}.results-copy,.dash-copy{position:static}.sheet-slot{margin-top:0}.own-head{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.nav nav a:not(:last-child){display:none}.nav-word svg{height:21px}.app-window .url{display:none}.hero{gap:32px;padding-top:28px}.hero-word svg{max-width:280px;margin-bottom:22px}.ctas{margin-top:24px}.sheet-note{font-size:12px}.steps>li{grid-template-columns:minmax(0,1fr);gap:12px}.term{font-size:12px}.foot{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.note-lead{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}}
