@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");.capabilities-by-domain{padding:0}.capabilities-container{display:flex;gap:2px;margin:0 auto;max-width:1200px;min-height:600px;perspective:1500px;position:relative}.capability-card{cursor:pointer;flex:1;min-width:0;overflow:visible;transition:all .6s cubic-bezier(.4,0,.2,1)}.capability-card,.card-inner{position:relative;transform-style:preserve-3d}.card-inner{height:100%;overflow:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.capabilities-container:not(.has-active) .capability-card:hover .card-inner{transform:translateZ(50px) scale(1.05)}.capabilities-container:not(.has-active) .capability-card:hover{flex:1.0;z-index:10}.capabilities-container.has-active .capability-card:not(.active){flex:0 0 120px;min-width:120px}.capability-card.active{cursor:default;flex:1;z-index:5}.card-background{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .6s ease,opacity .6s ease;width:100%}.capability-card.active .card-background{opacity:0}.capability-card:not(.active):hover .card-background{transform:scale(1.1)}.card-overlay{background:rgba(0,0,0,.4);height:100%;left:0;position:absolute;top:0;transition:background .3s ease,opacity .3s ease;width:100%;z-index:1}.capability-card.active .card-overlay{opacity:0}.capability-card:not(.active):hover .card-overlay{background:transparent}.capabilities-container:not(.has-active) .capability-card:hover .card-inner{box-shadow:0 30px 60px rgba(0,0,0,.4)}.card-collapsed-content{bottom:40px;color:#fff;left:40px;max-width:calc(100% - 80px);position:absolute;transition:opacity .3s ease,transform .3s ease;z-index:2}.capabilities-container.has-active .capability-card:not(.active) .card-collapsed-content{bottom:40px;left:50%;max-width:none;text-orientation:mixed;transform:translateX(-50%);writing-mode:vertical-rl}.capability-card.active .card-collapsed-content{opacity:0;pointer-events:none}.card-title-collapsed{display:inline-block;font-family:Barlow,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:1;padding-left:0;position:relative;transition:all .3s ease;white-space:normal}.capability-card:not(.active):hover .card-title-collapsed:before{color:#fd0;content:"▶";font-size:48px;left:-45px;opacity:1;position:absolute;top:0;transition:opacity .3s ease,left .3s ease}.card-title-collapsed:before{color:#fc0;content:"▶";font-size:32px;left:-45px;opacity:0;position:absolute;top:0;transition:opacity .3s ease,left .3s ease}.capabilities-container.has-active .capability-card:not(.active) .card-title-collapsed{font-size:22px;white-space:nowrap}.capabilities-container.has-active .capability-card:not(.active) .card-title-collapsed:before{display:none}.card-expanded-content{background-color:#fff;color:#000;height:100%;left:0;opacity:0;overflow-y:auto;padding:60px 50px;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:3}.capability-card.active .card-expanded-content{opacity:1;pointer-events:auto}.close-button{cursor:pointer;height:40px;position:absolute;right:30px;top:30px;width:40px;z-index:10}.close-button:after,.close-button:before{background-color:#000;content:"";height:2px;left:50%;position:absolute;top:50%;transition:background-color .3s ease;width:30px}.close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-button:hover:after,.close-button:hover:before{background-color:#333}.expanded-title{color:#222326;font-family:Barlow,sans-serif;font-size:32px;font-weight:700;letter-spacing:0;margin-bottom:10px}.expanded-description{margin-bottom:30px}.expanded-additional,.expanded-description{color:#2d2d2d;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.8}.expanded-additional{margin-bottom:40px}.categories-section{margin-bottom:20px}.categories-title{color:#222326;font-family:Barlow,sans-serif;font-size:22px;font-weight:700;margin-bottom:10px}.category-list{display:grid;gap:10px 20px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.category-item{color:#2d2d2d;font-family:Inter,sans-serif;font-size:16px;padding:6px 0;position:relative}.brands-section{border-top:1px solid #e0e0e0;padding-top:30px}.brands-title{color:#2d2d2d;font-family:Barlow,sans-serif;font-size:20px;font-weight:700;margin-bottom:10px}.brands-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px}.brand-logo{height:80px;max-width:auto;opacity:.8}.card-expanded-content::-webkit-scrollbar{width:8px}.card-expanded-content::-webkit-scrollbar-track{background:#f1f1f1}.card-expanded-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:4px}.card-expanded-content::-webkit-scrollbar-thumb:hover{background:rgba(212,125,74,.8)}@media (max-width:1024px){.capabilities-container{flex-direction:column;gap:4px;height:auto;perspective:none}.capability-card{flex:0 0 200px;height:200px;min-height:0}.card-inner{height:200px;overflow:hidden}.capabilities-container:not(.has-active) .capability-card:hover .card-inner{box-shadow:none;transform:none}.capabilities-container:not(.has-active) .capability-card:hover{flex:0 0 200px}.capabilities-container.has-active .capability-card:not(.active){flex:0 0 64px;height:64px;min-height:0}.capabilities-container.has-active .capability-card:not(.active) .card-inner{height:64px}.capability-card.active{flex:0 0 auto;height:auto;min-height:0}.capability-card.active .card-inner{height:auto;min-height:0;overflow:visible}.capability-card.active .card-expanded-content{height:auto;left:auto;min-height:460px;opacity:1;pointer-events:auto;position:relative;top:auto;width:100%}.capability-card.active .card-background,.capability-card.active .card-overlay{display:none}.card-collapsed-content{bottom:18px!important;left:20px!important;transform:none!important;writing-mode:horizontal-tb!important}.capabilities-container.has-active .capability-card:not(.active) .card-collapsed-content{bottom:50%!important;transform:translateY(50%)!important}.card-title-collapsed{font-size:26px!important}.capabilities-container.has-active .capability-card:not(.active) .card-title-collapsed{font-size:20px!important;white-space:nowrap}.capability-card:not(.active):hover .card-title-collapsed:before,.card-title-collapsed:before{display:none!important}.expanded-title{font-size:26px}.card-expanded-content{padding:36px 24px 40px}.category-list{grid-template-columns:1fr}}@media (max-width:768px){.card-title-collapsed{font-size:28px!important;font-weight:700}.brands-container{gap:20px}.brand-logo{max-width:100px}}@media (min-width:1025px){.capability-card .card-inner{height:100%;overflow:hidden}.capability-card.active .card-expanded-content{height:100%;left:0;opacity:1;pointer-events:auto;position:absolute;top:0;width:100%}.capability-card.active .card-background,.capability-card.active .card-overlay{display:block;opacity:0}}