.interactive-showcase{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:40px 0}.showcase-items{display:flex;flex-direction:column;gap:0}.showcase-item{border-bottom:1px solid var(--border, #e2e8f0);cursor:pointer;transition:all .3s ease}.showcase-item:last-child{border-bottom:none}.showcase-item-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:16px}.showcase-item-title{font-size:18px;font-weight:600;color:var(--text, #1e293b);margin:0;transition:color .3s ease}.showcase-item-toggle{width:32px;height:32px;border-radius:50%;background:var(--bg, #f8fafc);border:1px solid var(--border, #e2e8f0);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-light, #64748b);transition:all .3s ease;flex-shrink:0}.showcase-item:hover .showcase-item-title{color:var(--primary, #016db7)}.showcase-item:hover .showcase-item-toggle{border-color:var(--primary, #016db7);color:var(--primary, #016db7)}.showcase-item.active .showcase-item-title{color:var(--primary, #016db7)}.showcase-item.active .showcase-item-toggle{background:var(--primary, #016db7);border-color:var(--primary, #016db7);color:#fff;transform:rotate(45deg)}.showcase-item-content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}.showcase-item-content>*{overflow:hidden}.showcase-item.active .showcase-item-content{grid-template-rows:1fr;padding-bottom:24px;opacity:1;overflow:visible}.showcase-item.active .showcase-item-content>*{overflow:visible}.showcase-item.active .showcase-item-content-inner{overflow:visible}.showcase-item-content-inner{min-height:0}.showcase-item-description{font-size:15px;color:var(--text-light, #64748b);line-height:1.7;margin:0 0 16px}.showcase-item-cta{display:inline-flex;align-items:center;gap:8px;color:inherit;font-weight:600;font-size:15px;text-decoration:none!important;position:relative;transition:gap .3s ease;border-bottom:none!important}.showcase-item-cta:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.showcase-item-cta:hover{gap:12px;text-decoration:none!important}.showcase-item-cta:hover:after{width:calc(100% - 20px)}.showcase-item-cta i{font-size:12px;transition:transform .3s ease}.showcase-item-cta:hover i{transform:translate(3px)}.showcase-preview{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:40px;min-height:400px;height:450px}.showcase-preview:before{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(1,109,183,.3) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.showcase-preview-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:1;width:calc(100% - 80px);max-height:calc(100% - 80px);-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #0006;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.showcase-preview-image.active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.showcase-preview-image.showcase-placeholder{width:calc(100% - 80px);height:calc(100% - 80px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-preview-image.showcase-placeholder.active{transform:translate(-50%,-50%)}.showcase-preview-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:80%;height:200px;background:linear-gradient(to top,rgba(1,109,183,.4),transparent);filter:blur(40px);pointer-events:none}.interactive-showcase.showcase-light .showcase-preview{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.interactive-showcase.showcase-light .showcase-preview:before{background:radial-gradient(circle,rgba(1,109,183,.1) 0%,transparent 70%)}.interactive-showcase.showcase-light .showcase-preview-glow{background:linear-gradient(to top,rgba(1,109,183,.2),transparent)}.interactive-showcase.showcase-reversed{grid-template-columns:1.2fr 1fr}.interactive-showcase.showcase-reversed .showcase-items{order:2}.interactive-showcase.showcase-reversed .showcase-preview{order:1}@media (max-width: 1024px){.interactive-showcase{grid-template-columns:1fr;gap:40px}.interactive-showcase.showcase-reversed .showcase-items,.interactive-showcase.showcase-reversed .showcase-preview{order:unset}.showcase-preview{min-height:300px;padding:24px}}@media (max-width: 768px){.showcase-item-header{padding:20px 0}.showcase-item-title{font-size:16px}.showcase-preview{min-height:250px}}.features.features-heading-sm .showcase-item-title{font-size:16px}.features.features-heading-md .showcase-item-title{font-size:18px}.features.features-heading-lg .showcase-item-title{font-size:20px}.features.features-heading-xl .showcase-item-title{font-size:22px}.features.features-text-sm .showcase-item-description,.features.features-text-sm .showcase-item-cta{font-size:13px}.features.features-text-md .showcase-item-description,.features.features-text-md .showcase-item-cta{font-size:15px}.features.features-text-lg .showcase-item-description,.features.features-text-lg .showcase-item-cta{font-size:17px}