.demo-wrap{flex-direction:column;align-self:center;align-items:center;gap:14px;width:min(440px,100vw - 32px);display:flex;position:relative}.switch{background:var(--soft);border-radius:999px;padding:3px;display:flex}.switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font:500 14px Inter,system-ui,sans-serif}.switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #0000001f}.caption{min-height:4.5em;color:var(--muted);text-align:center;text-wrap:balance;font-size:15px}@media (width<=359px){.caption{min-height:6em}}.caption b{color:var(--ink);margin-right:4px;font-weight:600}.demo{--bg:#fbfbfa;--panel:#fff;--hover:#f1f1ef;--text:#1d1d1f;--muted:#6e6e73;--line:#e6e6e3;--accent:#1d1d1f;--accent-text:#fff;--green:#1f9d55;--red:#d93f3f;--amber:#d97706;--blue:#2f6fde;--purple:#8e4ec6;--live:#e5484d;--glass-fill:#fff6;--glass-edge:#0000000f;--glass-rim:#ffffffe6;--glass-rim-low:#fff6;--glass-pill:#00000012;--glass-shadow:0 4px 14px #0000000f;--gutter:16px;text-align:left;width:100%;height:560px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:14px;flex-direction:column;gap:12px;font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 24px 60px -12px #0000004d}.demo[data-theme=dark]{--bg:#161616;--panel:#1f1f1f;--hover:#262626;--text:#ececec;--muted:#8e8e93;--line:#2c2c2e;--accent:#ececec;--accent-text:#161616;--green:#3fbf7f;--red:#ff6b6b;--amber:#f59e0b;--blue:#6aa2ff;--purple:#b98cf0;--live:#ff5c61;--glass-fill:#1c1c1e66;--glass-edge:#ffffff14;--glass-rim:#ffffff47;--glass-rim-low:#ffffff1a;--glass-pill:#ffffff24;--glass-shadow:0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .demo.mac{box-shadow:0 0 0 1px #ffffff1f,0 24px 60px -12px #0009}.demo.phone{zoom:.84;border:6px solid #111;border-radius:52px;width:min(405px,119.048%);height:864px;box-shadow:0 0 0 1px #333,0 24px 60px -12px #00000059}.statusbar{letter-spacing:-.4px;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding-top:4px;font:600 18px/1 -apple-system,SF Pro Text,system-ui,sans-serif;display:grid}.statusbar>b{justify-self:start;padding-left:40px;font-weight:600}.sysicons{justify-self:end;align-items:center;gap:6px;padding-right:30px;display:flex}.sysicons svg{fill:currentColor}.island{background:#000;border-radius:20px;justify-content:space-between;align-items:center;width:125px;height:37px;padding:0 10px;transition:width .4s cubic-bezier(.2,0,0,1);display:flex}.island>*{opacity:0;transition:opacity .2s}.island.playing{width:150px}.island.playing>*{opacity:1;transition-delay:.15s}.island img{border-radius:4px;width:22px;height:22px}.island i{align-items:center;gap:2px;height:12px;display:flex}.island b{background:#ff5a4f;border-radius:1px;width:2px;height:100%;transform:scaleY(.3)}.island.playing b{animation:.9s ease-in-out infinite alternate island-wave}.island b:nth-child(2){animation-delay:-.3s}.island b:nth-child(3){animation-delay:-.6s}.island b:nth-child(4){animation-delay:-.15s}@keyframes island-wave{to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.island.playing b{animation:none;transform:scaleY(.6)}}.demo p,.demo ul,.demo ol,.demo h3{margin:0}.demo button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px}.demo input{min-width:0;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.demo :focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.demo .titlebar{height:36px;padding:6px 6px 0 var(--gutter);flex:none;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.demo.phone .titlebar{height:32px;padding:0 var(--gutter)}.lights{gap:8px;display:flex;position:absolute;top:11px;left:10px}.lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.demo .status{height:28px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-right:auto;display:flex}.demo.mac .status{margin-left:60px}.demo .titlebar .title{z-index:5;white-space:nowrap;max-width:calc(100% - 200px);margin:0;font-size:15px;font-weight:600;line-height:28px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.demo .title>button{max-width:100%;color:inherit;font:inherit;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:hidden}.demo.phone .titlebar .title{max-width:calc(100% - 160px);top:2px}.demo .title .fav{vertical-align:middle;border-radius:4px;width:16px;height:16px;margin-right:6px}.demo .call{font-variant-numeric:tabular-nums}.demo .icon{justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.demo .callrow,.demo .empty{margin-inline:var(--gutter)}.demo .dot{background:var(--green);border-radius:50%;width:8px;height:8px}.demo .dot.live{background:var(--live);animation:1.4s ease-in-out infinite demo-pulse}.fav{color:#fff;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.demo .call{background:var(--accent);height:52px;color:var(--accent-text);border:none;border-radius:26px;flex:none;font-size:15px;font-weight:600}.demo .call.live{background:var(--live);color:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.demo .call .levels{width:110px;height:22px;transition:height .25s cubic-bezier(.2,0,0,1)}.demo .callrow.small .call .levels{height:14px}.demo.phone .call .levels{width:72px}.demo .call:not(.live){animation:2.4s ease-out infinite call-pulse}@keyframes call-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent);scale:1}15%{scale:1.02}30%{scale:1}70%,to{box-shadow:0 0 0 12px color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.demo .call:not(.live){animation:none}}.demo .callrow{flex:none;gap:8px;display:flex}.demo .callrow .call{flex:1}.demo .mute{border:1px solid var(--line);background:var(--panel);width:52px;height:52px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.demo .mute.on{border-color:var(--text);background:var(--text);color:var(--bg)}.demo .call,.demo .mute,.demo .mute svg{transition:height .25s cubic-bezier(.2,0,0,1),width .25s cubic-bezier(.2,0,0,1),font-size .25s cubic-bezier(.2,0,0,1)}.demo .callrow.small .call{height:36px;font-size:13px}.demo .callrow.small .mute{width:36px;height:36px}.demo .callrow.small .mute svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.demo .call,.demo .mute,.demo .mute svg{transition:none}}.demo .tablist,.demo .convo-tabs{padding-inline:calc(var(--gutter) - 10px);border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.demo .tablist button,.demo .convo-tabs button{white-space:nowrap;color:var(--muted);border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:6px 10px;font-weight:600}.demo .tablist button[aria-selected=true],.demo .convo-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.demo .convo-tabs{margin:10px var(--gutter) 0;background:var(--hover);border-bottom:none;border-radius:9px;gap:0;padding:3px}.demo .convo-tabs button{background:0 0;border:none;border-radius:7px;flex:1;margin:0;padding:6px 0;font-size:13px;transition:background .2s,box-shadow .2s}.demo .convo-tabs button[aria-selected=true]{background:var(--panel);box-shadow:0 1px 3px #0000001f}.demo[data-theme=dark] .convo-tabs button[aria-selected=true]{background:#3a3a3c}.demo.phone .convo-tabs{z-index:2;width:min(280px, 100% - 2 * var(--gutter));height:40px;box-shadow:var(--glass-shadow);background:0 0;border-radius:999px;margin:8px auto -48px;padding:4px;position:relative}.demo.phone .convo-tabs:after{content:"";z-index:-1;border-radius:inherit;background:var(--glass-fill);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);pointer-events:none;position:absolute;inset:0}.demo.phone .convo-tabs button{border-radius:999px;padding:0}.demo.phone .convo-tabs button[aria-selected=true],.demo.phone[data-theme=dark] .convo-tabs button[aria-selected=true]{background:var(--glass-pill);box-shadow:none}.demo.phone :is(.summary-view,.convo-tabs~.list){padding-top:56px;-webkit-mask-image:linear-gradient(#0000,#000 56px calc(100% - 16px),#0000);mask-image:linear-gradient(#0000,#000 56px calc(100% - 16px),#0000)}.demo.phone{position:relative}.demo.phone .tablist{z-index:2;box-shadow:var(--glass-shadow);touch-action:none;border:none;border-radius:999px;gap:0;padding:5px;position:absolute;bottom:38px;left:12px;right:13px;overflow:visible}.demo.phone .tablist:after,.demo.phone .glass-plus:after{content:"";z-index:-1;border-radius:inherit;background:var(--glass-fill);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);pointer-events:none;position:absolute;inset:0}.demo.phone .reach{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:118px;right:17px}.demo.phone .glass-plus{width:56px;height:56px;box-shadow:var(--glass-shadow);color:var(--text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:flex;position:relative}.demo.phone .glass-plus.small{width:44px;height:44px}.demo.phone .glass-plus:active{transform:scale(1.08)}.demo.phone .tablist button{color:var(--text);border:none;border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:2px;margin:0;padding:8px 0 7px;font-size:11px;font-weight:500;display:flex}.demo.phone .tab-icon{display:flex;position:relative}.demo.phone .tab-badge{background:var(--muted);min-width:16px;height:16px;color:var(--panel);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-6px;left:calc(100% + 3px)}.demo.phone .tablist button[aria-selected=true]{background:var(--glass-pill);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.demo.phone .tablist:active button[aria-selected=true]{transform:scale(1.12)}.demo.phone .panel{touch-action:pan-y;margin-top:0}.demo.phone .list:not(.convo),.demo.phone .projects{padding-bottom:162px}.demo .panel{flex-direction:column;flex:1;min-height:0;margin-top:-4px;animation:.2s ease-out demo-slide;display:flex}@keyframes demo-slide{0%{opacity:0;transform:translate(16px)}}.demo .tools input{background:0 0;border:none;border-radius:0;flex:1;padding:4px 0}.demo .tools input:focus-visible{outline:none}.demo.phone .pick{grid-template-columns:20px 1fr auto;gap:12px;min-height:48px;font-size:16px}.demo.phone .pick img{width:20px;height:20px}.demo.phone .projects .star{align-self:stretch;align-items:center;margin-right:-12px;padding-inline:12px}.demo.phone .tools input{min-height:48px}.demo .empty{color:var(--muted);margin-block:4px}.demo .list,.demo .projects{flex:1;min-height:0;padding:0 0 12px;list-style:none;overflow-y:auto}.demo .projects li{padding-inline:var(--gutter);grid-template-columns:1fr auto;align-items:center;gap:4px;display:grid}@media (hover:hover){.demo .projects li:hover{background:var(--hover)}}.demo .projects li.selected{background:var(--hover)}.demo .projects li.tools{z-index:1;background:var(--bg);margin-bottom:6px;transition:transform .3s,opacity .3s,visibility .3s;display:flex;position:sticky;top:0}.demo .projects li.tools.hidden{opacity:0;visibility:hidden;transform:translateY(-100%)}.demo .pick{text-align:left;border:none;border-radius:0;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.demo .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo .counts{align-items:center;gap:6px;display:flex}.demo .counts .pulse{background-color:var(--live);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite demo-pulse}.demo .star{color:var(--muted);border:none;padding:0 4px;display:flex}.demo .star[aria-pressed=true]{color:var(--amber)}.demo .running .glyph{color:var(--live);animation:1.4s ease-in-out infinite demo-pulse}.demo .waiting .glyph{color:var(--blue);font-weight:700}.demo .done .glyph{color:var(--green)}.demo .failed .glyph{color:var(--red)}.demo .closed .glyph{color:var(--muted)}.demo .row{width:100%;padding:7px var(--gutter);text-align:left;border:none;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:16px minmax(0,1fr) auto;grid-template-areas:"glyph name age"".what age";align-items:center;gap:1px 8px;display:grid}@media (hover:hover){.demo .row:hover{background:var(--hover)}}.demo.phone .list{overflow-x:hidden}.demo.phone .worker.row{touch-action:pan-y;transition:transform .6s linear(0, .06, .21, .4, .6, .77, .91, 1.01, 1.08, 1.11, 1.12, 1.11, 1.09, 1.06, 1.03, 1.01, .99, .98, .98, .98, .99, 1);-webkit-user-select:none;user-select:none;position:relative}.demo .swipe-actions{min-width:var(--open,0px);flex-direction:row-reverse;display:flex;position:absolute;top:0;bottom:-1px;right:100%}.demo .swipe-actions.end{flex-direction:row;left:100%;right:auto}.demo .swipe-actions span{white-space:nowrap;color:#fff;background:var(--muted);flex:1 0 76px;place-items:center;font-weight:600;transition:flex .25s,padding .25s;display:grid;overflow:hidden}.demo .swipe-actions b{--i:0;font-weight:inherit;opacity:clamp(0, calc((var(--shown,0) - var(--i) - .2) * 1.25), 1);scale:clamp(.4, calc(var(--shown,0) - var(--i) + .1), 1)}.demo .swipe-actions span:nth-child(2) b{--i:1}.demo .swipe-actions span:nth-child(3) b{--i:2}.demo .swipe-actions .star,.demo .swipe-actions .unstar{background:var(--amber)}.demo .swipe-actions .delete{flex-basis:var(--side,76px);background:var(--red)}.demo .swipe-actions svg{display:block}.demo .worker.row.armed .swipe-actions span{flex:0 0 0}.demo .worker.row.armed .swipe-actions .full{flex:1 0 0;place-items:center end;padding-right:24px}.demo .worker.row.armed .swipe-actions.end .full{place-items:center start;padding:0 0 0 24px}.demo .swiped .swipe-actions .full b{animation:.35s ease-out swiped-pop}.demo .swipe-actions .check{vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;width:18px;height:18px;margin-right:6px;animation:.3s ease-out .1s forwards swiped-check}@keyframes swiped-pop{0%{scale:.8}}@keyframes swiped-check{to{stroke-dashoffset:0}}.demo .glyph{grid-area:glyph}.demo .name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;overflow:hidden}.demo .badge{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text);flex:none;grid-area:glyph;align-items:center;gap:5px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.demo .badge i{background:var(--muted);border-radius:50%;flex:none;width:6px;height:6px}.demo .running .badge i{background:var(--live);animation:1.6s ease-out infinite demo-ring}.demo .waiting .badge i{background:var(--blue)}.demo .done .badge i{background:var(--green)}.demo .done .badge.answered i{background:var(--purple)}.demo .badge.badge.fresh i{background:var(--blue)}.demo .badge.badge.attention i{background:var(--purple)}.demo .failed .badge i{background:var(--red)}@keyframes demo-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 70%, transparent)}to{box-shadow:0 0 0 5px color-mix(in srgb, var(--live) 0%, transparent)}}.demo .what{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:what;font-size:12px;overflow:hidden}.demo .worker.row{grid-template-columns:minmax(44px,max-content) minmax(0,max-content) auto minmax(0,1fr) auto;grid-template-areas:"glyph name name name age""glyph what meta.age"}.demo .worker.row>.what,.demo .worker.row>.meta{align-self:baseline}.demo .worker .badge{font-size:28px}.demo .age{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:age;align-items:center;gap:8px;display:flex}.demo .row .meta{color:color-mix(in srgb, var(--muted) 70%, transparent);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:meta;margin-left:-5px;font-size:11px}.demo .age .star{cursor:pointer;padding:0}.demo .age .close-check{color:var(--muted);cursor:pointer;place-items:center;display:grid}.demo.phone .age .close-check{align-self:stretch;margin:-8px -12px -8px 0;padding:0 12px}.demo .age .close-check:hover,.demo .age .close-check:active{color:var(--green)}.demo .age .close-check,.demo .age .close-check svg{position:relative}.demo .age .close-check[data-closing]{color:#fff}.demo .age .close-check[data-closing]:before,.demo .age .close-check[data-closing]:after{content:"";box-sizing:border-box;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%}.demo .age .close-check[data-closing]:before{background:var(--green);animation:.25s cubic-bezier(.3,1.6,.5,1) both demo-check-disc}.demo .age .close-check[data-closing]:after{border:2px solid var(--green);animation:.4s ease-out 40ms both demo-check-ring}.demo .age .close-check[data-closing] svg{animation:.25s cubic-bezier(.3,1.6,.5,1) both demo-check-pop}.demo .worker.row:has(.close-check[data-closing]){animation:.3s ease-out forwards demo-closing-glow}.demo .worker.row:has(.close-check[data-closing]) .swipe-actions{display:none}@keyframes demo-check-disc{0%{scale:0}}@keyframes demo-check-pop{0%{scale:.5}}@keyframes demo-check-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:1.6}}@keyframes demo-closing-glow{to{background:color-mix(in srgb, var(--green) 14%, transparent)}}@media (prefers-reduced-motion:reduce){.demo .age .close-check[data-closing]:before,.demo .age .close-check[data-closing] svg{animation:none}.demo .worker.row:has(.close-check[data-closing]){animation:none}.demo .age .close-check[data-closing]:after{display:none}}.demo .age .row-delete{color:var(--muted);cursor:pointer;place-items:center;display:grid}.demo .age .row-delete:hover,.demo .age .row-delete:active{color:var(--red)}.demo.phone .age .row-delete{align-self:stretch;margin:-8px 0;padding:0 10px}.demo .unread,.demo .attention{background-color:var(--blue);border-radius:50%;width:6px;height:6px}.demo .attention{background-color:var(--purple)}.demo [data-tip]{box-sizing:content-box;background-clip:content-box;margin:-4px;padding:4px;position:relative}.demo [data-tip]:hover:after{content:attr(data-tip);z-index:5;white-space:nowrap;pointer-events:none;color:var(--bg);background:var(--text);border-radius:6px;padding:3px 8px;font:500 11px/1.4 Inter,system-ui,sans-serif;position:absolute;top:50%;right:calc(100% + 4px);transform:translateY(-50%)}.demo .convo-head{padding:0 var(--gutter) 4px;align-items:center;gap:8px;display:flex}.demo .convo-head>button{flex:none}.demo .convo-head .name{flex:1}.demo .new-agent{min-height:0;padding:0 var(--gutter) max(10%, 100px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex;position:relative;overflow:hidden}.demo .talk-actions{bottom:var(--gutter);padding:0 var(--gutter);pointer-events:none;flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;left:0;right:0}.demo .talk-actions>*{pointer-events:auto}.demo .talk-cancel{background:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low), 0 8px 28px #0000001f;color:var(--text);font:inherit;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;padding:3px 11px;font-size:11px}.demo .talk-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo .talk-options select{background:var(--hover);color:var(--text);font:inherit;border:0;border-radius:12px;padding:4px 8px 4px 11px;font-size:13px}.demo .talk-cancel:active,.demo .talk-clip:active{transform:scale(.96)}.demo .talk-clip{background:var(--hover);width:26px;height:26px;color:var(--text);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.demo .talk-options .attach .menu{left:50%;right:auto;transform:translate(-50%)}.demo .new-agent.tap-send{cursor:pointer}.demo.phone .talk-options select{border-radius:18px;padding:8px 12px 8px 15px;font-size:15px}.demo.phone .talk-clip{width:36px;height:36px}.demo.phone .talk-clip svg{width:18px;height:18px}.demo .talk{width:160px;height:160px;color:var(--text);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .4s cubic-bezier(.2,0,0,1);display:grid}.demo .talk>*{grid-area:1/1}.demo .talk .orb{pointer-events:none;fill:none;stroke-width:7px;stroke-linejoin:round;width:125%;height:125%;margin:-12.5%;overflow:visible}.demo .orb-ink{stroke:#fff;filter:url(#orb-ink-neon)}.demo .orb-red{stroke:#ff2d55;filter:url(#orb-neon)}.demo .orb-dots{stroke:none;filter:url(#orb-ink-neon)}.demo .orb-dot-red{fill:#ff2d55}.demo .orb-dot-ink{fill:#fff}.demo[data-theme=dark] .orb-dots{filter:url(#orb-glow)}.demo[data-theme=dark] .orb-dot-red{fill:var(--red)}.demo[data-theme=dark] .orb-dot-ink{fill:var(--text)}.demo[data-theme=dark] .orb-ink{stroke:var(--text);filter:none}.demo[data-theme=dark] .orb-red{stroke:var(--red);filter:url(#orb-glow)}.demo[data-theme=dark] .orb-wash{display:none}.demo .talk:active:not(:disabled){transform:scale(.94)}.demo .talk:disabled{opacity:.5;cursor:default}.demo .talk{animation:1.1s both orb-pop}@keyframes orb-pop{0%{scale:.006}15%{animation-timing-function:cubic-bezier(.45,0,.25,1);scale:.006}58%{animation-timing-function:ease-in-out;scale:1.12}76%{animation-timing-function:ease-in-out;scale:.96}90%{animation-timing-function:ease-in-out;scale:1.02}to{scale:1}}@media (prefers-reduced-motion:reduce){.demo .talk{transition:none;animation:none}}.demo .talk-text{flex-direction:column;align-items:center;gap:10px;width:100%;height:92px;display:flex}.demo .said{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;color:var(--muted);margin:0;overflow:hidden}.demo .said.shiny{background:linear-gradient(110deg, var(--muted) 40%, var(--text) 50%, var(--muted) 60%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite demo-shine}@keyframes demo-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.demo .heard{text-align:center;flex-direction:column;justify-content:flex-end;width:100%;max-width:340px;height:2.7em;font-size:20px;line-height:1.35;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.demo .heard p{margin:0}@media (prefers-reduced-motion:reduce){.demo .said.shiny{animation:none}}.demo .convo-head .act{flex:none;align-items:center;gap:4px;padding:4px 8px;display:flex}.demo .convo-head .more{flex:none;display:flex;position:relative}.demo .convo-head .menu{z-index:100;background:color-mix(in srgb, var(--panel) 72%, transparent);min-width:140px;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low), 0 8px 28px #00000024;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:14px;flex-direction:column;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.demo .convo-head .menu-item{color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:5px 10px;display:flex}.demo .convo-head .menu-item:hover{background:var(--glass-pill)}.demo .convo-head .menu-hint{color:var(--muted);margin-left:auto;padding-left:16px}.demo .convo-head .menu-item[aria-checked=true]{font-weight:600}.demo.phone .convo-head .menu-item{padding:10px 12px}.demo .attach{position:relative}.demo .attach .menu{z-index:100;background:color-mix(in srgb, var(--panel) 72%, transparent);min-width:140px;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low), 0 8px 28px #00000024;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:14px;flex-direction:column;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.demo .attach .menu-item{color:var(--text);font:inherit;white-space:nowrap;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;display:flex}.demo .attach .menu-item:hover{background:var(--glass-pill)}.demo .summary-view{min-height:0;padding:8px var(--gutter) 12px;flex:1;overflow-y:auto}.demo .summary-view .points{margin:8px 0 0;padding-left:20px;font-size:18px;line-height:1.4}.demo .summary-view .points li{margin-bottom:12px}.demo .summary-view .empty{color:var(--muted);margin:12px 0 0}.demo .convo{padding:8px var(--gutter) 12px}.demo .convo li{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.demo .convo .user{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.demo .convo .user:before{content:"› ";color:var(--muted)}.demo .convo .tool{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font:11px/1.5 JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.demo .convo .tool:before{content:"⏺ "}.demo .convo .tool:has(.diff){margin:6px 0}.demo .convo .tool:has(.diff):before{content:none}.demo .convo .tool .head:before{content:"⏺ "}.demo .convo.running>li.tool:last-child:before{color:var(--live);animation:1.4s ease-in-out infinite demo-pulse}.demo .diff{color:var(--text);white-space:pre-wrap;grid-template-columns:auto 1fr;margin:2px 0 0 14px;display:grid}.demo .diff>div{display:contents}.demo .diff .n{color:var(--muted);text-align:right;padding:0 8px 0 4px}.demo .diff .add>*{background:color-mix(in srgb, var(--green) 16%, transparent)}.demo .diff .del>*{background:color-mix(in srgb, var(--red) 16%, transparent)}.demo .convo .assistant{white-space:normal;padding-left:16px;position:relative}.demo .convo .assistant:before{content:"⏺";font-size:11px;line-height:19px;position:absolute;left:0}.demo .assistant p{white-space:pre-wrap}.demo .assistant p+p{margin-top:8px}.demo .reply-image{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:8px;display:block}.demo .assistant code{background:var(--hover);border-radius:4px;padding:1px 4px;font:12px JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.demo .prompt{padding:8px var(--gutter);border-top:1px solid var(--line);gap:8px;font:12px/1.5 JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;display:flex}.demo .prompt span{color:var(--muted)}.demo .prompt input{font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.demo.phone .prompt{padding-bottom:24px}.demo .prompt .icon{width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;align-self:flex-end;margin:-9px -10px -9px 0}.demo .prompt .mic:hover,.demo .prompt .halt{color:var(--text)}.demo .prompt .halt:not(:last-child){margin-right:-8px}.demo .convo .user.queued{border-style:dashed}.demo .convo .queued-bar{color:var(--muted);gap:12px;margin-top:4px;font-size:11px;display:flex}.demo .convo .queued-bar button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}.demo .convo .queued-bar button:hover{text-decoration:underline}.demo.phone .prompt{border-top:0;align-items:flex-end;padding-top:8px}.demo.phone .prompt>span{display:none}.demo.phone .prompt input{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);border-radius:22px;min-height:44px;padding:0 16px}.demo.phone .prompt .mic,.demo.phone .prompt .mic:hover{background:var(--red);color:#fff;flex:none;width:44px;height:44px;margin:0}.demo.phone .prompt .halt{background:var(--panel);border:1px solid var(--line);width:44px;height:44px;margin:0}@keyframes demo-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.demo *,.demo .dot.live{animation:none!important}}.demo .panel:has(>.empty-state){position:relative}.demo .empty-state{padding:0 var(--gutter) 10%;text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.demo .empty-state strong{color:var(--text);font-size:17px}.demo .empty-state p{max-width:280px;margin:0}.demo .empty-art{object-fit:contain;width:132px;height:132px;margin-bottom:4px;animation:.6s cubic-bezier(.34,1.56,.64,1) both empty-pop,3.2s ease-in-out .6s infinite empty-float}@keyframes empty-pop{0%{opacity:0;transform:scale(.8)}}@keyframes empty-float{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.demo .empty-art{animation:none}}.demo{--demo-ease:cubic-bezier(.25, 1, .5, 1)}.demo .list.convo{animation:demo-rise .3s var(--demo-ease) both}.demo .summary-view .points li,.demo .summary-view .empty{animation:demo-rise .35s var(--demo-ease) both}.demo .summary-view .points li:nth-child(2){animation-delay:50ms}.demo .summary-view .points li:nth-child(3){animation-delay:.1s}.demo .summary-view .points li:nth-child(4){animation-delay:.15s}.demo .summary-view .points li:nth-child(n+5){animation-delay:.2s}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.demo .list.convo,.demo .summary-view .points li,.demo .summary-view .empty{animation:none}}.demo .list-title{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px 6px;font-size:12px;font-weight:600;display:flex}.try{display:none}@media (width>=1200px){.try{width:170px;color:var(--red);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:40px;left:calc(100% - 4px)}.try.phone{top:76px}.try span{white-space:nowrap;align-self:flex-end;font:26px/1 Permanent Marker,cursive;transform:rotate(-6deg)}.try svg{width:120px;height:64px;margin-top:2px}}.demo .panel{position:relative}.demo .empty-closed{z-index:1;color:#e5484d;cursor:pointer;font-weight:500;position:absolute;bottom:16px;left:50%;translate:-50%}.demo.phone .empty-closed{bottom:84px}.demo{position:relative}.demo .preview{z-index:20;border-radius:inherit;background:var(--panel);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.demo .preview-bar{padding:10px var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);flex:none;align-items:center;gap:8px;display:flex}.demo .preview-bar button{color:var(--blue);flex:none;font-weight:600}.demo .preview-url{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:var(--hover);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:13px;display:flex;overflow:hidden}.demo .preview-page{padding:32px var(--gutter);text-align:center;flex:1;overflow:auto}.demo .preview-page h1{margin:24px 0 12px;font-size:26px}.demo .preview-page p{max-width:320px;color:var(--muted);margin:0 auto 12px}.demo .preview-page .preview-note{font-size:13px}.demo .site .glyph{align-items:center;display:flex}.demo .site .fav{display:block}.demo .site{cursor:pointer}.demo .site .icon{color:var(--muted);border:none}.demo .add-site{padding:6px 6px 6px var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.demo .add-site input{background:0 0;border:none;border-radius:0;flex:1;padding:4px 0}.demo .add-site input:focus-visible{outline:none}.demo .add-site button.icon{border:none}.demo.phone .add-site input{min-height:48px}.demo.phone .add-site{min-height:61px}.demo .tunnel-switch{background:var(--line);border:none;border-radius:11px;flex:none;width:36px;height:22px;padding:0;transition:background .2s;position:relative}.demo .tunnel-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.demo .tunnel-switch[aria-checked=true]{background:var(--live)}.demo .tunnel-switch[aria-checked=true]:after{transform:translate(14px)}.demo .folders-backdrop{z-index:20;border-radius:inherit;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo.phone .folders-backdrop{align-items:flex-end;overflow:hidden}.demo .folders{width:min(380px, calc(100% - 2 * var(--gutter)));max-height:85%;padding:var(--gutter);background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;display:flex;box-shadow:0 8px 32px #0003}.demo.phone .folders{width:100%;padding-bottom:calc(var(--gutter) + 20px);border:none;border-radius:16px 16px 0 0;animation:.3s cubic-bezier(.32,.72,0,1) folders-up}@keyframes folders-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.demo.phone .folders{animation:none}}.demo .folders b{font-size:15px}.demo .folders-path{color:var(--muted);margin-top:-6px}.demo .folders ul{min-height:0;margin:0 calc(-1 * var(--gutter));border-block:1px solid var(--line);flex:1;padding:0;list-style:none;overflow:auto}.demo .folders li+li{border-top:1px solid var(--line)}.demo .folders ul button{width:100%;min-height:44px;padding:0 var(--gutter);text-align:left;background:0 0;border:none;border-radius:0}.demo.phone .folders ul button{min-height:48px}.demo .folders-none{padding:14px var(--gutter);color:var(--muted)}.demo .folders-add{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;padding:10px;font-weight:500}.demo .folders-cancel{color:var(--muted);border:none;align-self:center}.demo .projects li.tools{gap:8px}.carplay{flex-direction:column;gap:28px;display:flex}.section-head .carplay-soon{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);border-radius:999px;margin:0 0 12px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.carplay-car{--zoom:2.6;--side:10%;--bottom:60%;aspect-ratio:1.1;cursor:pointer;--fade-x:linear-gradient(to right, transparent, #0000001a calc(var(--side) * .25), #00000080 calc(var(--side) * .5), #000000e6 calc(var(--side) * .75), #000 var(--side), #000 calc(100% - var(--side)), #000000e6 calc(100% - var(--side) * .75), #00000080 calc(100% - var(--side) * .5), #0000001a calc(100% - var(--side) * .25), transparent);--fade-y:linear-gradient(#000 var(--bottom), #000000e6 calc(var(--bottom) + (100% - var(--bottom)) * .25), #00000080 calc(var(--bottom) + (100% - var(--bottom)) * .5), #0000001a calc(var(--bottom) + (100% - var(--bottom)) * .75), transparent);-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);margin:0 -20px;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.carplay-dash{width:calc(var(--zoom) * 100%);position:absolute;top:0;left:50%;translate:-50%}.carplay-dash>img{width:100%;height:auto;display:block}.carplay-screen{background:#000;width:30.7708%;height:52.6144%;position:absolute;top:.6536%;left:34.625%;overflow:hidden;-webkit-mask:url(/carplay/screen-mask.png) 0 0/100% 100% no-repeat;mask:url(/carplay/screen-mask.png) 0 0/100% 100% no-repeat;container-type:inline-size}.carplay-btn{font:inherit;color:#fff;background:var(--red);cursor:pointer;border:0;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:11px 20px 11px 16px;font-weight:600;transition:background .15s;display:inline-flex}.carplay-btn:hover{background:#d63c41}.carplay-btn svg{width:20px;height:20px}.carplay-line{text-align:center;align-self:center;max-width:520px;min-height:calc(18px + 3em);margin:0;font-size:17px;line-height:1.5}@media (width<=359px){.carplay-line{text-align:center;align-self:center;min-height:calc(18px + 4.5em);margin:0}}.carplay-said{animation:.3s ease-out both carplay-in;display:block}.carplay-who{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;display:block}.carplay-who.yonder{color:var(--red)}@keyframes carplay-in{0%{opacity:0}}.carplay-cta{flex-direction:column;align-items:center;gap:8px;display:flex}.carplay-stores{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.store.soon{pointer-events:none}.carplay-light,.carplay-shade{pointer-events:none;background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;position:absolute;inset:0;-webkit-mask:url(/carplay/dashboard.webp) 0 0/100% 100% no-repeat;mask:url(/carplay/dashboard.webp) 0 0/100% 100% no-repeat}.carplay-light{mix-blend-mode:screen;background-image:linear-gradient(100deg,#0000 42%,#fff0dce6 50%,#0000 60%)}.carplay-shade{mix-blend-mode:multiply;background-image:linear-gradient(100deg,#0000 34%,#463c3252 50%,#0000 66%)}.carplay-dash{animation:5.4s ease-in-out infinite carplay-sway}.carplay-light{animation:4.2s linear infinite carplay-pass}.carplay-shade{animation:6.6s linear -2.4s infinite carplay-pass}@keyframes carplay-sway{0%,to{transform:translateY(0)rotate(0)}22%{transform:translateY(-.35%)rotate(-.15deg)}48%{transform:translateY(.2%)rotate(.1deg)}71%{transform:translateY(-.15%)rotate(.12deg)}}@keyframes carplay-pass{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.carplay-dash,.carplay-light,.carplay-shade,.carplay-said{animation:none!important}}@media (width>=860px){.carplay{align-self:center;width:min(1120px,100vw - 40px)}.carplay-car{--zoom:1.6;--side:22%;aspect-ratio:1.8;margin:0}}.cp{color:#fff;-webkit-font-smoothing:antialiased;background:#000;font:400 1.66667cqw/1.2 -apple-system,SF Pro Display,system-ui,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.cp svg,.cp img{display:block}.cp-side{background:#1c1c1e;flex-direction:column;flex:none;align-items:center;width:5em;padding:1em 0 1.125em;display:flex}.cp-time{letter-spacing:-.0187em;font-size:1.25em;font-weight:600;line-height:1.2}.cp-net{align-items:flex-end;gap:.125em;margin-top:.25em;font-size:.75em;font-weight:600;line-height:1;display:flex}.cp-net i{background:#fff;border-radius:1px;width:.1875em;display:block}.cp-net i:first-child{height:.3125em}.cp-net i:nth-child(2){height:.5em}.cp-net i:nth-child(3){height:.6875em}.cp-net i:nth-child(4){height:.875em;margin-right:.1875em}.cp-app{border-radius:.8125em;place-items:center;width:3.375em;height:3.375em;margin-top:.875em;display:grid}.cp-net+.cp-app{margin-top:1.375em}.cp-app.on{box-shadow:0 0 0 .125em #000,0 0 0 .25em #fff}.cp-home{background:#3a3a3c;border-radius:.75em;place-items:center;width:2.875em;height:2.875em;margin-top:auto;display:grid}.cp-home svg{width:1.5em;height:1.5em}.cp-main{flex-direction:column;flex:1;min-width:0;display:flex}.cp-tabs{flex:none;justify-content:center;align-items:center;gap:.625em;height:4.375em;display:flex}.cp-tab{color:#8e8e93;border-radius:1.375em;align-items:center;gap:.5em;height:2.75em;padding:0 1.375em;font-size:1.1875em;font-weight:600;display:flex}.cp-tab svg{width:1.375em;height:1.375em}.cp-tab.on{color:#fff;background:#2c2c2e}.cp-voice{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:1.875em;display:flex}.cp-orb{place-items:center;width:15.625em;height:15.625em;display:grid;position:relative}.cp-ring{border:.1875em solid #e5484d;border-radius:50%;position:absolute}.cp-glow{background:radial-gradient(#e5484d55,#0000 70%);border-radius:50%;position:absolute;inset:2.125em}.cp-arc{border:.25em solid #0000;border-top-color:#e5484d;border-radius:50%;position:absolute;inset:2.75em}.cp-face{background:#e5484d;border-radius:50%;place-items:center;width:8.75em;height:8.75em;display:grid;position:relative}.cp-face img{width:6.125em;margin:.3125em 0 0 .4375em}.cp-state{letter-spacing:-.0312em;margin-top:.75em;font-size:2.125em;font-weight:700;line-height:1.2}.cp-buttons{gap:2.875em;margin-top:1.375em;display:flex}.cp-btn{color:#c7c7cc;flex-direction:column;align-items:center;gap:.5em;font-size:.9375em;font-weight:600;line-height:1.2;display:flex}.cp-c{background:#3a3a3c;border-radius:50%;place-items:center;width:4.375em;height:4.375em;display:grid}.cp-c svg{width:2em;height:2em}.cp-btn.end .cp-c{background:#ff3b30}.cp-list{flex:1;padding:.25em 2em 0}.cp-row{border-bottom:1px solid #2c2c2e;align-items:center;gap:1.125em;height:5.25em;display:flex}.cp-row:last-child{border-bottom:0}.cp-ic{border-radius:.6875em;flex:none;place-items:center;width:3.125em;height:3.125em;display:grid}.cp-ic svg{width:1.625em;height:1.625em}.cp-ic.run{background:#0a84ff}.cp-ic.wait{background:#ff9f0a}.cp-ic.done{background:#30d158}.cp-t{flex:1;min-width:0}.cp-n{letter-spacing:-.0187em;white-space:nowrap;text-overflow:ellipsis;font-size:1.375em;font-weight:600;line-height:1.25;overflow:hidden}.cp-d{color:#8e8e93;margin-top:.1875em;font-size:1.0625em;line-height:1.25}.cp-chev{color:#636366;width:.8125em;height:1.5em}:root{--red:#e5484d;--ink:#111113;--muted:#6b6f76;--line:#e4e0d8;--soft:#efece6;--bg:#f4f2ee;--surface:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#ececec;--muted:#8e8e93;--line:#2c2c2e;--soft:#262626;--bg:#121212;--surface:#1f1f1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.5 Inter,system-ui,sans-serif}h1,h2,p{margin:0}.page{max-width:400px;padding:calc(72px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));--section:128px;gap:var(--section);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}@media (width>=860px){.page{--section:176px}}.hero+.stage,.stage>.demo-wrap{margin-top:calc(48px - var(--section))}.hero{text-align:center;flex-direction:column;align-items:center;display:flex}.hero>.logo{margin-bottom:20px}.wordmark{width:auto;height:48px;margin-bottom:8px;display:block}h1{letter-spacing:-.03em;font-size:32px;font-weight:700}.tagline{letter-spacing:-.03em;margin-top:2px;font-size:20px;font-weight:500}.lede{color:var(--muted);margin-top:12px}.scribble{white-space:nowrap;display:inline-block;position:relative}.scribble-line{width:104%;height:.45em;color:var(--red);pointer-events:none;position:absolute;bottom:-.3em;left:-2%}.downloads{gap:8px;margin-top:24px;display:grid}@media (width>=860px){.downloads{grid-auto-columns:1fr;grid-auto-flow:column;width:max-content}}.store{color:#fff;background:#000;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 20px 11px 18px;text-decoration:none;transition:background .15s;display:inline-flex}.store:hover{background:#222}:root[data-theme=dark] .store{color:#000;background:#fff;border-color:#fff}:root[data-theme=dark] .store:hover{background:#ddd}.store.light,:root[data-theme=dark] .store.light{color:#000;background:#fff;border-color:#00000026;box-shadow:0 1px 2px #0000000f}.store.light:hover,:root[data-theme=dark] .store.light:hover{background:#f2f2f2}:root[data-theme=dark] .store:not(.light):not(.soon){color:#fff;background:#000;border-color:#ffffff40}.store svg{flex:none;width:20px;height:20px;display:block}.store span{letter-spacing:-.01em;text-align:left;white-space:nowrap;flex-direction:column;font-size:17px;font-weight:500;line-height:1.1;display:flex}.store small{letter-spacing:0;font-size:10px;font-weight:400}.award{color:var(--muted);opacity:.6;justify-content:center;align-items:center;gap:4px;display:flex}.laurel{opacity:.7;background:currentColor;flex:none;width:26px;height:50px;-webkit-mask:url(/laurel.svg) 50%/contain no-repeat;mask:url(/laurel.svg) 50%/contain no-repeat}.laurel.flip{transform:scaleX(-1)}.award-body{flex-direction:column;align-items:center;gap:6px;display:flex}.award strong{letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:8px;font-weight:600}.stars{opacity:.7;gap:3px;display:flex}.stars svg{fill:currentColor;width:16px;height:16px}.download{flex-direction:column;gap:8px;display:flex}.note{color:var(--muted);font-size:13px}.dance{align-self:center;width:min(760px,100vw - 40px);position:relative}.dance video{aspect-ratio:16/9;background:var(--soft);cursor:pointer;border-radius:20px;width:100%;height:auto;display:block}.dance-sound{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .15s;display:grid;position:absolute;bottom:12px;right:12px}.dance-sound:hover{background:var(--red)}.dance-sound svg{width:20px;height:20px}.feature-group{flex-direction:column;gap:48px;display:flex}.features{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.features h2{letter-spacing:-.03em;font-size:16px;font-weight:600}.features p{color:var(--muted);font-size:15px}.features p a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.via-cloudflare{color:var(--ink);align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:500;display:flex}.via-cloudflare img{width:24px;height:12px}.foot{text-align:center;color:var(--muted);margin-top:auto;font-size:13px}.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--ink)}.foot p{margin:4px 0}.foot .foot-apps{color:var(--ink);font-size:15px;font-weight:500}.foot .foot-links{margin-top:12px;font-size:12px}.foot .award{margin-top:24px}.features li{align-items:flex-start;gap:14px;display:flex}@media (width>=860px){.features{grid-template-columns:repeat(3,1fr);align-self:center;gap:36px 32px;width:min(1120px,100vw - 40px);display:grid}.features li{flex-direction:column}.features.two{grid-template-columns:repeat(2,1fr);width:min(760px,100vw - 40px)}}.features .icon{flex:none;display:flex}.features .icon img{width:20px;height:20px}.pricing{flex-direction:column;gap:32px;display:flex}.section-head{text-align:center}.section-head h1,.section-head h2{letter-spacing:-.03em;font-size:32px;font-weight:700}.section-head p{color:var(--muted);margin-top:8px}.plans{gap:20px;display:grid}.plan{background:var(--surface);border-radius:20px;flex-direction:column;padding:28px 24px;display:flex;position:relative}.plan h3{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700}.blurb{color:var(--muted);margin-top:4px;font-size:14px}.price{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:20px;font-size:40px;font-weight:700;line-height:1}.plan-btn{text-align:center;color:var(--ink);background:var(--soft);border-radius:999px;margin-top:24px;padding:11px 16px;font-weight:600;text-decoration:none;transition:background .15s}.plan-btn:hover{background:var(--line)}.plan-btn.primary{color:#fff;background:var(--red)}.plan-btn.primary:hover{background:#d63c41}.plan-btn.blue{color:#fff;background:#3e63dd}.plan-btn.blue:hover{background:#3358d4}.term{color:var(--muted);margin-top:6px;font-size:14px}.switch.billing{width:max-content;margin:20px auto 0}.switch.billing .yearly{align-items:center;gap:8px;padding:4px 4px 4px 16px;display:inline-flex}.switch.billing .save{color:#fff;background:var(--red);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:17px}.plan ul{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:24px 0 0;padding:24px 0 0;font-size:15px;list-style:none;display:flex}.plan li{gap:10px;display:flex}.plan .ico{background:var(--red);flex:none;width:20px;height:20px;margin-top:1px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.plan.blue .ico{background:#3e63dd}.plan.team .ico{background:var(--ink)}.plans li:first-child{color:var(--red);font-weight:600}.plans .plan.blue li:first-child{color:#3e63dd}.section-head.more+.plans{margin-top:72px}.plan-top{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.plan-bird{pointer-events:none;width:150px;height:150px;margin:-76px 0 4px -8px;display:block}.plan-cost{text-align:right;position:absolute;top:23px;right:24px}.plan-cost .price{margin-top:0}.pricing-cta{align-self:center;margin-top:0;padding:11px 28px}.home-logo{align-self:center;display:flex}.free-head{flex-direction:column;display:flex}.section-head.more{margin-top:112px}.free-downloads{text-align:center}.free-downloads .downloads{margin:8px auto 0}@media (width>=860px){.pricing{align-self:center;width:min(1120px,100vw - 40px)}.plans{grid-template-columns:repeat(2,1fr)}.plan.wide{grid-template-columns:280px 1fr;gap:48px;padding:36px 40px;display:grid}.plan.wide ul{border-top:0;border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);align-content:center;gap:14px 24px;margin:0;padding:0 0 0 48px;display:grid}}.download-page{flex-direction:column;gap:32px;display:flex}.platforms{gap:16px;display:grid}.platform{text-align:center;background:var(--surface);border-radius:20px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.platform h2{letter-spacing:-.03em;font-size:22px;font-weight:700}.platform .store{min-width:200px;margin-top:24px}.platform .note{margin-top:12px}.download-page .agree{text-align:center}.download-page .agree a{color:inherit;text-underline-offset:3px;text-decoration:underline}@media (width>=860px){.download-page{align-self:center;width:min(1120px,100vw - 40px)}.platforms{grid-template-columns:repeat(3,1fr)}}.about{flex-direction:column;gap:32px;display:flex}.about h2{letter-spacing:-.03em;font-size:20px;font-weight:700}.about p{color:var(--muted);margin-top:6px;font-size:17px}.about .section-head p{margin-top:8px;font-size:16px}.about .bird.go{align-self:center;width:280px}.about-end{text-align:center;flex-direction:column;align-items:center;margin-top:32px;display:flex}.about-end .tagline{color:var(--ink)}@media (width>=860px){.about{align-self:center;width:min(600px,100vw - 40px)}}.bird{align-self:center;width:240px;height:auto;display:block}.bird.go{align-self:flex-start;width:380px;max-width:100%}.bird.back{align-self:flex-end}.foot .bird{width:120px;margin:0 auto 8px}@media (width<=1199px){.stage{display:contents}.hero+.stage{margin-top:0}.bird.back,.pricing,.download-page,.about,.dance,.foot{order:1}}@media (width>=860px) and (width<=1199px){.bird.go{margin-left:-140px}.bird.back{margin-right:-140px}}@media (width>=1200px){.stage>.demo-wrap{margin-top:0}.stage{grid-template-columns:1fr auto 1fr;align-self:center;align-items:center;gap:48px;width:min(1400px,100vw - 40px);display:grid}.stage>*{grid-row:1}.stage .bird.go{grid-column:1;justify-self:end;width:min(100%,460px)}.stage .demo-wrap{grid-column:2}.stage .bird.back{grid-column:3;justify-self:start;width:min(100%,320px)}}.signin{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:10;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;position:absolute}.signin:hover{background:var(--soft)}