.card-grid{gap:.5em;max-width:84rem;margin-inline:auto;padding:.75em;font-size:clamp(1rem,.9rem + .5vw,1.5rem);display:grid}.magic-bento-card{color:#d4d0c9;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;background:#141414;border:1px solid #d4d0c914;border-radius:12px;flex-direction:column;justify-content:flex-start;width:100%;max-width:100%;min-height:280px;padding:1.25em;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.magic-bento-card__header,.magic-bento-card__content{color:#d4d0c9;z-index:2;display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;gap:.75em}.magic-bento-card__content{flex-direction:column;margin-top:auto;padding-top:.75em}.magic-bento-card__label{text-transform:uppercase;letter-spacing:.08em;color:#d4d0c9a6;font-size:11px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:2;--clamp-desc:3}.magic-bento-card__title{margin:0 0 .3em;font-size:15px;font-weight:500;line-height:1.25}.magic-bento-card__description{color:#d4d0c9a6;font-size:11.5px;line-height:1.4}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{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:599px){.card-grid{grid-template-columns:1fr;width:100%;padding:.5em}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3),.magic-bento-card:nth-child(4){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(212, 208, 201, calc(var(--glow-intensity) * .35)) 0%, rgba(212, 208, 201, calc(var(--glow-intensity) * .16)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:2px;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}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";z-index:-1;background:#d4d0c91a;border-radius:50%;position:absolute;inset:-2px}.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}.magic-bento-card__visual{z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:1em .75em;display:flex;position:relative}.bento-visual-flow{flex-direction:column;gap:5px;width:100%;display:flex}.bento-visual-flow__row{align-items:center;gap:5px;display:flex}.bento-visual-flow__dot{background:#d4d0c966;border-radius:50%;flex-shrink:0;width:6px;height:6px}.bento-visual-flow__line{background:linear-gradient(90deg,#d4d0c940,#0000);flex:1;height:1px}.bento-visual-flow__box{color:#d4d0c98c;white-space:nowrap;border:1px solid #d4d0c91a;border-radius:4px;padding:3px 8px;font-size:9px}.bento-visual-bars{align-items:flex-end;gap:5px;width:100%;height:80px;padding:0 8px;display:flex}.bento-visual-bars__bar{background:#d4d0c91f;border-radius:3px 3px 0 0;flex:1;transition:background .4s,box-shadow .4s;position:relative}.bento-visual-bars__bar--active{background:#d4d0c980;box-shadow:0 0 12px #d4d0c926}.bento-visual-bars__bar--accent{background:#d4d0c94d}.bento-visual-bars__baseline{background:#d4d0c914;height:1px;position:absolute;bottom:0;left:0;right:0}.bento-visual-processes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:5px;width:100%;height:90px;padding:4px;display:grid}.bento-visual-processes__cell{background:#d4d0c908;border:1px solid #d4d0c90f;border-radius:4px;position:relative;overflow:hidden}.bento-visual-processes__cell--running{background:#d4d0c914;border-color:#d4d0c92e}.bento-visual-processes__cell--running:after{content:"";background:#d4d0c980;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite process-pulse;position:absolute;top:4px;left:4px}.bento-visual-processes__cell--spawning{background:#d4d0c91f;border-color:#d4d0c940;animation:1.5s ease-out infinite spawn-in}.bento-visual-processes__cell--done{opacity:.4;border-style:dashed}@keyframes process-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spawn-in{0%{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.95)}}.bento-visual-loop{justify-content:center;align-items:center;width:100%;height:90px;display:flex;position:relative}.bento-visual-loop__ring{border:1px solid #d4d0c91a;border-radius:50%;width:80px;height:80px;position:relative}.bento-visual-loop__orbit{border:1px solid #0000;border-top-color:#d4d0c973;border-radius:50%;animation:3s linear infinite loop-spin;position:absolute;inset:-1px}.bento-visual-loop__nodes{animation:12s linear infinite reverse loop-spin;position:absolute;inset:0}.bento-visual-loop__node{color:#d4d0c999;letter-spacing:.02em;background:#d4d0c90f;border:1px solid #d4d0c926;border-radius:8px;justify-content:center;align-items:center;width:28px;height:16px;font-size:7px;display:flex;position:absolute}.bento-visual-loop__node:first-child{animation:3s ease-in-out infinite node-pulse;top:-8px;left:50%;transform:translate(-50%)}.bento-visual-loop__node:nth-child(2){animation:3s ease-in-out 1s infinite node-pulse;bottom:4px;right:-10px}.bento-visual-loop__node:nth-child(3){animation:3s ease-in-out 2s infinite node-pulse;bottom:4px;left:-10px}.bento-visual-loop__trail{border:1px dashed #d4d0c90f;border-radius:50%;position:absolute;inset:4px}@keyframes loop-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes node-pulse{0%,to{background:#d4d0c90f;border-color:#d4d0c926}33%{background:#d4d0c92e;border-color:#d4d0c966;box-shadow:0 0 8px #d4d0c91f}}.bento-visual-durable{flex-direction:column;gap:10px;width:100%;padding:0 4px;display:flex}.bento-visual-durable__track{background:#d4d0c90f;border-radius:3px;height:6px;position:relative;overflow:hidden}.bento-visual-durable__progress{background:#d4d0c959;border-radius:3px;height:100%;animation:6s ease-in-out infinite durable-run;position:absolute;top:0;left:0}.bento-visual-durable__progress--resumed{background:#d4d0c980;animation:6s ease-in-out infinite durable-resume}.bento-visual-durable__checkpoints{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.bento-visual-durable__checkpoint{background:#d4d0c91a;border-radius:50%;width:6px;height:6px;transition:background .3s}.bento-visual-durable__checkpoint--saved{background:#d4d0c966;animation:6s ease-in-out infinite checkpoint-save;box-shadow:0 0 4px #d4d0c926}.bento-visual-durable__label{color:#d4d0c959;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:8px;animation:6s ease-in-out infinite durable-label}@keyframes durable-run{0%{width:0%}35%{width:58%}38%{opacity:1;width:58%}40%{opacity:.2;width:58%}42%{opacity:.2;width:58%}45%{opacity:1;width:58%}to{width:100%}}@keyframes durable-resume{0%{width:0%}35%{width:62%}38%{opacity:1;width:62%}40%{opacity:.2;width:62%}42%{opacity:.2;width:62%}45%{opacity:1;width:62%}to{width:100%}}@keyframes checkpoint-save{0%,30%{box-shadow:none;background:#d4d0c91a}35%{background:#d4d0c980;box-shadow:0 0 6px #d4d0c933}50%,to{background:#d4d0c94d;box-shadow:0 0 3px #d4d0c91a}}@keyframes durable-label{0%,37%{content:"running";opacity:.5}38%,44%{opacity:1;color:#d4d0c999}45%,to{opacity:.5}}.bento-visual-node-graph{flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.bento-visual-node-graph__tier{justify-content:center;gap:6px;display:flex}.bento-visual-node-graph__node{background:#d4d0c90d;border:1px solid #d4d0c91f;border-radius:5px;width:20px;height:20px}.bento-visual-node-graph__node--primary{background:#d4d0c933;border-color:#d4d0c94d}.bento-visual-node-graph__connector{background:#d4d0c926;width:1px;height:8px}