:root{--pop-dur:.5s;--pop-d:8px;--pop-blur:2px;--pop-stagger:70ms;--pop-ease:cubic-bezier(.34, 1.45, .64, 1);--swap-dur:.15s;--swap-d:4px;--swap-blur:2px}.ch{white-space:pre;display:inline-block}.pop .ch{animation:pop-in var(--pop-dur) var(--pop-ease) both;animation-delay:calc(var(--i) * var(--pop-stagger))}@keyframes pop-in{0%{transform:translateY(var(--pop-d));filter:blur(var(--pop-blur));opacity:0}to{filter:none;opacity:1;transform:none}}@keyframes rise{0%{filter:blur(2px);opacity:0;transform:translateY(6px)}to{filter:none;opacity:1;transform:none}}.tsw{transition:transform var(--swap-dur) ease-in-out, filter var(--swap-dur) ease-in-out, opacity var(--swap-dur) ease-in-out;display:inline-block}.tsw.is-exit{transform:translateY(calc(var(--swap-d) * -1));filter:blur(var(--swap-blur));opacity:0}.tsw.is-enter-start{transform:translateY(var(--swap-d));filter:blur(var(--swap-blur));opacity:0;transition:none}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-block:clamp(16px,3vw,32px) clamp(28px,5vw,52px);display:flex}h1{flex-direction:column;align-items:center;gap:4px;margin:0;font-weight:600;display:flex}.wm{letter-spacing:-.055em;white-space:nowrap;height:1.12em;font-size:clamp(84px,18vw,164px);font-weight:700;line-height:1.12;display:block}.wm .word{display:inline-block}@font-face{font-family:W Bodoni;src:url(/fonts/bodoni-moda-bold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:W Bodoni;src:url(/fonts/bodoni-moda-italic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:W Abril;src:url(/fonts/abril-fatface.woff2)format("woff2");font-display:swap}@font-face{font-family:W Vibes;src:url(/fonts/great-vibes.woff2)format("woff2");font-display:swap}@font-face{font-family:W Deco;src:url(/fonts/poiret-one.woff2)format("woff2");font-display:swap}@font-face{font-family:W Pixel;src:url(/fonts/silkscreen.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:W Fraktur;src:url(/fonts/unifrakturmaguntia.woff2)format("woff2");font-display:swap}.wm{--pop-d:.3em;--pop-blur:.07em}.w-thin{letter-spacing:-.04em;font-weight:100}.w-gold{letter-spacing:-.02em;font-family:W Bodoni,Didot,serif;font-size:.96em;font-style:italic;font-weight:500}.w-baroque{text-transform:uppercase;letter-spacing:.02em;font-family:W Abril,Didot,serif;font-size:.84em;font-weight:400}.w-baroque .ch{color:#0000;-webkit-text-stroke:.007em #c9a24a;-webkit-background-clip:text;background-clip:text;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fbeeb0'/%3E%3Cstop offset='.45' stop-color='%23d4af37'/%3E%3Cstop offset='1' stop-color='%237a5a18'/%3E%3C/linearGradient%3E %3Cg id='q' fill='none' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'%3E %3Cpath d='M50 41C44 31 44 22 50 14C56 22 56 31 50 41Z' fill='url(%23g)' fill-opacity='.4'/%3E %3Cpath d='M59 50C70 50 79 43 77 34C75 27 66 27 66 34C66 38 70 40 72 37'/%3E %3Cpath d='M50 14C50 8 45 5 41 7'/%3E%3C/g%3E%3C/defs%3E %3Crect width='100' height='100' fill='%230a0a0a'/%3E %3Cuse href='%23q'/%3E%3Cuse href='%23q' transform='rotate(90 50 50)'/%3E%3Cuse href='%23q' transform='rotate(180 50 50)'/%3E%3Cuse href='%23q' transform='rotate(270 50 50)'/%3E %3Ccircle cx='50' cy='50' r='7' fill='none' stroke='url(%23g)' stroke-width='2.6'/%3E%3Ccircle cx='50' cy='50' r='2.6' fill='url(%23g)'/%3E %3Cg fill='none' stroke='url(%23g)' stroke-width='2.6'%3E%3Ccircle r='9'/%3E%3Ccircle cx='100' r='9'/%3E%3Ccircle cy='100' r='9'/%3E%3Ccircle cx='100' cy='100' r='9'/%3E%3C/g%3E%3C/svg%3E") 0 0/.34em .34em;-webkit-background-clip:text;background-clip:text}.w-script{letter-spacing:0;font-family:W Vibes,cursive;font-size:.8em;font-weight:400}.w-leopard{text-transform:uppercase;letter-spacing:.01em;font-family:W Bodoni,Didot,serif;font-size:.84em;font-weight:800}.w-leopard .ch{color:#0000;-webkit-text-stroke:.005em #111;background-color:#d9d6d0;background-image:radial-gradient(circle,#8f8c86 0 22%,#111 23% 40%,#0000 41%),radial-gradient(circle,#8f8c86 0 18%,#111 19% 36%,#0000 37%),radial-gradient(circle,#111 0 24%,#0000 25%);background-position:0 0,.18em .14em,.08em .21em;background-size:.3em .26em,.4em .34em,.17em .15em;-webkit-background-clip:text;background-clip:text}.w-deco{text-transform:uppercase;letter-spacing:.14em;font-family:W Deco,sans-serif;font-size:.72em;font-weight:400}.w-pixel{letter-spacing:0;font-family:W Pixel,ui-monospace,monospace;font-size:.72em;font-weight:700}.w-gothic{letter-spacing:0;font-family:W Fraktur,serif;font-size:1em;font-weight:400}.w-pinstripe{letter-spacing:.01em;font-family:W Abril,Didot,serif;font-size:.92em;font-weight:400}.w-pinstripe .ch{color:#0000;background-image:repeating-linear-gradient(90deg,#141414 0 .06em,#bdbdbd .06em .068em);-webkit-background-clip:text;background-clip:text}.w-cutout{letter-spacing:0;font-size:.7em}.w-cutout .ch{color:#111;filter:drop-shadow(.02em .03em .015em #00000047);clip-path:polygon(0 6%,9% 0,22% 5%,37% 1%,52% 6%,68% 0,83% 4%,100% 2%,97% 20%,100% 38%,96% 55%,100% 72%,97% 88%,100% 100%,84% 96%,66% 100%,49% 95%,33% 100%,17% 96%,0 100%,3% 82%,0 64%,4% 46%,0 28%);background-color:#efede7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E %3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 -.06'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,#0000 0 .055em,#00000012 .055em .07em);background-size:1.2em 1.2em,100% 100%;margin-inline:.015em;padding:.06em .12em .1em;line-height:1}.w-cutout .ch:first-child{font-family:W Abril,Didot,serif;rotate:-6deg}.w-cutout .ch:nth-child(2){font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;rotate:4deg}.w-cutout .ch:nth-child(3){color:#efede7;background-color:#111;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:800;rotate:-3deg}.w-cutout .ch:nth-child(4){text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-weight:700;rotate:5deg}.w-cutout .ch:nth-child(5){font-family:W Bodoni,Didot,serif;font-weight:800;rotate:-4deg}.w-outline{text-transform:uppercase;letter-spacing:.12em;color:#0000;-webkit-text-stroke:max(1.5px, .012em) var(--text);font-family:W Bodoni,Didot,serif;font-size:.6em;font-weight:800}.tagline{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,4.6vw,48px);line-height:1.08;display:block}.lede{max-width:34ch;color:var(--muted);text-wrap:balance;margin:4px 0 0;font-size:clamp(18px,2.1vw,21px);line-height:1.4}.ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:12px;display:flex}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font:600 12px/1.3 ui-monospace,SF Mono,Menlo,monospace}h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(32px,5vw,50px);font-weight:600;line-height:1.08}.sub{max-width:46ch;color:var(--muted);text-wrap:pretty;margin:14px 0 0;font-size:clamp(17px,2vw,19px)}h3{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:600;line-height:1.2}section.band{border-top:1px solid var(--hair);padding-block:clamp(52px,8vw,84px)}.head{margin-bottom:clamp(28px,5vw,44px)}.possible{border-top:1px solid var(--hair);padding-block:clamp(40px,6.5vw,64px) clamp(44px,7vw,76px)}.tabs{border-block:1px solid var(--hair);grid-template-columns:repeat(7,1fr);display:grid}.tab{border:0;border-right:1px solid var(--hair);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:2px;padding:14px 16px 16px;transition:background-color .25s;display:flex;position:relative}.tab:last-child{border-right:0}.tab .no{color:var(--muted);font:500 11px/1.4 ui-monospace,SF Mono,Menlo,monospace}.tab b{letter-spacing:-.02em;font-size:17px;font-weight:600}.tab small{color:var(--muted);font-size:13px}.tab[aria-selected=true]{background:var(--panel)}.tab .prog{background:var(--link);width:0;height:2px;position:absolute;bottom:-1px;left:0}.stage{background:var(--panel);padding:clamp(20px,4vw,40px) clamp(12px,4vw,48px) clamp(24px,4vw,44px)}.scene+.scene{margin-top:40px}.js .scene+.scene{margin-top:0}.js .scene.enter{animation:rise .42s var(--spring) both}.cap{text-align:center;max-width:56ch;margin:0 auto 20px}.cap h3{font-size:clamp(19px,2.4vw,23px)}.cap p{color:var(--muted);text-wrap:pretty;margin:6px 0 0;font-size:15.5px}.live-frame{aspect-ratio:16/9;background:var(--bg);border-bottom:1px solid var(--hair);position:relative;overflow:hidden}.live-frame iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:1600px;height:900px;position:absolute;top:0;left:0}.win{background:var(--bg);text-align:left;max-width:860px;box-shadow:0 0 0 1px var(--hair), 0 30px 60px -36px #00000059;border-radius:14px;margin:0 auto;font-size:13px;line-height:1.4;position:relative;overflow:hidden}.chrome{border-bottom:1px solid var(--hair);background:var(--bg);align-items:center;gap:12px;padding:10px 14px;display:flex}.dots{gap:7px;display:flex}.dots i{background:var(--hair);border-radius:50%;width:11px;height:11px;display:block}.url{min-width:0;max-width:360px;color:var(--muted);background:var(--panel);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;margin-inline:auto;padding:5px 11px;font-size:12px;overflow:hidden}.chrome img{border-radius:5px;width:18px;height:18px}.body{height:320px;position:relative;overflow:hidden}.ln{background:var(--hair);border-radius:4px;height:7px;margin:7px 0;display:block}.ask{border-top:1px solid var(--hair);align-items:center;gap:10px;min-height:52px;padding:10px 14px;font-size:13.5px;display:flex}.ask>*{align-items:center;gap:10px;margin:0;display:none}.ask img{border-radius:7px;flex:none;width:24px;height:24px}.req{flex:1}.typed:empty:before{content:"Pin anything and say what should change…";color:var(--muted)}.asking .typed:after{content:"";vertical-align:-.2em;background:var(--link);width:1.5px;height:1.1em;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{visibility:hidden}}.pre .req,.asking .req{display:flex}.building .req{display:none}.building .bld{color:var(--muted);display:flex}.live .done{flex:1;display:flex}.done span{flex:1}.toggle{background:#1f8a4c;border-radius:980px;flex:none;width:34px;height:20px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:16px}.typing i{background:var(--muted);border-radius:50%;width:5px;height:5px;margin:0 1.5px;animation:.9s infinite blink;display:inline-block}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{transform:scale(.5)}}.pin{z-index:2;background:var(--yellow);color:#1d1d1f;width:24px;height:24px;animation:pop-in .48s var(--spring) both;border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:none;position:absolute;box-shadow:0 0 0 1.5px #1d1d1f,0 4px 10px #0000002e}.ask .pin{flex:none;animation:none;display:inline-grid;position:static}.asking .body .pin,.building .body .pin{display:grid}.pre .fx{display:none}.live .fxa{animation:pop-in .52s var(--spring) both}.logo{object-fit:contain;vertical-align:-3px;flex:none;width:16px;height:16px;display:inline-block}.tab small{align-items:center;gap:6px;display:inline-flex}.url{justify-content:center;align-items:center;gap:7px;display:inline-flex}.url .logo{width:13px;height:13px}.body{flex-direction:column;display:flex}.body>:not(.pin):not(.appbar){flex:1;min-height:0}.appbar{border-bottom:1px solid var(--hair);letter-spacing:-.01em;height:36px;box-shadow:inset 0 2px 0 var(--brand,var(--text));flex:none;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.appbar .logo{width:18px;height:18px}.appbar small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}@media (prefers-color-scheme:dark){.logo.mono{filter:invert()}}.more{text-align:center;color:var(--muted);margin:26px 0 0}.steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:36px;margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:8px;display:flex}.steps .n{letter-spacing:-.05em;color:var(--muted);transform-origin:0 100%;font-size:48px;font-weight:700;line-height:1;display:inline-block}.steps .n+span{color:var(--muted);font-size:14px;font-weight:600}.faq p{color:var(--muted);margin:0;font-size:16.5px}.armed .pp{transition:transform .7s var(--spring);transition-delay:calc(var(--i) * 90ms);transform:translateY(.3em)scale(.5)}.armed.in .pp{transform:none}.point{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.apps{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.apps li{box-shadow:0 0 0 1px var(--hair);border-radius:980px;align-items:center;gap:8px;padding:8px 15px;font-size:15px;font-weight:500;display:inline-block;display:inline-flex!important}.apps li.you{box-shadow:0 0 0 1.5px var(--text)}.app-groups{gap:10px;display:grid}.group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;font:600 12px/1.3 ui-monospace,SF Mono,Menlo,monospace}.group-label:first-child{margin-top:0}.flow{aspect-ratio:500/320;width:100%;max-width:520px;margin-inline:auto;position:relative;container-type:inline-size}.flow svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow .w{fill:none;stroke:var(--hair);stroke-width:1.5px;stroke-linecap:round}.flow .out{fill:var(--text)}.flow .in{fill:var(--link)}.flow .nd{background:var(--bg);height:15%;box-shadow:0 0 0 1px var(--hair), 0 1px 2px #0000000a;letter-spacing:-.01em;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:.5em;padding:0 .7em;font-size:clamp(11px,2.9cqw,14.5px);font-weight:500;display:flex;position:absolute;transform:translate(-50%,-50%)}.flow .nd svg{fill:none;width:1.3em;height:1.3em;stroke:var(--muted);stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;flex:none;position:static}.flow .app{width:36%;top:12.5%;left:50%}.flow .skin{width:40%;height:19%;box-shadow:0 0 0 1.5px var(--text);font-weight:600;animation:2.6s ease-in-out infinite flow-glow;top:50%;left:50%}.flow .skin img{border-radius:6px;width:1.6em;height:1.6em}.flow .to{width:28%;top:87.5%}.flow .to.a{left:17%}.flow .to.b{left:50%}.flow .to.c{left:83%}@keyframes flow-glow{0%,to{box-shadow:0 0 0 1.5px var(--text), 0 0 0 0 #f3ff7c00}50%{box-shadow:0 0 0 1.5px var(--text), 0 0 0 9px #f3ff7c99}}@media (prefers-reduced-motion:reduce){.flow .dot{display:none}.flow .skin{animation:none}}.faq{flex-direction:column;display:flex}.faq-point{align-items:start}.faq details{border-bottom:1px solid var(--hair);padding-block:18px}.faq details:first-child{border-top:1px solid var(--hair)}.faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;gap:16px;font-size:19px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{margin-top:10px}.closing{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.closing .sub{margin:0}.tab{justify-content:center;align-items:center;min-height:76px;padding:16px 8px}.tab .no,.tab b{display:none}.tab small{align-items:center;gap:0;font-size:0;display:inline-flex}.tab small .logo{width:30px;height:30px}.tab small:has(.logo+.logo) .logo{width:36px;height:36px;box-shadow:0 0 0 2px var(--bg), 0 1px 3px #00000024;background:#fff;border-radius:10px;padding:5px}.tab small:has(.logo+.logo) .logo+.logo{margin-left:-5px}.hsteps .tab .no,.hsteps .tab b{display:block}.hsteps .tab{justify-content:flex-start;align-items:baseline;gap:6px;min-height:0;padding:11px 10px 12px}.hsteps .tab b{font-size:15px}.tab[aria-selected=true] small:has(.logo+.logo) .logo{box-shadow:0 0 0 2px var(--panel), 0 1px 3px #00000024}@media (width<=820px){.tabs{margin-inline:calc(-1 * max(20px, env(safe-area-inset-left)));grid-template-columns:repeat(4,minmax(0,1fr))}.tab.desk{display:none}.tab{justify-content:center;align-items:center;min-height:56px;padding:12px 4px}.tab .no,.tab b{display:none}.hsteps .tab .no,.hsteps .tab b{display:block}.tab small{gap:5px;font-size:0}.tab small .logo{width:26px;height:26px}.tab small:has(.logo+.logo){gap:0}.tab small:has(.logo+.logo) .logo{width:30px;height:30px;box-shadow:0 0 0 2px var(--panel), 0 1px 3px #00000024;background:#fff;border-radius:9px;padding:4px}.tab small:has(.logo+.logo) .logo+.logo{margin-left:-4px}.tab[aria-selected=true] small:has(.logo+.logo) .logo{box-shadow:0 0 0 2px var(--bg), 0 1px 3px #00000024}.stage{margin-inline:calc(-1 * max(20px, env(safe-area-inset-left)))}.body{height:300px}.url{max-width:none}.mailapp{grid-template-columns:1fr}.list,.opt{display:none}.tbl th,.tbl td{padding-inline:10px}.tbl .t{max-width:130px}.cal{grid-template-rows:1fr auto;grid-template-columns:1fr}.ins{border-left:0;border-top:1px solid var(--hair);flex-flow:wrap;gap:8px 18px;padding:10px 14px}.ins h4{display:none}.stat b{font-size:18px}.point{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.armed .pp{transform:none}}.how .head{margin-bottom:clamp(20px,3vw,28px)}.tabs.hsteps{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}.hsteps li{display:flex;position:relative}.hsteps li+li{border-left:1px solid var(--hair)}.hsteps .tab{border-right:0;flex-direction:row;flex:1;align-items:baseline;gap:10px;padding:13px 16px 14px}.hsteps .tab .no{flex:none}.hsteps .tab b{white-space:nowrap}.how .stage{padding-top:clamp(16px,3vw,28px)}.how .cap{margin-bottom:clamp(14px,2vw,18px)}.hsteps li.on .tab{background:var(--panel)}.hsteps .cbar{opacity:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.hsteps li.on .cbar{opacity:1}.hsteps .cbar:after{content:"";width:var(--p,0%);background:var(--link);transition:width var(--t,0s) linear;position:absolute;inset:0}.how .cap{transition:opacity .2s,transform .2s}.how .cap.swap{opacity:0;transform:translateY(3px)}.how .cap{max-width:none}.how .cap h3{white-space:nowrap;font-size:clamp(17px,2.4vw,23px)}
