.bento-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}.bento-card{position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;background:#1e2a24;background-size:cover;background-position:center;transition:transform 0.25s}.bento-card:hover{transform:translateY(-3px)}.bento-card:hover::before{opacity:0.55}.bento-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.72) 100%);transition:opacity 0.25s;z-index:0}.bento-img-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%, -70%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0.18;pointer-events:none;z-index:0}.bento-img-placeholder svg{display:block}.bento-img-placeholder span{font-size:10px;font-family:var(--font-body);letter-spacing:0.1em;text-transform:uppercase;color:white;white-space:nowrap}.bento-overlay{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;gap:10px}.bento-icon{width:44px;height:44px;background:rgba(0,155,91,0.25);border:1px solid rgba(0,155,91,0.4);display:flex;align-items:center;justify-content:center;color:var(--green-mid);flex-shrink:0}.bento-card h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:white;line-height:1.15;margin:0}.bento-card p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.7;margin:0;display:none}.app-recommended{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;margin-top:4px}.rec-label{color:rgba(255,255,255,0.35);font-weight:500}.app-recommended a{color:var(--green-mid);text-decoration:none;font-weight:600;background:rgba(0,155,91,0.22);border:1px solid rgba(0,155,91,0.35);padding:3px 10px;font-size:12px;transition:background 0.15s}.app-recommended a:hover{background:rgba(0,155,91,0.4)}.bento-wide{grid-column:span 2;min-height:320px}.bento-wide h3{font-size:28px}.bento-wide p{display:block}.bento-wide .bento-overlay{padding:32px;gap:12px}.cta-section{background:var(--gray-bg)}@media (max-width:900px){.bento-grid{grid-template-columns:repeat(2, 1fr)}.bento-wide{min-height:300px}.bento-wide h3{font-size:24px}}@media (max-width:580px){.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1;min-height:280px}.bento-wide h3{font-size:22px}.bento-wide p{display:none}}