.accent-card{isolation:isolate;--accent:#aab7ee;--wash:#34437b3b;--floor:transparent;position:relative}.accent-card:before{z-index:-1;content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 110% 85% at 20% 100%,var(--floor),transparent 80%),radial-gradient(ellipse 115% 80% at 85% 110%,var(--wash),transparent 77%);position:absolute;inset:0}.accent-label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.065em;text-transform:uppercase;font-size:11px;line-height:1.4;display:block}.accent-title{color:#ededed;letter-spacing:-.035em;text-wrap:pretty;font-size:24px;font-weight:500;line-height:1.15}.accent-body{color:#a9a9b7;text-wrap:pretty;font-size:14px;line-height:1.65}.accent-card .fig-stage{--line:color-mix(in srgb,var(--accent)26%,transparent);--line-2:color-mix(in srgb,var(--accent)46%,transparent);--dim:color-mix(in srgb,var(--accent)68%,transparent);--mut:var(--accent);--panel:color-mix(in srgb,var(--accent)12%,#0a0a0b)}.accent-card .fig-stage :is(.cq-screen,.em-screen,.cl-screen){fill:color-mix(in srgb,var(--accent)10%,transparent)}.accent-steel{--accent:#aac9e5;--wash:#36537952;--floor:#6c94ca33}.accent-amber{--accent:#e7b992;--wash:#7e442741;--floor:#a3775140}.accent-cyan{--accent:#8ddbed;--wash:#17567d5c;--floor:#2b7fa333}.accent-violet{--accent:#cbb6f4;--wash:#68529e69;--floor:#8980c640}.accent-indigo{--accent:#afc1ff;--wash:#2949a875;--floor:#234eb074}
.cq-head{animation:9.5s linear infinite cqHead}@keyframes cqHead{0%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(250px)}90%{opacity:0;transform:translate(250px)}97%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}.cq-screen{animation:9.5s cubic-bezier(.65,0,.35,1) infinite cqScreen}@keyframes cqScreen{0%,43%{x:50px;y:28px;rx:6px;width:240px;height:116px}47%,65%{x:50px;y:28px;rx:6px;width:158px;height:116px}69%,to{x:50px;y:28px;rx:6px;width:240px;height:116px}}.cq-cam{animation:9.5s cubic-bezier(.65,0,.35,1) infinite cqCam}@keyframes cqCam{0%,21%{x:50px;y:28px;rx:6px;opacity:1;width:240px;height:116px}25%,43%{x:246px;y:100px;rx:10px;opacity:1;width:36px;height:36px}47%,65%{x:214px;y:28px;rx:6px;opacity:1;width:76px;height:116px}69%,90%{x:246px;y:100px;rx:10px;opacity:0;width:36px;height:36px}96%,to{x:50px;y:28px;rx:6px;opacity:1;width:240px;height:116px}}.cq-chip{stroke:var(--line-2)}.cq-chip.c1{animation:9.5s infinite cqC1}.cq-chip.c2{animation:9.5s infinite cqC2}.cq-chip.c3{animation:9.5s infinite cqC3}.cq-chip.c4{animation:9.5s infinite cqC4}@keyframes cqC1{0%,21.8%{stroke:var(--txt)}22.6%,98%{stroke:var(--line-2)}to{stroke:var(--txt)}}@keyframes cqC2{0%,21.8%{stroke:var(--line-2)}22.6%,44.4%{stroke:var(--txt)}45.2%,to{stroke:var(--line-2)}}@keyframes cqC3{0%,44.4%{stroke:var(--line-2)}45.2%,66.8%{stroke:var(--txt)}67.6%,to{stroke:var(--line-2)}}@keyframes cqC4{0%,66.8%{stroke:var(--line-2)}67.6%,88%{stroke:var(--txt)}90%,to{stroke:var(--line-2)}}.cq-lbl{letter-spacing:.14em;text-transform:uppercase;opacity:0;font-size:7.5px}.cq-lbl.l1{animation:9.5s infinite cqL1}.cq-lbl.l2{animation:9.5s infinite cqL2}.cq-lbl.l3{animation:9.5s infinite cqL3}.cq-lbl.l4{animation:9.5s infinite cqL4}@keyframes cqL1{0%,20.5%{opacity:.75}22%,96%{opacity:0}99%,to{opacity:.75}}@keyframes cqL2{0%,22%{opacity:0}23.5%,43.5%{opacity:.75}45%,to{opacity:0}}@keyframes cqL3{0%,44.6%{opacity:0}46%,66%{opacity:.75}67.4%,to{opacity:0}}@keyframes cqL4{0%,67.4%{opacity:0}69%,88%{opacity:.75}91%,to{opacity:0}}
.bento-grid-details .bento-card-sound{order:7;grid-column:1/-1;min-height:0}.bento-card-art.bento-card-sound{--art-accent:#8fe3c8;--art-wash:#1a6b5655}.bento-card-art.bento-card-sound:before{background:radial-gradient(55% 130% at 12% 125%,#1f8a6c59,#0000 72%),radial-gradient(70% 130% at 88% 125%,#1a6b5685,#0000 72%)}.bento-art-sound{--name-w:92px;flex-direction:column;justify-content:center;gap:12px;min-height:200px;padding:22px 26px;display:flex}.bento-art-sound-wave{justify-content:center;align-items:center;gap:3px;min-height:30px;display:flex}.bento-art-sound-wave>i{transform-origin:50%;width:2px;animation:1.44s ease-in-out infinite bento-speech-wave;animation-delay:calc(var(--bar)*-63ms);background:#8fe3c866;border-radius:2px}.bento-art-sound-timeline{background:linear-gradient(160deg,#13201ccc,#0c1311e6);border:1px solid #b8f0dd1f;border-top-color:#c9f5e62e;border-radius:11px;width:100%;padding:12px 14px 14px;box-shadow:0 18px 34px #0004,inset 0 1px #eafff70b}.bento-art-sound-ruler{margin:0 0 9px calc(var(--name-w) + 10px);color:#7fa597;font:9px var(--font-mono);letter-spacing:.04em;justify-content:space-between;display:flex}.bento-art-sound-lane{grid-template-columns:var(--name-w)minmax(0,1fr);align-items:center;gap:10px;display:grid}.bento-art-sound-name{color:#9fc2b5;white-space:nowrap;font-size:10px}.bento-art-sound-track{background:#ffffff06;border-radius:7px;height:38px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08}.bento-art-sound-clip{background:#1d4a3dcc;border:1px solid #8fe3c84d;border-radius:6px;flex-direction:column;justify-content:space-between;padding:4px 7px 5px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.bento-art-sound-clip>span{z-index:1;color:#d6f7eb;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:600;position:relative;overflow:hidden}.bento-art-sound-peaks{align-items:flex-end;gap:2px;height:11px;display:flex}.bento-art-sound-peaks i{max-width:3px;height:calc(var(--h)*1.1px);opacity:.7;background:#8fe3c8;border-radius:1px;flex:1}.bento-art-sound-fade{fill:none;stroke:#d6f7eb;stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:.7;width:22%;height:100%;position:absolute;top:0;right:0}.bento-art-sound-clip.lit-a{animation:7.2s linear infinite soundLitA}.bento-art-sound-clip.lit-b{animation:7.2s linear infinite soundLitB}.bento-art-sound-clip.lit-c{animation:7.2s linear infinite soundLitC}@keyframes soundLitA{0%,3%{background:#1d4a3dcc;border-color:#8fe3c84d}4%,15.2%{background:#2f7d66;border-color:#b8f5df}16%,to{background:#1d4a3dcc;border-color:#8fe3c84d}}@keyframes soundLitB{0%,18.4%{background:#1d4a3dcc;border-color:#8fe3c84d}19%,70.8%{background:#2f7d66;border-color:#b8f5df}71.5%,to{background:#1d4a3dcc;border-color:#8fe3c84d}}@keyframes soundLitC{0%,74.2%{background:#1d4a3dcc;border-color:#8fe3c84d}74.8%,84.4%{background:#2f7d66;border-color:#b8f5df}85%,to{background:#1d4a3dcc;border-color:#8fe3c84d}}.bento-art-sound-head{pointer-events:none;background:#f2fffa;width:1px;animation:7.2s linear infinite soundHead;position:absolute;top:-5px;bottom:-5px;left:0;box-shadow:0 0 8px #8fe3c899}.bento-art-sound-head:before{content:"";background:#f2fffa;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}@keyframes soundHead{0%{opacity:1;left:0}90%{opacity:1;left:100%}93%{opacity:0;left:100%}97%{opacity:0;left:0}to{opacity:1;left:0}}@container bento (max-width:620px){.bento-card-sound .bento-art-sound{--name-w:68px;min-height:0;padding:18px 14px}.bento-art-sound-clip>span{font-size:7.5px}.bento-art-sound-clip.lit-a>span,.bento-art-sound-clip.lit-c>span{visibility:hidden}}@container bento (min-width:960px){.bento-grid-details .bento-card.bento-card-sound{grid-area:7/1/8/13;grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:40px}.bento-grid-details .bento-card.bento-card-sound .bento-card-topline{grid-area:2/1}.bento-grid-details .bento-card.bento-card-sound .bento-card-copy{grid-area:3/1}.bento-grid-details .bento-card.bento-card-sound .bento-art-stage{border-radius:0 15px 15px 0;grid-area:1/2/5/3;width:calc(100% + 21px);min-height:0;margin:-21px -21px -21px 0;padding:24px}}
.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.bento-grid-details .bento-card-camera-background{order:1}.bento-grid-details .bento-card-desktop{order:2}.bento-grid-details .bento-card-mask{order:3}.bento-grid-details .bento-card-cursor{order:4}.bento-grid-details .bento-card-keystrokes{order:5}.bento-grid-details .bento-card-captions{order:6}.bento-card{flex-direction:column;min-width:0;min-height:360px;padding:21px;display:flex;position:relative;overflow:hidden}.bento-card-lead{grid-column:1/-1;min-height:500px}.bento-card-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.bento-card-topline>span{color:#777783;font-family:var(--font-geist-mono),monospace;letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;line-height:1.4;display:flex}.bento-card-topline i{color:#3f3f49;font-style:normal}.bento-card-copy{padding-top:21px}.bento-card-copy h3{color:#ededed;letter-spacing:-.026em;text-wrap:pretty;margin-bottom:9px;font-size:19px;font-weight:500;line-height:1.25}.bento-card-copy p{color:#92929f;text-wrap:pretty;font-size:13px;line-height:1.7}.bento-card-lead .bento-card-copy h3{letter-spacing:-.03em;font-size:27px}.bento-card-lead .bento-card-copy p{max-width:550px;font-size:14px}.bento-visual{border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:160px;display:flex;position:relative;overflow:hidden}@container bento (min-width:960px){.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.bento-card{min-height:0}.bento-grid-details .bento-card{grid-template-rows:subgrid;row-gap:0;display:grid}.bento-grid-details .bento-card-camera-background{grid-area:1/1/4/8}.bento-grid-details .bento-card-desktop{grid-area:1/8/4/13}.bento-grid-details .bento-card-mask{grid-area:4/1/7/4}.bento-grid-details .bento-card-cursor{grid-area:4/4/7/7}.bento-grid-details .bento-card-keystrokes{grid-area:4/7/7/10}.bento-grid-details .bento-card-captions{grid-area:4/10/7/13}}@container bento (min-width:621px) and (max-width:959px){.bento-grid-details .bento-card-captions{grid-column:1/-1}}@container bento (max-width:620px){.bento-grid{grid-template-columns:minmax(0,1fr);gap:16px}.bento-card{min-height:345px;padding:19px}.bento-card-lead{min-height:420px}.bento-card-lead .bento-card-copy h3{font-size:25px}.bento-visual{min-height:175px}}
.bento-card-art{--art-accent:#aab7ee;--art-wash:#34437b3b;isolation:isolate}.bento-card-art:before{z-index:-1;content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 115% 80% at 85% 110%,var(--art-wash),transparent 77%);position:absolute;inset:0}.bento-card-art.bento-card-desktop{--art-accent:#8ddbed;--art-wash:#17567d5c}.bento-card-art.bento-card-mask{--art-accent:#aac9e5;--art-wash:#36537952}.bento-card-art.bento-card-captions{--art-accent:#afc1ff;--art-wash:#2949a875}.bento-card-art.bento-card-cursor{--art-accent:#e7b992;--art-wash:#7e442741}.bento-card-art.bento-card-camera-background{--art-accent:#bfc5f0;--art-wash:#4840783b}.bento-card-art.bento-card-keystrokes{--art-accent:#cbb6f4;--art-wash:#68529e69}.bento-card-art .bento-card-topline>span{color:var(--art-accent)}.bento-card-art .bento-card-copy{z-index:1;padding-top:0;position:relative}.bento-card-art .bento-card-copy h3{letter-spacing:-.035em;font-size:24px;font-weight:500;line-height:1.15}.bento-card-art .bento-card-copy p{color:#a9a9b7;max-width:41rem;font-size:14px;line-height:1.65}.bento-card-art .bento-card-topline{margin-bottom:17px}.bento-card-art .bento-art-stage{border-radius:0 0 15px 15px;flex:1;width:calc(100% + 42px);margin:19px -21px -21px}.bento-card-art.bento-card-lead .bento-card-copy h3{font-size:32px}.bento-card-art.bento-card-lead .bento-card-copy p{max-width:540px;font-size:14px}.bento-art-stage{--bento-cycle:8.1s;--bento-phase:2.7s;--bento-cursor-cycle:7.2s;--bento-play-state:paused;min-height:240px;position:relative}.bento-art-stage *,.bento-art-stage :before,.bento-art-stage :after{animation-play-state:var(--bento-play-state)!important}.feature-bento[data-motion-paused=true] .bento-art-stage *,.feature-bento[data-motion-paused=true] .bento-art-stage :before,.feature-bento[data-motion-paused=true] .bento-art-stage :after{animation-play-state:paused!important}.bento-motion-button{color:#8d8d9b;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:29px;padding-inline:7px;font-size:10px;display:inline-flex}.bento-motion-button:hover{color:#ededed;background:#ffffff05}.bento-motion-button[aria-pressed=true]{color:#bad0e2;background:#0c8ce90b}.bento-art-desktop{background:#0c151f;min-height:255px;display:block;overflow:hidden}.bento-art-wallpaper{background:radial-gradient(at 85% 0,#75bdc02c,#0000 60%),linear-gradient(155deg,#142734,#142131 44%,#211a38);position:absolute;inset:0;overflow:hidden}.bento-art-wallpaper>i{background:linear-gradient(135deg,#567ba24a,#6d528758 45%,#16202e 75%);border-radius:50%;width:140%;height:90%;position:absolute;top:45%;left:-15%;transform:rotate(-20deg);box-shadow:inset 0 1px #cad4f329}.bento-art-wallpaper>i:nth-child(2){background:linear-gradient(150deg,#124b5e,#29566a55 60%,#183041);top:66%;left:-30%;transform:rotate(20deg);box-shadow:inset 0 1px #7fdddc26}.bento-art-wallpaper>i:nth-child(3){background:linear-gradient(120deg,#513c665e,#1b3148);top:89%;left:-10%;transform:rotate(-16deg)}.bento-art-desktop-files{position:absolute;inset:3% 3% 13%}.bento-art-file{left:clamp(0px,var(--file-x),calc(100% - 50px));top:var(--file-y);text-align:center;width:50px;animation:bento-desktop-clear var(--bento-cycle)cubic-bezier(.22,1,.36,1)infinite;animation-delay:calc(var(--file-i)*31.5ms);position:absolute}.bento-art-file>div{background:linear-gradient(#64c9e4,#2d92b9);border:1px solid #8be4ff3d;border-radius:5px;width:40px;height:32px;margin-inline:auto;position:relative;box-shadow:0 6px 9px #00132340,inset 0 1px #bcf4ff80}.bento-art-file>div:before{content:"";background:#57b1d2;border-radius:3px 3px 0 0;width:17px;height:7px;position:absolute;top:-6px;left:1px}.bento-art-file>div>i{background:#c4f7ff50;height:1px;position:absolute;inset:5px 0 auto}.bento-art-file>span{color:#d0d9e8aa;text-shadow:0 1px 2px #0008;margin-top:5px;font-size:7px;display:block}.bento-art-file-document>div{background:linear-gradient(#bac7d8,#8f9aac);border-color:#dce2f336;border-radius:3px;width:28px;height:35px}.bento-art-file-document>div:before{display:none}.bento-art-file-document>div>i{background:#34485d60;inset:9px 5px auto}.bento-art-file-document>div>i+i{top:14px}.bento-art-glass-window{z-index:2;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);width:68%;height:57%;animation:bento-desktop-window var(--bento-cycle)cubic-bezier(.22,1,.36,1)infinite;background:linear-gradient(145deg,#afc9e842,#89a7b82b);border:1px solid #c9dfef4a;border-top-color:#e1efff73;border-radius:13px;position:absolute;top:24%;left:17%;overflow:hidden;transform:translateY(0)scale(1);box-shadow:0 18px 36px #030c224f,inset 0 1px #e1efff3b}.bento-art-traffic{border-bottom:1px solid #d5e8fa10;align-items:center;gap:5px;height:26px;padding-inline:11px;display:flex}.bento-art-traffic>i{background:#d8e4ee9c;border-radius:50%;width:5px;height:5px}.bento-art-traffic>span{color:#d1dfeb8c;font-family:var(--font-geist-mono),monospace;letter-spacing:.11em;margin-inline:auto;padding-right:15px;font-size:5px}.bento-art-window-body{gap:13px;padding:15px 14px;display:flex}.bento-art-window-sidebar{flex-direction:column;gap:9px;width:20%;display:flex}.bento-art-window-sidebar>i{background:#d5e2f136;border-radius:3px;width:100%;height:4px}.bento-art-window-sidebar>i:first-child{background:#e6f0fc80}.bento-art-window-document{border-left:1px solid #e6f0fc1c;flex:1;padding-left:10px}.bento-art-window-document>span{background:#e6f0fc99;border-radius:2px;width:57%;height:5px;display:block}.bento-art-window-document>span+span{background:#e6f0fc42;width:80%;height:3px;margin-top:7px}.bento-art-window-document>div{align-items:flex-end;gap:7px;height:50px;margin-top:10px;display:flex}.bento-art-window-document>div>i{background:#a8dce57d;border:1px solid #d5ecff36;border-radius:3px 3px 0 0;flex:1;height:50%}.bento-art-window-document>div>i:nth-child(2){background:#c1ceec65;height:73%}.bento-art-window-document>div>i:nth-child(3){height:57%}.bento-art-window-document>div>i:nth-child(4){background:#d7c7e284;height:90%}.bento-art-window-document>div>i:nth-child(5){height:70%}.bento-art-recording-dot{color:#d5dfecb3;align-items:center;gap:4px;font-size:5px;display:flex;position:absolute;bottom:9px;right:11px}.bento-art-recording-dot>i{background:#e7a5a4;border-radius:50%;width:3px;height:3px}.bento-art-desktop-switch{z-index:3;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12232cc9;border:1px solid #cfe7ed22;border-radius:7px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 9px 20px #0003}.bento-art-desktop-switch>span{width:32px;height:18px;animation:bento-desktop-switch var(--bento-cycle)infinite;background:#7b82925e;border:1px solid #ffffff16;border-radius:20px;flex-shrink:0;position:relative}.bento-art-desktop-switch>span>i{width:12px;height:12px;animation:bento-desktop-knob var(--bento-cycle)cubic-bezier(.22,1,.36,1)infinite;background:#e2edf6;border-radius:50%;position:absolute;top:2px;left:2px}.bento-art-desktop-switch p{color:#d6e7ed;font-size:10px}@keyframes bento-desktop-clear{0%,16%,92%,to{opacity:1;filter:blur();transform:translateY(0)scale(1)}27%,79%{opacity:0;filter:blur(4px);transform:translateY(-12px)scale(.7)}}@keyframes bento-desktop-window{0%,16%,92%,to{transform:translateY(0)scale(1)}29%,77%{transform:translateY(-4px)scale(1.035)}}@keyframes bento-desktop-switch{0%,17%,90%,to{background:#7b82925e}22%,80%{background:#519cae}}@keyframes bento-desktop-knob{0%,17%,90%,to{transform:translate(0)}22%,80%{transform:translate(14px)}}.bento-art-mask{background:radial-gradient(at 20% 100%,#5f7b9f24,#0000 70%);flex-direction:column;gap:27px;min-height:280px;padding:21px 23px 19px}.bento-art-mask-halo{background:radial-gradient(#6c94ca30,#0000 63%);position:absolute;inset:30% -15% -30%}.bento-art-mask-window{background:linear-gradient(145deg,#29384ccc,#182330);border:1px solid #bed0e32b;border-top-color:#d4e5fa42;border-radius:11px;width:100%;max-width:330px;position:relative;overflow:hidden;transform:none;box-shadow:0 20px 35px #0004,inset 0 1px #eff6ff0b}.bento-art-mask-header{color:#c4d6e9;border-bottom:1px solid #ffffff08;align-items:center;gap:7px;height:36px;padding-inline:13px;font-size:8px;display:flex}.bento-art-mask-header>svg{color:#9dbadd}.bento-art-mask-header>i{color:#94a8c1;letter-spacing:2px;margin-left:auto;font-style:normal}.bento-art-mask-row{justify-content:space-between;align-items:center;padding:13px;display:flex}.bento-art-mask-row>span{color:#94a6bd;font-size:8px}.bento-art-mask-row>strong{color:#d0ddeb;font-size:8px;font-weight:400}.bento-art-mask-last{border-top:1px solid #ffffff08}.bento-art-mask-last strong{align-items:center;gap:5px;display:flex}.bento-art-mask-secret{padding:2px 13px 13px;position:relative}.bento-art-mask-secret>span{color:#acbfd7;align-items:center;gap:4px;margin-bottom:6px;font-size:7px;display:flex}.bento-art-mask-secret>div{background:#c2d8f10c;border:1px solid #b7cee51d;border-radius:5px;height:32px;position:relative}.bento-art-mask-secret code{color:#d3e4f6;font-family:var(--font-geist-mono),monospace;letter-spacing:.02em;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.bento-art-secret-blur{opacity:1;filter:blur(3.2px);animation:bento-mask-phase var(--bento-cycle)linear infinite}.bento-art-secret-pixels{z-index:2;opacity:0;animation:bento-mask-phase var(--bento-cycle)linear var(--bento-phase)infinite;gap:2px;display:flex;position:absolute;inset:7px 12px}.bento-art-secret-pixels>i{background:#d8e5f5;border-radius:1px;flex:1;min-width:0}.bento-art-secret-plain{z-index:5;opacity:0;animation:bento-mask-phase var(--bento-cycle)linear calc(var(--bento-phase)*2)infinite}.bento-art-spotlight{z-index:4;opacity:0;animation:bento-mask-phase var(--bento-cycle)linear calc(var(--bento-phase)*2)infinite;border:2px solid #b3d8ff;border-radius:7px;position:absolute;inset:-2px;box-shadow:0 0 0 160px #07101cd1,0 0 19px #b3d8ff17}.bento-art-mask-controls{gap:6px;display:flex;position:relative}.bento-art-mask-controls>span{color:#9cb4d0;white-space:nowrap;background:#17253770;border:1px solid #b3d8ff18;border-radius:6px;flex-shrink:0;min-height:32px;padding:8px clamp(8px,.9cqw,12px);font-size:clamp(9px,.9cqw,11px);position:relative;overflow:hidden}.bento-art-mask-controls>span>span{position:relative}.bento-art-mask-control-active{border-radius:inherit;opacity:0;animation:bento-mask-phase var(--bento-cycle)linear infinite;animation-delay:calc(var(--phase)*var(--bento-phase));background:#b3d8ff26;border:1px solid #b3d8ff59;position:absolute;inset:0}.bento-art-mask-controls>span:first-child .bento-art-mask-control-active{opacity:1}@keyframes bento-mask-phase{0%,27%{opacity:1}32%,96%{opacity:0}to{opacity:1}}.bento-art-captions{background:radial-gradient(110% 85% at 20% 100%,#234eb074,#0000 80%);flex-direction:column;gap:0;min-height:255px;padding:9px 20px 12px;display:flex}.bento-art-caption-glow{background:radial-gradient(at 30% 60%,#366cdb42,#0000 61%),radial-gradient(at 90% 80%,#6f4b9a44,#0000 70%);position:absolute;inset:35% -20% -20%}.bento-art-transcript{flex-direction:column;gap:7px;width:100%;max-width:350px;display:flex;position:relative}.bento-art-transcript-row{color:#a9b6d2;opacity:.5;animation:bento-transcript-focus var(--bento-cycle)linear infinite;animation-delay:calc(var(--row)*var(--bento-phase));border:1px solid #0000;border-radius:9px;align-items:flex-start;gap:11px;padding:12px 11px;display:flex}.bento-art-transcript-time{color:#c3d1f3;font-family:var(--font-geist-mono),monospace;border:1px solid #b7cbff28;border-radius:5px;flex-shrink:0;padding:4px 5px;font-size:9px;line-height:1.2}.bento-art-transcript-row p{color:#d4dbed;letter-spacing:-.015em;font-size:16px;line-height:1.4}.bento-art-transcript-row p>span{animation:bento-karaoke-word var(--bento-cycle)linear infinite;animation-delay:calc(var(--row)*var(--bento-phase) + var(--word)*.324s)}.bento-art-speech-wave{justify-content:center;align-items:center;gap:3px;width:100%;min-height:28px;margin-top:10px;padding-bottom:18px;display:flex;position:relative}.bento-art-speech-wave>i{transform-origin:50%;width:2px;animation:1.44s ease-in-out infinite bento-speech-wave;animation-delay:calc(var(--bar)*-63ms);background:#c0d4fa40;border-radius:2px}.bento-art-speech-wave>span{color:#b2bedd7d;font-size:7px;position:absolute;bottom:0}@keyframes bento-transcript-focus{0%,27%{opacity:1;background:#d9e2ff0d;border-color:#bdcfff30;transform:translate(0);box-shadow:inset 0 1px #ffffff05}33%,96%{opacity:.42;box-shadow:none;background:#d9e2ff00;border-color:#bdcfff00;transform:translate(3px)}to{opacity:1;background:#d9e2ff0d;border-color:#bdcfff30;transform:translate(0)}}@keyframes bento-karaoke-word{0%,3.7%{color:#f4d67a;text-shadow:0 0 16px #f4d67a16}5%,to{color:#d4dbed;text-shadow:none}}@keyframes bento-speech-wave{0%,to{opacity:.55;transform:scaleY(.65)}50%{opacity:.9;transform:scaleY(1.15)}}.bento-art-cursors{background:radial-gradient(at 20% 80%,#95624121,#0000 68%);min-height:250px;padding:0;display:block}.bento-art-cursor-halo{background:radial-gradient(#a3775140,#0000 56%),radial-gradient(at 95% 80%,#6f558c30,#0000 65%);position:absolute;inset:15% -20% -30%}.bento-art-cursor-motion{z-index:4;aspect-ratio:48/54;width:110px;transform-origin:var(--cursor-hotspot-x)var(--cursor-hotspot-y);animation:bento-cursor-approach var(--bento-cursor-cycle)cubic-bezier(.22,1,.36,1)infinite;position:absolute;top:18%;left:39%;transform:translate(21px,20px)rotate(7deg)}.bento-art-cursor-hero{z-index:1;object-fit:contain;filter:drop-shadow(0 17px 15px #25121c6b);width:100%;height:100%;position:absolute;inset:0}.bento-art-cursor-violet{z-index:2;object-fit:contain;transform-origin:35% 13%;opacity:.9;filter:drop-shadow(0 13px 14px #160c2066);width:74px;height:88px;animation:bento-hand-click var(--bento-cursor-cycle)ease-in-out infinite;position:absolute;top:26%;left:8%;transform:rotate(-22deg)}.bento-art-cursor-bot{z-index:2;object-fit:contain;transform-origin:50% 72%;filter:drop-shadow(0 10px 14px #160c2066);width:60px;height:69px;animation:bento-robot-shake var(--bento-cursor-cycle)ease-in-out infinite;position:absolute;top:8%;right:7%;transform:rotate(12deg)}.bento-art-cursor-palette{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211b21b3;border:1px solid #e3cbb91a;border-radius:8px;align-items:center;gap:5px;padding:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 9px 16px #150b122e}.bento-art-cursor-palette>div{border:1px solid #0000;border-radius:4px;place-items:center;width:29px;height:31px;display:grid}.bento-art-cursor-palette>div.is-active{background:#e2be970e;border-color:#e2be973d}.bento-art-cursor-palette img{object-fit:contain;width:21px;height:26px}.bento-art-cursor-palette>span{color:#c3ad9a8c;font-family:var(--font-geist-mono),monospace;letter-spacing:.07em;white-space:nowrap;text-transform:uppercase;font-size:6px;position:absolute;top:-17px;left:50%;transform:translate(-50%)}@keyframes bento-cursor-approach{0%,12%,92%,to{transform:translate(21px,20px)rotate(7deg)}34%,42%{transform:translate(-8px,-2px)rotate(-4deg)}46%{transform:translate(-8px,-2px)rotate(-4deg)scale(.92)}51%,74%{transform:translate(-8px,-2px)rotate(-4deg)scale(1)}}@keyframes bento-hand-click{0%,25%,45%,to{transform:rotate(-22deg)translateY(0)scale(1)}30%,39%{transform:rotate(-18deg)translateY(4px)scale(.9)}34%,43%{transform:rotate(-22deg)translateY(0)scale(1)}}@keyframes bento-robot-shake{0%,25%,45%,to{transform:rotate(12deg)}30%{transform:rotate(-6deg)}34%{transform:rotate(20deg)}39%{transform:rotate(1deg)}43%{transform:rotate(16deg)}}.bento-card-camera-background .bento-card-copy{margin-bottom:22px}.bento-card-art .bento-art-camera-video{aspect-ratio:8/5;background:#0a0d12;border-top:1px solid #d8c7ff1a;border-radius:0 0 15px 15px;flex:none;width:calc(100% + 42px);min-height:0;margin:auto -21px -21px;position:relative}@container bento (min-width:960px){.bento-grid-details .bento-card-camera-background .bento-card-copy{margin-bottom:0}.bento-grid-details .bento-card-art .bento-art-camera-video{margin-top:19px}}.bento-camera-options-player{position:absolute;inset:0}.bento-camera-options-video{object-fit:contain;width:100%;height:100%;display:block}.bento-art-keystrokes{background:radial-gradient(at 15% 85%,#b77d6b15,#0000 65%);min-height:240px;padding:0;display:block}.bento-art-keyboard-glow{background:radial-gradient(at 55% 70%,#8980c640,#0000 61%),radial-gradient(at 10% 100%,#be91672b,#0000 65%);position:absolute;inset:-10% -20% -30%}.bento-art-floating-key{color:#d2c8ec78;background:linear-gradient(145deg,#61587950,#2924386b);border:1px solid #d8d1ff20;border-bottom-width:3px;border-radius:9px;place-items:center;width:43px;height:45px;font-size:25px;display:grid;position:absolute;box-shadow:0 10px 17px #130f1f2e}.bento-art-floating-key-shift{top:14%;left:15%;transform:rotate(-18deg)}.bento-art-floating-key-alt{top:16%;right:13%;transform:rotate(17deg)}.bento-art-key-scenes{perspective:650px;height:115px;position:absolute;top:calc(23% + 14px);left:12%;right:12%}.bento-art-key-scene{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;width:max-content;min-width:124px;height:74px;animation:bento-key-scene var(--bento-cycle)cubic-bezier(.22,1,.36,1)infinite;animation-delay:calc(var(--key-phase)*var(--bento-phase));background:linear-gradient(145deg,#8b7ca36b,#51455d99);border:1px solid #e4dcff3d;border-top-color:#eee8ff66;border-bottom:4px solid #282234;border-radius:14px;justify-content:center;align-items:center;gap:13px;margin:auto;display:flex;position:absolute;inset:0;transform:rotate(-7deg);box-shadow:inset 0 1px #f6f1ff1f,0 6px #160f2129,0 18px 24px #1e102830}.bento-art-key-scene:first-child{opacity:1}.bento-art-key-scene>kbd{color:#ede8f8;font-family:var(--font-geist-sans),sans-serif;text-shadow:0 2px 3px #1c0c242b;place-items:center;font-size:39px;font-weight:400;line-height:1;display:grid}.bento-art-key-timeline{color:#c4b8dc80;white-space:nowrap;align-items:center;gap:7px;font-size:7px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.bento-art-key-timeline>i{color:#b8abcd;font-family:var(--font-geist-mono),monospace;animation:bento-key-timeline var(--bento-cycle)linear infinite;animation-delay:calc(var(--key-phase)*var(--bento-phase));background:#46374f44;border:1px solid #d8d1ff12;border-radius:5px;padding:6px 8px;font-size:8px;font-style:normal}@keyframes bento-key-scene{0%{opacity:0;transform:rotate(-9deg)translateY(17px)scale(.94)}5%,26%{opacity:1;transform:rotate(-5deg)translateY(0)scale(1)}32%,96%{opacity:0;transform:rotate(1deg)translateY(-14px)scale(.97)}to{opacity:0;transform:rotate(-9deg)translateY(17px)scale(.94)}}@keyframes bento-key-timeline{0%,27%{color:#e4d7f8;background:#d8d1ff14;border-color:#d8d1ff49}33%,96%{color:#b8abcd;background:#46374f44;border-color:#d8d1ff12}to{color:#e4d7f8;background:#d8d1ff14;border-color:#d8d1ff49}}@container bento (max-width:620px){.bento-card-art{min-height:425px}.bento-card-art.bento-card-camera-background{min-height:0}.bento-card-art .bento-card-copy h3{font-size:25px}.bento-card-art :is(.bento-art-stage,.bento-art-camera-video){margin-inline:-19px;width:calc(100% + 38px);margin-bottom:-19px}.bento-card-art.bento-card-lead .bento-card-copy h3{font-size:28px}.bento-art-mask-controls>span{padding:9px 12px;font-size:11px}.bento-art-transcript-row p{font-size:16px}}@media (max-width:560px){.bento-motion-button{width:25px;padding-inline:0}.bento-motion-button>span{display:none}}@media (prefers-reduced-motion:reduce){.bento-art-stage *,.bento-art-stage :before,.bento-art-stage :after{transition:none!important;animation:none!important}.bento-art-transcript-row:first-child{opacity:1;background:#d9e2ff0d;border-color:#bdcfff30}.bento-art-transcript-row:first-child p>span:nth-child(3){color:#f4d67a}.bento-art-key-scene:first-child,.bento-art-secret-blur{opacity:1}.bento-art-secret-pixels,.bento-art-secret-plain,.bento-art-spotlight{opacity:0}}
.feature-bento{color:#ededed;position:relative}.feature-bento-layout{container:bento/inline-size}.feature-bento-heading{text-align:center;margin-bottom:64px}.feature-bento-kicker{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.feature-bento-heading h2{color:#ededed;letter-spacing:-.025em;text-wrap:balance;font-size:30px;font-weight:500;line-height:1.2}.feature-bento-heading>p{color:#9b9ba8;text-wrap:pretty;max-width:672px;margin:16px auto 0;font-size:18px;line-height:1.625}.feature-bento .bento-motion-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.feature-bento .bento-motion-button:focus-visible{outline-offset:5px;outline:2px solid #0c8ce9}@media (min-width:640px){.feature-bento-heading h2{font-size:36px;line-height:1.15}}@media (min-width:1536px){.feature-bento-heading h2{font-size:48px;line-height:1.1}}@container bento (max-width:620px){.feature-bento-kicker{gap:12px}}