@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--fog:#f7f5f0;--paper:#fff;--surface:#f4f4f1;--rule:#e3ded3;--graphite:#101a26;--body:#2c3036;--muted:#4d5258;--human:#d97706;--human-text:#a35a04;--ai:#0d9488;--steel:#9daeb6;--signal:#e4572e;--serif:"Newsreader", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--sign:"Chakra Petch", sans-serif;--edge:40px;--max:1280px;--head:68px}*{box-sizing:border-box}html{scroll-padding-top:var(--head)}body{background:var(--fog);color:var(--body);font:400 17px/1.6 var(--sans);margin:0}a{color:inherit;text-decoration:none}::selection{background:#e4572e29}a:focus-visible,button:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.wrap{max-width:var(--max);padding:0 var(--edge);margin:0 auto}.skip{left:var(--edge);z-index:10;background:var(--graphite);color:#fff;border-radius:6px;padding:10px 16px;transition:top .2s;position:absolute;top:-60px}.skip:focus{top:12px}header.site-header{z-index:5;backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);background:#fbfbfaeb;position:sticky;top:0}header.site-header .wrap{height:var(--head);align-items:center;gap:36px;display:flex}.logo{border-radius:4px;line-height:0;display:block}.logo img{width:auto;height:44px;display:block}nav.site-nav{white-space:nowrap;flex-wrap:nowrap;gap:28px;margin-left:auto;font-size:15px;display:flex}nav.site-nav a{background:linear-gradient(var(--signal), var(--signal)) 0 100% / 0 1px no-repeat;transition:background-size .25s}nav.site-nav a:hover{background-size:100% 1px}.nav-gh{display:none}.pill{white-space:nowrap;border:1px solid var(--rule);color:var(--graphite);background:var(--paper);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:7px 14px;font-size:14px;transition:border-color .2s,transform .2s;display:inline-flex}.pill:hover{border-color:var(--signal);transform:translateY(-1px)}.menu{font:500 14px var(--sans);color:var(--graphite);background:var(--paper);border:1px solid var(--rule);cursor:pointer;border-radius:999px;padding:7px 14px;display:none}.mark{font:600 15px/1 var(--sign);letter-spacing:.22em;color:var(--graphite);text-transform:uppercase;padding-bottom:7px;position:relative}.mark:after{content:"";background:var(--signal);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:.22em}.mark b{color:var(--muted);margin-right:.5em;font-weight:600}footer.site-footer{color:var(--muted);padding:0 0 40px;font-size:14px}footer.site-footer .divider{width:100%;height:31px;display:block}footer.site-footer .row{align-items:center;gap:28px;padding-top:26px;display:flex}footer.site-footer .logo img{height:40px}footer.site-footer .mark{font-size:12px}footer.site-footer .legal{margin:22px 0 0;font-size:13px}@media (width<=1020px){header.site-header .wrap{gap:16px}header.site-header nav.site-nav,.pill{display:none}.menu{margin-left:auto;display:inline-block}header.site-header.open .nav-gh{display:block}header.site-header.open nav.site-nav{left:0;right:0;top:var(--head);background:var(--fog);border-bottom:1px solid var(--rule);padding:8px var(--edge) 16px;white-space:normal;flex-direction:column;gap:0;display:flex;position:absolute}header.site-header.open nav.site-nav a{border-bottom:1px solid var(--rule);padding:12px 0;font-size:17px}footer.site-footer .row,footer.site-footer nav.site-nav{flex-wrap:wrap}}@media (width<=720px){:root{--edge:20px;--head:60px}.logo img{height:40px}footer.site-footer .row{flex-direction:column;align-items:flex-start;gap:14px}footer.site-footer nav{flex-wrap:wrap;gap:12px 20px;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.hero{height:max(660px, calc(100svh - var(--head)));flex-direction:column;padding-top:40px;padding-bottom:28px;display:flex}.hero .copy{text-align:center;flex-direction:column;align-items:center;display:flex}.status{font:500 12px/1 var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--rule);background:var(--paper);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.status i{background:var(--signal);width:8px;height:8px;box-shadow:none;border-radius:50%}h1{font:400 clamp(40px, 4.2vw, 60px)/1.06 var(--serif);letter-spacing:-.02em;color:var(--graphite);text-wrap:balance;max-width:24ch;margin:18px 0 12px}.lede{color:var(--muted);text-wrap:balance;max-width:72ch;margin:0 0 22px;font-size:19px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{background:var(--graphite);color:#fff;border:1px solid var(--graphite);border-radius:6px;align-items:center;gap:10px;padding:13px 21px;font-size:16px;font-weight:500;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn span{color:#f2a285;transition:transform .2s}.btn:hover{box-shadow:0 0 0 3px var(--fog), 0 0 0 5px var(--signal);transform:translateY(-1px)}.btn:hover span{transform:translate(3px)}.btn:active{transform:translateY(1px)scale(.99)}.btn.ghost{background:var(--paper);color:var(--graphite);border-color:var(--rule)}.plate{flex-direction:column;flex:1;min-height:260px;margin:26px 0 0;display:flex}.plate-head{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;margin:0 0 12px;display:flex}.plate-head p{color:var(--body);margin:0;font-size:15px}.plate-tools{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.key{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.key li{align-items:center;gap:7px;display:inline-flex}.key svg{flex:none;display:block}.key .sw{border:1px solid #101a2640;border-radius:3px;width:12px;height:12px;display:inline-block}.playpause{font:500 14px var(--sans);color:var(--graphite);background:var(--paper);border:1px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;transition:border-color .2s;display:inline-flex}.playpause:hover{border-color:var(--signal)}.playpause svg{fill:var(--graphite)}.playpause .i-play,.playpause.is-paused .i-pause{display:none}.playpause.is-paused .i-play{display:block}.frame{width:100%;min-height:0;max-height:calc((min(100vw, var(--max)) - 2 * var(--edge)) / 2.4);background:#141f2c;border:1px solid #d5d9de;border-radius:10px;flex:1;align-self:center;position:relative;overflow:hidden;box-shadow:0 24px 48px -28px #101a264d}.city{width:100%;height:100%;display:block}.frame .city{position:absolute;inset:0}.city .facade{font:600 15px var(--sign);fill:#1c1f24;letter-spacing:.14em}.city .sign{font:600 15px var(--sign);letter-spacing:.28em;text-anchor:middle}.city .you{font:600 12px var(--sans);fill:#1c1f24;text-anchor:middle}.steps{color:#c9d3de;backdrop-filter:blur(4px);background:#101a26cc;border:1px solid #ffffff1f;border-radius:999px;gap:4px;margin:0;padding:4px;font-size:13px;list-style:none;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.steps li{border-radius:999px;align-items:center;gap:7px;padding:4px 11px;transition:background .3s,color .3s;display:flex}.steps li:before{content:"";background:#6e829a;border-radius:50%;width:7px;height:7px;transition:background .3s}.steps li.on{color:#111315;background:#eaf2fe}.steps li.on:before{background:#3b82f6}.steps li+li{position:relative}.cap-phone{display:none}main>section{border-top:1px solid var(--rule);padding:112px 0}#tools{background:#efeadf}#close{background:#e8ecf0}main>section>.wrap{width:100%}h2{font:400 clamp(32px, 3.4vw, 46px)/1.1 var(--serif);letter-spacing:-.015em;color:var(--graphite);text-wrap:balance;max-width:26ch;margin:0 0 16px}.intro{text-wrap:pretty;max-width:58ch;margin:0 0 36px;font-size:19px}.app{background:var(--paper);border:1px solid #d0d4da;border-radius:10px;overflow:hidden;box-shadow:0 24px 48px -30px #11131547}.app-bar{border-bottom:1px solid var(--rule);background:var(--surface);align-items:center;gap:8px;height:38px;padding:0 14px;display:flex}.app-bar i{background:#d0d4da;border-radius:50%;width:10px;height:10px}.app-bar span{font:500 12px var(--mono);color:var(--muted);background:var(--paper);border:1px solid var(--rule);border-radius:4px;margin-left:14px;padding:3px 10px}.app img{width:100%;height:auto;display:block}.tools{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:22px 44px;margin:0;padding:26px 0;list-style:none;display:flex}.tools li{color:var(--graphite);align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.tools img{object-fit:contain;width:32px;height:32px}.tools .typed span{font:500 22px/1 var(--serif);letter-spacing:-.01em}.more{color:var(--muted);margin:18px 0 0;font-size:15px}.split{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.ledger{border-top:1px solid var(--rule);margin:8px 0 0;padding:0;list-style:none}.ledger li{border-bottom:1px solid var(--rule);grid-template-columns:64px 1fr;align-items:baseline;padding:22px 0;display:grid}.ledger .n{font:500 15px var(--mono);color:var(--human-text);align-items:center;gap:10px;display:flex}.ledger .n:after{content:"";background:var(--signal);width:12px;height:2px}.ledger p{font:400 clamp(21px, 2vw, 27px)/1.3 var(--serif);color:var(--graphite);text-wrap:pretty;margin:0}.still{background:#141f2c;border:1px solid #d5d9de;border-radius:10px;overflow:hidden;box-shadow:0 24px 48px -28px #101a264d}.still svg{width:100%;height:auto;display:block}.closing .split{grid-template-columns:5fr 6fr}.closing .big{font:400 clamp(30px, 3.2vw, 44px)/1.15 var(--serif);color:var(--graphite);max-width:20ch;margin:0 0 14px}.promise{text-wrap:pretty;max-width:42ch;margin:0 0 28px;font-size:19px}.closing .actions{justify-content:flex-start}@media (width<=820px){.split,.closing .split{grid-template-columns:1fr;gap:36px}}@media (width<=720px){.status{letter-spacing:0;white-space:nowrap;text-align:center;justify-content:center;gap:8px;padding:7px 12px;font-size:12px;line-height:1.5}.st-wide,.cap-wide{display:none}.cap-phone{display:inline}.steps{background:var(--paper);border-color:var(--rule);width:max-content;max-width:100%;color:var(--muted);flex-wrap:wrap;justify-content:center;margin:10px auto 0;font-size:12.5px;position:static;transform:none}.steps li{padding:4px 8px}.steps li:before{background:#c9cdd3}.frame{box-shadow:none;background:0 0;border:0;flex:none;max-height:none;overflow:visible}.frame .city{background:#141f2c;border:1px solid #d5d9de;border-radius:10px;height:auto;position:static}.city .sign{letter-spacing:.18em;font-size:22px}.hero{height:auto;padding-top:44px}h1{font-size:clamp(32px,9.4vw,62px)}.lede{font-size:17px}.actions{flex-direction:column;align-self:stretch}.actions .btn{justify-content:center}.plate{flex:none;min-height:0}main>section{padding:72px 0}.tools{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.tools li{font-size:16px}.shot{overflow:hidden}.app .shot img{width:190%;max-width:none}}