.mkt-agent-strip{--agent-strip-bg:var(--surface-background);--agent-strip-border:var(--border-muted);--agent-strip-label-fg:var(--text-primary);--agent-strip-logo-fg:var(--text-secondary);--agent-strip-glow:var(--mkt-glow-lava-500);--agent-strip-logo-size:var(--icon-size-md);--agent-strip-name-fg:var(--text-muted);--agent-strip-cell-padding:var(--spacing-md);--agent-strip-bounce-height:var(--spacing-sm);--agent-strip-bounce-duration:calc(var(--system-transition) * 4);--agent-strip-label-width:27%;--agent-strip-label-glow-width:87%;--agent-strip-label-glow-height:186%;--agent-strip-label-glow-x:148%;display:flex;background:var(--agent-strip-bg);border-bottom:var(--border-width-thin) solid var(--agent-strip-border)}.mkt-agent-strip-label{display:flex;align-items:center;justify-content:center;flex:0 0 var(--agent-strip-label-width);margin:0;padding:var(--agent-strip-cell-padding) var(--spacing-xl);background:radial-gradient(ellipse var(--agent-strip-label-glow-width) var(--agent-strip-label-glow-height) at var(--agent-strip-label-glow-x) 50%,rgb(var(--agent-strip-glow)/.4),transparent 100%);font-family:var(--system-mono-font);font-size:var(--type-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-md);color:var(--agent-strip-label-fg);white-space:nowrap}.mkt-agent-strip-grid{flex:1 1 0;min-width:0;position:relative;isolation:isolate;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}.mkt-agent-strip-grid:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(circle var(--mkt-glow-radius) at var(--mouse-x,50%) var(--mouse-y,50%),rgb(var(--agent-strip-glow)/.22),transparent 100%);transition:opacity calc(var(--system-transition) * 2.5) ease;pointer-events:none}.mkt-agent-strip-grid:hover:before{opacity:1}.mkt-agent-strip-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-xs);padding:var(--agent-strip-cell-padding) var(--spacing-xs);border-right:var(--border-width-thin) solid var(--agent-strip-border)}.mkt-agent-strip-cell:last-child{border-right:none}.mkt-agent-strip-mark{flex:none;width:var(--agent-strip-logo-size);height:var(--agent-strip-logo-size);background:var(--agent-strip-logo-fg);mask:var(--agent-strip-logo-src) center /contain no-repeat;-webkit-mask:var(--agent-strip-logo-src) center /contain no-repeat}.mkt-agent-strip-name{font-family:var(--system-font);font-size:var(--type-label);line-height:var(--line-height-md);color:var(--agent-strip-name-fg);text-align:center}.mkt-agent-strip-cell:hover .mkt-agent-strip-mark{animation:mkt-agent-strip-bounce var(--agent-strip-bounce-duration) ease-out}@keyframes mkt-agent-strip-bounce{0%{transform:translateY(0)}40%{transform:translateY(calc(-1 * var(--agent-strip-bounce-height)))}70%{transform:translateY(calc(var(--agent-strip-bounce-height) / 4))}to{transform:translateY(0)}}.mkt-agent-strip-mark[data-logo=claude-code]{--agent-strip-logo-src:url(/landing/agent-logos/claude-code.svg)}.mkt-agent-strip-mark[data-logo=codex]{--agent-strip-logo-src:url(/landing/agent-logos/codex.svg)}.mkt-agent-strip-mark[data-logo=cursor]{--agent-strip-logo-src:url(/landing/agent-logos/cursor.svg)}.mkt-agent-strip-mark[data-logo=opencode]{--agent-strip-logo-src:url(/landing/agent-logos/opencode.svg)}.mkt-agent-strip-mark[data-logo=pi]{--agent-strip-logo-src:url(/landing/agent-logos/pi.svg)}@media (prefers-reduced-motion:reduce){.mkt-agent-strip-cell:hover .mkt-agent-strip-mark{animation:none}.mkt-agent-strip-grid:before{transition:none}}@media (max-width:768px){.mkt-agent-strip{--agent-strip-logo-size:var(--icon-size-lg);flex-direction:column}.mkt-agent-strip-label{flex:none;padding-inline:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--agent-strip-border);white-space:normal;text-align:center;text-wrap:balance}.mkt-agent-strip-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.bento-card{position:relative;transition:box-shadow .22s ease;color:inherit;text-decoration:none}.bento-card[data-link]:hover{box-shadow:var(--shadow-md);cursor:pointer}.bento-illo,.bento-illo *{animation-play-state:paused!important}:is(.bento-card:hover,.bento-card.in-view) .bento-illo,:is(.bento-card:hover,.bento-card.in-view) .bento-illo *{animation-play-state:running!important}@media (prefers-reduced-motion:reduce){:is(.bento-card:hover,.bento-card.in-view) .bento-illo,:is(.bento-card:hover,.bento-card.in-view) .bento-illo *{animation-play-state:paused!important}}.bento-illo{position:relative;overflow:hidden;height:100%;display:flex;align-items:center;justify-content:center}.bento-illo:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--border-subtle) 1px,transparent 0);background-size:12px 12px;pointer-events:none;z-index:0}.bento-feature-card{display:flex;flex-direction:column;border:var(--border-width-thin) solid var(--border-muted);overflow:hidden}.bento-card-header{padding:var(--spacing-lg)}.bento-card-title{font-family:var(--system-mono-font);font-size:var(--type-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;flex:1}.bento-card-description{font-size:var(--type-body);line-height:var(--line-height-relaxed);margin:0}.bento-illo-wrap{margin-top:auto;margin-left:var(--spacing-lg);margin-right:var(--spacing-lg);margin-bottom:var(--spacing-lg);aspect-ratio:16/9;min-height:var(--bento-illo-min-height,160px)}