:root{--paper: #f6f5f1;--ink: #15171c;--muted: #5b606b;--rule: #e2dfd7;--stage: #111419;--stage-2: #1b1f26;--on-stage: #f4f2ec;--on-stage-muted: #a3a9b4;--lh: #38b6c6;--rh: #f1ae3d;--accent: #1f5fd6;--serif: "Literata", Georgia, serif;--sans: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans);-webkit-tap-highlight-color:transparent}a{color:var(--accent)}:focus-visible{outline:2px solid var(--rh);outline-offset:3px}img,video{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;text-wrap:balance}.home,.top{background:var(--stage)}.top-in{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:8px;font:600 19px var(--serif);color:var(--on-stage);text-decoration:none}.top-link{color:var(--on-stage-muted);text-decoration:none;font-size:15px;padding:12px 0}@media(hover:hover){.top-link:hover{color:var(--on-stage)}}.hero{background:var(--stage);color:var(--on-stage);padding:48px 0 96px}.hero-in{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}.hero h1{font-size:64px;line-height:1.04;letter-spacing:-.025em;max-width:12ch}.sub{margin-top:20px;font-size:21px;color:var(--on-stage-muted);max-width:26ch}.cta{display:inline-flex;align-items:center;justify-content:center;margin-top:36px;min-height:60px;padding:0 36px;border-radius:10px;background:var(--rh);color:var(--ink);font:600 19px var(--sans);text-decoration:none;transition:transform .12s ease-out,background-color .12s ease-out}.cta:active{transform:scale(.97)}@media(hover:hover){.cta:hover{background:#f5bd5c}}.fine{margin-top:14px;font-size:14px;color:var(--on-stage-muted)}.demo{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#0c0e12;border:1px solid #262b33;aspect-ratio:900 / 852}.demo video{width:100%;height:100%;object-fit:cover}.sound{position:absolute;right:14px;top:14px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#f4f2eceb;color:var(--ink);font:600 15px var(--sans);cursor:pointer;transition:transform .12s ease-out}.sound:active{transform:scale(.96)}.row{background:var(--paper);padding:96px 0 0}.row.last{padding-bottom:96px}.row picture{display:block}.row-in{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:center}.row h2{font-size:36px;line-height:1.1}.row-copy p{margin-top:12px;font-size:18px;color:var(--muted);max-width:30ch}.row img{border-radius:12px;border:1px solid var(--rule);background:#fff}.tag{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 10px;border-radius:6px;background:var(--ink);color:#fff;font:600 14px/1.6 var(--sans);letter-spacing:0}.pricing{background:var(--paper);padding:0 0 96px}.plans{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule)}.plan{padding:40px 48px 0 0}.plan+.plan{padding-left:48px;border-left:1px solid var(--rule)}.plan h2{font:600 16px var(--sans);color:var(--muted);letter-spacing:0}.price{font:600 48px/1.1 var(--serif);margin-top:8px}.price span{font:400 17px var(--sans);color:var(--muted)}.plan p:not(.price){margin-top:10px;color:var(--muted)}.plan a{display:inline-block;margin-top:16px;padding:10px 0;font-weight:600;color:var(--ink);text-underline-offset:4px}.foot{background:var(--paper);border-top:1px solid var(--rule);padding:32px 0 48px;font-size:14px;color:var(--muted)}.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}.foot a{color:var(--muted);margin-right:20px;padding:10px 0}.credits{font-size:13px}@media(max-width:900px){.hero{padding:24px 0 64px}.hero-in{grid-template-columns:1fr;gap:40px}.hero h1{font-size:44px}.sub{font-size:18px}.cta{margin-top:28px;width:100%}.row{padding-top:64px}.row.last{padding-bottom:64px}.row-in{grid-template-columns:1fr;gap:20px}.row h2{font-size:28px}.pricing{padding-bottom:64px}.plans{grid-template-columns:1fr}.plan,.plan+.plan{padding:32px 0 0;border-left:0}.plan+.plan{margin-top:32px;border-top:1px solid var(--rule)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.doc{max-width:720px;padding:64px 24px 96px;margin:0 auto}.doc h1{font-size:40px;margin-bottom:24px}.doc h2{font-size:22px;margin:32px 0 8px}.doc p,.doc li{color:#33363d;margin-top:10px}.doc ul{padding-left:20px}.pieces{list-style:none;border-top:1px solid var(--rule)}.pieces li{border-bottom:1px solid var(--rule)}.pieces a{display:flex;align-items:baseline;gap:16px;padding:18px 4px;color:var(--ink);text-decoration:none}.pieces a span{font:600 22px var(--serif)}.pieces a small{font-size:15px;color:var(--muted)}.pieces a:after{content:"Play";margin-left:auto;font-weight:600;font-size:15px;color:var(--accent)}@media(hover:hover){.pieces a:hover span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}}.row img{background:var(--stage);border-color:#262b33}@media(max-width:600px){.pieces a{flex-wrap:wrap;gap:2px 12px;padding:14px 2px}.pieces a span{font-size:19px}.pieces a small{order:3;width:100%}.pieces a:after{order:2}}.shot{display:block;border-radius:12px;transition:transform .16s ease-out}.shot img{transition:border-color .16s ease-out}@media(hover:hover){.shot:hover img{border-color:var(--rh)}}.shot:active{transform:scale(.99)}
