.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"wf wf sp sp""wf wf pf nt""sf sf sc t8";gap:12px;display:grid}.tile-wf{grid-area:wf}.tile-sp{grid-area:sp}.tile-pf{grid-area:pf}.tile-nt{grid-area:nt}.tile-sf{grid-area:sf}.tile-sc{grid-area:sc}.tile-t8{grid-area:t8}.bento-tile{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:22px;min-width:0;padding:22px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.bento-tile:hover{border-color:var(--line-strong)}.bento-tile:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%);transition:opacity .3s;position:absolute;inset:0}.bento-tile:hover:before{opacity:1}.bento-tile>*{position:relative}.tile-copy{margin-top:auto}.tile-copy .feature-number{font:500 11px var(--mono);letter-spacing:.08em;color:var(--faint);margin-bottom:10px;display:block}.tile-copy h2,.tile-copy h3{letter-spacing:-.02em;margin-bottom:6px;font-size:1.2rem;line-height:1.2}.tile-copy p{color:var(--muted);max-width:30em;margin:0;font-size:15px;line-height:1.5}.tile-copy code{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;margin-top:14px;font-size:12px;display:block;overflow:hidden}.tile-copy code:before{content:"$ ";color:var(--faint)}.tile-visual{flex:1;align-items:center;min-height:112px;display:grid}.tile-wf{gap:24px;padding:26px}.tile-wf .tile-copy{margin-top:0}.tile-wf .tile-copy h2,.tile-wf .tile-copy h3{font-size:1.5rem}.tile-wf .tile-copy p{max-width:34em;font-size:16px}.tile-wf .tile-copy p+p{margin-top:10px}.tile-wf .workflow-demo{max-width:none;margin-top:auto}.tile-wf .terminal-window{box-shadow:none}.tile-wf .workflow-step{padding-block:19px}.mini-term{background:var(--terminal);width:100%;color:var(--terminal-text);border:1px solid var(--line-strong);font:400 12px/1.7 var(--mono);border-radius:9px;overflow:hidden}.mini-term p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.split-visual{grid-template-columns:1fr 1fr;display:grid}.split-visual .pane{min-width:0;padding:30px 14px 14px;position:relative}.split-visual .pane+.pane{border-left:1px solid #eeece424}.split-visual .pane-id{letter-spacing:.08em;color:var(--terminal-muted);font-size:10px;position:absolute;top:9px;left:14px}.split-visual .pane+.pane .pane-id{color:var(--terminal-accent)}.split-visual .cursor{width:.55em;height:1.05em}.forward-visual .network-node{text-align:center;background:var(--bg);gap:1px;padding:9px 11px;display:grid}.forward-visual .network-node small{color:var(--accent);font-size:10.5px}.forward-visual .network-path{min-width:28px}.notify-visual{border:1px solid var(--line-strong);background:var(--bg);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:11px 13px;display:grid;box-shadow:0 14px 30px -18px #00000073}.notify-visual img{border-radius:8px;width:34px;height:34px}.notify-visual p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.35}.notify-visual .notify-head{color:var(--text);justify-content:space-between;gap:8px;font-size:13px;display:flex}.notify-visual .notify-head span{font:400 11px var(--mono);color:var(--faint)}.sftp-visual ul{margin:0;padding:8px 0;list-style:none}.sftp-visual li{justify-content:space-between;gap:12px;padding:3px 14px;display:flex}.sftp-visual li.is-selected{color:var(--terminal-accent);background:#b7cd761f}.sftp-visual>p{border-top:1px solid #eeece41a;align-items:center;gap:10px;padding:9px 14px;display:flex}.sftp-bar{background:#eeece424;flex:1;min-width:24px;height:2px}.sftp-bar i{background:var(--terminal-accent);height:100%;display:block}.shortcut-visual{gap:7px;width:100%;margin:0;padding:0;list-style:none;display:grid}.shortcut-visual li{border:1px solid var(--line-strong);background:var(--bg);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;font-size:13px;line-height:1.3;display:grid}.shortcut-visual i{color:var(--accent);font-size:12px;font-style:normal}.shortcut-visual span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shortcut-visual b{font:500 11px var(--mono);color:var(--muted)}.slots-visual{grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin:0;padding:0;list-style:none;display:grid}.slots-visual li{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);font:500 11px var(--mono);color:var(--accent);border-radius:8px;place-items:center;display:grid}.slots-visual li.is-free{border-color:var(--line-strong);background:var(--bg);color:var(--muted)}@media (width<=1040px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"wf wf""sp sp""pf nt""sf sf""sc t8"}}@media (width<=640px){.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"wf""sp""pf""nt""sf""sc""t8";gap:10px}.bento-tile,.tile-wf{gap:18px;padding:18px}.tile-visual{min-height:0}.tile-wf .tile-copy h2,.tile-wf .tile-copy h3{font-size:1.3rem}.slots-visual{grid-template-columns:repeat(8,1fr);gap:5px}.slots-visual li{border-radius:6px;font-size:9.5px}}