.card-grid{display:grid;grid-gap:18px;gap:18px;width:100%;grid-template-columns:1fr}.magic-bento-card{display:flex;flex-direction:column;position:relative;min-height:240px;width:100%;max-width:100%;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.07);background:var(--surface);overflow:hidden;transition:border-color .2s ease,transform .2s ease;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--glow-color:56,189,248}.magic-bento-card:hover{border-color:rgba(0,0,0,.2);transform:translateY(-1px)}.magic-bento-card__media{position:relative;flex:1 1;min-height:150px;display:grid;place-items:center;overflow:hidden;background:var(--sky-50);border-bottom:1px solid var(--border)}.magic-bento-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.magic-bento-card__icon{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;font-size:2rem;color:var(--blue-600);background:hsla(0,0%,100%,.7);border:1px solid var(--sky-100);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.magic-bento-card__body{position:relative;z-index:2;padding:22px 26px 26px}.magic-bento-card__title{font-weight:700;font-size:1.3rem;letter-spacing:-.01em;margin:0 0 8px;color:var(--text)}.magic-bento-card__description{font-size:.95rem;line-height:1.5;color:var(--text-muted)}.magic-bento-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:0;background:none;border:none;font-size:.9rem;font-weight:600;color:#000;transition:color .18s ease,gap .18s ease}.magic-bento-card__cta:hover{color:var(--blue-600);gap:10px}.magic-bento-card--text-autohide .magic-bento-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1}.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}.magic-bento-card:first-child{grid-column:span 2}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(240px,1fr)}.magic-bento-card:first-child{grid-column:1;grid-row:1/span 2}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .4)) 0,rgba(var(--glow-color),calc(var(--glow-intensity) * .18)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:3}.global-spotlight{will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}