@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";html[data-theme=light]{--primary-color-start: #6366F1;--primary-color-end: #A855F7;--background-color: #F8F9FA;--card-background-color: #FFFFFF;--text-color: #334155;--text-light-color: #64748B;--border-color: #E2E8F0;--shadow-color: rgba(0, 0, 0, .05);--modal-overlay-bg: rgba(15, 23, 42, .7);--selected-card-bg: #f4f4ff;--selected-card-shadow: rgba(99, 102, 241, .2);--filter-btn-hover-bg: #f1f2f3;--filter-btn-hover-border: #d1d5db;--input-bg-color: var(--background-color);--close-btn-hover-bg: #f1f2f3;--slider-btn-bg: rgba(255, 255, 255, .7);--slider-btn-hover-bg: white;--header-bg-scrolled: rgba(248, 249, 250, .85);--tag-bg-color: #EEF2FF;--tag-text-color: #4338CA;--glossy-color-1: rgba(168, 85, 247, .15);--glossy-color-2: rgba(99, 102, 241, .12)}html[data-theme=dark]{--primary-color-start: #6366F1;--primary-color-end: #A855F7;--background-color: #111827;--card-background-color: #1F2937;--text-color: #F9FAFB;--text-light-color: #9CA3AF;--border-color: #374151;--shadow-color: rgba(0, 0, 0, .2);--modal-overlay-bg: rgba(0, 0, 0, .8);--selected-card-bg: #1e293b;--selected-card-shadow: rgba(99, 102, 241, .2);--filter-btn-hover-bg: #374151;--filter-btn-hover-border: #4b5563;--input-bg-color: #374151;--close-btn-hover-bg: #374151;--slider-btn-bg: rgba(31, 41, 55, .7);--slider-btn-hover-bg: #1f2937;--header-bg-scrolled: rgba(17, 24, 39, .85);--tag-bg-color: #3730A3;--tag-text-color: #C7D2FE;--glossy-color-1: rgba(168, 85, 247, .2);--glossy-color-2: rgba(99, 102, 241, .25)}:root{--font-family: "Poppins", sans-serif}html{font-size:81.25%;scroll-behavior:smooth;scroll-padding-top:90px;color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);font-weight:400;line-height:1.5;transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}body.modal-open{overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.subtitle{font-size:1.125rem;color:var(--text-light-color);max-width:600px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes subtle-glow{0%{background-position:top -10vmax left -20vmax,bottom -10vmax right -20vmax}to{background-position:top -20vmax left -10vmax,bottom -20vmax right -10vmax}}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-image:radial-gradient(circle at top left,var(--glossy-color-1),transparent 35%),radial-gradient(circle at bottom right,var(--glossy-color-2),transparent 35%);background-repeat:no-repeat;background-size:90vmax 90vmax;pointer-events:none;animation:subtle-glow 25s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUpCentered{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideInToast{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.main-header{animation:fadeIn .6s ease-out forwards}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.header-content{display:flex;align-items:center;gap:2.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.logo span{font-size:1.5rem;font-weight:600;color:var(--text-color)}nav.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem}nav.main-nav a{color:var(--text-light-color);text-decoration:none;font-weight:500;position:relative;padding-bottom:.5rem;transition:color .2s ease-in-out}nav.main-nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.19,1,.22,1)}nav.main-nav a:hover,nav.main-nav a:focus-visible{color:var(--text-color);outline:none}nav.main-nav a:hover:after,nav.main-nav a:focus-visible:after{transform:scaleX(1)}.theme-toggle-btn{width:44px;height:44px;background-color:transparent;border:1px solid var(--border-color);border-radius:50%;color:var(--text-light-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.theme-toggle-btn:hover{background-color:var(--filter-btn-hover-bg);color:var(--text-color);transform:rotate(15deg)}.theme-toggle-btn:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.theme-toggle-btn svg{width:20px;height:20px}.page-header{margin-bottom:0}.header-hero{text-align:center;padding:4rem 0;animation:fadeIn .6s ease-out .2s forwards;opacity:0}.header-hero h1{font-size:2.5rem;font-weight:700;line-height:1.2;max-width:800px;margin:0 auto 1rem;color:var(--text-color)}.header-hero .highlight{background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));-webkit-background-clip:text;background-clip:text;color:transparent}.sentinel{height:1px}.filter-nav-wrapper{position:sticky;top:-1px;z-index:990;background-color:var(--background-color);transition:background-color .3s ease,box-shadow .3s ease;margin:0 -2rem;padding:0 2rem}.filter-nav-wrapper.stuck{background-color:var(--header-bg-scrolled);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);box-shadow:0 2px 10px var(--shadow-color)}.filter-nav{display:flex;justify-content:flex-start;gap:1rem;padding:1.5rem 0;overflow-x:auto;flex-wrap:nowrap;transition:border-color .3s ease;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.filter-nav::-webkit-scrollbar{display:none}.filter-nav{-ms-overflow-style:none;scrollbar-width:none}.filter-btn{background-color:var(--card-background-color);color:var(--text-light-color);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:999px;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.filter-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.7;transition:opacity .2s ease-in-out}.filter-btn:hover .filter-btn-icon,.filter-btn.active .filter-btn-icon{opacity:1}.filter-btn-icon svg{width:100%;height:100%}.filter-btn:hover{background-color:var(--filter-btn-hover-bg);border-color:var(--filter-btn-hover-border)}.filter-btn:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.filter-btn.active{background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));color:#fff;border-color:transparent;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}main#services-main{padding-top:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.service-card{background-color:var(--card-background-color);border-radius:12px;padding:2rem;box-shadow:0 4px 6px var(--shadow-color);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;border:2px solid var(--border-color);overflow:hidden;color:var(--text-color)}.service-card h3{font-size:1.25rem;font-weight:600}.service-card p{color:var(--text-light-color);font-size:1rem}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.service-card:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.service-card.selected{transform:translateY(-5px);box-shadow:0 10px 20px var(--selected-card-shadow);border:2px solid transparent;background:linear-gradient(var(--card-background-color),var(--card-background-color)) padding-box,linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end)) border-box}.select-service-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background-color:var(--selected-card-bg);color:var(--primary-color-start);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s ease-in-out;padding:8px}.select-service-btn:hover{background-color:var(--primary-color-start);color:#fff;transform:scale(1.1)}.select-service-btn.selected{background-color:var(--primary-color-start);color:#fff;border-color:var(--primary-color-start)}.select-service-btn.selected:hover{background-color:#4f46e5}.select-service-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f166}.service-icon{margin-bottom:1.5rem;width:100px;height:100px}.service-icon svg{width:100%;height:100%}.why-choose-us-section{text-align:center;padding:3rem 0;margin:4rem 0}.why-choose-us-section h2,.our-work-section h2,.testimonials-section h2,.faq-section h2,.contact-section h2{font-size:2rem;font-weight:600;margin-bottom:.5rem}.why-choose-us-section .subtitle{margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto;color:var(--text-light-color)}.why-choose-us-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;text-align:center}.feature-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem}.feature-icon{width:56px;height:56px;margin-bottom:1.5rem}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--text-light-color);font-size:1rem}.our-work-section{text-align:center;padding:3rem 0;margin:4rem 0}.our-work-section .subtitle{margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.our-work-slider-wrapper{position:relative;max-width:1200px;margin:3rem auto 0}.our-work-slider-container{overflow:hidden;cursor:grab}.our-work-slider{display:flex;transition:transform .5s cubic-bezier(.25,1,.5,1);margin:0 -1rem}.project-slide{flex:0 0 calc(100% / var(--slides-to-show));box-sizing:border-box}.project-card{border-radius:16px;box-shadow:0 4px 6px var(--shadow-color);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;text-align:left;height:100%;background-color:var(--card-background-color);margin:0 1rem;padding:1rem;gap:1rem}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.project-card.clicked{transform:translateY(-7px) scale(1.03);box-shadow:0 12px 22px #0000001a;transition:transform .15s ease-out}.project-card:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.project-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px}.project-card-image{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card-content{display:flex;flex-direction:column;flex-grow:1}.project-card-content h3{font-size:1.25rem;font-weight:600}.project-card-content p{color:var(--text-light-color);margin-bottom:1rem}.project-services{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-service-tag{font-size:.8rem;font-weight:500;color:var(--tag-text-color);background-color:var(--tag-bg-color);padding:.25rem .75rem;border-radius:999px}.visit-site-btn{margin-top:auto;background-color:transparent;border:2px solid var(--border-color);color:var(--text-light-color);padding:.5rem 1rem;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start}.visit-site-btn:hover{background-color:var(--filter-btn-hover-bg);border-color:var(--primary-color-start);color:var(--primary-color-start)}.visit-site-btn .visit-site-icon svg{width:16px;height:16px}.our-work-slider-wrapper .slider-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-btn-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;margin-top:-30px}.our-work-slider-wrapper .slider-btn:hover,.our-work-slider-wrapper .slider-btn:focus-visible{background-color:var(--slider-btn-hover-bg);box-shadow:0 4px 10px #0000001a;color:var(--primary-color-start);outline:none}.our-work-slider-wrapper .slider-btn.prev{left:-1rem}.our-work-slider-wrapper .slider-btn.next{right:-1rem}.our-work-slider-wrapper .slider-dots{text-align:center;margin-top:2rem}.our-work-slider-wrapper .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--border-color);border:none;margin:0 5px;cursor:pointer;padding:0;transition:all .3s ease}.our-work-slider-wrapper .dot:hover{background-color:var(--text-light-color)}.our-work-slider-wrapper .dot.active{background-color:var(--primary-color-start);transform:scale(1.2)}.testimonials-section{background-color:var(--card-background-color);border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow-color);border-radius:12px;padding:3rem 2rem;margin:4rem 0;text-align:center;transition:background-color .3s ease,border-color .3s ease}.testimonials-section h2{margin-bottom:2rem}.testimonial-slider-wrapper{position:relative;max-width:800px;margin:0 auto}.testimonial-slider-container{overflow:hidden;cursor:grab}.testimonial-slider{display:flex;transition:transform .5s ease-in-out}.testimonial-card{flex:0 0 100%;padding:1rem 3rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.testimonial-quote{font-size:1.125rem;font-style:italic;color:var(--text-color);margin-bottom:1.5rem;max-width:650px;line-height:1.8}.testimonial-author{display:flex;flex-direction:column;align-items:center;gap:.25rem}.testimonial-name{font-weight:600;font-size:1.1rem}.testimonial-company{color:var(--text-light-color);font-size:.875rem}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-btn-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.slider-btn:hover,.slider-btn:focus-visible{background-color:var(--slider-btn-hover-bg);box-shadow:0 4px 10px #0000001a;color:var(--primary-color-start);outline:none}.slider-btn.prev{left:0}.slider-btn.next{right:0}.faq-section{text-align:center;padding:3rem 0;margin:4rem 0;max-width:800px;margin-left:auto;margin-right:auto}.faq-section h2{margin-bottom:2.5rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease,border-color .3s ease}.faq-item:hover,.faq-item:focus-within{transform:translateY(-3px);box-shadow:0 6px 12px var(--shadow-color)}.faq-item.open{border-color:var(--primary-color-start);box-shadow:0 6px 12px var(--shadow-color)}.faq-question{width:100%;background:none;border:none;text-align:left;padding:1.5rem;font-size:1.125rem;font-weight:600;font-family:inherit;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-question:hover{color:var(--primary-color-start)}.faq-icon{flex-shrink:0;width:24px;height:24px;transition:transform .3s cubic-bezier(.25,1,.5,1);color:var(--text-light-color)}.faq-question:hover .faq-icon{color:var(--primary-color-start)}.faq-icon.open{transform:rotate(180deg)}.faq-answer{overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.25,1,.5,1),padding .4s cubic-bezier(.25,1,.5,1);padding:0 1.5rem}.faq-answer p{color:var(--text-light-color);line-height:1.7}.faq-answer.open{max-height:500px;padding-bottom:1.5rem}.contact-section{text-align:center;background-color:var(--card-background-color);padding:3rem 2rem;border-radius:12px;margin:4rem 0;border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow-color);transition:background-color .3s ease,border-color .3s ease}.contact-section .subtitle{margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.contact-form{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:700px;margin:0 auto;text-align:left}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);font-family:var(--font-family);font-size:1rem;background-color:var(--input-bg-color);color:var(--text-color);transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color-start);box-shadow:0 0 0 3px #6366f133}.form-group textarea{resize:vertical;min-height:120px}.form-buttons{display:flex;flex-direction:row;gap:1rem;align-items:stretch;justify-content:center}.form-buttons .submit-btn,.form-buttons .whatsapp-btn{flex:1}.submit-btn,.whatsapp-btn{border:none;padding:.7rem 1.5rem;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;width:auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:.5rem;outline:none}.submit-btn{background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));color:#fff;box-shadow:0 4px 15px #0000001a}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.submit-btn:disabled{cursor:not-allowed;background:var(--text-light-color);opacity:.7}.submit-btn:focus-visible{box-shadow:0 0 0 3px #6366f14d}.whatsapp-btn{background:#25d366;color:#fff;box-shadow:0 4px 15px #25d36633}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36640;background:#128c7e}.whatsapp-btn:focus-visible{box-shadow:0 0 0 3px #25d36666}.whatsapp-btn svg{width:20px;height:20px}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.form-group input.input-error,.form-group textarea.input-error{border-color:#ef4444}.form-group input.input-error:focus,.form-group textarea.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}footer{text-align:center;padding:2rem 0;margin-top:2rem;border-top:1px solid var(--border-color);color:var(--text-light-color);transition:border-color .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.social-links{display:flex;gap:1.5rem;margin-bottom:1.5rem;justify-content:center}.social-link{color:var(--text-light-color);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--card-background-color);border:1px solid var(--border-color)}.social-link svg{width:20px;height:20px}.social-link:hover{color:var(--primary-color-start);border-color:var(--primary-color-start);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.social-link:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.sitemap-btn{background:none;border:1px solid var(--border-color);color:var(--text-light-color);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease}.sitemap-btn:hover{color:var(--text-color);border-color:var(--text-light-color);background-color:var(--filter-btn-hover-bg)}.sitemap-btn:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeInModal .3s ease-out}.modal-content{background-color:var(--card-background-color);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;display:flex;flex-direction:column;animation:slideInUp .3s ease-out;height:auto;max-height:90vh}.modal-header,.modal-footer{flex-shrink:0;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:relative}.modal-header h2{font-size:1.5rem;font-weight:600;margin-right:2.5rem;text-align:left}.modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem;text-align:left}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.modal-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.close-btn{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:transparent;border:none;font-size:2rem;line-height:1;color:var(--text-light-color);cursor:pointer;transition:color .2s,background-color .2s;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-color);background-color:var(--close-btn-hover-bg)}.close-btn:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px}.quote-modal-content .contact-form{width:100%;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.quote-modal-content .modal-header h2{font-size:1.2rem}.quote-modal-content .modal-footer{justify-content:center;flex-wrap:nowrap}.quote-modal-content .modal-footer .submit-btn,.quote-modal-content .modal-footer .whatsapp-btn{flex:1}.modal-form-row{display:flex;flex-direction:column;width:100%;gap:1rem}.modal-form-row .form-group{flex:1}.quote-modal-services-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.show-more-btn{background:none;border:none;color:var(--primary-color-start);cursor:pointer;font-family:inherit;font-weight:500;font-size:.9rem;padding:.25rem;margin:.75rem auto 0;display:block}.show-more-btn:hover{text-decoration:underline;color:var(--primary-color-end)}.show-more-btn:focus-visible{outline:2px solid var(--primary-color-start);outline-offset:2px;border-radius:4px}.service-tag{font-size:.9rem;font-weight:500;color:var(--primary-color-start);background-color:var(--selected-card-bg);padding:.25rem .75rem;border-radius:999px;display:inline-block}.service-detail-modal-content .modal-header{flex-direction:column;align-items:center;gap:1rem;padding-bottom:1.5rem}.service-detail-modal-content .close-btn{top:1rem;right:1rem;transform:none}.service-detail-modal-content .modal-footer{justify-content:center}.detail-modal-icon{width:100px;height:100px}.detail-modal-icon svg{width:100%;height:100%}.detail-modal-description{color:var(--text-light-color);line-height:1.7;margin:0;text-align:center}.detail-modal-pricing{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.price-type{font-size:.875rem;color:var(--text-light-color);font-weight:500}.price-amount{font-size:2rem;font-weight:700;color:var(--text-color);background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));-webkit-background-clip:text;background-clip:text;color:transparent}.service-detail-modal-content .modal-footer .submit-btn.remove-btn{background:transparent;color:#ef4444;border:2px solid #EF4444;padding:calc(.8rem - 2px) calc(2rem - 2px)}.service-detail-modal-content .modal-footer .submit-btn.remove-btn:hover{background:#fef2f2;transform:translateY(-2px);box-shadow:0 8px 20px #ef44441a}html[data-theme=dark] .service-detail-modal-content .modal-footer .submit-btn.remove-btn:hover{background:#ef44441a}.service-detail-modal-content .modal-footer .submit-btn.remove-btn:focus-visible{box-shadow:0 0 0 3px #ef44444d}.project-modal-content{max-width:1100px;width:95%}.project-modal-content .modal-header{align-items:flex-start}.project-modal-header-content{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;margin-right:2.5rem}.project-modal-content .modal-header h2{font-size:1.25rem;margin:0}.view-toggle{display:flex;background-color:var(--background-color);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.toggle-btn{background:transparent;border:none;padding:.5rem 1rem;border-radius:6px;font-family:inherit;font-weight:600;font-size:.875rem;cursor:pointer;color:var(--text-light-color);transition:all .2s ease}.toggle-btn.active{background-color:var(--card-background-color);color:var(--text-color);box-shadow:0 2px 4px var(--shadow-color)}.project-modal-body{padding:0;display:flex;flex-direction:row;gap:0;overflow:hidden}.project-modal-image-container{flex:6;background-color:var(--background-color);border-right:1px solid var(--border-color);padding:1rem;border-bottom-left-radius:16px;display:flex;justify-content:center;align-items:flex-start;transition:all .3s ease;overflow-y:auto}.project-modal-image{width:100%;height:auto;object-fit:contain;object-position:top;border-radius:8px;box-shadow:0 5px 15px var(--shadow-color);transition:all .3s ease}.project-modal-image-container.view-mobile .project-modal-image{max-width:375px;width:100%;height:auto;border:1px solid var(--border-color);box-shadow:0 10px 25px #0000001a;border-radius:20px;padding:8px;background-color:var(--card-background-color)}.project-modal-details{flex:4;padding:2rem;display:flex;flex-direction:column;overflow-y:auto}.project-modal-details p{color:var(--text-light-color);font-size:.95rem;line-height:1.6}.project-detail-description{font-style:italic;margin-bottom:2rem;border-left:3px solid var(--primary-color-start);padding-left:1rem}.project-detail-heading{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-top:1.5rem;margin-bottom:.5rem}.project-modal-details .project-services{margin-bottom:2rem}.project-modal-details .visit-site-btn{align-self:flex-start;margin-top:auto}.success-modal-content{max-width:420px}.success-modal-content .modal-body{text-align:center;padding:2.5rem 2rem}.success-icon-wrapper{width:72px;height:72px;margin:0 auto 1.5rem;background-color:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:popIn .5s cubic-bezier(.68,-.55,.27,1.55) forwards}html[data-theme=dark] .success-icon-wrapper{background-color:#059669}.success-icon-wrapper svg{width:36px;height:36px;color:#10b981;stroke-width:4}html[data-theme=dark] .success-icon-wrapper svg{color:#d1fae5}.success-modal-content h2{font-size:1.5rem;margin:0 0 .5rem;text-align:center}.success-modal-content p{color:var(--text-light-color);font-size:1rem;line-height:1.6}.success-modal-content .modal-footer{justify-content:center;padding:0 2rem 2rem;border-top:none}.success-modal-content .modal-footer .submit-btn{min-width:120px}.enquiry-fab{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));color:#fff;border:none;padding:1rem 1.5rem;border-radius:999px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 8px 20px #0003;z-index:999;animation:slideInUpCentered .3s ease-out}.enquiry-fab:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 10px 25px #00000040}.enquiry-fab:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff80,0 10px 25px #00000040}.error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);color:#fff;padding:1rem 1.5rem;border-radius:8px;z-index:2000;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideInToast .5s cubic-bezier(.25,1,.5,1);background-color:#ef4444;box-shadow:0 4px 15px #ef44444d}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:100%;height:100%}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;background-color:var(--card-background-color);color:var(--text-color);border:1px solid var(--border-color);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000001a;z-index:998;transition:opacity .3s,transform .3s,box-shadow .2s,background-color .3s,color .3s,border-color .3s;opacity:0;transform:translateY(10px);visibility:hidden}.scroll-to-top-btn.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000026;color:var(--primary-color-start)}.scroll-to-top-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #6366f133,0 8px 15px #00000026;color:var(--primary-color-start)}.scroll-to-top-btn svg{width:24px;height:24px}.confetti-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;opacity:0;border-radius:4px}@keyframes confetti-burst-left{0%{transform:translate(0) translateY(0) rotate(var(--r-start));opacity:1}15%{transform:translate(var(--x-arc)) translateY(var(--y-arc)) rotate(var(--r-mid))}90%{opacity:1}to{transform:translate(var(--x-end)) translateY(110vh) rotate(var(--r-end));opacity:0}}@keyframes confetti-burst-right{0%{transform:translate(0) translateY(0) rotate(var(--r-start));opacity:1}15%{transform:translate(calc(-1 * var(--x-arc))) translateY(var(--y-arc)) rotate(var(--r-mid))}90%{opacity:1}to{transform:translate(calc(-1 * var(--x-end))) translateY(110vh) rotate(var(--r-end));opacity:0}}.bottom-sheet-container{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1001;display:flex;flex-direction:column;max-height:95vh;touch-action:none;background-color:var(--card-background-color);border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #00000026;will-change:transform}.bottom-sheet-container.slide-up{animation:slideUpFromBottom .4s cubic-bezier(.32,.72,0,1)}.bottom-sheet-container.slide-down{animation:slideDownToBottom .4s cubic-bezier(.32,.72,0,1)}.bottom-sheet-container.is-dragging{transition:none}.bottom-sheet-handle-container{padding:.75rem;cursor:grab;flex-shrink:0}.bottom-sheet-handle{width:40px;height:5px;background-color:var(--border-color);border-radius:2.5px;margin:0 auto}.bottom-sheet-content{overflow-y:auto;flex-grow:1}.bottom-sheet-content .modal-body,.bottom-sheet-content .modal-footer,.bottom-sheet-content .modal-header{border:none}@media(min-width:768px){.contact-form{grid-template-columns:1fr 1fr;grid-template-areas:"name email" "subject subject" "message message" "button button"}.form-group:nth-child(1){grid-area:name}.form-group:nth-child(2){grid-area:email}.form-group:nth-child(3){grid-area:subject}.form-group:nth-child(4){grid-area:message}.form-buttons{grid-area:button;gap:1.5rem;justify-content:center}}@media(max-width:992px){.header-hero h1{font-size:2.25rem}.contact-section h2,.why-choose-us-section h2,.our-work-section h2,.testimonials-section h2,.faq-section h2{font-size:1.75rem}.service-card h3,.feature-card h3,.project-card-content h3{font-size:1.25rem}.services-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.project-modal-body{flex-direction:column;overflow-y:auto}.project-modal-image-container{border-right:none;border-bottom:1px solid var(--border-color);border-bottom-left-radius:0;overflow-y:visible}.project-modal-details{overflow-y:visible}}@media(max-width:768px){html{font-size:75%;scroll-padding-top:70px}.container{padding:0 1.5rem}.page-header{margin-bottom:0}.header-top{padding:.75rem 0}.header-actions{gap:.75rem}.theme-toggle-btn{width:38px;height:38px}.theme-toggle-btn svg{width:18px;height:18px}.header-hero{padding:2rem 0}.header-hero h1{font-size:1.75rem}.subtitle{font-size:1rem}.logo{gap:.5rem}.logo svg{width:32px;height:32px}.logo span{font-size:1.1rem}.header-content{flex-grow:1}nav.main-nav{display:none}.filter-nav-wrapper{margin:0 -1.5rem;padding:0 1.5rem}.filter-nav{gap:.75rem;padding:1rem 0}.filter-btn{padding:.6rem 1.2rem;font-size:.875rem}main#services-main{padding-top:2.5rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.service-card{padding:1.25rem}.service-icon{width:56px;height:56px;margin-bottom:1rem}.service-card h3{font-size:1.125rem}.service-card p{font-size:.8rem}.quote-modal-content h2,.service-detail-modal-content h2{font-size:1.25rem}.contact-section,.testimonials-section{margin:3rem 0;padding:2.5rem 1.5rem}.why-choose-us-section,.our-work-section,.faq-section{margin:3rem 0;padding:2.5rem 0}.contact-section h2,.why-choose-us-section h2,.our-work-section h2,.testimonials-section h2,.faq-section h2{font-size:1.5rem;margin-bottom:1.5rem}.why-choose-us-grid{gap:1.5rem}.feature-icon{width:48px;height:48px;margin-bottom:1rem}.feature-card h3{font-size:1.125rem}.feature-card p{font-size:.9375rem}.our-work-slider-wrapper{margin-left:-1rem;margin-right:-1rem}.project-slide{padding:0}.project-card{margin:0 .5rem}.our-work-slider{margin:0 -.5rem}.our-work-slider-wrapper .slider-btn{width:38px;height:38px;top:45%}.our-work-slider-wrapper .slider-btn.prev{left:.75rem}.our-work-slider-wrapper .slider-btn.next{right:.75rem}.testimonial-card{padding:0 .5rem}.testimonial-quote{font-size:1rem}.slider-btn{width:36px;height:36px}.slider-btn.prev{left:-10px}.slider-btn.next{right:-10px}.modal-overlay{align-items:center;justify-content:center;padding:1rem}.modal-content{max-width:600px;border-radius:16px;margin:0;max-height:90vh;animation:slideInUp .3s ease-out}.enquiry-fab{bottom:1.5rem;padding:.75rem 1.5rem;font-size:.95rem}.scroll-to-top-btn{bottom:1.5rem;right:1.5rem;width:44px;height:44px}.scroll-to-top-btn svg{width:22px;height:22px}.error-toast{width:calc(100% - 3rem);bottom:1.5rem;padding:.8rem 1.2rem;font-size:.95rem}}@media(min-width:500px){.modal-form-row{flex-direction:row}}
