.bento-section{z-index:99;position:relative}.bento-grid{grid-template-columns:repeat(10,1fr);grid-auto-rows:420px;gap:10px;display:grid}.bento-item{z-index:1;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.bento-item:hover{z-index:20;border-color:#36b8ff4d;transform:translateY(-4px)}.bento-col-5{grid-column:span 5}.bento-col-4{grid-column:span 4}.bento-col-3{grid-column:span 3}.bento-col-2{grid-column:span 2}.bento-row-1{grid-row:span 1}.bento-row-2-span{grid-row:span 2}.bento-device-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.bento-media{object-fit:cover;border-radius:inherit;width:100%;height:100%}.bento-stats-card{text-align:center;border-radius:inherit;background:radial-gradient(circle at 0 0,#36b8ff1a,#0000 60%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.stats-label{text-transform:uppercase;letter-spacing:.1em;color:#f4ebd999;margin-bottom:8px;font-size:13px}.stats-metric{color:#f4ebd9;font-size:64px;font-weight:700;line-height:1;font-family:var(--font-display);text-shadow:0 0 20px #e6a15c33;margin-bottom:8px}.stats-desc{color:#f4ebd9cc;max-width:160px;font-size:15px}.bento-hover-popup{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0a0f19d9;border:1px solid #ffffff26;border-radius:14px;padding:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:16px;left:16px;right:16px;transform:translateY(20px)}.bento-item:hover .bento-hover-popup{opacity:1;transform:translateY(0)}.bento-popup-row{flex-direction:column;gap:4px;display:flex}.bento-popup-row+.bento-popup-row{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.bento-popup-label{text-transform:uppercase;letter-spacing:.1em;color:#36b8ff;font-size:10px;font-weight:600}.bento-popup-content p{color:#ffffffe6;margin:0;font-size:14px;line-height:1.4}.bento-result-text{font-weight:500;color:#fff!important}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}.bento-col-5,.bento-col-4{grid-column:span 2}.bento-col-3,.bento-col-2{grid-column:span 1}.bento-row-2-span{grid-row:span 1}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:300px}.bento-col-5,.bento-col-4,.bento-col-3,.bento-col-2{grid-column:span 1}.bento-row-2-span{grid-row:span 1}}.bento-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.bento-image-wrapper .bento-media{width:100%;height:100%;object-fit:cover!important}.image-hotspot{cursor:pointer;z-index:10;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%)}.hotspot-dot{background-color:#36b8ff;border-radius:50%;width:10px;height:10px;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #36b8ff80}.hotspot-pulse{background-color:#36b8ff66;border-radius:50%;width:20px;height:20px;animation:2s cubic-bezier(.4,0,.2,1) infinite hotspotPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hotspotPulse{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.image-hotspot:hover .hotspot-dot{background-color:#fff;transform:translate(-50%,-50%)scale(1.3);box-shadow:0 0 15px #fffc}.hotspot-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;color:#fff;text-align:center;z-index:20;background:#0a0f19f2;border:1px solid #36b8ff4d;border-radius:8px;width:max-content;max-width:220px;padding:10px 14px;font-size:13px;line-height:1.4;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #00000080}.hotspot-tooltip strong{color:#36b8ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;display:block}.hotspot-tooltip:after{content:"";border:6px solid #0000;border-top-color:#36b8ff4d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.image-hotspot:hover .hotspot-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.hotspot-tooltip.hotspot-tooltip-left{inset:50% calc(100% + 12px) auto auto;transform:translateY(-50%)translate(10px)}.image-hotspot:hover .hotspot-tooltip.hotspot-tooltip-left{transform:translateY(-50%)translate(0)}.hotspot-tooltip.hotspot-tooltip-left:after{border-color:#0000 #0000 #0000 #36b8ff4d;top:50%;left:100%;transform:translateY(-50%)}.bento-stagger-down{margin-top:30px;margin-bottom:-30px}.bento-stagger-up{margin-top:-20px;margin-bottom:20px}.bento-pop-out{transform:scale(1.12);box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff26;z-index:15!important}.bento-item.bento-pop-out:hover{transform:scale(1.15)translateY(-4px);box-shadow:0 50px 100px #0009,0 0 0 1px #36b8ff66;z-index:25!important}.bento-floating-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.15em;text-transform:uppercase;z-index:30;background:#0f141ecc;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 10px 30px #0006}.badge-dot{background-color:#36b8ff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 8px #36b8ff}@media (max-width:1024px){.bento-stagger-down,.bento-stagger-up{margin-top:0;margin-bottom:0}.bento-pop-out{transform:scale(1.05)}.bento-item.bento-pop-out:hover{transform:scale(1.08)translateY(-4px)}}.bento-item-stats{box-shadow:none!important;z-index:50!important;background:0 0!important;border:none!important;overflow:visible!important}@keyframes stats-float-glow{0%,to{border-color:#e6a15c0d;transform:translateY(0);box-shadow:0 4px 30px #0000004d}50%{border-color:#e6a15c99;transform:translateY(8px);box-shadow:0 4px 30px #00000080,0 0 20px #e6a15c4d,inset 0 0 10px #e6a15c1a}}.bento-stats-card-extended{z-index:10;background:#140d0a radial-gradient(circle at 0 0,#e6a15c1a,#0000 60%);border:1px solid #e6a15c26;border-radius:20px;flex-direction:column;align-items:center;width:100%;height:calc(100% + 20px);padding:32px 24px;animation:4s ease-in-out infinite stats-float-glow;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 30px #0000004d}.bento-project-link{color:#e6a15ccc;text-transform:uppercase;letter-spacing:.1em;z-index:50;align-items:center;gap:4px;margin-top:auto;padding-top:16px;font-size:9px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.bento-project-link:hover{color:#f4ebd9;transform:translate(2px)translateY(-2px)}.bento-item-stats:hover .bento-stats-card-extended{z-index:30}.stats-tabs{flex-direction:column;gap:8px;width:100%;margin-top:24px;display:flex}.stats-tab-btn{color:#f4ebd9b3;text-align:left;cursor:pointer;background:#e6a15c0d;border:1px solid #e6a15c1a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.stats-tab-btn:hover{color:#f4ebd9;background:#e6a15c26}.stats-tab-btn.active{color:#e6a15c;background:#e6a15c33;border-color:#e6a15c80}.stats-popup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;opacity:0;visibility:hidden;background:#140d0af2;border:1px solid #e6a15c4d;border-radius:16px;width:380px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:15%;left:calc(100% - 40px);transform:translate(-10px)translateY(10px);box-shadow:0 10px 40px #00000080,0 0 20px #e6a15c1a}.stats-popup-card.open{opacity:1;visibility:visible;transform:translate(0)translateY(0)}.stats-popup-title{text-transform:uppercase;letter-spacing:.1em;color:#e6a15c;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.stats-popup-desc{color:#f4ebd9e6;margin:0;font-size:14px;line-height:1.5}.bento-section{overflow:visible!important}.bento-click-pop-out{z-index:10;transition:transform 1.6s cubic-bezier(.16,1,.3,1),z-index 0s linear 1.6s!important;overflow:visible!important}.bento-item.bento-click-pop-out.active{z-index:60!important;transition:transform 1.6s cubic-bezier(.16,1,.3,1),z-index linear!important;transform:scale(1.05)translateY(-2px)!important}.bento-click-pop-out .bento-image-wrapper{clip-path:inset(0% round 20px);transition:clip-path 1.6s cubic-bezier(.16,1,.3,1)!important}.bento-item.bento-click-pop-out.active .bento-image-wrapper{clip-path:inset(-50% round 24px);filter:drop-shadow(0 30px 60px #0009)}.bento-click-pop-out .bento-media{object-fit:contain!important;border-radius:20px!important;width:auto!important;max-width:none!important;height:100%!important}.click-me-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;opacity:0;pointer-events:none;z-index:20;will-change:left, top;background:#000000d9;border:1px solid #ffffff26;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .3s;position:absolute;top:0;left:0;transform:translate(15px,15px);box-shadow:0 4px 15px #00000080}.click-me-badge.visible{opacity:1}.click-me-badge-small{letter-spacing:.8px;background:#000000b3;padding:6px 12px;font-size:10px;font-weight:500}.image-hotspot:hover~.click-me-badge{opacity:0!important}.testimonial-block{padding:0 20px}.testimonial-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.testimonial-heading{font-family:var(--font-display), sans-serif;color:#f4ebd9;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:600}.testimonial-card{background:linear-gradient(145deg,#140d0acc,#0a0605e6);border:1px solid #e6a15c26;border-radius:24px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 0 40px #e6a15c0d}.testimonial-card:before{content:"\"";color:#e6a15c14;pointer-events:none;font-family:Georgia,serif;font-size:110px;line-height:1;position:absolute;top:40px;left:20px}.testimonial-stars{color:#e6a15c;align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.testimonial-stars .half-star{background:linear-gradient(90deg,#e6a15c 60%,#fff3 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.testimonial-stars .rating-number{color:#f4ebd9;margin-left:4px;font-size:16px;font-weight:600}.testimonial-quote{color:#f4ebd9;z-index:1;letter-spacing:.2px;margin-bottom:20px;font-size:18px;font-style:italic;font-weight:300;line-height:1.7;position:relative}.testimonial-author{align-items:center;gap:16px;display:flex}.author-avatar{color:#e6a15c;letter-spacing:1px;background:#e6a15c26;border:1px solid #e6a15c66;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:600;display:flex}.author-info h4{color:#fff;letter-spacing:.5px;margin:0 0 4px;font-size:16px;font-weight:600}.author-info span{color:#e6a15cb3;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500}.bento-cta-btn{color:#020303;letter-spacing:.5px;background:#fff;border-radius:13px;align-items:center;gap:12px;min-height:56px;padding:0 32px;font-size:16px;font-weight:650;text-decoration:none;transition:background .3s,box-shadow .3s,transform .3s,color .3s;display:inline-flex}.bento-cta-btn:hover{background:#36b8ff;transform:translateY(-1px);box-shadow:0 0 30px #36b8ff40}.bento-cta-btn span{font-size:18px}@keyframes float-testimonial{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.project-testimonial-overlap{-webkit-backdrop-filter:blur(20px);z-index:10;background:#140d0aa6;border:1px solid #ffffff1a;border-radius:20px;width:420px;padding:30px;animation:6s ease-in-out infinite float-testimonial;position:absolute;top:-30px;right:2%;box-shadow:0 20px 50px #00000080,inset 0 0 20px #e6a15c0d}.project-testimonial-overlap .quote-icon{color:#e6a15c1a;pointer-events:none;font-family:Georgia,serif;font-size:60px;line-height:1;position:absolute;top:10px;left:14px}.project-testimonial-overlap .quote-text{color:#f4ebd9;z-index:2;margin-bottom:16px;font-size:13px;font-style:italic;line-height:1.6;position:relative}.project-testimonial-overlap .quote-author strong{color:#fff;font-size:11px;font-weight:600;display:block}.project-testimonial-overlap .quote-author span{color:#e6a15cb3;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.project-editorial-reverse .project-testimonial-overlap{left:2%;right:auto}