:root{color:#f7f5ff;font-synthesis:none;--ink:#f7f5ff;--muted:#aaa5b8;--line:#292431;--purple:#8875ff;--pink:#ff7aae;background:#08070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html[data-reduced-motion=true]{scroll-behavior:auto}html[data-reduced-motion=true] *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body{background:radial-gradient(circle at 50% -10%,#251b48 0,#0c0915 32%,#08070d 65%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}.skip-link{z-index:100;color:#08070d;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1240px;height:76px;margin:auto;padding:0 28px;display:flex}.wordmark{letter-spacing:-.04em;font-size:1.25rem;font-weight:850;text-decoration:none}.wordmark span{color:#b8adff}.wordmark b{letter-spacing:.08em;color:#c5bfd3;border:1px solid #514866;border-radius:6px;margin-left:7px;padding:4px 6px;font-size:.62rem}.site-header nav{gap:26px;display:flex}.site-header nav a{color:#c2bdcc;font-size:.9rem;text-decoration:none}.site-header a:hover,.site-header a:focus-visible{color:#fff}.hero{max-width:1240px;margin:0 auto;padding:110px 28px 130px;position:relative}.eyebrow{color:#aa9eff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px;font-size:.72rem;font-weight:800}.hero h1{letter-spacing:-.075em;max-width:950px;margin:0;font-size:clamp(4rem,9vw,8.8rem);line-height:.83}.hero h1 em{background:linear-gradient(90deg,#b9acff,#ff7fac);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy{color:#bbb5c7;max-width:680px;margin:36px 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #3b3547;border-radius:999px;justify-content:center;align-items:center;padding:13px 20px;font-weight:760;text-decoration:none;display:inline-flex}.button.primary,.compose{color:#13101b;background:#f5f2ff;border-color:#f5f2ff}.install{color:#ddd8e8;border:1px solid var(--line);background:#00000047;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:34px;padding:14px 16px;display:flex}.install span{color:#8b7afa}.install small{color:#777181;border-left:1px solid #35303d;padding-left:12px}.stream-demo{background:#0c0914e6;border:1px solid #332d3d;border-radius:16px;width:330px;padding:15px;position:absolute;bottom:70px;right:28px;transform:rotate(2deg);box-shadow:0 30px 90px #0008}.demo-label{text-transform:uppercase;letter-spacing:.13em;color:#81798d;margin-bottom:10px;font-size:.64rem}.demo-frame{background:linear-gradient(135deg,#211755,#692d57);border-radius:12px;grid-template-columns:auto 1fr;gap:10px;padding:22px;display:grid}.demo-frame small{color:#c8bdd1;grid-column:2}.pulse{background:#64f6bf;border-radius:50%;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 7px #64f6bf22}.event-line{color:#777181;padding:9px 4px 0;font:11px ui-monospace,monospace}.event-line span{color:#494352;width:40px;display:inline-block}.event-line.hot{color:#d0c7ff}.section-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;max-width:1240px;margin:auto;padding:110px 28px;display:grid}section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,5vw,5.3rem);line-height:.96}.truth>div:last-child,.integration p,.studio p{color:#aaa5b8;font-size:1.15rem;line-height:1.7}.use-cases{color:#15111d;background:#f2eff7;padding:120px max(28px,50vw - 592px)}.use-cases h2{max-width:900px}.use-cases .eyebrow{color:#6652c7}.case-grid{border-top:1px solid #cbc4d2;grid-template-columns:repeat(5,1fr);margin-top:70px;display:grid}.case-grid article{border-right:1px solid #cbc4d2;min-height:235px;padding:24px 18px 20px 0}.case-grid article+article{padding-left:18px}.case-grid span{color:#8e8499;font:11px ui-monospace,monospace}.case-grid h3{margin:65px 0 12px;font-size:1.15rem}.case-grid p{color:#655e6d;font-size:.9rem;line-height:1.55}.integration{align-items:center}.integration pre,.doc-content pre{color:#d9d2ff;background:#0f0c18;border:1px solid #302a3a;border-radius:16px;padding:28px;font-size:.84rem;line-height:1.8;overflow:auto}.text-link{color:#c7bdff;text-underline-offset:5px}.studio{background:linear-gradient(135deg,#181229,#0d0a12);border:1px solid #41394f;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:48px;max-width:1184px;margin:40px auto 100px;padding:60px;display:flex}.studio>div{max-width:750px}.studio h2{font-size:clamp(3rem,6vw,6.6rem)}footer{border-top:1px solid var(--line);color:#85808e;justify-content:space-between;max-width:1240px;margin:auto;padding:34px 28px;font-size:.82rem;display:flex}.page-intro{max-width:1240px;margin:0 auto;padding:64px 28px 34px}.page-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.9}.page-intro>p:last-child{color:var(--muted);font-size:1.1rem}.playground-grid{grid-template-columns:minmax(300px,.8fr) minmax(380px,1.1fr) minmax(300px,.85fr);align-items:start;gap:16px;max-width:1480px;margin:auto;padding:0 22px 100px;display:grid}.lab-panel{background:#100d17;border:1px solid #302a3a;border-radius:18px;min-width:0;padding:20px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.panel-title h2{letter-spacing:-.01em;font-size:1.08rem}.panel-title span,.hint,small{color:#8f8999;font-size:.75rem}.controls{max-height:calc(100vh - 60px);overflow:auto}.controls label{color:#d9d4e0;gap:7px;margin-bottom:7px;font-size:.79rem;font-weight:700;display:grid}.controls label>input,.controls label>select,.controls label>textarea{margin-top:7px}.controls>select{margin-bottom:15px}.controls input,.controls select,.controls textarea{color:#fff;background:#09070e;border:1px solid #3b3447;border-radius:9px;outline:none;width:100%;padding:10px}.controls input:focus,.controls select:focus,.controls textarea:focus{border-color:#9584ff;box-shadow:0 0 0 3px #8875ff2c}.controls textarea{resize:vertical;line-height:1.45}.mono,.json-column pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.controls details{border:1px solid #302a3a;border-radius:11px;margin:12px 0;padding:11px}.controls summary{cursor:pointer;font-size:.8rem;font-weight:800}.controls details[open] summary{margin-bottom:14px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compose{cursor:pointer;border:0;border-radius:10px;width:100%;padding:12px 16px;font-weight:850}.error{color:#ff97aa}.player-column{position:sticky;top:16px}.player-wrap{place-items:center;margin:auto;display:grid}.player-wrap.portrait{max-width:450px}.player-wrap.landscape{max-width:740px}.player-wrap>div{border-radius:15px;box-shadow:0 20px 70px #0008}.placeholder{aspect-ratio:9/16;color:#706a77;background:#09070d;place-items:center;width:100%;display:grid}.json-column h3{text-transform:uppercase;letter-spacing:.1em;color:#aca4bb;font-size:.72rem}.json-column pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c8c0d6;background:#09070e;border:1px solid #2c2635;border-radius:10px;max-height:390px;padding:12px;font-size:.68rem;line-height:1.5;overflow:auto}.docs-layout{grid-template-columns:230px minmax(0,760px);gap:70px;max-width:1240px;margin:auto;padding:60px 28px 120px;display:grid}.docs-nav{align-self:start;position:sticky;top:30px}.docs-home{margin-bottom:28px;font-size:1.1rem;font-weight:850;text-decoration:none;display:block}.docs-nav h2{text-transform:uppercase;letter-spacing:.14em;color:#77717f;margin:24px 0 8px;font-size:.66rem}.docs-nav a:not(.docs-home){color:#a9a3b1;padding:5px 0;font-size:.83rem;text-decoration:none;display:block}.docs-nav a[aria-current=page],.docs-nav a:hover{color:#fff}.docs-nav .playground-link{margin-top:30px;color:#b7abff!important}.doc-content{min-width:0}.doc-content h1{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.doc-content h2{letter-spacing:-.025em;margin:54px 0 14px;font-size:1.8rem}.doc-content h3{margin-top:38px;font-size:1.2rem}.doc-content p,.doc-content li{color:#bab4c2;line-height:1.75}.doc-content strong{color:#f7f5ff}.doc-content code:not(pre code){color:#d5ccff;background:#1a1521;border:1px solid #332b3d;border-radius:5px;padding:2px 5px}.doc-content a{color:#b8adff;text-underline-offset:4px}.doc-content blockquote{border-left:3px solid #8f7fff;margin:28px 0;padding:4px 0 4px 20px}.doc-content table{border-collapse:collapse;width:100%;font-size:.85rem}.doc-content th,.doc-content td{text-align:left;border-bottom:1px solid #352f3d;padding:12px}.doc-content hr{border:0;border-top:1px solid var(--line);margin:50px 0}@media (width<=1120px){.stream-demo{margin:60px 0 0;position:relative;bottom:auto;right:auto}.case-grid{grid-template-columns:repeat(2,1fr)}.playground-grid{grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr)}.json-column{grid-column:1/-1}.controls{max-height:none}}@media (width<=760px){.site-header{padding:0 16px}.site-header nav{gap:14px}.site-header nav a:last-child{display:none}.hero{padding:70px 18px 90px}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}.install{flex-wrap:wrap;align-items:flex-start}.install small{border:0;width:100%;padding:0}.section-grid{grid-template-columns:1fr;gap:30px;padding:80px 18px}.case-grid{grid-template-columns:1fr}.case-grid article,.case-grid article+article{border-bottom:1px solid #cbc4d2;border-right:0;min-height:0;padding:20px 0}.case-grid h3{margin:26px 0 8px}.studio{margin:20px 12px 70px;padding:35px 24px;display:block}.studio .button{margin-top:20px}footer{gap:10px;padding:28px 18px;display:grid}.playground-grid{grid-template-columns:1fr;padding:0 10px 70px}.player-column{position:static}.json-column{grid-column:auto}.docs-layout{padding:36px 18px 80px;display:block}.docs-nav{border-bottom:1px solid var(--line);gap:14px;margin-bottom:40px;padding-bottom:18px;display:flex;position:static;overflow:auto}.docs-nav h2,.docs-nav .docs-home,.docs-nav .playground-link{display:none}.docs-nav>div{display:contents}.docs-nav a:not(.docs-home){white-space:nowrap}.doc-content pre{padding:16px;font-size:.72rem}.doc-content table{display:block;overflow:auto}}
