.bento{padding:6rem 2rem;position:relative}.bento-container{max-width:1160px;margin:0 auto}.bento-header{text-align:center;max-width:720px;margin:0 auto 4rem}.bento-title{letter-spacing:-.02em;color:var(--dark-text);margin-bottom:1.25rem;font-family:ClashGrotesk,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:500;line-height:1.1}.bento-subtitle{color:var(--gray-text);font-size:1.1rem;line-height:1.6}.bento-grid{grid-template-columns:repeat(6,1fr);grid-template-areas:"code code code models models models""code code code guard guard guard""latency latency scale scale trace trace";gap:18px;display:grid}.bento-grid.bento-grid-compact{grid-template-areas:"models models models guard guard guard""latency latency scale scale trace trace"}.bento-code{grid-area:code}.bento-models{grid-area:models}.bento-guard{grid-area:guard}.bento-latency{grid-area:latency}.bento-scale{grid-area:scale}.bento-trace{grid-area:trace}.bento-cell{border:1px solid var(--border-color);background:linear-gradient(160deg,#ffffff0b,#ffffff03);border-radius:18px;flex-direction:column;padding:26px;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.bento-cell:hover{border-color:#8a3ffc66;transform:translateY(-3px);box-shadow:0 14px 44px #00000073,0 0 28px #8a3ffc1f}.bento-visual{flex:1;align-items:center;margin-bottom:20px;display:flex}.bento-cell-title{color:var(--dark-text);margin-bottom:6px;font-family:Apercu,sans-serif;font-size:1rem;font-weight:600}.bento-cell-description{color:var(--gray-text);font-size:.88rem;line-height:1.55}.bento-cell.bento-code .bento-visual{align-items:stretch}.bento-code-window{background:#0d1117;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;display:flex;overflow:hidden}.bento-code-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.bento-code-file{color:#8b949e;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.72rem}.bento-code-badge{color:#4ade80;background:#4ade801a;border:1px solid #4ade8059;border-radius:100px;padding:2px 9px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.65rem}.bento-code-body{color:#c9d1d9;margin:0;padding:14px 16px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}.tok-key{color:#79c0ff}.tok-num{color:#f2cc60}.tok-add{color:#4ade80;background:#4ade8014}.bento-chips{flex-wrap:wrap;gap:8px;display:flex}.bento-chip{color:#d4d4dc;background:#ffffff0a;border:1px solid #ffffff24;border-radius:100px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:border-color .2s,color .2s}.bento-cell:hover .bento-chip{border-color:#8a3ffc66}.bento-rules{flex-direction:column;gap:8px;width:100%;display:flex}.bento-rule{color:#c9d1d9;background:#00000040;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:9px;padding:8px 12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.78rem;display:flex}.rule-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.rule-dot.ok{background:#4ade80}.rule-dot.no{background:#f87171}.rule-state{margin-left:auto;font-size:.68rem}.rule-state.ok{color:#4ade80}.rule-state.no{color:#f87171}.bento-stat{align-items:flex-end;gap:14px;width:100%;display:flex}.bento-stat-value{background:linear-gradient(#f4f4f5,#9d9daa);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk,sans-serif;font-size:2.6rem;font-weight:500;line-height:1}.bento-spark{height:34px;color:var(--accent-soft);opacity:.9;flex:1}.bento-replicas{grid-template-columns:repeat(6,14px);gap:10px;display:grid}.replica-dot{background:#8a3ffc8c;border-radius:4px;width:14px;height:14px;animation:2.4s ease-in-out infinite replica-blink}@keyframes replica-blink{0%,to{opacity:.35}50%{opacity:1}}.bento-trace-viz{flex-direction:column;gap:8px;width:100%;display:flex}.bento-trace-row .bar{background:#ffffff2e;border-radius:4px;height:10px;display:block}.bento-trace-row .bar.accent{background:#8a3ffca6}.bento-trace-row .bar.ok{background:#4ade8099}@media (max-width:900px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-areas:"code code""models guard""latency scale""trace trace"}.bento-grid.bento-grid-compact{grid-template-areas:"models guard""latency scale""trace trace"}}@media (max-width:600px){.bento{padding:4rem 1.25rem}.bento-grid{grid-template-columns:1fr;grid-template-areas:"code""models""guard""latency""scale""trace";gap:14px}.bento-grid.bento-grid-compact{grid-template-areas:"models""guard""latency""scale""trace"}}