.magic-bento-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.magic-bento-card{color:rgba(255,255,255,.94);isolation:isolate;min-height:292px;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.12);border-radius:22px;flex-direction:column;justify-content:space-between;padding:26px;text-decoration:none;transition:border-color .22s,box-shadow .22s,background-color .22s;display:flex;position:relative;overflow:hidden}.magic-bento-card:before{z-index:-2;content:"";background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--card-accent)24%,transparent),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.06),transparent 52%);opacity:.9;position:absolute;top:0;bottom:0;left:0;right:0}.magic-bento-card:after{z-index:-1;content:"";background:radial-gradient(260px circle at var(--glow-x,50%)var(--glow-y,50%),rgba(var(--glow-color,168,85,247),calc(var(--glow-intensity,0)*.32)),transparent 72%);opacity:.9;pointer-events:none;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0;right:0}.magic-bento-card--border-glow{box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 18px 48px rgba(0,0,0,.18)}.magic-bento-card--border-glow:after{-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card:hover{border-color:color-mix(in srgb,var(--card-accent)72%,white 12%);box-shadow:0 24px 64px rgba(0,0,0,.32),0 0 34px color-mix(in srgb,var(--card-accent)22%,transparent)}.magic-bento-card:focus-visible{border-color:color-mix(in srgb,var(--card-accent)72%,white 12%);box-shadow:0 24px 64px rgba(0,0,0,.32),0 0 34px color-mix(in srgb,var(--card-accent)22%,transparent)}.magic-bento-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:4px}.magic-bento-card__header,.magic-bento-card__content{z-index:2;position:relative}.magic-bento-card__header{color:rgba(255,255,255,.58);letter-spacing:.13em;justify-content:space-between;align-items:center;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:10px;display:flex}.magic-bento-card__arrow{color:var(--card-accent);font-size:22px;line-height:1;transition:transform .22s}.magic-bento-card:hover .magic-bento-card__arrow{transform:translate(3px,-3px)}.magic-bento-card:focus-visible .magic-bento-card__arrow{transform:translate(3px,-3px)}.magic-bento-card__content{margin-top:auto;padding-top:60px}.magic-bento-card__title{color:#fff;letter-spacing:-.04em;margin:0;font-size:max(21px,min(2.2vw,30px));font-weight:500}.magic-bento-card__description{color:rgba(255,255,255,.62);max-width:28ch;margin:14px 0 0;font-size:13px;line-height:1.75}.magic-bento-card__cta{z-index:2;border-bottom:1px solid color-mix(in srgb,var(--card-accent)68%,transparent);color:var(--card-accent);letter-spacing:.08em;align-self:flex-start;margin-top:22px;font-size:12px;position:relative}.magic-bento-particle{z-index:4;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute}.magic-bento-ripple{z-index:5;pointer-events:none;border-radius:50%;position:absolute}.magic-bento-spotlight{z-index:10;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,rgba(168,85,247,.12),rgba(168,85,247,.04) 38%,transparent 70%);border-radius:50%;width:620px;height:620px;position:fixed;transform:translate(-50%,-50%)}@media (max-width:900px){.magic-bento-card{min-height:260px;padding:22px}}@media (max-width:700px){.magic-bento-grid{grid-template-columns:1fr}.magic-bento-card{min-height:220px}.magic-bento-card__content{padding-top:34px}}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card__arrow{transition:none}}