.bento-container{grid-template-columns:330fr 170fr 160fr 170fr 330fr;grid-auto-flow:dense;background-color:#0000;border:1px solid #e2e1ff80;border-radius:0;gap:0;width:100%;display:grid;overflow:hidden}.card{cursor:pointer;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e1ff80;border-right:1px solid #e2e1ff80;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.card:first-child,.card:nth-child(2){grid-column:span 2}.card:nth-child(3){border-right:none;grid-column:span 1}.card:nth-child(4){border-bottom:none;grid-column:span 1}.card:nth-child(5){border-bottom:none;grid-column:span 3}.card:nth-child(6){border-bottom:none;border-right:none;grid-column:span 1}.card:hover{z-index:10}.card-wide{aspect-ratio:500/400}.card-normal{aspect-ratio:330/400}.card-bg-default{object-fit:fill;object-position:center;z-index:1;clip-path:inset(1px);width:100%;height:100%;transition:opacity .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.card-bg-hover{object-fit:cover;object-position:center;opacity:0;pointer-events:none;z-index:2;width:calc(100% + 24px);height:calc(100% + 24px);transition:opacity .5s cubic-bezier(.4,0,.2,1);position:absolute;top:-8px;left:-12px}.card:hover .card-bg-default{opacity:0}.card:hover .card-bg-hover{opacity:1}.card-content{z-index:10;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 48px);max-width:295px;display:flex;position:absolute;top:24px;left:24px}.card-title{color:#3d3465;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;display:flex}.card-title svg{flex-shrink:0;width:24px;height:24px}.card-desc{color:#635c83;margin:0;font-size:14px;line-height:1.5}.card-desc strong{color:#3d3465;font-weight:600}.typing-pill{color:#3d3465;z-index:10;box-sizing:border-box;background:#f8f8f8;border:1px solid #e2e1ff80;border-radius:20px;align-items:center;gap:6px;height:34px;padding:6px 16px;font-size:14px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:32px;left:32px}.card:hover .typing-pill{border-color:#9d7ffa;bottom:77px}.insight-stat{z-index:10;flex-direction:column;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:75px;left:32px}.card:hover .insight-stat{transform:translateY(-10px)}.insight-stat-number{color:#3d3465;margin-bottom:4px;font-size:32px;font-weight:500;line-height:1}.insight-stat-label{color:#3d3465;font-size:14px;font-weight:600}.security-badge{color:#3d3465;z-index:10;opacity:0;background:#f8f8f8;border:1px dashed #e2e1ff80;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:14px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:55%;left:55%;transform:translate(20px)}.security-badge-icon{width:24px;height:24px}.checkmark-path{stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.card:hover .security-badge{opacity:1;border-style:solid;border-color:#50cd93;transform:translate(0)}.card:hover .checkmark-path{stroke-dashoffset:0;transition-delay:.2s}.typing-text{background:linear-gradient(90deg,#ae6aff 0%,#8f58fe 58.86%,#7a4cfe 100.03%);-webkit-text-fill-color:transparent;white-space:nowrap;opacity:1;-webkit-background-clip:text;background-clip:text;border-right:2px solid #8f58fe;min-width:2px;padding-right:4px;font-weight:600;line-height:1.2;animation:.75s step-end infinite blink;display:inline-block}@keyframes blink{50%{border-color:#0000}}@media (max-width:1200px){.bento-container{grid-template-columns:1fr 1fr}.card:first-child{grid-column:span 2}.card:nth-child(2),.card:nth-child(3),.card:nth-child(4){grid-column:span 1}.card:nth-child(5){grid-column:span 2}.card:nth-child(6){grid-column:span 1}.card{border-bottom:1px solid #e2e1ff80!important;border-right:1px solid #e2e1ff80!important}.card:first-child,.card:nth-child(3),.card:nth-child(5),.card:nth-child(6){border-right:none!important}.card:nth-child(5),.card:nth-child(6){border-bottom:none!important}}@media (max-width:768px){.bento-container{grid-template-columns:1fr}.card:first-child,.card:nth-child(2),.card:nth-child(3),.card:nth-child(4),.card:nth-child(5),.card:nth-child(6){grid-column:span 1;border-bottom:1px solid #e2e1ff80!important;border-right:none!important}.card:last-child{border-bottom:none!important}.card-content{width:calc(100% - 48px);top:24px;left:24px}.typing-pill{bottom:24px;left:24px}.insight-stat{bottom:50px;left:24px}.security-badge{top:60%;left:30%}}