:root{--ground: #0b0e14;--raised: #141922;--sunk: #0f131a;--ink: #e6eaf1;--ink-2: #a6b0c1;--ink-3: #79839a;--rule: #232a36;--rule-2: #2f3846;--brand-a: #ed4d73;--brand-b: #6b38c7;--focus: #7fb0ff;--measure: 68ch}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(60rem 40rem at 12% -10%,rgba(237,77,115,.16),transparent 70%),radial-gradient(50rem 36rem at 100% 8%,rgba(107,56,199,.14),transparent 70%)}h1,h2,h3{font-family:Archivo,system-ui,sans-serif;margin:0;letter-spacing:-.02em;text-wrap:balance}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.shell{position:relative;max-width:1080px;margin:0 auto;padding:0 22px}.top{position:relative;display:flex;align-items:center;gap:18px;padding:20px 0 18px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700}.brand-mark{width:34px;height:34px;border-radius:9px;flex:none;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));display:grid;place-items:center;box-shadow:0 4px 14px #00000073}.brand-mark svg{width:19px;height:19px;fill:#fff}.brand-name{font-family:Archivo,sans-serif;font-size:19px;letter-spacing:-.01em}.top nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.top nav a{text-decoration:none;color:var(--ink-2);font-size:15px;font-weight:600;padding:7px 12px;border-radius:99px}.top nav a:hover{color:var(--ink);background:var(--raised)}.top nav a[aria-current=page]{color:var(--ink);background:var(--raised)}.hero{padding:68px 0 12px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-a);margin:0 0 16px}.hero h1{font-size:clamp(32px,5.6vw,52px);font-weight:800;line-height:1.06;max-width:26ch}.hero p.lede{font-size:clamp(18px,2.2vw,20px);color:var(--ink-2);max-width:var(--measure);margin:20px 0 0}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:16px;padding:13px 22px;border-radius:99px;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff}.btn-quiet{border-color:var(--rule-2);color:var(--ink)}.btn-quiet:hover{background:var(--raised)}.soon{font-size:14px;color:var(--ink-3)}section.band{padding:56px 0;border-top:1px solid var(--rule);margin-top:56px}section.band>h2{font-size:26px;font-weight:700}section.band>p.sub{color:var(--ink-2);margin:8px 0 0;max-width:var(--measure)}.grid{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.card{background:var(--raised);border:1px solid var(--rule);border-radius:14px;padding:20px}.card h3{font-size:17px;font-weight:700;margin-bottom:7px}.card p{margin:0;color:var(--ink-2);font-size:15.5px}.plain{margin-top:28px;padding-left:20px;border-left:3px solid var(--brand-a);max-width:var(--measure)}.plain p{margin:0 0 12px;color:var(--ink-2)}.plain p:last-child{margin-bottom:0}.plain strong{color:var(--ink)}.plans{display:grid;gap:14px;margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plan{background:var(--raised);border:1px solid var(--rule);border-radius:14px;padding:22px}.plan h3{font-size:15px;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.plan .price{font-family:Archivo,sans-serif;font-size:33px;font-weight:800;margin-top:10px;font-variant-numeric:tabular-nums}.plan .period{color:var(--ink-3);font-size:15px}.plan .note{color:var(--ink-2);font-size:14.5px;margin-top:10px}.doc{padding:52px 0 20px}.doc h1,.doc>.lede,.doc .updated,.doc article>h2,.doc article>p,.doc article>ul{max-width:var(--measure)}.doc h1{font-size:clamp(30px,5vw,44px);font-weight:800}.doc>.lede{font-size:18.5px;color:var(--ink-2);margin:20px 0 0}.doc .updated{color:var(--ink-3);font-size:14.5px;margin-top:12px}.doc article{margin-top:40px}.doc article h2{font-size:20px;font-weight:700;margin-top:34px}.doc article>h2:first-child{margin-top:0}.doc article p{color:var(--ink-2);margin:10px 0 0}.doc article ul{color:var(--ink-2);padding-left:22px;margin:10px 0 0}.doc article li{margin-bottom:8px}.doc a{color:var(--brand-a);text-decoration-thickness:1px;text-underline-offset:2px}.mailto{display:inline-block;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;background:var(--sunk);border:1px solid var(--rule);border-radius:7px;padding:8px 12px;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.mailto:hover{border-color:var(--rule-2)}footer{position:relative;margin-top:72px;padding:34px 0 56px;border-top:1px solid var(--rule);color:var(--ink-3);font-size:14.5px}footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}footer nav a{color:var(--ink-2);text-decoration:none;font-weight:600}footer nav a:hover{color:var(--ink);text-decoration:underline}footer p{margin:0;max-width:var(--measure)}@media(max-width:620px){body{font-size:16px}.hero{padding-top:44px}section.band{padding:40px 0;margin-top:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--ground: #f6f7f9;--raised: #ffffff;--sunk: #eceef2;--ink: #141922;--ink-2: #4a5364;--ink-3: #6b7488;--rule: #dde1e8;--rule-2: #c9cfda;--brand-a: #c9345c;--brand-b: #5a2db0;--focus: #1f5fbf}}.showcase .row-one{margin-top:40px}.showcase .row-two{display:grid;gap:30px;margin-top:44px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.showcase .row-phones{display:grid;gap:30px;margin-top:44px;grid-template-columns:repeat(auto-fit,minmax(230px,285px));justify-content:start}.shot{margin:0}.shot figcaption{margin-top:18px;color:var(--ink-3);font-size:14.5px;max-width:38ch;text-wrap:pretty}.tilt{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 0%;--lift: 0;position:relative;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(calc(var(--lift) * 10px));transition:transform .4s cubic-bezier(.2,.7,.3,1)}.glow{position:absolute;inset:8% 5% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(237,77,115,.45),rgba(107,56,199,.32),transparent 72%);filter:blur(48px);opacity:calc(.3 + var(--lift) * .38);transform:translateZ(-60px) scale(1.03);transition:opacity .4s ease;pointer-events:none}.sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(26rem 26rem at var(--gx) var(--gy),rgba(255,255,255,.15),rgba(255,255,255,.04) 34%,transparent 62%);opacity:var(--lift);transition:opacity .35s ease;mix-blend-mode:screen}.shot img{display:block;width:100%;height:100%;object-fit:cover}.mac{position:relative;border-radius:13px}.mac-screen{position:relative;overflow:hidden;border-radius:12px;background:#000;aspect-ratio:1600 / 1027;box-shadow:0 0 0 1px #ffffff14,0 44px 90px -30px #000000e6}.phone{position:relative;padding:9px;border-radius:40px;background:linear-gradient(150deg,#3d434f,#14171d 42%,#2b303a);box-shadow:0 2px #ffffff17 inset,0 34px 70px -22px #000000d9,0 0 0 1px #0009}.phone-screen{position:relative;overflow:hidden;border-radius:32px;background:#000;aspect-ratio:285 / 620}.phone-island{position:absolute;top:20px;left:50%;transform:translate(-50%);width:30%;height:13px;border-radius:99px;background:#05070a}.tv{position:relative;padding:7px;border-radius:16px;background:linear-gradient(150deg,#333945,#10131a 46%,#262b34);box-shadow:0 1px #ffffff14 inset,0 40px 80px -26px #000000e6,0 0 0 1px #0000008c}.tv-screen{position:relative;overflow:hidden;border-radius:11px;background:#000;aspect-ratio:16 / 9}.tv-stand{display:block;width:26%;height:8px;margin:0 auto;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#2a2f39,#171a21);box-shadow:0 14px 26px -12px #000000e6}@media(max-width:620px){.showcase .row-two,.showcase .row-phones{gap:24px;margin-top:32px}.phone{border-radius:32px;padding:7px}.phone-screen{border-radius:26px}}@media(prefers-reduced-motion:reduce){.tilt{transform:none}.sheen{display:none}}
