:root{--bg: #f5f5f7;--backdrop: radial-gradient(120% 90% at 78% 8%, #ffffff 0%, #fafafa 30%, #f0f0f2 60%, #e6e6e9 100%);--ink: #17181a;--ink-2: #3c3b37;--muted: #6f6e69;--faint: #9a9994;--line: #deded9;--field: #ffffff;--ok: #1f9d5c;--danger: #d12b2b;--btn-radius: 10px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;background:var(--bg);color:var(--ink)}body{background:var(--backdrop) var(--bg) fixed;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page{position:relative;z-index:1}body{font:15px/1.5 Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.page{display:flex;gap:60px;align-items:flex-start;height:100vh;min-height:680px;overflow:hidden;padding:90px 5% 0}.hero{position:relative;z-index:2;flex:0 0 auto;width:380px;display:flex;flex-direction:column;align-items:flex-start}.brand{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;transition:opacity .15s}.brand:hover{opacity:.8}.brand__word{margin-left:7px;font-size:21px;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--muted);translate:0 -1px;animation:logo-rise .6s cubic-bezier(.22,1,.36,1) .5s backwards}.logo{display:block;overflow:visible}.logo__mark,.logo__letter{transform-box:fill-box;transform-origin:center}.logo__mark{transition:rotate .7s cubic-bezier(.22,1.25,.36,1),scale .3s cubic-bezier(.22,1.25,.36,1)}.brand:hover .logo__mark{rotate:180deg;scale:1.12}.brand:active .logo__mark{scale:.92}.logo--animated .logo__mark{animation:logo-spin 1s cubic-bezier(.22,1.2,.36,1) backwards}.logo--animated .logo__letter{animation:logo-rise .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.18s + var(--i) * 45ms)}@keyframes logo-spin{0%{rotate:-240deg;scale:.3;opacity:0}}@keyframes logo-rise{0%{translate:0 30%;opacity:0}}.title{margin:30px 0 16px;font-size:38px;line-height:44px;font-weight:600;letter-spacing:-.03em;text-wrap:balance}.lede{margin:0 0 26px;max-width:36ch;color:var(--muted);font-size:16.5px;line-height:1.4;text-wrap:pretty}.signup{display:flex;flex-direction:column;align-items:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font-size:15.5px;font-weight:500;letter-spacing:-.005em;text-decoration:none;transition:background .16s,scale .16s}.btn:hover{background:#2c2d30}.btn:active{scale:.97}.signup__note{margin:12px 2px 0;color:var(--muted);font-size:14px;line-height:1.5}.features{margin:40px 0 0;padding:0;list-style:none;color:var(--muted);font-size:13.5px;line-height:20px}.mock{flex:0 0 auto;align-self:stretch;display:flex;width:calc(100vw - 100px);min-width:880px;perspective:2200px;perspective-origin:25% 40%}.mock-window{--zoom: .6;display:block;flex:none;width:1440px;height:1500px;margin-top:calc(750px * var(--zoom) - 750px);border:0;border-radius:14px;background:#151515;color-scheme:dark;box-shadow:0 0 0 1px #00000080,0 24px 60px #17181a38,0 60px 120px -30px #17181a59;transform:rotateY(-9deg) rotateX(4deg) rotate(-.5deg) scale(var(--zoom));transform-origin:left center;animation:window-in 1.2s cubic-bezier(.22,1,.36,1) .1s backwards}@keyframes window-in{0%{opacity:0;translate:40px 60px}}@media(max-width:991px){.page{flex-direction:column;gap:16px;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:32px 20px 0}.hero{width:100%;max-width:480px}.title{font-size:clamp(32px,8.6vw,38px);line-height:1.12}.features{margin-top:24px}.mock{width:100vw;min-width:0;margin-left:-20px;padding-left:20px;perspective-origin:30% 50%;height:520px;overflow:hidden}.mock-window{--zoom: .72 !important;width:calc((100vw + 120px) / var(--zoom));height:calc(560px / var(--zoom));margin-top:calc(280px - 280px / var(--zoom));transform:rotateY(-10deg) rotateX(4deg) scale(var(--zoom))}}@media(max-width:479px){.mock{height:440px}.mock-window{transform:rotateY(-8deg) rotateX(3deg) scale(var(--zoom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}