:root{--ink:#0b0b0c;--paper:#ece9e1;--muted:#8f8b81;--line:#ece9e129;--serif:ui-serif, "New York", "Iowan Old Style", Palatino, Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--edge:clamp(28px, 5vw, 56px)}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--paper);color:var(--ink)}#field{opacity:0;width:100%;height:100%;transition:opacity 2.4s .3s;position:fixed;inset:0}#field.on{opacity:1}.grain{pointer-events:none;opacity:.05;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{min-height:100svh;padding:var(--edge);flex-direction:column;display:flex;position:relative}header{justify-content:space-between;align-items:center;gap:24px;display:flex}.wordmark{color:var(--paper);letter-spacing:.01em;align-items:center;gap:11px;font-size:18px;text-decoration:none;display:inline-flex}.mark{background:var(--paper);border-radius:3px;width:22px;height:6px}.statement{margin-block:auto;padding-block:48px}h1{letter-spacing:-.012em;text-wrap:balance;font-size:clamp(34px,5.4vw,60px);font-weight:400;line-height:1.14}.sub{color:var(--muted);margin-top:28px;font-size:clamp(18px,1.15vw,20px);font-style:italic;line-height:1.5}.nav{align-items:center;gap:14px;display:flex}.login,.demo{font:500 14px/1 var(--sans);cursor:pointer;letter-spacing:0;color:var(--paper);white-space:nowrap;background:0 0;border:1px solid #ece9e16b;border-radius:4px;padding:11px 16px;text-decoration:none;transition:border-color .35s}.login:hover,.demo:hover{border-color:var(--paper)}footer{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.fine{font:400 11px/1 var(--mono);letter-spacing:.08em;color:var(--muted)}.contact{font:400 13px/1 var(--mono);letter-spacing:.02em;color:var(--paper);border-bottom:1px solid var(--line);padding-bottom:3px;font-style:normal;text-decoration:none;transition:border-color .35s}.contact:hover{border-color:var(--paper)}.contact:focus-visible,.wordmark:focus-visible,.login:focus-visible,.demo:focus-visible,.dialog button:focus-visible,.dialog a:focus-visible{outline:1px solid var(--paper);outline-offset:5px}@media (max-width:700px){h1 br{display:none}header{gap:16px}.nav{gap:10px}.login,.demo{padding-inline:12px;font-size:13px}}.scrim{z-index:10;padding:var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0b0cb8;place-items:center;animation:.3s fade;display:grid;position:fixed;inset:0}.dialog{background:var(--ink);border:1px solid var(--line);width:min(440px,100%);padding:36px 40px 32px;animation:.45s cubic-bezier(.22,.61,.21,1) rise;position:relative}.dialog-label{font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dialog-copy{text-wrap:pretty;margin-top:18px;font-size:18px;line-height:1.5}.dialog-row{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:14px 16px;display:flex}.dialog-email{font:400 15px/1 var(--mono);letter-spacing:.02em;-webkit-user-select:all;user-select:all}.dialog-copybtn,.dialog-close{font:500 13px/1 var(--sans);color:var(--paper);cursor:pointer;opacity:.72;background:0 0;border:0;padding:6px 8px;transition:opacity .3s}.dialog-copybtn:hover,.dialog-close:hover{opacity:1}.dialog-mail{font:400 13px/1 var(--mono);letter-spacing:.02em;color:var(--paper);border-bottom:1px solid var(--line);margin-top:22px;padding-bottom:3px;text-decoration:none;transition:border-color .35s;display:inline-block}.dialog-mail:hover{border-color:var(--paper)}.dialog-close{font-size:22px;line-height:1;position:absolute;top:10px;right:12px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (max-width:700px){.dialog{padding:28px 24px 26px}.dialog-row{flex-wrap:wrap}}.reveal{opacity:0;animation:reveal 1.2s cubic-bezier(.22, .61, .21, 1) var(--d,0s) forwards;transform:translateY(16px)}.d1{--d:.15s}.d2{--d:.4s}.d3{--d:.6s}.d4{--d:.8s}@keyframes reveal{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}.scrim,.dialog{animation:none}#field{transition:none}}
