:root{--bg:#ffffff;--fg:#1f1f1f;--muted:#717171;--faint:#a3a3a3;--border:#e8e8e8;--surface:#fafafa;--surface-2:#f4f4f4;--bento-illustration-muted:#d7d7d7;--bento-demo-hover-bg:color-mix(in srgb,var(--brand) 18%,#fff);--accent:#1d9bf0;--brand:#e89999;--ok:#22c55e;--radius-small:4px;--radius-base:8px;--radius-large:12px;--ease:cubic-bezier(0.22,1,0.36,1);color:var(--fg);background:var(--bg)}html[data-theme=dark]{color-scheme:dark;--bg:#161414;--fg:#f4eeee;--muted:#b7a9a9;--faint:#7f7272;--border:#453b3b;--surface:#1d1a1a;--surface-2:#272121;--bento-illustration-muted:#4a3f3f;--bento-demo-hover-bg:color-mix(in srgb,var(--brand) 20%,#1d1a1a);--accent:#72b7f6;--ok:#4ade80}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga","clig";font-variant-ligatures:common-ligatures;text-rendering:optimizelegibility;text-wrap:pretty}::selection{color:var(--fg);background:color-mix(in srgb,var(--brand) 32%,transparent)}html{background:var(--bg);scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{min-height:100dvh;margin:0;color:var(--fg);background:var(--bg);font:400 14px/21px Inter,sans-serif;letter-spacing:-.09px}a,button,input{font:inherit}a,button{color:inherit}a{text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--brand)}button{cursor:pointer}img{display:block}h1,h2,h3,p,pre{margin:0}h1,h2,h3{font-weight:500}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.compact-shell{width:100%;max-width:40rem;min-height:100dvh;margin:0 auto;padding:96px 24px;overflow-x:hidden}.top{justify-content:center;gap:12px;margin-bottom:48px}.brand,.copy-command,.footer,.hero-actions,.install-pill,.section-head,.top{display:flex;align-items:center}.brand{gap:10px;font-size:20px;line-height:28px}.brand img{width:auto;height:1em}.brand h1{color:var(--brand);font-size:inherit;line-height:inherit;letter-spacing:-.18px;font-weight:500}.intro{margin-bottom:72px;text-align:center}.intro h2{max-width:520px;margin-inline:auto;font-size:20px;line-height:28px;letter-spacing:-.18px}.tagline{margin-top:16px;color:var(--fg)}.hero-actions{justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.section-head h2{color:var(--fg);font-size:14px;line-height:21px;font-weight:700}.section-subtitle{margin-top:4px;color:var(--muted);font-size:14px;line-height:21px;font-weight:400}.sparkle-action-wrap{position:relative;z-index:0;display:inline-flex;isolation:isolate}.primary-action.try-tuna-button{--sparkle-active:0;--sparkle-play:paused;--try-candy-edge:#dc777f;--try-candy-glow:rgb(232 153 153/46%);--try-candy-glow-strong:rgb(232 153 153/64%);--try-candy-inner:rgb(255 255 255/62%);--try-candy-bg:radial-gradient(80% 110% at 50% 116%,rgb(254 218 218/calc(0.22 + (var(--sparkle-active) * 0.34))),transparent 62%),radial-gradient(95% 72% at 50% 76%,#d66f78 0%,var(--brand) 58%,#f2b4b4 100%);position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;min-height:36px;min-width:112px;overflow:hidden;padding:0 16px 0 14px;border-radius:9px;border-color:var(--try-candy-edge);color:var(--fg);background:var(--try-candy-bg);box-shadow:0 7px 28px -14px var(--try-candy-glow),0 0 calc(var(--sparkle-active) * 34px) calc(var(--sparkle-active) * 3px) var(--try-candy-glow-strong),inset 0 1px 8px -4px var(--try-candy-inner),inset 0 -10px 18px -18px rgb(105 41 48/64%);font-size:14px;line-height:1;letter-spacing:-.09px;font-weight:600;white-space:nowrap;transform:scale(calc(1 + (var(--sparkle-active) * .055))) translateZ(0);transform-origin:center;transition:filter .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1);will-change:transform;text-box-trim:trim-both;text-box-edge:ex alphabetic}.primary-action.try-tuna-button:after,.primary-action.try-tuna-button:before{content:"";position:absolute;pointer-events:none}.primary-action.try-tuna-button:before{inset:0;z-index:3;border:1px solid rgb(255 255 255/42%);border-radius:inherit;opacity:calc(.55 + (var(--sparkle-active) * .45));transition:opacity .18s ease}.primary-action.try-tuna-button:after{top:1px;right:10%;z-index:4;width:60%;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255/76%),transparent)}.sparkle-action-sweep{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit;-webkit-mask:linear-gradient(white,transparent 58%);mask:linear-gradient(white,transparent 58%);opacity:calc(.36 + (var(--sparkle-active) * .64));animation:sparkle-action-flip 3.2s steps(2) infinite;animation-play-state:var(--sparkle-play)}.sparkle-action-sweep:before{content:"";position:absolute;top:-78%;left:50%;width:180%;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0 335deg,rgb(255 255 255/92%) 1turn);transform:translateX(-50%) rotate(-90deg);animation:sparkle-action-rotate 1.6s linear infinite both;animation-play-state:var(--sparkle-play)}.sparkle-action-backdrop{position:absolute;inset:1px;z-index:2;border-radius:8px;background:var(--try-candy-bg)}.sparkle-action-text{position:relative;z-index:5;color:#fff;white-space:nowrap}.install-pill{height:36px;gap:8px;padding:0 8px 0 10px;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:var(--bg)}.install-pill .prompt,.install-pill code{font-size:14px;line-height:21px;letter-spacing:-.09px}.install-pill code{min-width:0;color:var(--fg);white-space:nowrap}.primary-action{appearance:none;border:1px solid var(--fg);border-radius:var(--radius-base);transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,transform .12s ease;min-height:34px;padding:6px 12px;color:#fff;font-weight:500;background:var(--fg)}.copy-command{appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;line-height:0;transition:color .12s ease}.copy-command,.copy-command:hover{background:transparent;color:var(--faint)}.copy-command:hover{opacity:1}.copy-command.is-copied,.copy-command.is-copied:hover{color:var(--brand)}.copy-command.code-copy,.copy-command.install-copy{width:auto;height:auto;min-height:0}.install-pill .install-copy{flex-shrink:0;align-self:center}.code-copy{position:absolute;top:12px;right:12px}.code-card-command .code-copy{top:50%;transform:translateY(-50%)}.primary-action:active{transform:scale(.97)}.primary-action.try-tuna-button:focus-visible{--sparkle-active:1;--sparkle-play:running;filter:brightness(1.04) saturate(1.04)}@media (hover:hover) and (pointer:fine){.primary-action.try-tuna-button:hover{--sparkle-active:1;--sparkle-play:running;filter:brightness(1.04) saturate(1.04)}}.primary-action.try-tuna-button:active{transform:scale(.97) translateZ(0)}@keyframes sparkle-action-rotate{to{transform:translateX(-50%) rotate(90deg)}}@keyframes sparkle-action-flip{to{rotate:1turn}}.prompt{color:var(--faint)}.agent-block,.faq-block,.function-rows,.setup-block{margin-bottom:56px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:16px}[data-scroll-section]{scroll-margin-top:32px}.scroll-indicator{position:fixed;top:50%;right:16px;z-index:50;display:block;width:1px;height:88px;transform:translateY(-50%);transition:opacity .15s ease}.scroll-indicator-track{position:relative;width:1px;height:100%}.scroll-indicator-progress,.scroll-indicator-track-bg{position:absolute;right:0;width:1px}.scroll-indicator-track-bg{inset-block:0;background:var(--border)}.scroll-indicator-progress{top:0;background:var(--brand);transition:height 75ms ease-out}.scroll-indicator-markers{position:absolute;inset:0}.scroll-indicator-marker{position:absolute;right:0;display:flex;align-items:center;justify-content:flex-end;width:16px;height:1px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;outline:none}.scroll-indicator-marker:before{content:"";position:absolute;inset:-8px -2px}.scroll-indicator-label{position:absolute;top:50%;right:100%;padding-right:8px;color:var(--muted);font-size:11px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(4px,-50%);transition:color .15s ease,opacity .3s ease,transform .3s ease}.scroll-indicator-label.active{color:var(--fg)}.scroll-indicator-tick{width:16px;height:1px;background:color-mix(in srgb,var(--fg) 18%,transparent);transform-origin:right;transition:background-color .3s ease-out,transform .3s ease-out}.scroll-indicator-tick.future{transform:scaleX(.5)}.scroll-indicator-tick.passed{background:var(--brand);transform:scaleX(1)}.scroll-indicator-tick.active{background:var(--brand)}.scroll-indicator-marker:focus-visible .scroll-indicator-label,.scroll-indicator-marker:hover .scroll-indicator-label{opacity:1;transform:translateY(-50%)}.scroll-indicator-marker:focus-visible .scroll-indicator-tick,.scroll-indicator-marker:hover .scroll-indicator-tick{background:var(--brand);transition-duration:.15s}.scroll-indicator-marker:focus-visible .scroll-indicator-tick.future,.scroll-indicator-marker:hover .scroll-indicator-tick.future{transform:scaleX(.75)}.bento-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.bento-cell{--bento-ease-out:cubic-bezier(0.22,1,0.36,1);--bento-ease-in-out:cubic-bezier(0.65,0,0.35,1);--fg:#1f1f1f;--muted:#717171;--faint:#a3a3a3;--border:#e8e8e8;--surface:#fafafa;--surface-2:#f4f4f4;--bento-illustration-muted:#d7d7d7;--bento-demo-hover-bg:color-mix(in srgb,var(--brand) 18%,#fff);--bento-card-border:#e8e8e8;--bento-surface:#fafafa;position:relative;isolation:isolate;display:flex;min-height:252px;flex-direction:column;gap:11px;overflow:hidden;padding:16px;border:1px solid var(--bento-card-border);border-radius:var(--radius-large);background:transparent;transition:background-color .24s var(--bento-ease-out),border-color .24s var(--bento-ease-out),box-shadow .24s var(--bento-ease-out),transform .24s var(--bento-ease-out)}html[data-theme=dark] .bento-cell{--bento-card-border:#453b3b;--bento-surface:#242020}.bento-cell:first-child,.bento-cell:last-child{grid-column:1/-1;min-height:232px}.bento-cell.bento-handoff,.bento-cell.bento-speak{min-height:auto}.bento-cell.bento-speak{display:grid;min-height:158px;grid-template-areas:"label demo" "copy demo";grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 18px;align-items:center}.bento-speak .bento-cell-label{grid-area:label;align-self:end}.bento-speak .bento-cell-copy{grid-area:copy;align-self:start;max-width:34ch}.bento-speak .bento-cell-demo{grid-area:demo;width:100%;height:118px;min-height:118px;align-self:stretch}.bento-cell.bento-select{overflow:visible}.bento-select:hover{z-index:4}.bento-cell.bento-comment,.bento-select .bento-cell-demo{overflow:visible}.bento-comment:hover{z-index:4}.bento-comment .bento-cell-demo{overflow:visible}.bento-cell.bento-handoff{display:grid;min-height:158px;grid-template-areas:"demo label" "demo copy";grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 18px;align-items:center}.bento-handoff .bento-cell-label{grid-area:label;justify-content:flex-start;align-self:end;text-align:left}.bento-handoff .bento-cell-copy{grid-area:copy;max-width:34ch;align-self:start;justify-self:end;text-align:left}.bento-handoff .bento-cell-demo{grid-area:demo;width:100%;height:118px;min-height:118px;align-self:stretch}.bento-cell-copy,.bento-cell-label{position:relative;z-index:2;font-size:14px;line-height:21px;font-weight:400}.bento-cell-label{display:inline-flex;align-items:center;gap:6px;color:var(--fg);transition:color .24s var(--bento-ease-out)}html[data-theme=dark] .bento-cell-label{color:#fff}.bento-cell-icon{display:inline-flex;width:14px;height:14px;color:currentColor;transition:color .24s var(--bento-ease-out)}.bento-cell-icon svg{display:block;width:14px;height:14px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bento-speak .bento-cell-icon svg{width:15.75px;height:15.75px}.bento-cell-demo{position:relative;z-index:1;flex:0 0 112px;height:112px;overflow:hidden;border:1px solid var(--bento-card-border);border-radius:var(--radius-base);background-color:var(--bento-surface);background-image:linear-gradient(135deg,rgb(250 250 250/72%),rgb(244 244 244/48%));box-shadow:inset 0 1px 0 rgb(255 255 255/80%);transition:background-color 293ms var(--bento-ease-out),border-color .24s var(--bento-ease-out)}html[data-theme=dark] .bento-cell-demo{--fg:#f4eeee;--muted:#b7a9a9;--faint:#7f7272;--border:#453b3b;--surface:#1d1a1a;--surface-2:#2d2727;--bento-illustration-muted:#6f6363;border-color:var(--bento-card-border);background-image:linear-gradient(135deg,rgb(54 47 47/72%),rgb(37 32 32/64%));box-shadow:inset 0 1px 0 rgb(255 255 255/5%)}html[data-theme=dark] .comment-box,html[data-theme=dark] .comment-ui,html[data-theme=dark] .draw-ui,html[data-theme=dark] .handoff-node,html[data-theme=dark] .select-ui{background:var(--surface)}html[data-theme=dark] .tune-ui{background:linear-gradient(180deg,rgb(36 31 31/90%),rgb(29 26 26/82%)),var(--surface)}html[data-theme=dark] .draw-page-block{fill:rgb(45 39 39/78%);stroke:var(--border)}html[data-theme=dark] .draw-pencil-icon .draw-pencil-body{fill:rgb(255 255 255/98%)}html[data-theme=dark] .comment-page{background:linear-gradient(180deg,rgb(45 39 39/84%),rgb(45 39 39/54%)),linear-gradient(90deg,transparent 0 54%,var(--surface-2) 54% 100%)}html[data-theme=dark] .comment-select-box i,html[data-theme=dark] .select-box i{background:var(--surface)}html[data-theme=dark] .comment-trigger-icon{fill:rgb(255 255 255/98%)}html[data-theme=dark] .comment-trigger,html[data-theme=dark] .draw-pencil-icon,html[data-theme=dark] .select-cursor{color:#d7d7d7;stroke:#d7d7d7}.bento-cell:first-child .bento-cell-demo,.bento-cell:last-child .bento-cell-demo{flex-basis:118px;height:118px}.bento-mini-ui{position:absolute;inset:10px;color:var(--fg);font-size:10px;line-height:1}.mini-window-bar{display:flex;gap:4px}.mini-window-bar span{width:5px;height:5px;border-radius:999px;background:var(--border)}.bento-cell-copy{flex:1 1 auto;color:var(--muted)}html[data-theme=dark] .bento-cell-copy{color:#b7a9a9}.speak-ui,.speak-waveform{display:flex;align-items:center;justify-content:center;overflow:hidden}.speak-waveform{width:calc(100% - 28px);height:48px;gap:3px;color:var(--bento-illustration-muted);transition:color .24s var(--bento-ease-out)}.speak-waveform i{--wave-rest:0.16;--wave-low:0.3;--wave-mid:0.42;--wave-peak:0.78;--wave-secondary:calc(var(--wave-peak) * 0.72);--wave-duration:960ms;--wave-delay:0ms;display:block;width:2px;height:36px;flex:0 0 2px;border-radius:999px;background:currentColor;opacity:.62;transform:scaleY(var(--wave-rest)) translateZ(0);transform-origin:center;animation:speak-waveform-bar var(--wave-duration) var(--bento-ease-in-out) infinite;animation-delay:0s;animation-play-state:paused;will-change:transform}.speak-waveform i:first-child{--wave-rest:0.1;--wave-low:0.18;--wave-mid:0.26;--wave-peak:0.38;--wave-secondary:0.3;--wave-duration:1093ms;--wave-delay:-160ms}.speak-waveform i:nth-child(2){--wave-rest:0.16;--wave-low:0.28;--wave-mid:0.42;--wave-peak:0.58;--wave-secondary:0.5;--wave-duration:920ms;--wave-delay:-560ms}.speak-waveform i:nth-child(3){--wave-rest:0.08;--wave-low:0.2;--wave-mid:0.34;--wave-peak:0.74;--wave-secondary:0.44;--wave-duration:1013ms;--wave-delay:-53ms}.speak-waveform i:nth-child(4){--wave-rest:0.24;--wave-low:0.46;--wave-mid:0.68;--wave-peak:0.92;--wave-secondary:0.78;--wave-duration:853ms;--wave-delay:-813ms}.speak-waveform i:nth-child(5){--wave-rest:0.14;--wave-low:0.34;--wave-mid:0.52;--wave-peak:0.86;--wave-secondary:0.56;--wave-duration:1200ms;--wave-delay:-347ms}.speak-waveform i:nth-child(6){--wave-rest:0.3;--wave-low:0.56;--wave-mid:0.78;--wave-peak:1;--wave-secondary:0.84;--wave-duration:947ms;--wave-delay:-920ms}.speak-waveform i:nth-child(7){--wave-rest:0.18;--wave-low:0.38;--wave-mid:0.62;--wave-peak:0.82;--wave-secondary:0.7;--wave-duration:1053ms;--wave-delay:-240ms}.speak-waveform i:nth-child(8){--wave-rest:0.36;--wave-low:0.64;--wave-mid:0.84;--wave-peak:0.96;--wave-secondary:0.9;--wave-duration:827ms;--wave-delay:-667ms}.speak-waveform i:nth-child(9){--wave-rest:0.12;--wave-low:0.3;--wave-mid:0.58;--wave-peak:0.9;--wave-secondary:0.48;--wave-duration:1133ms;--wave-delay:-453ms}.speak-waveform i:nth-child(10){--wave-rest:0.26;--wave-low:0.48;--wave-mid:0.7;--wave-peak:0.98;--wave-secondary:0.76;--wave-duration:933ms;--wave-delay:-93ms}.speak-waveform i:nth-child(11){--wave-rest:0.2;--wave-low:0.42;--wave-mid:0.66;--wave-peak:0.88;--wave-secondary:0.58;--wave-duration:1253ms;--wave-delay:-1040ms}.speak-waveform i:nth-child(12){--wave-rest:0.4;--wave-low:0.7;--wave-mid:0.9;--wave-peak:1;--wave-secondary:0.86;--wave-duration:880ms;--wave-delay:-307ms}.speak-waveform i:nth-child(13){--wave-rest:0.18;--wave-low:0.36;--wave-mid:0.5;--wave-peak:0.76;--wave-secondary:0.64;--wave-duration:1080ms;--wave-delay:-747ms}.speak-waveform i:nth-child(14){--wave-rest:0.28;--wave-low:0.52;--wave-mid:0.72;--wave-peak:0.94;--wave-secondary:0.82;--wave-duration:980ms;--wave-delay:-173ms}.speak-waveform i:nth-child(15){--wave-rest:0.1;--wave-low:0.24;--wave-mid:0.38;--wave-peak:0.62;--wave-secondary:0.42;--wave-duration:1173ms;--wave-delay:-627ms}.speak-waveform i:nth-child(16){--wave-rest:0.22;--wave-low:0.44;--wave-mid:0.6;--wave-peak:0.8;--wave-secondary:0.7;--wave-duration:907ms;--wave-delay:-27ms}.speak-waveform i:nth-child(17){--wave-rest:0.14;--wave-low:0.32;--wave-mid:0.48;--wave-peak:0.7;--wave-secondary:0.38;--wave-duration:1227ms;--wave-delay:-853ms}.speak-waveform i:nth-child(18){--wave-rest:0.34;--wave-low:0.62;--wave-mid:0.82;--wave-peak:0.98;--wave-secondary:0.88;--wave-duration:867ms;--wave-delay:-400ms}.speak-waveform i:nth-child(19){--wave-rest:0.2;--wave-low:0.4;--wave-mid:0.56;--wave-peak:0.84;--wave-secondary:0.72;--wave-duration:1013ms;--wave-delay:-987ms}.speak-waveform i:nth-child(20){--wave-rest:0.08;--wave-low:0.18;--wave-mid:0.32;--wave-peak:0.52;--wave-secondary:0.34;--wave-duration:1120ms;--wave-delay:-253ms}.speak-waveform i:nth-child(21){--wave-rest:0.24;--wave-low:0.5;--wave-mid:0.74;--wave-peak:0.96;--wave-secondary:0.8;--wave-duration:940ms;--wave-delay:-693ms}.speak-waveform i:nth-child(22){--wave-rest:0.16;--wave-low:0.34;--wave-mid:0.54;--wave-peak:0.78;--wave-secondary:0.46;--wave-duration:1187ms;--wave-delay:-120ms}.speak-waveform i:nth-child(23){--wave-rest:0.32;--wave-low:0.58;--wave-mid:0.76;--wave-peak:0.9;--wave-secondary:0.84;--wave-duration:840ms;--wave-delay:-520ms}.speak-waveform i:nth-child(24){--wave-rest:0.12;--wave-low:0.26;--wave-mid:0.42;--wave-peak:0.66;--wave-secondary:0.54;--wave-duration:1040ms;--wave-delay:-893ms}.speak-waveform i:nth-child(25){--wave-rest:0.38;--wave-low:0.66;--wave-mid:0.86;--wave-peak:1;--wave-secondary:0.92;--wave-duration:900ms;--wave-delay:-213ms}.speak-waveform i:nth-child(26){--wave-rest:0.22;--wave-low:0.46;--wave-mid:0.64;--wave-peak:0.82;--wave-secondary:0.62;--wave-duration:1147ms;--wave-delay:-773ms}.speak-waveform i:nth-child(27){--wave-rest:0.1;--wave-low:0.22;--wave-mid:0.36;--wave-peak:0.56;--wave-secondary:0.28;--wave-duration:987ms;--wave-delay:-320ms}.speak-waveform i:nth-child(28){--wave-rest:0.26;--wave-low:0.54;--wave-mid:0.78;--wave-peak:0.94;--wave-secondary:0.74;--wave-duration:1213ms;--wave-delay:-1093ms}.speak-waveform i:nth-child(29){--wave-rest:0.14;--wave-low:0.3;--wave-mid:0.46;--wave-peak:0.72;--wave-secondary:0.5;--wave-duration:920ms;--wave-delay:-480ms}.speak-waveform i:nth-child(30){--wave-rest:0.2;--wave-low:0.38;--wave-mid:0.58;--wave-peak:0.8;--wave-secondary:0.66;--wave-duration:1093ms;--wave-delay:-147ms}.speak-waveform i:nth-child(31){--wave-rest:0.08;--wave-low:0.2;--wave-mid:0.3;--wave-peak:0.48;--wave-secondary:0.36;--wave-duration:1013ms;--wave-delay:-800ms}.speak-waveform i:nth-child(32){--wave-rest:0.16;--wave-low:0.28;--wave-mid:0.4;--wave-peak:0.6;--wave-secondary:0.44;--wave-duration:1240ms;--wave-delay:-373ms}.select-ui{overflow:visible;border:1px solid var(--border);border-radius:7px;background:#fff}.select-box,.select-target,.select-tooltip{position:absolute}.select-target{top:31px;left:69px;width:102px;height:30px;border-radius:8px;background:var(--bento-illustration-muted);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),0 6px 16px rgb(31 31 31/12%);transform:translateZ(0);transition:background-color .24s var(--bento-ease-out)}.select-box{top:26px;left:64px;width:112px;height:40px;border:1px solid var(--brand);border-radius:0;opacity:0;transform:scale(.98) translateZ(0);transition:opacity .12s var(--bento-ease-out),transform 187ms var(--bento-ease-out);will-change:transform}.select-box i{position:absolute;width:5px;height:5px;border:1px solid var(--brand);border-radius:999px;background:#fff}.select-box i:first-child{top:-3px;left:-3px}.select-box i:nth-child(2){top:-3px;right:-3px}.select-box i:nth-child(3){right:-3px;bottom:-3px}.select-box i:nth-child(4){bottom:-3px;left:-3px}.select-tooltip{top:4px;left:104px;padding:4px 6px;border-radius:5px;color:#fff;background:var(--bento-illustration-muted);font-size:8px;white-space:nowrap;opacity:0;transform:translateY(4px) translateZ(0);transition:opacity .24s var(--bento-ease-out),transform 293ms var(--bento-ease-out)}.select-cursor{position:absolute;top:41px;left:26px;width:22px;height:22px;fill:#fff;stroke:var(--bento-illustration-muted);stroke-width:2.1;transform:translateZ(0);transition:stroke .24s var(--bento-ease-out);will-change:transform}.draw-ui{overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#fff}.draw-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%}.draw-page-block{fill:rgb(255 255 255/78%);stroke:var(--border)}.draw-page-block-small{fill:var(--bento-illustration-muted);stroke:none;transition:fill .24s var(--bento-ease-out)}.draw-fill{fill:var(--brand);opacity:0;transition:opacity 213ms ease}.draw-ink{fill:none;stroke:var(--brand);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;opacity:0}.draw-ink-line{stroke-dasharray:1;stroke-dashoffset:1}.draw-pencil-icon{position:absolute;z-index:3;top:calc(55.4% - 19px);left:calc(57% + 2px);width:22px;height:22px;color:var(--bento-illustration-muted);filter:drop-shadow(0 2px 2px rgb(31 31 31/18%)) drop-shadow(0 8px 14px rgb(31 31 31/14%));transform:rotate(-28deg) translateZ(0);transform-origin:11.5% 88.5%;transition:color .24s var(--bento-ease-out);will-change:transform}.draw-pencil-icon path{fill:none;stroke-linecap:round;stroke-linejoin:round}.draw-pencil-body,.draw-pencil-seam{stroke:currentColor;stroke-width:1.5}.draw-pencil-icon .draw-pencil-body{fill:rgb(255 255 255/98%)}.tune-ui{display:grid;align-content:center;justify-items:center;gap:7px;padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:linear-gradient(180deg,rgb(255 255 255/90%),rgb(250 250 250/82%)),var(--surface)}.tune-row{display:flex;align-items:center;justify-content:center;width:100%;min-height:12px}.tune-row-spacing{--tune-fill:0.36;--tune-fill-hover:0.72;--tune-thumb:42px;--tune-thumb-hover:84px}.tune-row-radius{--tune-fill:0.64;--tune-fill-hover:0.42;--tune-thumb:75px;--tune-thumb-hover:49px}.tune-row-fill{--tune-fill:0.5;--tune-fill-hover:0.82;--tune-thumb:59px;--tune-thumb-hover:96px}.tune-track{position:relative;display:block;width:min(118px,100%);height:5px;overflow:visible;border-radius:999px;background:var(--surface-2)}.tune-track:before{content:"";top:0;right:0;bottom:0;border-radius:inherit;opacity:.72;transform:scaleX(var(--tune-fill));transform-origin:left center;transition:opacity .24s var(--bento-ease-out),background-color 293ms var(--bento-ease-out),transform 347ms var(--bento-ease-in-out)}.tune-track i,.tune-track:before{position:absolute;left:0;background:var(--bento-illustration-muted);will-change:transform}.tune-track i{top:50%;width:12px;height:12px;border:2px solid #fff;border-radius:999px;box-shadow:0 2px 8px rgb(31 31 31/16%);transform:translate(var(--tune-thumb),-50%) translateZ(0);transition:box-shadow .24s var(--bento-ease-out),background-color 293ms var(--bento-ease-out),transform 347ms var(--bento-ease-in-out)}.handoff-ui{justify-content:center}.handoff-flow,.handoff-ui{display:flex;align-items:center}.handoff-flow{gap:8px;width:calc(100% - 28px)}.handoff-node{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgb(31 31 31/6%),0 0 0 1px var(--border);transition:transform 293ms var(--bento-ease-out),box-shadow 293ms var(--bento-ease-out);will-change:transform}.handoff-visual-box{width:14px;height:14px;border-radius:3px;background:var(--bento-illustration-muted);transition:background-color 293ms var(--bento-ease-out),transform 293ms var(--bento-ease-out)}.handoff-code{padding-left:0;box-sizing:border-box}.handoff-code-glyph{display:block;width:20px;height:16px;overflow:visible}.handoff-code-line{fill:none;stroke:var(--border);stroke-linecap:round;stroke-width:2;transition:stroke 293ms var(--bento-ease-out)}.handoff-path{position:relative;flex:1 1;height:2px;border-radius:999px;background:var(--border);overflow:hidden;transition:background-color 293ms var(--bento-ease-out)}.handoff-packet{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,transparent calc(100% - 16px),var(--brand));opacity:0;transform:translateX(-100%)}.comment-ui{overflow:visible;border:1px solid var(--border);border-radius:7px;background:#fff}.comment-page{position:absolute;inset:10px;border-radius:7px;background:linear-gradient(180deg,rgb(255 255 255/84%),rgb(255 255 255/54%)),linear-gradient(90deg,transparent 0 54%,var(--surface-2) 54% 100%)}.comment-page:before{content:"";position:absolute;left:18px;height:5px;border-radius:999px;background:var(--surface-2);top:18px;width:74px}.comment-select-box,.comment-target{position:absolute}.comment-target{top:30px;left:18px;width:86px;height:22px;border-radius:6px;background:var(--bento-illustration-muted);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),0 6px 16px rgb(31 31 31/12%);transform:translateZ(0);transition:background-color .24s var(--bento-ease-out)}.comment-select-box{top:25px;left:13px;width:96px;height:32px;border:1px solid var(--brand);border-radius:0;opacity:0;transform:scale(.98) translateZ(0);transition:opacity .12s var(--bento-ease-out),transform 187ms var(--bento-ease-out);will-change:transform}.comment-select-box i{position:absolute;width:5px;height:5px;border:1px solid var(--brand);border-radius:999px;background:#fff}.comment-select-box i:first-child{top:-3px;left:-3px}.comment-select-box i:nth-child(2){top:-3px;right:-3px}.comment-select-box i:nth-child(3){right:-3px;bottom:-3px}.comment-select-box i:nth-child(4){bottom:-3px;left:-3px}.comment-trigger{position:absolute;top:17px;left:91px;display:grid;width:27px;height:27px;place-items:center;color:var(--bento-illustration-muted);filter:drop-shadow(0 6px 12px rgb(31 31 31/12%));transform:translateZ(0);transition:color .24s var(--bento-ease-out);will-change:transform}.comment-trigger-icon{width:24px;height:24px;fill:rgb(255 255 255/98%);stroke:currentColor;stroke-linejoin:round;stroke-width:1.4}.comment-box{--comment-pill-scale:0.6525;--comment-blue:var(--brand);position:absolute;top:-10px;left:3px;display:flex;width:320px;min-height:40px;align-items:flex-end;gap:8px;padding:8px 8px 8px 12px;border-radius:20px;background:#fff;box-shadow:0 4px 20px rgb(31 31 31/12%),0 0 0 1px var(--border);opacity:0;transform:translateY(8px) scale(.61875) translateZ(0);transform-origin:104px 40px;transition:opacity .2s var(--bento-ease-out),transform 253ms var(--bento-ease-out);will-change:transform}.comment-top-row{display:flex;flex:1 1;min-width:0;align-items:center;gap:6px}.comment-close{position:relative;display:flex;flex:0 0 auto;width:20px;height:20px;align-items:center;justify-content:center;border-radius:4px;color:var(--faint)}.comment-close:after,.comment-close:before{content:"";position:absolute;top:9.5px;left:5px;width:10px;height:1.5px;border-radius:999px;background:currentColor}.comment-close:before{transform:rotate(45deg)}.comment-close:after{transform:rotate(-45deg)}.comment-input{display:flex;min-width:0;flex:1 1;align-items:center;gap:4px;overflow:hidden;color:var(--fg);font-size:13px;line-height:1.4;padding:3px 0}.comment-mention{color:var(--comment-blue);font-size:13px;line-height:1.4;white-space:nowrap}.comment-typing-wrap{--comment-typing-width:14.4ch;position:relative;display:inline-block;flex:0 0 auto;width:0;height:1.4em;min-width:0;overflow:hidden;vertical-align:bottom}.comment-typed{display:block;width:max-content;color:var(--fg);font-size:13px;line-height:1.4;white-space:nowrap}.comment-caret{position:absolute;top:2px;right:0;width:1px;height:14px;border-radius:999px;background:var(--fg);opacity:0;will-change:opacity}.comment-dictate{display:inline-flex;flex:0 0 auto;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--comment-blue)}.comment-dictate svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@keyframes comment-trigger-press{0%{transform:translateY(0) scale(1) translateZ(0)}38%{transform:translateY(5px) scale(.92) translateZ(0)}to{transform:translateY(0) scale(1) translateZ(0)}}@keyframes comment-type-width{0%{width:0}to{width:var(--comment-typing-width)}}@keyframes comment-caret-typing{0%{opacity:0}1%,to{opacity:1}}@keyframes comment-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes select-cursor-press{0%{transform:translateX(0) translateY(0) translateZ(0)}58%{transform:translateX(79px) translateY(0) translateZ(0)}76%{transform:translateX(79px) translateY(4px) translateZ(0)}to{transform:translateX(79px) translateY(0) translateZ(0)}}@keyframes speak-waveform-bar{0%,to{transform:scaleY(var(--wave-rest)) translateZ(0)}24%{transform:scaleY(var(--wave-peak)) translateZ(0)}39%{transform:scaleY(var(--wave-low)) translateZ(0)}57%{transform:scaleY(var(--wave-mid)) translateZ(0)}76%{transform:scaleY(var(--wave-secondary)) translateZ(0)}91%{transform:scaleY(var(--wave-low)) translateZ(0)}}@media (hover:hover) and (pointer:fine){.bento-cell:hover{border-color:color-mix(in srgb,var(--brand) 82%,var(--bento-card-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 28%,transparent),0 14px 32px -28px rgb(31 31 31/42%);transform:translateY(-2px) translateZ(0)}.bento-cell:hover .bento-cell-label{color:var(--brand)}.bento-cell:hover .bento-cell-demo{background-color:color-mix(in srgb,var(--brand) 18%,var(--bento-surface));border-color:color-mix(in srgb,var(--brand) 28%,var(--bento-card-border))}.bento-speak:hover .speak-waveform i{animation-delay:var(--wave-delay);animation-play-state:running}.bento-speak:hover .speak-waveform{color:var(--brand)}.bento-select:hover .select-target{background:var(--brand);transition-delay:293ms}.bento-select:hover .select-box{opacity:1;transform:scale(1) translateZ(0);transition-delay:307ms}.bento-select:hover .select-tooltip{background:var(--brand);opacity:1;transform:translateY(0) translateZ(0);transition-delay:347ms}.bento-select:hover .select-cursor{stroke:var(--fg);animation:select-cursor-press .48s var(--bento-ease-out) both}.bento-draw:hover .draw-ink-line{opacity:.84;stroke-dashoffset:0;animation:bento-draw-line 347ms var(--bento-ease-in-out) both}.bento-draw:hover .draw-fill{opacity:.14;transition-delay:.32s}.bento-draw:hover .draw-pencil-icon{color:var(--fg);transform:translate(0) rotate(-28deg) translateZ(0);animation:bento-draw-pencil 347ms var(--bento-ease-in-out) both}.bento-tune:hover .tune-track:before{background-color:var(--brand);opacity:.9;transform:scaleX(var(--tune-fill-hover))}.bento-tune:hover .tune-track i{background-color:var(--brand);box-shadow:0 3px 10px rgb(31 31 31/20%);transform:translate(var(--tune-thumb-hover),-50%) scale(1.08) translateZ(0)}.bento-comment:hover .comment-trigger{color:var(--fg);animation:comment-trigger-press .48s var(--bento-ease-out) both}.bento-comment:hover .comment-target{background:var(--brand);transition-delay:.2s}.bento-comment:hover .comment-select-box{opacity:1;transform:scale(1) translateZ(0);transition-delay:.24s}.bento-comment:hover .comment-box{opacity:1;transform:translateY(0) scale(var(--comment-pill-scale)) translateZ(0);transition-delay:227ms}.bento-comment:hover .comment-typing-wrap{animation:comment-type-width 1.2s steps(19) 693ms both}.bento-comment:hover .comment-caret{animation:comment-caret-typing 1.2s step-end 693ms both,comment-caret-blink .96s step-end 1893ms infinite}.bento-handoff:hover .handoff-node{box-shadow:0 4px 12px rgb(31 31 31/8%),0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent)}.bento-handoff:hover .handoff-visual-box{background:var(--brand)}.bento-handoff:hover .handoff-code-line{stroke:color-mix(in srgb,var(--brand) 60%,transparent)}.bento-handoff:hover .handoff-path{background:color-mix(in srgb,var(--brand) 15%,var(--border))}.bento-handoff:hover .handoff-packet{animation:handoff-packet-flow 1.333s var(--bento-ease-in-out) infinite}}@keyframes handoff-packet-flow{0%{transform:translateX(-100%);opacity:0}30%{opacity:1}70%{opacity:1}to{transform:translateX(16px);opacity:0}}@keyframes bento-draw-line{0%{opacity:0;stroke-dashoffset:1}12%{opacity:.84}to{opacity:.84;stroke-dashoffset:0}}@keyframes bento-draw-pencil{0%{transform:translate(0) rotate(-28deg) translateZ(0)}6.25%{transform:translate(-1.6px,7.8px) rotate(-28deg) translateZ(0)}12.5%{transform:translate(-6px,14.4px) rotate(-28deg) translateZ(0)}18.75%{transform:translate(-12.6px,18.9px) rotate(-28deg) translateZ(0)}25%{transform:translate(-20.4px,20.4px) rotate(-28deg) translateZ(0)}31.25%{transform:translate(-28.2px,18.9px) rotate(-28deg) translateZ(0)}37.5%{transform:translate(-34.9px,14.4px) rotate(-28deg) translateZ(0)}43.75%{transform:translate(-39.3px,7.8px) rotate(-28deg) translateZ(0)}50%{transform:translate(-40.9px) rotate(-28deg) translateZ(0)}56.25%{transform:translate(-39.3px,-7.8px) rotate(-28deg) translateZ(0)}62.5%{transform:translate(-34.9px,-14.4px) rotate(-28deg) translateZ(0)}68.75%{transform:translate(-28.2px,-18.9px) rotate(-28deg) translateZ(0)}75%{transform:translate(-20.4px,-20.4px) rotate(-28deg) translateZ(0)}81.25%{transform:translate(-12.6px,-18.9px) rotate(-28deg) translateZ(0)}87.5%{transform:translate(-6px,-14.4px) rotate(-28deg) translateZ(0)}93.75%{transform:translate(-1.6px,-7.8px) rotate(-28deg) translateZ(0)}to{transform:translate(0) rotate(-28deg) translateZ(0)}}.code-card{--code-card-border:var(--border);--code-fg:#24292f;--code-muted:#6e7781;--code-keyword:#cf222e;--code-string:#0a3069;--code-comment:#6e7781;--code-function:#8250df;--code-symbol:#953800;--code-number:#0550ae;--code-punctuation:#24292f;--code-heading:#0550ae;--code-inline:#0a3069;--code-quote:#116329;--code-table:#57606a;position:relative;margin-top:0;overflow:hidden;border:1px solid var(--code-card-border);border-radius:var(--radius-large);background:transparent;transition:border-color .15s ease,box-shadow .15s ease}html[data-theme=dark] .code-card{--code-card-border:#453b3b;--code-fg:#f0f6fc;--code-muted:#8b949e;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-comment:#8b949e;--code-function:#d2a8ff;--code-symbol:#ffa657;--code-number:#79c0ff;--code-punctuation:#f0f6fc;--code-heading:#79c0ff;--code-inline:#a5d6ff;--code-quote:#7ee787;--code-table:#8b949e}.code-card:hover{border-color:var(--brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 34%,transparent)}.code-card pre{overflow-x:auto;padding:14px 40px 14px 14px;color:var(--code-fg);font:400 12px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.code-card .copy-command{color:var(--code-muted)}.code-card .copy-command:hover{color:var(--code-fg)}.code-card .copy-command.is-copied,.code-card .copy-command.is-copied:hover{color:var(--code-quote)}.setup-steps{display:flex;flex-direction:column;gap:28px}.setup-step-title{margin-bottom:10px;color:var(--fg);font-size:14px;line-height:21px;font-weight:400}.setup-copy,.setup-note{font-size:14px;line-height:21px;color:var(--muted)}.setup-copy{margin-bottom:10px}.setup-note{margin-top:10px}.code-k,.code-keyword{color:var(--code-keyword)}.code-s,.code-string{color:var(--code-string)}.code-c,.code-comment{color:var(--code-comment)}.code-function{color:var(--code-function)}.code-symbol{color:var(--code-symbol)}.code-component{color:var(--code-function)}.code-number{color:var(--code-number)}.code-punctuation{color:var(--code-punctuation)}.code-prompt{color:var(--code-muted)}.code-command{color:var(--code-number)}.code-prose{color:var(--code-fg)}.code-md-heading{color:var(--code-heading)}.code-md-strong{color:var(--code-symbol)}.code-md-key{color:var(--code-function)}.code-md-quote{color:var(--code-quote)}.code-inline{color:var(--code-inline)}.code-table{color:var(--code-table)}.faq-item{border-top:1px solid var(--border)}.faq-item:first-child{border-top:none}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border:0;background:transparent;color:var(--fg);font-weight:500;text-align:left;transition:color .22s var(--ease)}.faq-trigger:hover{color:var(--muted)}.faq-panel-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s var(--ease)}.faq-item.is-open .faq-panel-wrap{grid-template-rows:1fr}.faq-panel-inner{overflow:hidden}.faq-panel-inner p{padding-bottom:14px;color:var(--muted)}.faq-icon{position:relative;flex-shrink:0;width:14px;height:14px;color:var(--muted);transition:color .22s var(--ease)}.faq-trigger:hover .faq-icon{color:var(--faint)}.faq-icon:after,.faq-icon:before{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px;transition:transform .26s var(--ease)}.faq-icon:before{width:10px;height:1.5px;transform:translate(-50%,-50%)}.faq-icon:after{width:1.5px;height:10px;transform:translate(-50%,-50%)}.faq-item.is-open .faq-icon:after{transform:translate(-50%,-50%) scaleY(0)}.footer{justify-content:space-between;gap:8px 12px;padding-top:16px;color:var(--muted);border-top:1px solid var(--border);font-size:12px}.footer-links{display:flex;align-items:center;gap:12px}.footer-icon{display:inline-flex;color:var(--muted);transition:color .2s var(--ease)}.footer-icon:hover{color:var(--brand)}.footer-icon svg{width:16px;height:16px;fill:currentColor;overflow:visible}.footer-credit{margin:0}.footer-credit a{text-decoration:underline;text-underline-offset:2px}@media (prefers-reduced-motion:no-preference){.compact-shell{animation:page-shell-enter .36s var(--ease) both}@keyframes page-shell-enter{0%{opacity:0;transform:translateY(6px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media (max-width:640px){.scroll-indicator{display:none}.compact-shell{padding:56px 18px}.top{margin-bottom:36px}.bento-cell.bento-speak,.bento-grid{grid-template-columns:1fr}.bento-cell.bento-speak{grid-template-areas:"label" "demo" "copy"}.bento-speak .bento-cell-copy{max-width:none}.bento-cell:first-child,.bento-cell:last-child{grid-column:auto}.footer{justify-content:flex-start;flex-wrap:wrap}}@media (max-width:390px){.code-copy,.install-copy{width:auto}}