.bento{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.bento{grid-template-columns:repeat(2,1fr)}}@media (width>=640px) and (width<=999px){.bento__tile:last-child{grid-column:span 2}}@media (width>=1000px){.bento{grid-template-columns:repeat(4,1fr)}.bento__tile--w{grid-column:span 2}}.bento__tile{background:var(--tone-bg);min-height:230px;transition:transform .3s var(--ease), box-shadow .3s;border-radius:28px;gap:16px;padding:28px;display:flex;position:relative;overflow:hidden}.bento__tile:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.bento__tile.pre.in:hover{transition-delay:0s;transform:translateY(-4px)}.bento__txt{flex-direction:column;max-width:340px;display:flex}.bento__txt .feat__ic{border-radius:12px;width:48px;height:48px;margin:0 0 auto}.bento__txt h3{margin-top:28px;font-size:21px}.bento__txt p{color:var(--text-2);margin-top:8px;font-size:15px}.bento__tile--w{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.bento__tile--w .bv{align-self:end}.bv{pointer-events:none;position:relative}.bento__tile:not(.bento__tile--w){flex-direction:column}.bento__tile:not(.bento__tile--w) .bv{align-self:flex-end;margin-top:auto}.bento__link{color:inherit;text-decoration:none}.bento__link:after{content:"";z-index:2;border-radius:inherit;position:absolute;inset:0}.bento__link:focus-visible{outline:none}.bento__link:focus-visible:after{outline:2px solid var(--primary);outline-offset:3px}.bento__go{width:38px;height:38px;color:var(--tone);transition:background-color .25s, color .25s, transform .3s var(--ease);background:#ffffffbf;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.bento__tile:hover .bento__go{background:var(--tone);color:#fff;transform:translate(3px)}@media (width<=999px){.bento__tile--w{grid-template-columns:1fr}.bv{justify-self:end}}@media (width<=639px){.bento .bv{display:none}.bento__tile{min-height:0;padding:24px}.bento__txt h3{margin-top:18px}.bento__txt{padding-right:36px}.bento__go{width:34px;height:34px;top:18px;right:18px}}.bv--rcp{width:150px;box-shadow:var(--shadow-md);background:#fff;border-radius:12px 12px 4px 4px;flex-direction:column;gap:9px;padding:16px 14px;animation:6s ease-in-out infinite print;display:flex}.bv--rcp i{background:var(--bg-soft);border-radius:4px;height:8px}.bv--rcp i:nth-child(2){width:70%}.bv--rcp i:nth-child(3){width:85%}.bv--rcp b{background:var(--tone);border-radius:4px;width:55%;height:12px;margin-top:6px}@keyframes print{0%{transform:translateY(60%)}40%,to{transform:translateY(18%)}}.bv--bars{align-items:flex-end;gap:10px;height:130px;display:flex}.bv--bars i{width:22px;height:var(--h);background:linear-gradient(var(--tone), color-mix(in oklab, var(--tone) 40%, #fff));transform-origin:bottom;border-radius:7px 7px 3px 3px}.in .bv--bars i{animation:grow .9s var(--ease) both;animation-delay:calc(var(--j) * 80ms)}.bv--team{align-items:center;display:flex}.bv--team i{border:3px solid var(--tone-bg);color:#fff;background:hsl(calc(250 + var(--j) * 40) 70% 60%);width:52px;height:52px;transition:margin .3s var(--ease);border-radius:50%;place-items:center;margin-left:-12px;font-style:normal;font-weight:700;display:grid}.bv--team .more{background:#14161f;font-size:14px}.bento__tile:hover .bv--team i{margin-left:2px}.bv--auto{width:210px;height:90px;color:var(--tone);overflow:hidden}.bv--auto .ic{animation:6s ease-in-out infinite drive;position:absolute;bottom:10px;left:0}.bv--auto .road{background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--tone) 50%, transparent) 0 14px, transparent 14px 26px);height:3px;animation:.6s linear infinite road;position:absolute;bottom:4px;left:0;right:0}@keyframes drive{0%{transform:translate(-60px)}35%,70%{transform:translate(76px)}to{transform:translate(230px)}}@keyframes road{to{background-position:-26px 0}}.bv--bars i:first-child{--h:38%}.bv--bars i:nth-child(2){--h:56%}.bv--bars i:nth-child(3){--h:44%}.bv--bars i:nth-child(4){--h:72%}.bv--bars i:nth-child(5){--h:60%}.bv--bars i:nth-child(6){--h:88%}.bv--bars i:nth-child(7){--h:76%}.bento__tile:not(.bento__tile--w) .bv--bars{gap:7px;height:92px}.bento__tile:not(.bento__tile--w) .bv--bars i{width:16px}.bento__tile:not(.bento__tile--w) .bv--team i{width:42px;height:42px;margin-left:-10px}.bento__tile:not(.bento__tile--w) .bv--auto{width:190px;height:80px}.bv--crm{width:190px;box-shadow:var(--shadow-md);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.bv--crm span{align-items:center;gap:8px;display:flex}.bv--crm i{background:hsl(calc(20 + var(--j) * 120) 80% 62%);border-radius:50%;width:22px;height:22px}.bv--crm u{background:var(--bg-soft);border-radius:4px;flex:1;height:7px}.bv--crm b{border-radius:6px;width:42px;height:16px}.bv--crm span:first-child b{background:#10b98140}.bv--crm span:nth-child(2) b{background:#f973164d}.bv--crm span:nth-child(3) b{background:#0ea5e940}.in .bv--crm span{animation:rise .6s var(--ease) both;animation-delay:calc(.2s + var(--j) * .12s)}.bv--tasks{flex-direction:column;gap:8px;width:190px;display:flex}.bv--tasks span{box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bv--tasks i{border:2px solid var(--border);color:#0000;width:20px;height:20px;animation:6s ease-in-out infinite tick;animation-delay:calc(var(--j) * 1s);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.bv--tasks i .ic{width:12px;height:12px}.bv--tasks u{background:var(--bg-soft);border-radius:4px;flex:1;height:7px}.bv--tasks span:nth-child(2) u{margin-right:24px}@keyframes tick{0%,15%{border-color:var(--border);color:#0000;background:0 0}25%,85%{background:var(--tone);border-color:var(--tone);color:#fff}to{border-color:var(--border);color:#0000;background:0 0}}.bv--fin{gap:8px;display:flex}.bv--fin span{width:40px;height:40px;box-shadow:var(--shadow-sm);color:#10b981;background:#fff;border-radius:12px;place-items:center;font-size:20px;font-weight:700;display:grid}.bv--fin span:nth-child(2){color:#ef4444;transform:translateY(-10px)}.in .bv--fin span{animation:rise .6s var(--ease) both;animation-delay:calc(.2s + var(--i,0) * .1s)}.bv--tasks span:first-child i{background:var(--tone);border-color:var(--tone);color:#fff}
