.magic-bento-grid{grid-template-columns:1fr;gap:.85rem;display:grid;position:relative}@media (min-width:640px){.magic-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.magic-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.magic-bento-card[data-feature]{grid-area:span 2/span 2}}.magic-bento-card{cursor:default;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;--glow-color:111, 216, 255;flex-direction:column;min-height:230px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.magic-bento-card[data-feature]{min-height:320px;padding:1.75rem}.magic-bento-card__text{flex:none}.magic-bento-card__visual{opacity:.92;flex:auto;justify-content:center;align-items:center;min-height:70px;margin-top:.75rem;display:flex;position:relative}.magic-bento-card[data-feature] .magic-bento-card__visual{min-height:120px}.bento-visual{width:100%;height:100%;max-height:150px}.magic-bento-card__title{font-family:var(--font-body);color:var(--color-fg);font-size:.95rem;font-weight:600}.magic-bento-card__body{font-family:var(--font-body);color:var(--color-muted);font-size:.8rem;line-height:1.45}.magic-bento-card[data-feature] .magic-bento-card__title{font-size:1.5rem;line-height:1.3}.magic-bento-card[data-feature] .magic-bento-card__body{margin-top:.6rem;font-size:.95rem;line-height:1.6}.magic-bento-card__chips{flex-wrap:wrap;gap:.5rem;display:flex}.magic-bento-card[data-feature] .magic-bento-card__chips{margin-top:1.1rem}.magic-bento-card__chip{border-radius:var(--radius-pill);border:1px solid color-mix(in oklab, var(--color-accent-cyan) 30%, transparent);background:color-mix(in oklab, var(--color-accent-cyan) 10%, transparent);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-accent-cyan);padding:.35rem .85rem;font-size:.68rem}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .85)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .35)) 35%, transparent 65%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;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__icon{border-radius:var(--radius-btn);border:1px solid rgba(var(--glow-color), .35);background:rgba(var(--glow-color), .12);width:3rem;height:3rem;color:rgb(var(--glow-color));flex:none;justify-content:center;align-items:center;display:inline-flex}.magic-bento-card__particle{background:rgba(var(--glow-color), 1);width:4px;height:4px;box-shadow:0 0 6px rgba(var(--glow-color), .6);pointer-events:none;z-index:5;border-radius:50%;position:absolute}.global-bento-spotlight{mix-blend-mode:screen;will-change:transform, opacity;z-index:60;pointer-events:none}@keyframes bento-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bento-node{transform-origin:50%;transform-box:fill-box;animation:3s ease-in-out infinite bento-float}@keyframes bento-pulse-ring{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.bento-pulse-ring{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-out infinite bento-pulse-ring}.bento-pulse-ring--delay{animation-delay:1.2s}@keyframes bento-window-twinkle{0%,to{opacity:.25}50%{opacity:.95}}.bento-window{animation:4s ease-in-out infinite bento-window-twinkle}@keyframes bento-blink{0%,to{opacity:.3}50%{opacity:1}}.bento-blink{animation:1.8s ease-in-out infinite bento-blink}.bento-flow-path{stroke-dasharray:6 5;animation:3s linear infinite bento-flow-dash}@keyframes bento-flow-dash{to{stroke-dashoffset:-110px}}@keyframes bento-breathe{0%,to{opacity:.06;transform:scale(1)}50%{opacity:.14;transform:scale(1.08)}}.bento-glow-breathe{transform-origin:50%;transform-box:fill-box;animation:4s ease-in-out infinite bento-breathe}@media (prefers-reduced-motion:reduce){.bento-node,.bento-pulse-ring,.bento-window,.bento-blink,.bento-flow-path,.bento-glow-breathe{animation:none!important}}.stat-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.stat-ring__svg{transform:rotate(-90deg)}.stat-ring__track{fill:none;stroke:var(--color-line)}.stat-ring__fill{fill:none;stroke:var(--color-accent-blue);stroke-linecap:round}.stat-ring__value{font-family:var(--font-display);color:var(--color-fg);justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}