.hero{position:relative;padding:120px 0 100px;background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);color:#fff;overflow:hidden;animation:fadeIn .8s ease-in}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-gradient{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,hsla(0,0%,100%,.1) 0,transparent 50%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;animation:slideUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-subtitle{display:block;font-size:2rem;font-weight:400;margin-top:10px;opacity:.9}.hero-description{font-size:1.25rem;line-height:1.8;margin-bottom:40px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .3s both}.hero-buttons .btn{min-width:200px;transition:all .3s ease}.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(28,168,168,.4)}@media (max-width:768px){.hero{padding:80px 0 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}}.mockup-carousel-section{padding:100px 0;background:#fff;position:relative;overflow-x:hidden;overflow-y:visible;width:100%}.mockup-carousel-section .container{position:relative;z-index:1;width:100%;max-width:100%;padding:0 20px;overflow-x:visible;overflow-y:visible;margin:0}@media (max-width:768px){.mockup-carousel-section .container{padding:0}}.section-header{text-align:center;margin-bottom:80px;animation:fadeInUp .6s ease-out}.section-title{font-size:2.75rem;font-weight:700;color:#1e293b;margin-bottom:20px;letter-spacing:-.02em}.section-subtitle{font-size:1.35rem;color:#64748b;max-width:700px;margin:0 auto;line-height:1.6}.carousel-wrapper{position:relative;align-items:center;gap:20px;overflow-x:visible;margin:0;padding:0}.carousel-wrapper,.mockup-carousel{display:flex;width:100%;max-width:100%;overflow-y:visible}.mockup-carousel{overflow-x:auto;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:60px;padding:60px 0;flex:1 1;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:-webkit-grab;cursor:grab;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:none;will-change:scroll-position}.mockup-carousel:after,.mockup-carousel:before{content:"";flex:0 0 160px;min-width:160px}.mockup-carousel:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.mockup-slide{pointer-events:auto;cursor:pointer}.mockup-slide *{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mockup-slide:not(.dragging):hover .mockup-frame{transform:scale(1.05);box-shadow:0 30px 100px rgba(0,0,0,.3),0 12px 40px rgba(0,0,0,.2)}.mockup-image{pointer-events:none!important;-webkit-user-drag:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.mockup-carousel::-webkit-scrollbar{display:none}.mockup-slide{flex:0 0 auto;width:320px;min-width:320px;max-width:100%;animation:fadeInUp .6s ease-out both;overflow:visible;scroll-snap-align:none}.mockup-slide:first-child{animation-delay:.1s}.mockup-slide:nth-child(2){animation-delay:.2s}.mockup-slide:nth-child(3){animation-delay:.3s}.mockup-slide:nth-child(4){animation-delay:.4s}.mockup-slide:nth-child(5){animation-delay:.5s}.mockup-slide:nth-child(6){animation-delay:.6s}.mockup-container{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;overflow:visible}.mockup-frame{position:relative;width:280px;height:auto;aspect-ratio:9/19.5;background:#000;border-radius:28px;padding:10px;box-shadow:0 25px 80px rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.15);transition:all .5s cubic-bezier(.4,0,.2,1);border:3px solid #1a1a1a;flex-shrink:0;overflow:visible;cursor:pointer}.mockup-frame:before{top:6px;width:100px;height:20px;background:#000;border-radius:0 0 12px 12px}.mockup-frame:after,.mockup-frame:before{content:"";position:absolute;left:50%;transform:translateX(-50%);z-index:1}.mockup-frame:after{bottom:8px;width:120px;height:4px;background:#1a1a1a;border-radius:2px}.mockup-image{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;object-fit:cover;background:#000}.mockup-title{font-size:1.1rem;font-weight:500;color:#1e293b;text-align:center;padding:0;background:transparent;width:280px;line-height:1.5;letter-spacing:-.01em;overflow:visible}.carousel-nav-button{width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;color:#1e293b;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08);flex-shrink:0;z-index:2}.carousel-nav-button:hover{transform:scale(1.05);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.12)}.carousel-nav-button:active{transform:scale(.95)}.carousel-nav-button span{line-height:1;font-weight:300;display:block}.carousel-indicators{display:flex;justify-content:center;gap:10px;margin-top:60px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.carousel-indicators,.indicator{padding:0;background:transparent}.indicator{width:10px;height:10px;border-radius:50%;border:2px solid #cbd5e1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator:hover{background:#cbd5e1;border-color:#cbd5e1;transform:scale(1.2)}.indicator.active{background:var(--primary);border-color:var(--primary);width:28px;border-radius:5px}@media (max-width:968px){.carousel-wrapper{gap:12px;padding:0;width:100%;max-width:100%}.carousel-nav-button{width:44px;height:44px;font-size:1.5rem}.mockup-carousel{gap:40px;padding:50px 0}.mockup-carousel:after,.mockup-carousel:before{flex:0 0 60px;min-width:60px}.mockup-slide{width:280px;min-width:280px}.mockup-frame,.mockup-title{width:240px}}@media (max-width:768px){.mockup-carousel-section{padding:80px 0}.section-header{margin-bottom:60px}.section-title{font-size:2rem}.section-subtitle{font-size:1.15rem}.carousel-wrapper{gap:8px;padding:0;width:100%;max-width:100%}.carousel-nav-button{display:none}.mockup-carousel{gap:24px;padding:40px 0;width:100%;max-width:100%;touch-action:pan-x pan-y pinch-zoom}.mockup-carousel:after,.mockup-carousel:before{flex:0 0 20px;min-width:20px;max-width:20px}.mockup-slide{width:280px;min-width:280px;max-width:280px;flex-shrink:0}.mockup-frame{width:200px;max-width:100%;padding:8px;border-radius:20px}.mockup-frame:before{width:80px;height:16px}.mockup-title{font-size:.95rem;width:200px;max-width:100%}.carousel-indicators{margin-top:40px;gap:8px}.indicator{width:8px;height:8px}.indicator.active{width:20px}}.mockup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mockup-modal-content{position:relative;background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.3);animation:slideUp .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mockup-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.1);border:none;color:#1e293b;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;padding:0}.mockup-modal-close:hover{background:rgba(0,0,0,.15);transform:scale(1.1);color:var(--primary)}.mockup-modal-close:active{transform:scale(.95)}.mockup-modal-info{padding:40px}.mockup-modal-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:16px;letter-spacing:-.02em}.mockup-modal-description{font-size:1.1rem;line-height:1.7;color:#64748b;margin:0}@media (max-width:768px){.mockup-modal-overlay{padding:16px}.mockup-modal-content{max-width:100%;border-radius:20px}.mockup-modal-close{width:36px;height:36px;font-size:1.75rem;top:12px;right:12px}.mockup-modal-info{padding:28px 20px}.mockup-modal-title{font-size:1.5rem;margin-bottom:12px}.mockup-modal-description{font-size:1rem;line-height:1.6}}.services{background:var(--bg-light);position:relative;overflow:hidden}.services:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(28,168,168,.05) 0,transparent 70%);pointer-events:none}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.service-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;transition:var(--transition-smooth);border:1px solid var(--border);animation:fadeInUp .6s ease-out both;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--gradient-end));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:nth-child(7){animation-delay:.7s}.service-card:nth-child(8){animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(28,168,168,.15);border-color:var(--primary);background:linear-gradient(180deg,#fff,#fafafa)}.service-card:hover:before{transform:scaleX(1)}.service-icon{margin-bottom:20px;transition:var(--transition-smooth);display:flex;justify-content:center;align-items:center;color:var(--primary)}.service-card:hover .service-icon{transform:scale(1.1);color:var(--primary-hover)}.service-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--text)}.service-description{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.services-grid{grid-template-columns:1fr}}