:root{--bg:#fbf7f4;--ink:#1b1416;--muted:#5b4f52;--line:#eadfd8;--accent:#e5322d;--accent-dark:#b3241f;--font:"Inter",system-ui,sans-serif;--display:"Space Grotesk",var(--font)}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0}a{color:inherit}h1,h2,h3{font-family:var(--display);margin:0}p{margin:0;line-height:1.55}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:24px 32px;display:flex}.bar nav{color:var(--muted);flex-wrap:wrap;gap:28px;font-size:15px;display:flex}.bar nav a{text-decoration:none}.brand{font-family:var(--display);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.dot{background:var(--accent);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.dot i{background:#fff;border-radius:999px;width:10px;height:10px}.rec-dot{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.rec-dot.white{background:#fff;width:12px;height:12px}.btn{cursor:pointer;font-family:var(--display);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 28px;font-size:17px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-record{background:var(--accent);color:#fff;padding:20px 32px;font-size:20px;box-shadow:0 10px 30px #e5322d59}.btn-record.sm{padding:16px 28px;font-size:17px}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0;font-size:15px}.btn-dark{background:var(--ink);color:#fff;padding:16px 32px;font-size:18px}.btn-light{border:1px solid var(--line);color:var(--ink);background:#fff;padding:16px 32px;font-size:18px}.sq{background:#fff;border-radius:3px;width:12px;height:12px}.hero{flex-wrap:wrap;align-items:center;gap:56px;max-width:1200px;margin:0 auto;padding:56px 32px 72px;display:flex}.hero-copy{flex-direction:column;flex:480px;gap:28px;min-width:0;display:flex}.pill{background:var(--accent);color:#fff;font-family:var(--display);letter-spacing:.01em;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:10px 20px;font-size:17px;font-weight:600;display:flex;box-shadow:0 8px 24px #e5322d47}.pill .rec-dot{background:#fff;width:10px;height:10px}h1{letter-spacing:-.03em;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.02}.lead{color:var(--muted);max-width:520px;font-size:19px}.cta-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.unsupported{color:var(--accent-dark);font-weight:500}.mock{background:var(--ink);border-radius:24px;flex:440px;min-width:0;padding:14px;box-shadow:0 30px 60px #1b141640}.mock-top{align-items:center;gap:6px;padding:4px 8px 12px;display:flex}.mock-top i{background:var(--muted);border-radius:999px;width:10px;height:10px}.mock-rec{color:#fff;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.mock-screen{aspect-ratio:16/10;color:#c9b9b3;background:linear-gradient(135deg,#3a2a30,#241a1e);border-radius:14px;justify-content:center;align-items:center;font-size:14px;display:flex}.mock-btns{justify-content:center;gap:10px;padding:14px 4px 4px;display:flex}.mb{border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600}.mb.light{color:var(--ink);background:#fff}.mb.ghost{border:1px solid var(--muted);color:#fff}.section{max-width:1200px;margin:0 auto;padding:40px 32px 72px}.section.narrow{flex-direction:column;gap:24px;max-width:800px;padding-bottom:96px;display:flex}.section h2{letter-spacing:-.02em;margin-bottom:32px;font-size:36px}.section.narrow h2{margin-bottom:0;font-size:32px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.cards article{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:28px;display:flex}.cards h3{font-size:20px}.cards p{color:var(--muted)}.num{font-family:var(--display);color:var(--accent-dark);font-size:15px;font-weight:700}.band{background:var(--ink);color:var(--bg);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:48px;display:flex}.band>div{flex-direction:column;flex:360px;gap:12px;display:flex}.band h2{margin:0;font-size:32px}.band p{color:#c9b9b3;max-width:560px;line-height:1.6}.qa{border-top:1px solid var(--line);padding-top:20px}.qa h3{font-family:var(--font);margin-bottom:6px;font-size:17px;font-weight:600}.qa p{color:var(--muted)}dialog{border:1px solid var(--line);width:min(640px,100vw - 32px);color:var(--ink);background:#fff;border-radius:28px;padding:40px;box-shadow:0 30px 60px #1b14162e}dialog[open]{flex-direction:column;gap:22px;display:flex}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b14168c}dialog h2{letter-spacing:-.02em;font-size:32px}.tip{background:var(--bg);border-radius:16px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:15px;display:flex}.tip svg{color:var(--accent);flex:none;margin-top:1px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.chips{flex-wrap:wrap;gap:10px;display:flex}.chips span{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.dlg-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.error{color:var(--accent-dark);font-size:14px;font-weight:500}.status{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:15px;font-weight:600;display:inline-flex}.status .rec-dot{width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}.status.done .rec-dot{background:var(--muted);animation:none}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.status .rec-dot{animation:none}}.stage{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:16px 32px 64px;display:flex}.screen{background:var(--ink);border-radius:28px;padding:16px;box-shadow:0 30px 60px #1b141638}.screen video{aspect-ratio:16/9;object-fit:contain;background:#241a1e;border-radius:18px;width:100%;display:block}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}@media (max-width:600px){.bar,.hero,.section,.stage{padding-left:16px;padding-right:16px}dialog{padding:24px}.band{padding:28px}}.platforms{flex-wrap:wrap;gap:12px;display:flex}.platform{border:1px solid var(--line);cursor:pointer;width:52px;height:52px;color:var(--ink);background:#fff;border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.platform:hover{border-color:var(--ink)}.platform:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.platform img{border-radius:6px}.dlg-actions.end{justify-content:flex-end}.tut-title{align-items:center;gap:12px;display:flex}.tut-steps{flex-direction:column;gap:12px;margin:0;padding-left:22px;font-size:15px;line-height:1.5;display:flex}.tut-steps ol{flex-direction:column;gap:6px;margin:8px 0 0;padding-left:22px;display:flex}.tut-img{border:1px solid var(--line);border-radius:12px;width:100%;margin-top:12px;display:block}dialog{max-height:calc(100vh - 32px);overflow:auto}.maker{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:24px 32px 64px;display:flex}.maker img{width:100%;max-width:220px;height:auto}.btn-start{padding:14px 28px;font-size:17px;box-shadow:0 8px 22px #e5322d4d}.section-lead{margin:-16px 0 32px}.section .eyebrow{color:var(--accent-dark);margin-bottom:8px}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.platform-card{text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:6px;padding:24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.platform-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 36px #e5322d24}.platform-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.platform-logo{background:var(--bg);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;display:inline-flex}.platform-logo img{border-radius:8px}.platform-logo svg{width:30px;height:30px}.platform-name{font-family:var(--display);font-size:18px;font-weight:600}.platform-blurb{color:var(--muted);font-size:14px}.platform-link{color:var(--accent-dark);margin-top:10px;font-size:14px;font-weight:600}.platform-card:hover .platform-link{text-decoration:underline}.accent{color:var(--accent)}.usecase-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.usecase{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:26px;display:flex}.usecase h3{letter-spacing:-.01em;font-size:19px}.usecase p{color:var(--muted);font-size:15px}.maker a{color:var(--accent-dark);font-weight:600;text-decoration:none}.maker a:hover{text-decoration:underline}.contact-card{border:1px solid var(--line);background:#fff;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:40px;display:flex}.contact-card>div:first-child{flex-direction:column;flex:380px;gap:10px;display:flex}.contact-card h2{margin:0;font-size:30px}.contact-card p{color:var(--muted);max-width:560px}.contact-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.contact-actions .btn{text-decoration:none}@media (max-width:600px){.contact-card{padding:24px}}.guide-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:8px;display:flex}.guide-links a{color:var(--muted);font-size:14px;font-weight:500}.guide-links a:hover{color:var(--accent-dark)}
