.particles-container{position:relative;width:100%;height:100%}.magic-bento-card-grid{display:grid;gap:.5em;max-width:80em;width:100%;margin:0 auto;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#060010cc;font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:#fff;z-index:2}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:14px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.magic-bento-card__stat{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:clamp(2.5rem,4vw,5rem);font-weight:600;color:#fff;line-height:1;margin-bottom:.1em}.magic-bento-card__title{font-weight:400;font-size:18px;margin:0 0 .15em}.magic-bento-card__description{font-size:15px;line-height:1.3;opacity:.7}.magic-bento-card__text{font-size:clamp(14px,1.2vw,18px);line-height:1.5;color:#ffffffd9;font-style:italic}.magic-bento-card--large .magic-bento-card__text{font-size:clamp(22px,2.2vw,30px)}.magic-bento-card--large .magic-bento-card__title{font-size:26px}.magic-bento-card--large .magic-bento-card__description{font-size:20px;line-height:1.4}.magic-bento-card__content--cta{align-items:flex-start;justify-content:flex-end;flex:1}.magic-bento-card__cta-title{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:600;color:#00c8ff;margin:0}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:1;line-clamp:1}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:2;line-clamp:2}@media (max-width: 599px){.magic-bento-card-grid{grid-template-columns:1fr;width:100%;padding:0;gap:.4em}.magic-bento-card{width:100%;min-height:auto;aspect-ratio:auto;padding:1em;border-radius:14px}.magic-bento-card__stat{font-size:clamp(2rem,8vw,3rem)}.magic-bento-card__title{font-size:15px}.magic-bento-card__description{font-size:13px}.magic-bento-card__label{font-size:11px}.magic-bento-card--large .magic-bento-card__text{font-size:clamp(16px,4vw,22px)}.magic-bento-card--large .magic-bento-card__title{font-size:20px}.magic-bento-card--large .magic-bento-card__description{font-size:15px}.magic-bento-card__cta-title{font-size:clamp(1.2rem,5vw,1.8rem)}}@media (min-width: 600px){.magic-bento-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.magic-bento-card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color-rgb, 0, 200, 255),calc(var(--glow-intensity) * .8)) 0%,rgba(var(--glow-color-rgb, 0, 200, 255),calc(var(--glow-intensity) * .4)) 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:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #0096c833,0 0 30px #00c8ff26}.particle-container{position:relative;overflow:hidden}.particle-container:hover{box-shadow:0 4px 20px #0096c833,0 0 30px #00c8ff26}.global-spotlight{mix-blend-mode:screen;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}