:root{color:#fff;font-synthesis:none;--background:#00001a;--foreground:#fff;--card:#0d0d2b;--card-raised:#121235;--primary:#e04f8a;--accent:#ec9a2c;--secondary:#1a1a3d;--muted:#232347;--muted-foreground:#a6a4b2;--border:#232347;--highlight:#0af;--radius:.75rem;--brand-gradient:linear-gradient(135deg, #e04f8a, #ec9a2c);background:#00001a;font-family:Manrope,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{min-width:320px;min-height:100vh;color:var(--foreground);background-color:var(--background);background-image:radial-gradient(circle at 8% 2%,#e04f8a24,#0000 28rem),radial-gradient(circle at 92% 12%,#ec9a2c1a,#0000 30rem);margin:0;overflow-x:hidden}h1,h2,h3{font-family:Archivo,Manrope,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#e04f8a8c}.skip-link{z-index:100;color:var(--background);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 #ffffff1a;justify-content:space-between;align-items:center;max-width:1200px;height:84px;margin:auto;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand img{width:164px;height:auto;display:block}.sdk-badge{border:1px solid var(--border);color:var(--muted-foreground);letter-spacing:.12em;border-radius:6px;padding:4px 7px;font-size:.62rem;font-weight:700}.site-header nav{gap:6px;display:flex}.site-header nav a{color:var(--muted-foreground);border-radius:8px;padding:9px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s}.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff;background:#ffffff0f;outline:none}.hero{max-width:1200px;min-height:760px;margin:0 auto;padding:106px 24px 126px;position:relative}.eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem;font-weight:700}.hero h1{letter-spacing:-.055em;max-width:920px;margin:0;font-size:clamp(4rem,8.2vw,8rem);line-height:.88}.hero h1 em{color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--border);color:#fff;background:var(--secondary);border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:12px 20px;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.button:hover,.button:focus-visible{border-color:#4a4a72;outline:none;transform:translateY(-1px)}.button.primary,.compose{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 8px 30px #e04f8a33}.button.primary:hover,.button.primary:focus-visible,.compose:hover,.compose:focus-visible{background:#eb5e98;border-color:#eb5e98}.install{color:#e5e4eb;border:1px solid var(--border);border-radius:var(--radius);background:#0d0d2bb8;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:32px;padding:13px 15px;display:flex;box-shadow:0 12px 40px #0000002e}.install span{color:var(--accent)}.install small{color:var(--muted-foreground);border-left:1px solid var(--border);padding-left:12px}.stream-demo{border:1px solid var(--border);background:#0d0d2bf0;border-radius:16px;width:330px;padding:15px;position:absolute;bottom:76px;right:24px;transform:rotate(1.5deg);box-shadow:0 30px 90px #00000080}.demo-label{color:var(--muted-foreground);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:.64rem}.demo-frame{background:linear-gradient(135deg,#4a1735,#7e4821);border-radius:12px;grid-template-columns:auto 1fr;gap:10px;padding:22px;display:grid}.demo-frame small{color:#ded4dc;grid-column:2}.pulse{background:#63e6be;border-radius:50%;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 7px #63e6be24}.event-line{color:#77758a;padding:9px 4px 0;font:11px ui-monospace,monospace}.event-line span{color:#55536b;width:40px;display:inline-block}.event-line.hot{color:#f18cb5}.section-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:80px;max-width:1200px;margin:auto;padding:108px 24px;display:grid}section h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.98}.truth>div:last-child,.integration p{color:var(--muted-foreground);font-size:1.1rem;line-height:1.75}.use-cases{color:#fff;border:1px solid var(--border);background:linear-gradient(145deg,#1a1a3df5,#0d0d2bf5);border-radius:24px;max-width:1200px;margin:0 auto 32px;padding:74px 44px 48px;box-shadow:0 30px 80px #00000038}.use-cases h2{max-width:900px}.case-grid{border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);margin-top:64px;display:grid}.case-grid article{border-right:1px solid var(--border);min-height:230px;padding:24px 18px 18px 0}.case-grid article:last-child{border-right:0}.case-grid span{color:var(--primary);font:11px ui-monospace,monospace}.integration{align-items:center}.integration pre,.doc-content pre{color:#e8c9d6;background:var(--card);border:1px solid var(--border);box-shadow:inset 3px 0 0 var(--primary);border-radius:16px;padding:28px;font-size:.84rem;line-height:1.8;overflow:auto}.text-link,.doc-content a{color:#f18cb5;text-underline-offset:5px}footer{max-width:1200px;color:var(--muted-foreground);border-top:1px solid var(--border);justify-content:space-between;gap:24px;margin:auto;padding:34px 24px;font-size:.8rem;display:flex}.page-intro{max-width:1200px;margin:0 auto;padding:66px 24px 36px}.page-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(3rem,7vw,6.2rem);line-height:.92}.page-intro>p:last-child{color:var(--muted-foreground);font-size:1.08rem}.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:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:20px;box-shadow:0 18px 50px #0000002e}.panel-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.panel-title h2{letter-spacing:-.01em;margin:0;font-size:1.08rem}.panel-title span,.hint,small{color:var(--muted-foreground);font-size:.75rem}.controls{max-height:calc(100vh - 60px);overflow:auto}.controls label{color:#e3e2e8;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;border:1px solid var(--border);background:#080821;border-radius:9px;outline:none;width:100%;padding:10px}.controls input:hover,.controls select:hover,.controls textarea:hover{border-color:#383861}.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 var(--border);background:#1a1a3d6b;border-radius:11px;margin:12px 0;padding:11px}.controls summary{cursor:pointer;font-size:.8rem;font-weight:700}.controls details[open] summary{margin-bottom:14px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compose{border:1px solid var(--primary);cursor:pointer;border-radius:10px;width:100%;padding:12px 16px;font-weight:700}.compose:disabled,.secondary-action:disabled{cursor:wait;opacity:.6}.action-stack{gap:8px;display:grid}.secondary-action,.cancel-action{color:#fff;background:var(--secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:100%;padding:11px 16px;font-weight:700}.secondary-action:hover,.secondary-action:focus-visible{background:var(--muted);border-color:#49496e;outline:none}.cancel-action{color:#ffbacf;background:#2a1121;border-color:#733650}.error{color:#ff96b7}.privacy-note{color:var(--muted-foreground);margin:10px 2px 0;font-size:.7rem;line-height:1.5}.mode-badge{color:var(--muted-foreground);border:1px solid var(--border);letter-spacing:.03em;border-radius:999px;align-items:center;margin:0 0 12px;padding:5px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.mode-badge.live{color:#ffc1d7;background:#e04f8a1f;border-color:#e04f8a80}.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 #00000080}.placeholder{aspect-ratio:9/16;color:#77758a;background:#080821;place-items:center;width:100%;display:grid}.json-column h3{color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.json-column pre{overflow-wrap:anywhere;color:#dad6df;border:1px solid var(--border);white-space:pre-wrap;background:#080821;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:1200px;margin:auto;padding:60px 24px 120px;display:grid}.docs-nav{align-self:start;position:sticky;top:30px}.docs-home{margin-bottom:28px;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.docs-nav h2{color:#74738a;letter-spacing:.14em;text-transform:uppercase;margin:24px 0 8px;font-size:.66rem}.docs-nav a:not(.docs-home){color:var(--muted-foreground);padding:5px 0;font-size:.83rem;text-decoration:none;display:block}.docs-nav .playground-link{margin-top:30px;color:#f18cb5!important}.doc-content{min-width:0}.doc-content h1{letter-spacing:-.04em;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:#bbb9c6;line-height:1.75}.doc-content code:not(pre code){color:#f1c3d5;background:var(--secondary);border:1px solid var(--border);border-radius:5px;padding:2px 5px}.doc-content blockquote{border-left:3px solid var(--primary);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 var(--border);padding:12px}.doc-content hr{border:0;border-top:1px solid var(--border);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{height:74px;padding:0 16px}.brand{gap:8px}.brand img{width:130px}.sdk-badge{padding:3px 5px;font-size:.54rem}.site-header nav{gap:1px}.site-header nav a{padding:8px;font-size:.8rem}.site-header nav a:last-child{display:none}.hero{min-height:0;padding:70px 18px 90px}.hero h1{font-size:clamp(3.5rem,17vw,5.8rem)}.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}.use-cases{border-radius:18px;margin:0 12px 20px;padding:48px 24px 28px}.case-grid{grid-template-columns:1fr;margin-top:42px}.case-grid article,.case-grid article+article{border-right:0;border-bottom:1px solid var(--border);min-height:0;padding:20px 0}.case-grid article:last-child{border-bottom:0}.case-grid h3{margin:26px 0 8px}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(--border);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}.site-header{min-width:0}.site-header .brand img{width:124px}.site-header .sdk-badge{display:none}.site-header nav{min-width:0;overflow:hidden}.site-header nav a:nth-child(n+3){display:none}.doc-content{overflow-wrap:anywhere;min-width:0;max-width:100%}.doc-content pre,.doc-content code{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}}.hub-home{color:#f5f1f7;background:#17151f;min-height:100vh;font-family:Archivo,sans-serif}.hub-shell{width:min(1152px,100% - 40px);margin:0 auto}.hub-nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17151fdb;border-bottom:1px solid #ffffff14;position:sticky;top:0}.hub-nav-inner{justify-content:space-between;align-items:center;gap:20px;height:56px;display:flex}.hub-brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.hub-brand img{width:132px}.hub-brand span,.hub-nav nav a,.hub-github,.hub-install,.hub-tabs button,.hub-plan,.hub-input>div,.hub-code>div,.hub-box-grid b{font-family:JetBrains Mono,monospace}.hub-brand span{color:#aaa5b4;letter-spacing:.2em;font-size:11px}.hub-nav nav{align-items:center;gap:20px;display:flex}.hub-nav nav a,.hub-github{color:#aaa5b4;font-size:13px;text-decoration:none}.hub-nav nav a:hover,.hub-github:hover{color:#fff}.hub-github{color:#f5f1f7;border:1px solid #ffffff21;border-radius:6px;padding:8px 14px}.hub-hero{position:relative;overflow:hidden}.hub-glow{pointer-events:none;background:radial-gradient(at 50% 0,#e86a9d2e,#0000 62%),radial-gradient(at 70% 0,#e7b35c14,#0000 55%);height:60vh;position:absolute;inset:0 0 auto}.hub-hero-inner{text-align:center;padding:96px 0 64px;position:relative}.hub-hero h1,.hub-section h2{letter-spacing:-.045em;margin:0;font-weight:600;line-height:1.04}.hub-hero h1{max-width:840px;margin:auto;font-size:clamp(2.35rem,5vw,3.7rem)}.hub-hero h1 span{color:#aaa5b4;-webkit-text-decoration:line-through #e86a9d;text-decoration:line-through #e86a9d;text-decoration-thickness:4px}.hub-hero h1 b{color:#e86a9d;font-weight:inherit}.hub-hero-inner>p,.hub-copy p,.hub-integration p,.hub-use-grid p,.hub-box-grid p,.hub-example-grid h3+p{color:#aaa5b4;max-width:690px;margin:20px auto 0;font-size:15px;line-height:1.7}.hub-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.hub-button{color:#f5f1f7;border:1px solid #ffffff24;border-radius:6px;align-items:center;height:40px;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.hub-button:hover{background:#ffffff0d;border-color:#ffffff4d}.hub-primary{color:#17151f;background:#f5f1f7;border-color:#f5f1f7}.hub-install{color:#aaa5b4;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:12px;margin-top:24px;padding:10px 14px;font-size:12px;display:inline-flex}.hub-install strong,.hub-plan b,.hub-code button.active,.hub-box-grid b{color:#e86a9d}.hub-install small{color:#777282}.hub-section{padding:80px 0}.hub-border{border-top:1px solid #ffffff14}.hub-section h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}.hub-copy{max-width:680px}.hub-copy p{margin-left:0}.hub-copy .hub-button{margin-top:24px}.hub-tabs{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.hub-tabs button,.hub-code button{color:#aaa5b4;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:7px 12px;font-size:12px}.hub-tabs button.active,.hub-code button.active{color:#f5f1f7;background:#ffffff14}.hub-example-grid,.hub-integration{grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:24px;display:grid}.hub-example-grid>*,.hub-integration>*{min-width:0}.hub-panel{background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;overflow:hidden}.hub-input pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.docs-template-gallery{margin-bottom:64px}.docs-template-gallery>p{color:#aaa5b4;max-width:720px;line-height:1.7}.template-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin-top:32px;display:grid}.template-card{min-width:0}.template-card-preview{aspect-ratio:16/9;color:#fff;text-align:center;cursor:pointer;background:linear-gradient(145deg,#25112b,#0c0a14);border:1px solid #ffffff1a;border-radius:10px;place-items:center;display:grid;overflow:hidden}.template-card-preview strong{font-size:clamp(18px,2vw,28px)}.template-card-preview small{color:#aaa5b4;margin-top:12px;font:12px JetBrains Mono,monospace;display:block}.template-card-preview [data-testid=motion-response-player]{width:100%;height:100%}.template-card h3{color:#f5f2f7;margin:12px 0 0;font:15px JetBrains Mono,monospace}.template-card p{color:#aaa5b4;margin:8px 0 0;font-size:13px;line-height:1.55}.hub-video video{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.hub-plan{margin-top:18px}.hub-plan>div,.hub-input>div,.hub-code>div{color:#aaa5b4;border-bottom:1px solid #ffffff14;padding:9px 14px;font-size:11px}.hub-plan p{border-bottom:1px solid #ffffff14;gap:14px;margin:0;padding:9px 14px;font-size:12px;display:flex}.hub-plan span{color:#777282}.hub-plan i{color:#aaa5b4;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.hub-plan em{color:#777282;margin-left:auto;font-style:normal}.hub-plan .muted{color:#777282}.hub-example-grid h3,.hub-use-grid h3{margin:0;font-size:17px;font-weight:500}.hub-example-grid h3+p{margin:10px 0 0;font-size:14px}.hub-input{margin-top:20px}.hub-input pre,.hub-code pre{color:#f5f1f7c2;white-space:pre-wrap;margin:0;padding:16px;font:12px/1.8 JetBrains Mono,monospace;overflow:auto}.hub-use-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;margin-top:40px;display:grid}.hub-use-grid article video{aspect-ratio:16/9;object-fit:cover;opacity:.9;background:#000;border:1px solid #ffffff17;border-radius:8px;width:100%}.hub-use-grid h3{margin-top:14px}.hub-use-grid p{margin:8px 0 0;font-size:14px}.template-gallery{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;display:grid}.template-gallery article h3{color:#e86a9d;margin:14px 0 0;font:13px JetBrains Mono,monospace}.template-gallery article p{color:#777282;margin:6px 0 0;font-size:13px}.sdk-preview{background:#0d0b14;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.sdk-preview-stage{aspect-ratio:16/9;background:radial-gradient(circle at 65% 25%,#e86a9d47,#0000 48%),linear-gradient(135deg,#211528,#0d0b14);place-items:center;min-height:170px;display:grid;position:relative}.sdk-preview-stage [data-testid=motion-response-player]{width:100%;height:100%}.sdk-preview-number{color:#f5f1f7;letter-spacing:-.03em;font:700 20px Archivo,sans-serif}.sdk-preview-stage small{color:#aaa5b4;font:10px JetBrains Mono,monospace;position:absolute;bottom:12px}.hover-preview{transition:border-color .2s,transform .2s}.hover-preview:hover,.hover-preview:focus-within{border-color:#e86a9d;transform:translateY(-2px)}.hub-integration{align-items:start}.hub-integration p{margin-left:0}.hub-integration ul{color:#aaa5b4;border-top:1px solid #ffffff1a;margin:28px 0 0;padding:20px 0 0 20px;font-size:14px;line-height:1.8}.hub-code>div{align-items:center;gap:6px;display:flex}.hub-code>div span{color:#777282;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font:11px JetBrains Mono,monospace;overflow:hidden}.hub-box-grid{background:#ffffff14;border:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;display:grid;overflow:hidden}.hub-box-grid article{background:#17151f;padding:24px}.hub-box-grid b{font-size:13px;font-weight:400}.hub-box-grid p{margin:10px 0 0;font-size:14px}.hub-closing{text-align:center}.hub-closing small{color:#aaa5b4;margin-top:24px;font:11px JetBrains Mono,monospace;display:block}.hub-footer{color:#aaa5b4;border-top:1px solid #ffffff14;padding:32px 0;font-size:13px}.hub-footer .hub-shell{justify-content:space-between;gap:20px;display:flex}.hub-footer nav{flex-wrap:wrap;gap:20px;display:flex}.hub-footer a{color:inherit;text-decoration:none}.docs-preview{border-bottom:1px solid var(--border);margin-bottom:56px;padding-bottom:40px}.docs-preview h1{margin-top:0}.docs-preview>p{max-width:680px;color:var(--muted-foreground);line-height:1.7}.docs-preview-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px;display:grid}.docs-preview-card{border:1px solid var(--border);background:#ffffff06;border-radius:10px;padding:18px}.docs-preview-card h2{margin:18px 0 0;font-size:18px}.docs-preview-card p{color:var(--muted-foreground);font-size:14px;line-height:1.6}.docs-preview-card a{color:var(--foreground);font-weight:600}.template-preview{color:#fff;background:linear-gradient(135deg,#4a1735,#7e4821);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;min-height:150px;padding:16px;display:grid}.template-preview span{font:12px JetBrains Mono,monospace}.template-preview strong{align-self:end;font:12px JetBrains Mono,monospace}.template-preview i{place-self:end;font-size:42px;font-style:normal}.audio-preview{background:#0c0a13;border-radius:8px;align-items:center;gap:4px;min-height:150px;padding:16px;display:flex}.audio-preview span{color:#e86a9d;margin-right:8px;font-size:26px}.audio-preview i{background:linear-gradient(#e86a9d,#e7b35c);border-radius:4px;flex:1;min-width:3px;max-width:8px}@media (width<=760px){.hub-nav nav{display:none}.hub-hero-inner{padding:64px 0 48px}.hub-example-grid,.hub-integration,.hub-use-grid,.hub-box-grid,.template-gallery,.docs-preview-grid,.template-gallery-grid{grid-template-columns:1fr}.hub-footer .hub-shell{flex-direction:column}.hub-section{padding:56px 0}}:root{--stage:#17151f;--surface:#211f2a;--hairline:#ffffff17;--hub-muted:#aaa5b8;--accent-pink:#e86a9d;--accent-amber:#e7b35c;font-family:Archivo,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(58% 40% at 50% -6%, #e86a9d1c, transparent 72%), radial-gradient(40% 34% at 82% 6%, #e7b35c12, transparent 74%), var(--stage)}.site-header{border-bottom-color:var(--hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17151fcc;max-width:1152px;height:56px;padding:0 20px}.wordmark{letter-spacing:-.035em;font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-size:1rem}.wordmark b{border:0;border-left:1px solid var(--hairline);color:var(--hub-muted);letter-spacing:.2em;text-transform:uppercase;border-radius:0;padding:0 0 0 12px;font:11px/1 JetBrains Mono,ui-monospace,monospace}.site-header nav{gap:24px}.site-header nav a{color:var(--hub-muted);font-size:13px}.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff;background:0 0}footer{border-top-color:var(--hairline);max-width:1152px;color:var(--hub-muted);font:12px/1.5 JetBrains Mono,ui-monospace,monospace}.hero{text-align:center;max-width:1152px;padding:96px 20px 72px}.hero h1{letter-spacing:-.05em;max-width:52rem;margin:0 auto;font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.5rem,5vw,3.6rem);line-height:1.04}.hero-copy{max-width:43rem;color:var(--hub-muted);margin:20px auto;font-size:16px;line-height:1.7}.hero-actions{justify-content:center}.button{border-radius:7px;padding:10px 16px;font-size:14px}.install{margin:24px auto 0;font-size:12px}.stream-demo{width:min(100%,360px);margin:42px auto 0;position:relative;bottom:auto;right:auto;transform:rotate(1deg)}.section-grid{gap:64px;max-width:1152px;padding:96px 20px}.section-grid h2,.use-cases h2,.studio h2{letter-spacing:-.04em;font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:600;line-height:1.05}.truth>div:last-child,.integration p,.studio p{color:var(--hub-muted);font-size:15px;line-height:1.8}.use-cases{color:#f7f5ff;background:0 0;max-width:1152px;margin:auto;padding:96px 20px}.case-grid{border-top-color:var(--hairline);grid-template-columns:repeat(3,1fr);margin-top:48px}.case-grid article{border-right-color:var(--hairline);min-height:190px;padding:22px 18px 18px 0}.case-grid article+article{padding-left:18px}.case-grid h3{margin:44px 0 10px;font-size:16px}.case-grid p{color:var(--hub-muted);font-size:14px;line-height:1.65}.integration pre,.lab-panel,.doc-content pre{border-color:var(--hairline);background:#ffffff06;border-radius:12px}.text-link,.doc-content a{color:#f0a1c2}.page-intro,.docs-layout,.playground-grid{max-width:1152px}.page-intro{padding:64px 20px 36px}.page-intro h1,.doc-content h1{font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-weight:600}.page-intro h1{letter-spacing:-.05em;font-size:clamp(2.4rem,5vw,3.6rem)}.page-intro>p:last-child,.doc-content p,.doc-content li{color:var(--hub-muted);line-height:1.8}.docs-layout{grid-template-columns:210px minmax(0,760px);gap:64px;padding:56px 20px 120px}.docs-nav{border-right-color:var(--hairline);padding-right:24px;top:76px}.docs-home{color:#fff;letter-spacing:.16em;text-transform:uppercase;font:12px JetBrains Mono,ui-monospace,monospace}.docs-nav h2,.panel-title span,.hint,small{color:var(--hub-muted);font-family:JetBrains Mono,ui-monospace,monospace}.docs-nav a:not(.docs-home){color:var(--hub-muted);padding:6px 0;font-size:13px}.docs-nav a[aria-current=page],.docs-nav a:hover{color:#fff}.docs-nav .playground-link{color:var(--accent-pink)!important}.doc-content h2,.panel-title h2{font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-weight:600}.doc-content strong{color:#fff}.doc-content code:not(pre code){color:#f1b6d0;border-color:var(--hairline);background:#ffffff0d}.doc-content blockquote{border-left-color:var(--accent-pink)}.playground-grid{gap:18px;padding:0 20px 110px}.lab-panel{box-shadow:none}.controls input,.controls select,.controls textarea{background:var(--stage);border-color:var(--hairline);border-radius:7px}.controls input:focus,.controls select:focus,.controls textarea:focus{border-color:var(--accent-pink);box-shadow:0 0 0 3px #e86a9d26}.controls details,.panel-title{border-color:var(--hairline)}.compose{border-radius:7px}@media (width<=760px){.site-header{padding:0 16px}.docs-layout{padding:36px 16px 80px}.docs-nav{border-right:0}.playground-grid{padding:0 12px 70px}}