.card-grid{--brand-cream:#ecffd1;--accent-primary:var(--brand-500);--accent-glow:color-mix(in oklch,var(--brand-500)20%,transparent);--accent-border:color-mix(in oklch,var(--brand-500)80%,transparent);--bento-border-color:var(--surface-3);--bento-background:var(--surface-1);gap:.875rem;max-width:72rem;margin-inline:auto;display:grid}.magic-bento-card{border:1px solid var(--bento-border-color);background:var(--bento-background);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:20px;flex-direction:column;width:100%;max-width:100%;min-height:190px;padding:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 18px 40px -18px #000000e6}.magic-bento-card__header,.magic-bento-card__content{color:var(--brand-cream);display:flex;position:relative}.magic-bento-card__header{align-items:center;gap:.75rem;margin-bottom:1.5rem}.magic-bento-card__icon{background:color-mix(in oklch,var(--brand-500)16%,transparent);border:1px solid color-mix(in oklch,var(--brand-500)32%,transparent);width:2.75rem;height:2.75rem;color:var(--brand-300);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:background .4s,color .4s,transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.magic-bento-card:hover .magic-bento-card__icon{background:color-mix(in oklch,var(--brand-500)26%,transparent);color:var(--brand-200)}.magic-bento-card__label{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklch,var(--brand-200)75%,transparent);font-size:.6875rem}.magic-bento-card__content{flex-direction:column;margin-top:auto}.magic-bento-card__title{letter-spacing:-.01em;color:var(--brand-cream);margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.25}.magic-bento-card__description{color:color-mix(in oklch,var(--brand-cream)72%,transparent);max-width:46ch;margin:0;font-size:.875rem;line-height:1.55}.magic-bento-card--method{justify-content:flex-start}.magic-bento-card--method .magic-bento-card__header{margin-bottom:1.25rem}.magic-bento-card--method .magic-bento-card__label{display:none}.magic-bento-card--method .magic-bento-card__icon{border-radius:16px;width:3.25rem;height:3.25rem}.magic-bento-card--method .magic-bento-card__icon svg{width:1.625rem;height:1.625rem}.magic-bento-card:hover .magic-bento-card__icon{transform:scale(1.06)}.magic-bento-card--method .magic-bento-card__content{margin-top:0}.magic-bento-card--method .magic-bento-card__title{font-size:1.25rem}.magic-bento-card--method .magic-bento-card__description{max-width:42ch;font-size:.9375rem}.magic-bento-card--method.magic-bento-card--wide .magic-bento-card__description{max-width:58ch}.magic-bento-card--stat{min-height:150px}.magic-bento-card--stat .magic-bento-card__title{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--brand-200);margin-bottom:.25rem;font-size:clamp(2.75rem,2rem + 2.4vw,4rem);font-weight:400;line-height:.95}.magic-bento-card--stat .magic-bento-card__description{letter-spacing:.02em;color:color-mix(in oklch,var(--brand-cream)62%,transparent);font-size:.8125rem}.magic-bento-card--stat .magic-bento-card__header{margin-bottom:1rem}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{--clamp-title:1;--clamp-desc:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:767px){.card-grid{grid-template-columns:1fr}.magic-bento-card{width:100%;min-height:160px}.magic-bento-card--stat{min-height:0}}@media (min-width:768px){.card-grid{grid-template-columns:repeat(6,1fr);align-items:stretch}.magic-bento-card--stat{grid-column:span 2}.magic-bento-card--method{grid-column:span 3}.magic-bento-card--method:last-child{grid-column:span 6}}@media (min-width:1024px){.magic-bento-card--method{grid-column:span 2}.magic-bento-card--method:nth-of-type(4){grid-column:span 4}.magic-bento-card--method:last-child{grid-column:span 2}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(176,228,84,calc(var(--glow-intensity)*.8))0%,rgba(176,228,84,calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:6px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 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--border-glow:hover{box-shadow:0 4px 20px #234f1066,0 0 30px var(--accent-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";z-index:-1;background:#b0e45433;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 4px 20px #234f1033,0 0 30px var(--accent-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}