@charset "UTF-8";.references-hero-section{position:relative;overflow:hidden}.references-hero-section .references-hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.1}.references-hero-section .references-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.8}.references-hero-section .hero-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.references-hero-section .decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:.1;filter:blur(60px);animation:float 20s ease-in-out infinite}.references-hero-section .decoration-circle-1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.references-hero-section .decoration-circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation-delay:5s}.references-hero-section .decoration-circle-3{width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.references-stats-section{margin-bottom:40px}.stat-card{padding:40px 20px;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:0;transition:opacity .4s ease;z-index:0}.stat-card:hover:before{opacity:.1}.stat-card:hover{transform:scale(1.02)}.stat-card>*{position:relative;z-index:1}.stat-icon{font-size:3rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.stat-number{font-size:3rem;font-weight:900;color:var(--text-primary);margin-bottom:10px}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.references-filter-section{margin-bottom:20px}.filter-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:30px;background:var(--card-bg);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.filter-label{font-weight:600;color:var(--text-primary);font-size:1.1rem}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 24px;border-radius:50px;border:2px solid var(--glass-border);background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-btn i{font-size:18px}.filter-btn:hover{border-color:var(--accent-color);background:#e56bff1a;color:var(--accent-color);transform:scale(1.02)}.filter-btn.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-color:transparent;color:#fff}.references-grid-section .reference-item{transition:all .3s ease}.reference-card{border-radius:25px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.reference-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:0;transition:opacity .4s ease;z-index:0;border-radius:25px}.reference-card:hover{transform:scale(1.02)}.reference-card:hover:before{opacity:.05}.reference-card:hover .reference-image{transform:scale(1.1)}.reference-card:hover .reference-overlay{opacity:1}.reference-card>*{position:relative;z-index:1}.reference-image-wrapper{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--bg-secondary)}.reference-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.reference-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ff6b35e6,#dc267fe6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.reference-view-btn{padding:15px 35px;background:#fff;color:var(--accent-color);border-radius:50px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .3s ease}.reference-view-btn:hover{transform:scale(1.1)}.reference-view-btn i{font-size:20px}.reference-content{padding:30px;display:flex;flex-direction:column;gap:15px;flex:1}.reference-content .service-link{margin-top:0!important}.reference-content-left{text-align:left!important;z-index:2!important}@media(min-width:992px){.reference-content-left{margin-right:clamp(-160px,-12vw,-80px);padding-right:clamp(100px,14vw,180px)}}.reference-content-left .reference-tags{justify-content:flex-start!important}.reference-content-right{z-index:2!important}@media(min-width:992px){.reference-content-right{text-align:right!important;margin-left:clamp(-160px,-12vw,-80px);padding-left:clamp(100px,14vw,180px)}.reference-content-right .reference-tags{justify-content:flex-end!important}}.reference-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.reference-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0}.reference-year{padding:6px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:50px;font-size:.85rem;font-weight:600;white-space:nowrap}.reference-description{color:var(--text-secondary);line-height:1.7;margin:0;font-size:.95rem}.reference-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.reference-tag{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;transition:all .3s ease}.reference-tag i{font-size:14px}.reference-card:hover .reference-tag{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent}.reference-url{color:var(--accent-color);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;margin-top:10px}.reference-url i{font-size:18px}.reference-url:hover{gap:12px;color:var(--accent-secondary)}.ref-hero-mockup-wrap{position:relative;width:100%;max-width:440px}.ref-portfolio-panel{border-radius:14px;overflow:hidden;width:100%;animation:refPanelFloat 7s ease-in-out infinite}@keyframes refPanelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ref-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff0d;border-bottom:1px solid rgba(138,106,179,.15)}.ref-panel-header .ref-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--text-primary)}.ref-panel-header .ref-panel-title i{color:var(--accent-color)}.ref-panel-header .ref-panel-badge{background:#8a6ab326;border:1px solid rgba(138,106,179,.25);border-radius:20px;font-size:.72rem;color:var(--accent-color);padding:3px 10px;font-weight:600}.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.ref-grid-item{height:80px;border-radius:8px;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease}.ref-grid-item:hover{transform:scale(1.02)}.ref-grid-item.ref-item-1{background:linear-gradient(135deg,#8a6ab366,#4e459999)}.ref-grid-item.ref-item-2{background:linear-gradient(135deg,#22c55e4d,#10a34a80)}.ref-grid-item.ref-item-3{background:linear-gradient(135deg,#3b82f64d,#2563eb80)}.ref-grid-item.ref-item-4{background:linear-gradient(135deg,#f59e0b4d,#d9770680)}.ref-item-overlay{position:absolute;bottom:8px;left:8px}.ref-item-tag{background:#00000080;color:#fff;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ref-panel-footer{display:flex;justify-content:space-around;padding:12px 16px;background:#8a6ab314;border-top:1px solid rgba(138,106,179,.12)}.ref-footer-stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;color:var(--text-secondary)}.ref-footer-stat i{color:var(--accent-color);font-size:1rem}.ref-footer-stat strong{font-size:.9rem;color:var(--text-primary)}.featured-references-section{padding:100px 0}.reference-showcase-item{margin-bottom:80px;opacity:0;transform:translateY(30px);transition:all .6s ease}.reference-showcase-item.fade-in{opacity:1;transform:translateY(0)}.reference-showcase-item .row{position:relative}.reference-showcase-item .reference-content-col,.reference-showcase-item .reference-devices-col{position:relative;z-index:1}.reference-showcase-item.content-left .reference-content-col{z-index:2}.reference-showcase-item.content-left .reference-devices-col{z-index:1}@media(min-width:992px){.reference-showcase-item.content-left .reference-content{margin-right:clamp(-160px,-12vw,-80px);padding-right:clamp(100px,14vw,180px)}}.reference-showcase-item.content-left .device-mockup.desktop-mockup{transform:rotateY(-8deg) rotateX(2deg)}.reference-showcase-item.content-left .device-mockup.mobile-mockup{transform:rotateY(-12deg) rotateX(3deg) translateZ(30px)}.reference-showcase-item.content-left:hover .device-mockup.desktop-mockup{transform:rotateY(-3deg) rotateX(1deg)}.reference-showcase-item.content-left:hover .device-mockup.mobile-mockup{transform:rotateY(-5deg) rotateX(1deg) translateZ(40px)}.reference-showcase-item.content-right .reference-content-col{z-index:2}.reference-showcase-item.content-right .reference-devices-col{z-index:1}@media(min-width:992px){.reference-showcase-item.content-right .reference-content{margin-left:clamp(-160px,-12vw,-80px);padding-left:clamp(100px,14vw,180px)}}.reference-showcase-item.content-right .device-mockup.desktop-mockup{transform:rotateY(8deg) rotateX(2deg)}.reference-showcase-item.content-right .device-mockup.mobile-mockup{left:-10px;right:auto;transform:rotateY(12deg) rotateX(3deg) translateZ(30px)}.reference-showcase-item.content-right:hover .device-mockup.desktop-mockup{transform:rotateY(3deg) rotateX(1deg)}.reference-showcase-item.content-right:hover .device-mockup.mobile-mockup{transform:rotateY(5deg) rotateX(1deg) translateZ(40px)}.reference-content{padding:30px;display:flex;flex-direction:column;justify-content:center;height:100%;border-radius:25px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.reference-content:hover{border-color:var(--accent-color)}.reference-content .reference-category{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;width:-moz-fit-content;width:fit-content}.reference-content .reference-title{font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:0;line-height:1.2}.reference-content .reference-tags{display:flex;flex-wrap:wrap;gap:8px}.reference-content .reference-tags .tag{padding:5px 12px;background:linear-gradient(135deg,#8a6ab31a,#a689cd1a);border:1px solid rgba(138,106,179,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--accent-color);transition:all .3s ease}.reference-content .reference-tags .tag:hover{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent;transform:scale(1.02)}.reference-content .reference-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:5px;margin-top:5px}.reference-devices{position:relative;padding:50px 30px;display:flex;align-items:center;justify-content:center;min-height:500px;perspective:1500px}.device-mockup{position:relative;transition:opacity .3s ease,z-index 0s .15s;cursor:pointer}.device-mockup.desktop-mockup{width:100%;max-width:700px;z-index:1;transform:rotateY(-8deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.device-mockup.desktop-mockup .device-frame{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;padding:12px 12px 40px}.device-mockup.desktop-mockup .device-frame:before{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;bottom:10px;top:auto;background-color:var(--accent-color)}.device-mockup.desktop-mockup .device-frame .device-screen{position:relative;z-index:2;width:100%;height:auto;border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/10}.device-mockup.desktop-mockup:hover .device-frame{border-color:var(--accent-color)}.device-mockup.mobile-mockup{position:absolute;bottom:-20px;right:-10px;width:140px;z-index:2;opacity:1;transform:rotateY(-12deg) rotateX(3deg) translateZ(30px);transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.device-mockup.mobile-mockup .device-frame{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:15px;padding:5px 5px 8px}.device-mockup.mobile-mockup .device-frame:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:40px;height:2px;border-radius:2px;background-color:var(--accent-color)}.device-mockup.mobile-mockup .device-frame .device-screen{width:100%;height:auto;border-radius:12px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:9/19.5}.device-mockup.mobile-mockup:hover .device-frame{border-color:var(--accent-color)}.mockup-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:10000;pointer-events:none;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.mockup-lightbox-overlay.active{background:#0000004d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);pointer-events:auto}.mockup-lightbox-info{position:fixed;top:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:10002;opacity:0;transition:opacity .3s ease .2s;text-align:center}.mockup-lightbox-overlay.active .mockup-lightbox-info{opacity:1}.mockup-lightbox-info .lightbox-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.5)}.mockup-lightbox-info .lightbox-view-type{font-size:.85rem;color:var(--accent-color);font-weight:600;padding:4px 12px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border:2px solid var(--glass-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:var(--text-primary);font-size:1.25rem;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10002;display:flex;align-items:center;justify-content:center}.mockup-lightbox-overlay.active .mockup-lightbox-nav{opacity:1;transition-delay:.2s}.mockup-lightbox-nav:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-50%) scale(1.1)}.mockup-lightbox-nav.mockup-lightbox-prev{left:30px}.mockup-lightbox-nav.mockup-lightbox-next{right:30px}.mockup-lightbox-counter{position:fixed;bottom:30px;left:50%;transform:translate(-50%);font-size:.9rem;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:8px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002;opacity:0;transition:opacity .3s ease .2s}.mockup-lightbox-overlay.active .mockup-lightbox-counter{opacity:1}.mockup-lightbox-close{position:fixed;top:30px;right:30px;width:50px;height:50px;border:2px solid var(--glass-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:var(--text-primary);font-size:1.25rem;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:10002;display:flex;align-items:center;justify-content:center}.mockup-lightbox-overlay.active .mockup-lightbox-close{opacity:1;transform:scale(1);transition-delay:.2s}.mockup-lightbox-close:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.1)}.mockup-lightbox-clone .device-frame{position:relative;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mockup-lightbox-clone .device-screen{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.mockup-lightbox-clone.clone-desktop .device-frame{border-radius:16px;padding:6px 6px 20px}.mockup-lightbox-clone.clone-desktop .device-frame:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--accent-color);border-radius:50%;bottom:15px}.mockup-lightbox-clone.clone-desktop .device-frame:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid var(--glass-border)}.mockup-lightbox-clone.clone-desktop .device-frame .device-screen{border-radius:8px;aspect-ratio:16/10}.mockup-lightbox-clone.clone-mobile .device-frame{border-radius:24px;padding:12px}.mockup-lightbox-clone.clone-mobile .device-frame:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--accent-color);border-radius:2px}.mockup-lightbox-clone.clone-mobile .device-frame .device-screen{border-radius:16px;aspect-ratio:9/19.5}.mockup-lightbox-clone.clone-desktop:not(:has(.device-frame)){background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;padding:8px 8px 28px}.mockup-lightbox-clone.clone-desktop:not(:has(.device-frame)):before{content:"";position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:8px;height:8px;background:var(--accent-color);border-radius:50%;z-index:10}.mockup-lightbox-clone.clone-desktop:not(:has(.device-frame)) .device-screen{border-radius:8px;aspect-ratio:16/10}.mockup-lightbox-clone.clone-mobile:not(:has(.device-frame)){background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:20px;padding:8px}.mockup-lightbox-clone.clone-mobile:not(:has(.device-frame)):before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--accent-color);border-radius:2px;z-index:10}.mockup-lightbox-clone.clone-mobile:not(:has(.device-frame)) .device-screen{border-radius:14px;aspect-ratio:9/19.5}.compact-references-section{padding:60px 0}.compact-references-section .row{row-gap:30px!important}.compact-references-section .col-lg-4,.compact-references-section .col-md-6{padding-left:40px;padding-right:40px}.references-cta-section{padding:80px 0}.cta-box{padding:60px;border-radius:30px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.15;border-radius:50%;animation:ctaFloat 8s ease-in-out infinite}.cta-box>*{position:relative;z-index:1}@keyframes ctaFloat{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:15px;color:var(--text-primary)}.cta-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:0;line-height:1.7}.cta-icon{font-size:4rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px;animation:none}.cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--text-primary);margin-bottom:20px}.cta-text{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.7}@media(max-width:992px){.references-hero-section{padding:140px 0 80px}.filter-wrapper{flex-direction:column;gap:15px}.stat-number{font-size:2.5rem}.reference-title{font-size:1.5rem}.featured-references-section{padding:60px 0}.reference-showcase-item{margin-bottom:50px}.reference-content{padding:40px 30px}.reference-content .reference-title{font-size:2rem}.reference-devices{min-height:400px;padding:40px 20px}.device-mockup.desktop-mockup{max-width:500px}.device-mockup.mobile-mockup{width:120px;right:-5px;bottom:-10px}.compact-references-section{padding:60px 0}}@media(max-width:768px){.references-hero-section{padding:120px 0 60px}.references-hero-section .references-hero-title{font-size:2.5rem}.references-hero-section .references-hero-subtitle{font-size:1.1rem}.filter-btn{padding:10px 20px;font-size:.9rem}.stat-card{padding:30px 15px}.stat-number{font-size:2rem}.stat-icon{font-size:2.5rem}.cta-box{padding:40px 30px}.cta-box .col-lg-4{text-align:center!important;margin-top:1.5rem}.cta-box .btn{width:100%}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}.cta-box{padding:60px 30px}.cta-icon{font-size:3rem}.mockup-lightbox-info{top:15px;padding:0 60px}.mockup-lightbox-info .lightbox-title{font-size:1rem}.mockup-lightbox-info .lightbox-view-type{font-size:.75rem}.mockup-lightbox-nav{width:40px;height:40px;font-size:1rem}.mockup-lightbox-nav.mockup-lightbox-prev{left:10px}.mockup-lightbox-nav.mockup-lightbox-next{right:10px}.mockup-lightbox-close{top:15px;right:15px;width:40px;height:40px;font-size:1rem}.mockup-lightbox-counter{bottom:15px;font-size:.8rem;padding:6px 16px}}.portfolio-card{border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}.portfolio-mockups{position:relative;width:calc(100% + 140px);margin-left:-70px;margin-right:-70px;margin-top:-20px;height:280px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:20px 20px 0 0}.portfolio-desktop{width:80%;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:12px;padding:6px 6px 20px;position:relative;z-index:1;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-desktop:before{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--accent-color);border-radius:50%}.portfolio-desktop .device-screen{position:relative;z-index:2;width:100%;height:auto;border-radius:6px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/10}.portfolio-desktop:hover{transform:scale(1.02);border-color:var(--accent-color)}.portfolio-mobile{position:absolute;bottom:-15px;right:25px;width:70px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:10px;padding:4px;z-index:2;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-mobile:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent-color);border-radius:2px}.portfolio-mobile .device-screen{width:100%;height:auto;border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:9/19.5}.portfolio-mobile:hover{transform:scale(1.02);border-color:var(--accent-color)}.portfolio-content{padding:25px;display:flex;flex-direction:column;gap:12px;flex:1}.portfolio-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.portfolio-card:hover .portfolio-title{color:var(--accent-color)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tag{padding:4px 10px;background:linear-gradient(135deg,#8a6ab31a,#a689cd1a);border:1px solid rgba(138,106,179,.2);border-radius:15px;font-size:.7rem;font-weight:600;color:var(--accent-color);transition:all .3s ease}.portfolio-card:hover .portfolio-tag{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent}.portfolio-url{color:var(--accent-color);text-decoration:none;font-weight:600;font-size:.9375rem;display:inline-flex;align-items:center;gap:.375rem;margin-top:auto;transition:all .3s ease}.portfolio-url:after{content:"→";transition:transform .3s ease}.portfolio-url:hover{color:var(--accent-secondary)}.portfolio-url:hover:after{transform:translate(5px)}.portfolio-links{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}.portfolio-links .portfolio-url{margin-top:0}@media(min-width:992px){.reference-content-right .portfolio-links{justify-content:flex-end}}.portfolio-url--external:after{content:"↗"}.portfolio-url--external:hover:after{transform:translate(3px,-3px)}#referenceDetailHero .breadcrumb{background:transparent;padding:0;margin-bottom:0;justify-content:center}#referenceDetailHero .breadcrumb .breadcrumb-item{font-size:.9rem;color:var(--text-secondary)}#referenceDetailHero .breadcrumb .breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}#referenceDetailHero .breadcrumb .breadcrumb-item a:hover,#referenceDetailHero .breadcrumb .breadcrumb-item.active{color:var(--accent-color)}#referenceDetailHero .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:var(--text-secondary)}.reference-detail-content-section{padding:10px 0!important}.reference-detail-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.reference-detail-tag{padding:8px 20px;background:linear-gradient(135deg,#8a6ab326,#a689cd26);border:1px solid rgba(138,106,179,.3);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--accent-color);transition:all .3s ease}.reference-detail-tag:hover{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent}.reference-detail-meta{display:flex;flex-wrap:wrap;gap:25px}.reference-detail-meta-item{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:1rem}.reference-detail-meta-item i{font-size:1.2rem;color:var(--accent-color)}.reference-detail-main{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:25px;padding:50px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reference-detail-mockups{margin-bottom:50px}.reference-detail-mockups .reference-devices{position:relative;padding:40px 30px;display:flex;align-items:center;justify-content:center;min-height:450px;perspective:1500px}.reference-detail-mockups .device-mockup.desktop-mockup{width:100%;max-width:900px;z-index:1;transform:rotateY(-5deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.reference-detail-mockups .device-mockup.desktop-mockup:hover{transform:rotateY(-2deg) rotateX(1deg)}.reference-detail-mockups .device-mockup.desktop-mockup .device-frame{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;padding:12px 12px 40px;background:var(--bg-secondary);transition:border-color .3s ease}.reference-detail-mockups .device-mockup.desktop-mockup .device-frame:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;bottom:15px;background-color:var(--accent-color)}.reference-detail-mockups .device-mockup.desktop-mockup .device-frame .device-screen{width:100%;height:auto;border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/10}.reference-detail-mockups .device-mockup.desktop-mockup:hover .device-frame{border-color:var(--accent-color)}.reference-detail-mockups .device-mockup.mobile-mockup{position:absolute;bottom:0;right:5%;width:160px;z-index:2;transform:rotateY(-10deg) rotateX(3deg) translateZ(30px);transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.reference-detail-mockups .device-mockup.mobile-mockup:hover{transform:rotateY(-5deg) rotateX(1deg) translateZ(40px)}.reference-detail-mockups .device-mockup.mobile-mockup .device-frame{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:20px;padding:8px;background:var(--bg-secondary);transition:border-color .3s ease}.reference-detail-mockups .device-mockup.mobile-mockup .device-frame:before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:50px;height:3px;border-radius:2px;background-color:var(--accent-color)}.reference-detail-mockups .device-mockup.mobile-mockup .device-frame .device-screen{width:100%;height:auto;border-radius:14px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:9/19.5}.reference-detail-mockups .device-mockup.mobile-mockup:hover .device-frame{border-color:var(--accent-color)}.reference-detail-description{margin-bottom:40px}.reference-detail-extra-content{margin-bottom:40px;padding-top:30px;border-top:1px solid var(--glass-border)}.reference-detail-section-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:25px;position:relative;padding-left:20px}.reference-detail-section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-radius:2px}.reference-detail-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.9}.reference-detail-text p{margin-bottom:1.5rem}.reference-detail-text p:last-child{margin-bottom:0}.reference-detail-text ul,.reference-detail-text ol{margin-bottom:1.5rem;padding-left:1.5rem}.reference-detail-text ul li,.reference-detail-text ol li{margin-bottom:.75rem}.reference-detail-text h3,.reference-detail-text h4{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}.reference-detail-text a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.reference-detail-text a:hover{color:var(--accent-secondary)}.reference-detail-text strong{color:var(--text-primary);font-weight:700}.reference-detail-actions{text-align:center;padding-top:20px;border-top:1px solid var(--glass-border)}.reference-testimonial-section{padding:70px 0 30px}.reference-testimonial{position:relative;max-width:920px;margin:0 auto;padding:56px 56px 36px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:25px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .reference-testimonial{box-shadow:0 10px 40px #1a113514}.reference-testimonial-mark{position:absolute;top:0;left:56px;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1}.reference-testimonial-eyebrow{margin:0 0 14px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color)}.reference-testimonial-quote{margin:0 0 32px}.reference-testimonial-quote p{margin:0;font-size:clamp(1.2rem,1.2vw + .9rem,1.55rem);line-height:1.55;font-weight:500;color:var(--text-primary);text-wrap:pretty}.reference-testimonial--long .reference-testimonial-quote p{font-size:clamp(1.05rem,.4vw + .95rem,1.2rem);line-height:1.7;font-weight:400}.reference-testimonial-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;padding-top:24px;border-top:1px solid var(--glass-border)}.reference-testimonial-author{display:flex;align-items:center;gap:14px;min-width:0}.reference-testimonial-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;font-weight:700;font-size:1.05rem}.reference-testimonial-who{display:flex;flex-direction:column;min-width:0}.reference-testimonial-name{font-weight:700;font-size:1.05rem;color:var(--text-primary)}.reference-testimonial-context{font-size:.9rem;color:var(--text-secondary)}.reference-testimonial-proof{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.reference-testimonial-rating{display:inline-flex;gap:3px}.reference-testimonial-rating i{color:#fbbf24;font-size:1.05rem}.reference-testimonial-source{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--glass-border);border-radius:50px;font-size:.875rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:border-color .2s ease,color .2s ease}.reference-testimonial-source img{width:16px;height:16px}.reference-testimonial-source .bi-box-arrow-up-right{font-size:.75rem;opacity:.7}.reference-testimonial-source:hover,.reference-testimonial-source:focus-visible{border-color:var(--accent-color);color:var(--accent-color)}@media(max-width:768px){.reference-testimonial-section{padding:50px 0 20px}.reference-testimonial{padding:44px 22px 24px;border-radius:20px}.reference-testimonial-mark{left:22px;width:48px;height:48px;font-size:1.6rem}.reference-testimonial-footer{flex-direction:column;align-items:flex-start}}.related-references-section{padding:80px 0}.related-references-section .section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:900;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.related-references-section .section-subtitle{font-size:1.1rem;color:var(--text-secondary)}.related-references-section .row{row-gap:30px!important}.related-references-section .col-lg-4,.related-references-section .col-md-6{padding-left:40px;padding-right:40px}@media(max-width:992px){.reference-detail-content-section{padding:50px 0 60px}.reference-detail-main{padding:30px}.reference-detail-mockups .reference-devices{min-height:350px}.reference-detail-mockups .device-mockup.mobile-mockup{width:130px;right:3%}.related-references-section{padding:60px 0}.related-references-section .col-lg-4,.related-references-section .col-md-6{padding-left:30px;padding-right:30px}}@media(max-width:768px){.reference-detail-content-section{padding:40px 0 60px}.reference-detail-tag{padding:6px 14px;font-size:.8rem}.reference-detail-meta{gap:15px}.reference-detail-meta-item{font-size:.9rem}.reference-detail-main{padding:25px 20px;border-radius:20px}.reference-detail-mockups{margin-bottom:30px}.reference-detail-mockups .reference-devices{min-height:280px;padding:20px 10px;perspective:800px}.reference-detail-mockups .device-mockup.desktop-mockup{transform:rotateX(8deg) rotateY(0)!important;transform-origin:center bottom}.reference-detail-mockups .device-mockup.desktop-mockup:hover{transform:rotateX(5deg) rotateY(0)!important}.reference-detail-mockups .device-mockup.mobile-mockup{width:100px;right:auto;left:50%;bottom:-10px;transform:translate(-50%) rotateX(8deg) translateZ(20px)!important;transform-origin:center bottom}.reference-detail-mockups .device-mockup.mobile-mockup:hover{transform:translate(-50%) rotateX(5deg) translateZ(25px)!important}.reference-detail-section-title{font-size:1.4rem;padding-left:15px}.reference-detail-text{font-size:1rem;line-height:1.8}.reference-detail-actions .btn{width:100%}.related-references-section{padding:50px 0}.related-references-section .col-lg-4,.related-references-section .col-md-6{padding-left:20px;padding-right:20px}}@media(max-width:576px){.reference-detail-content-section{padding:40px 0 60px}.reference-detail-main{padding:20px 15px}}@media(max-width:991.98px){.reference-showcase-item{margin-bottom:3.5rem}.reference-showcase-item:last-child{margin-bottom:2.5rem}.reference-showcase-item.content-left .reference-content,.reference-showcase-item.content-right .reference-content{margin:0;padding:1.25rem}.reference-showcase-item.content-left .device-mockup.desktop-mockup,.reference-showcase-item.content-left .device-mockup.mobile-mockup,.reference-showcase-item.content-left:hover .device-mockup.desktop-mockup,.reference-showcase-item.content-left:hover .device-mockup.mobile-mockup,.reference-showcase-item.content-right .device-mockup.desktop-mockup,.reference-showcase-item.content-right .device-mockup.mobile-mockup,.reference-showcase-item.content-right:hover .device-mockup.desktop-mockup,.reference-showcase-item.content-right:hover .device-mockup.mobile-mockup{transform:none}.reference-showcase-item.content-left .device-mockup.mobile-mockup,.reference-showcase-item.content-right .device-mockup.mobile-mockup{left:auto;right:.5rem}.reference-devices{display:block;min-height:0;padding:0 0 1.5rem;perspective:none}.device-mockup.desktop-mockup{width:100%;max-width:none}.device-mockup.desktop-mockup .device-frame{padding:6px 6px 22px;border-radius:14px}.device-mockup.desktop-mockup .device-frame:before{bottom:8px;width:6px;height:6px}.device-mockup.desktop-mockup .device-frame .device-screen{border-radius:8px}.device-mockup.mobile-mockup{position:absolute;bottom:0;width:24%;max-width:120px}.device-mockup.mobile-mockup .device-frame{padding:4px 4px 6px;border-radius:12px}.device-mockup.mobile-mockup .device-frame .device-screen{border-radius:9px}.reference-content,.reference-content-right{height:auto;gap:.75rem;border-radius:20px;text-align:left!important}.reference-content .reference-title,.reference-content-right .reference-title{font-size:1.375rem;line-height:1.25}.reference-content .reference-tags,.reference-content-right .reference-tags{justify-content:flex-start!important;gap:6px}.reference-content .reference-tags .tag,.reference-content-right .reference-tags .tag{padding:4px 10px;font-size:.6875rem}.reference-content .reference-description,.reference-content-right .reference-description{margin:0;font-size:.9375rem;line-height:1.6}.reference-description[data-clamp]:not(.is-expanded){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.reference-more{margin-top:.5rem}.reference-content .portfolio-links{justify-content:flex-start;padding-top:.875rem;border-top:1px solid var(--glass-border)}}@media(max-width:767.98px){.compact-references-section .row,.related-references-section .row{row-gap:1.25rem!important}.compact-references-section .col-lg-4,.compact-references-section .col-md-6,.related-references-section .col-lg-4,.related-references-section .col-md-6{padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5)}.portfolio-mockups{width:100%;height:auto;margin:0;padding:1rem 1rem 1.25rem}.portfolio-desktop{width:100%}.portfolio-mobile{right:1.5rem;bottom:.25rem;width:22%;max-width:84px}.portfolio-content{padding:.25rem 1.25rem 1.25rem;gap:.625rem}.portfolio-title{font-size:1.1875rem}}