:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#333;display:block;place-items:initial}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{background:var(--color-bg);color:var(--color-text)}.navbar{background:var(--color-bg-gradient);height:80px;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:999;box-shadow:0 4px 24px #00000014;border-bottom:1.5px solid #e2bcbc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 2.5vw}.navbar-logo{color:var(--color-text-on-primary);font-size:2rem;font-weight:800;text-decoration:none;letter-spacing:.5px;transition:color .3s,transform .2s}.navbar-logo:hover{color:#fff6f6;transform:scale(1.07)}.nav-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0}.nav-item{margin-left:2rem}.nav-link{color:var(--color-text-on-primary);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.5rem;border-radius:0;background:none;border:none;transition:color .2s,transform .2s;position:relative}.nav-link:active{color:#fff6f6;transform:scale(1.08)}.nav-link.active{font-weight:700;text-decoration:underline;text-underline-offset:6px;color:#fff}.nav-link:hover{color:#fff6f6;text-decoration:underline;text-underline-offset:6px;transform:scale(1.08)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;z-index:1101;transition:none}.hamburger:hover{background:none;border:none}.bar{width:26px;height:3px;background:#fff;margin:4px 0;border-radius:2px;transition:all .3s;box-shadow:none}@media screen and (max-width: 900px){.nav-menu{display:none}.hamburger{display:flex}}.mobile-menu-overlay{position:fixed;inset:0;background:#181818d9;z-index:1100;display:flex;justify-content:flex-end;animation:fadeIn .2s}.mobile-menu{background:var(--color-bg-gradient);width:80vw;max-width:340px;height:100vh;display:flex;flex-direction:column;align-items:flex-start;padding:2.5rem 2rem 2rem;position:relative;box-shadow:-2px 0 24px #0000001f;animation:slideIn .25s cubic-bezier(.4,0,.2,1)}.close-mobile-menu{position:absolute;top:1.2rem;right:1.2rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:2.2rem;line-height:1;color:#fff;cursor:pointer;z-index:10}.mobile-link{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:600;margin:1.2rem 0;width:100%;display:block;transition:color .2s}.mobile-link.active,.mobile-link:hover{color:#fff6f6;text-decoration:underline;text-underline-offset:6px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media screen and (max-width: 768px){.navbar-container{padding:0 1rem}.navbar-logo{font-size:1.5rem}.nav-item{margin-left:1rem}.nav-link{font-size:1rem;padding:.4rem .5rem}}.footer{background:var(--color-bg-gradient);color:var(--color-text-on-primary);padding:3rem 0 1rem;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin:0 0 1rem;color:var(--color-text-on-primary)}.footer-section h3{font-size:1.8rem;font-weight:700}.footer-section h4{font-size:1.2rem;font-weight:600}.footer-logo .footer-tagline{font-style:italic;margin:.5rem 0;opacity:.9}.footer-description{line-height:1.6;opacity:.9;margin:1rem 0 0}.footer-qr-section{margin-top:1.5rem;text-align:center}.qr-label{font-size:1rem;font-weight:500;margin-bottom:.8rem;opacity:.95}.footer-qr-code{width:120px;height:120px;padding:8px;background:#fff;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.footer-qr-code:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a,.footer-links li{color:var(--color-text-on-primary);text-decoration:none;opacity:.9;transition:opacity .3s ease}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-contact{display:flex;flex-direction:column;gap:.8rem}.footer-contact .contact-item{display:flex;align-items:flex-start;gap:.5rem;opacity:.9;transition:opacity .3s ease}.footer-contact .contact-item:hover{opacity:1}.footer-contact .contact-icon{font-size:1rem;min-width:20px;margin-top:.2rem}.footer-contact a{color:#000;text-decoration:none;transition:color .3s ease,opacity .3s ease}.footer-contact .contact-item:hover a{color:var(--color-text-on-primary);text-decoration:underline}.footer-contact a:hover{color:var(--color-text-on-primary);opacity:1;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;text-align:center}.footer-bottom-content{opacity:.8}.footer-bottom-content p{margin:.25rem 0;font-size:.9rem}@media screen and (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media screen and (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{padding:0 1rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-section{text-align:center}.footer-contact{align-items:center}.footer-contact .contact-item{justify-content:center}}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-light)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:10px;border:2px solid var(--color-bg-light)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}*::-webkit-scrollbar-corner{background:var(--color-bg-light)}html,body{overflow-x:hidden;max-width:100vw}.home-container{min-height:100vh;background:var(--color-bg);color:var(--color-text);max-width:100vw}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.in-view{opacity:1;transform:none}.hero-section{background:var(--color-bg-gradient);color:var(--color-text-on-primary);padding:6rem 2rem 4rem;text-align:center;position:relative;overflow:hidden;animation:heroFadeIn 1.2s cubic-bezier(.4,0,.2,1)}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.2}.hero-content{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2;opacity:0;animation:fadeSlideIn 1s .2s forwards;color:var(--color-text-on-primary)}.gradient-text{color:#fff;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin:0 0 3rem;opacity:0;animation:fadeSlideIn 1s .5s forwards;color:var(--color-text-on-primary)}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:3rem;opacity:0;animation:fadeSlideIn 1s .8s forwards}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px;color:#fff}.services-section{padding:5rem 2rem;background:var(--color-bg-light);box-shadow:0 2px 12px #c823330a}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--color-primary);margin:0 0 3rem}.home-services-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;width:100%;max-width:1000px;margin:0 auto}.service-card-link{text-decoration:none;color:inherit;display:block}.service-card-link:hover{text-decoration:none;color:inherit}.service-card{--reveal-y: 20px;--tilt-x: 0deg;--tilt-y: 0deg;--tilt-scale: 1;background:var(--color-card);padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 15px #c8233312;opacity:0;transform:translateY(var(--reveal-y)) perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--tilt-scale));transition:opacity .5s ease calc(var(--i, 0) * 80ms),transform .3s ease,box-shadow .3s;height:100%;will-change:transform}.services-section.in-view .service-card{opacity:1;--reveal-y: 0px}.service-card:hover{--tilt-scale: 1.04;box-shadow:0 15px 30px #c8233321}.service-card:active{--tilt-scale: .97}.service-thumb{width:84px;height:84px;margin:0 auto 1.1rem;border-radius:50%;overflow:hidden;border:3px solid var(--color-bg-light);box-shadow:0 0 0 2px var(--color-primary)}.service-thumb img{width:100%;height:100%;object-fit:cover;display:block}.service-title{font-size:1.3rem;font-weight:600;color:var(--color-primary);margin:0 0 1rem}.service-description{color:var(--color-muted);line-height:1.6;margin:0}.clients-section{padding:2.5rem 0;background:linear-gradient(135deg,#f8f9fa,#fff,#f1f3f5);box-shadow:0 2px 12px #c823330a;position:relative}.clients-title{text-align:center;font-size:.95rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-secondary);margin:0 0 1.75rem}.clients-carousel{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.clients-track{display:flex;align-items:center;width:max-content;animation:clientsScroll 28s linear infinite}.clients-carousel:hover .clients-track{animation-play-state:paused}.client-logo-item{flex:0 0 auto;height:60px;width:auto;display:flex;align-items:center;justify-content:center;margin:0 2.25rem}.client-logo-item img{height:100%;width:auto;max-width:130px;object-fit:contain;filter:grayscale(100%) opacity(.6);transition:filter .3s ease,transform .3s ease}.client-logo-item:hover img{filter:grayscale(0%) opacity(1);transform:scale(1.08)}@keyframes clientsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.clients-track{animation:none}}.about-section{padding:5rem 2rem;background:var(--color-card);color:var(--color-text);box-shadow:0 2px 12px #c823330a}.about-content{width:100%;max-width:900px;margin:0 auto;text-align:center}.about-description{font-size:1.1rem;line-height:1.8;color:var(--color-muted);margin:0 0 1.5rem}.why-choose-section{padding:5rem 2rem;background:var(--color-bg);color:var(--color-text)}.why-choose-content{width:100%;max-width:900px;margin:0 auto;text-align:center}.why-choose-intro{font-size:1.1rem;color:var(--color-muted);line-height:1.7;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.why-choose-item{--reveal-y: 20px;--tilt-lift: 0px;--tilt-x: 0deg;--tilt-y: 0deg;background:var(--color-card);padding:2rem;border-radius:15px;box-shadow:0 5px 20px #c8233314;opacity:0;transform:translateY(var(--reveal-y)) translateY(var(--tilt-lift)) perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:opacity .5s ease calc(var(--i, 0) * 80ms),transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-align:left;border:1px solid rgba(200,35,51,.1);will-change:transform}.why-choose-section.in-view .why-choose-item{opacity:1;--reveal-y: 0px}.why-choose-item:hover{--tilt-lift: -8px;box-shadow:0 15px 40px #c8233326;border-color:var(--color-primary)}.why-choose-icon{font-size:2.5rem;margin-bottom:1.2rem;display:inline-block}.why-choose-item h3{font-size:1.4rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem;line-height:1.4}.why-choose-item p{color:var(--color-muted);line-height:1.7;font-size:.95rem}@media screen and (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:2rem}.stat-number,.section-title{font-size:2rem}.home-services-grid{grid-template-columns:1fr}.client-logo-item{height:44px;margin:0 1.5rem}.client-logo-item img{max-width:100px}.service-card{padding:1.5rem}.why-choose-section{padding:3rem 1rem}.why-choose-grid{grid-template-columns:1fr;gap:1.5rem}.why-choose-item{padding:1.5rem}.why-choose-item h3{font-size:1.2rem}.why-choose-icon{font-size:2rem}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-stats .stat{transition:transform .25s,box-shadow .25s}.hero-stats .stat:hover{transform:scale(1.08);box-shadow:0 6px 24px #c823331a}.hero-cta-btn{position:relative;display:inline-block;margin:2.5rem auto 0;padding:1.1rem 2.5rem;font-size:1.2rem;font-weight:700;color:var(--color-primary);background:#fff;border:none;border-radius:30px;box-shadow:0 8px 24px #0003;text-decoration:none;letter-spacing:1px;transition:background .3s,color .3s,transform .2s,box-shadow .2s;cursor:pointer;opacity:0;animation:fadeSlideIn 1s .7s forwards;overflow:hidden}.hero-cta-btn:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.hero-cta-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.07);box-shadow:0 14px 32px #0000004d}.hero-cta-btn:hover:after{left:130%}.stat-icon{display:block;font-size:2.2rem;margin-bottom:.3rem;color:#fff;filter:drop-shadow(0 2px 8px rgba(200,35,51,.18))}.services-intro{text-align:center;font-size:1.15rem;color:var(--color-muted);margin:0 0 2.5rem;font-weight:500}.company-values{margin:3rem auto 2rem;max-width:900px}.company-values h3{color:var(--color-primary);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.value-item{--reveal-y: 16px;background:var(--color-bg-light);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #c823330d;opacity:0;transform:translateY(var(--reveal-y));transition:opacity .5s ease calc(var(--i, 0) * .1s),transform .3s,box-shadow .3s,background-color .3s}.about-section.in-view .value-item{opacity:1;--reveal-y: 0px}.value-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #c823331a;background:var(--color-primary)}.value-item h3{color:#000;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;transition:color .3s}.value-item:hover h3{color:#fff}.value-item p{color:#000;font-size:1.1rem;margin:0;transition:color .3s}.value-item:hover p{color:#fff}.manpower-section{padding:5rem 2rem;background:var(--color-bg-light);box-shadow:0 2px 12px #c823330a}.manpower-intro{text-align:center;font-size:1.15rem;color:var(--color-muted);margin:0 0 3rem;font-weight:500}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;max-width:1100px;margin:0 auto;list-style:none;padding:0;counter-reset:process}.process-step{counter-increment:process;position:relative;text-align:left;padding:0 1.5rem 0 0;opacity:0;transform:translateY(16px);transition:opacity .5s ease calc(var(--i, 0) * .11s),transform .5s ease calc(var(--i, 0) * .11s)}.manpower-section.in-view .process-step{opacity:1;transform:translateY(0)}.process-step:not(:last-child):after{content:"";position:absolute;top:22px;left:calc(50% + 22px);right:calc(-50% + 22px);height:2px;background:repeating-linear-gradient(90deg,var(--color-primary) 0 6px,transparent 6px 12px);opacity:.5}.process-step:before{content:counter(process,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-bg-gradient);color:#fff;font-family:monospace;font-weight:700;font-size:.95rem;margin-bottom:1rem;position:relative;z-index:1}.process-step h3{font-size:1.2rem;font-weight:600;color:var(--color-primary);margin:0 0 .6rem}.process-step p{color:var(--color-muted);line-height:1.6;margin:0;font-size:.96rem}@media screen and (max-width: 768px){.hero-cta-btn{font-size:1rem;padding:.9rem 1.5rem}.values-grid{grid-template-columns:1fr;gap:1rem}.value-item{padding:1.2rem}.process-steps{grid-template-columns:1fr;gap:2rem}.process-step:not(:last-child):after{display:none}}.services-container{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:2rem 0 4rem}.services-header{text-align:center;margin-bottom:4rem;padding:3rem 0 2rem;opacity:0;transform:translateY(30px);animation:sectionFadeIn .7s .1s forwards}.services-title{color:var(--color-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.services-subtitle{font-size:1.2rem;color:var(--color-muted);max-width:600px;margin:0 auto;line-height:1.6}.services-grid{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .2s forwards}.service-item{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--color-card);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #c8233312;transition:transform .3s,box-shadow .3s;cursor:pointer}.service-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #c8233321}.service-item:nth-child(2n){grid-template-columns:1fr 1fr}.service-item:nth-child(2n) .service-images{order:2}.service-item:nth-child(2n) .service-info{order:1}.service-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem;padding:1rem}.service-images img{width:100%;height:150px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.service-images img:first-child{grid-column:1 / -1;height:200px}.service-item:hover .service-images img{transform:scale(1.05)}.service-info{padding:2rem;display:flex;flex-direction:column;justify-content:center}.service-info h3{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.service-info p{color:var(--color-muted);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.learn-more-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.learn-more-btn:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);transform:scale(1.05)}@media screen and (max-width: 768px){.services-container{padding:1rem 0 2rem}.services-header{margin-bottom:2rem;padding:2rem 0 1rem}.services-title{font-size:2rem}.services-subtitle{font-size:1.1rem}.services-grid{gap:2rem;padding:0 1rem}.service-item,.service-item:nth-child(2n){grid-template-columns:1fr}.service-item:nth-child(2n) .service-images{order:1}.service-item:nth-child(2n) .service-info{order:2}.service-images{padding:1rem 1rem 0}.service-images img{height:120px}.service-images img:first-child{height:160px}.service-info{padding:1rem 1.5rem 1.5rem}}.service-detail-container{width:100%;margin:0 auto;padding:2rem 0 4rem;background:var(--color-bg);color:var(--color-text);min-height:100vh}.service-detail-header{width:100%;max-width:1200px;margin:0 auto 3rem;text-align:center;padding:0 2rem;opacity:0;transform:translateY(30px);animation:sectionFadeIn .7s .1s forwards}.back-btn{display:inline-block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-bottom:2rem;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.back-btn:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.service-detail-title{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:0 0 1rem}.service-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 2rem;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .2s forwards}.service-image-item{border-radius:15px;overflow:hidden;box-shadow:0 10px 25px #c823331a;transition:transform .3s ease}.service-image-item:hover{transform:scale(1.02)}.service-image-item img{width:100%;height:300px;object-fit:cover;transition:transform .3s ease}.service-image-item:hover img{transform:scale(1.05)}.service-detail-content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .4s forwards}.service-detail-content h2{font-size:2rem;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem}.service-detail-description{font-size:1.1rem;line-height:1.8;color:var(--color-muted);margin-bottom:3rem}.subcategories-section{margin-top:3rem}.subcategories-section h3{font-size:1.8rem;font-weight:600;color:var(--color-primary);margin-bottom:2rem;text-align:center}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.subcategory-card-link{text-decoration:none;color:inherit}.subcategory-card{background:var(--color-card);padding:2rem;border-radius:15px;box-shadow:0 5px 15px #c8233312;transition:transform .3s,box-shadow .3s;cursor:pointer;position:relative}.subcategory-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #c8233321}.subcategory-card h4{font-size:1.3rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.subcategory-card p{color:var(--color-muted);line-height:1.6;margin-bottom:1rem}.learn-more-text{color:var(--color-primary);font-weight:600;margin-top:1rem;font-size:.9rem;opacity:.8;transition:opacity .3s}.subcategory-card:hover .learn-more-text{opacity:1}.sub-items{list-style:none;padding:0}.sub-items li{color:var(--color-muted);padding:.3rem 0;padding-left:0;position:relative}.service-not-found{text-align:center;padding:4rem 2rem}.service-not-found h2{color:var(--color-primary);margin-bottom:2rem}@media screen and (max-width: 768px){.service-detail-title{font-size:2rem}.service-images-grid{grid-template-columns:1fr;gap:1.5rem}.service-image-item img{height:250px}.subcategories-grid{grid-template-columns:1fr;gap:1.5rem}.subcategory-card{padding:1.5rem}}.service-detail-page{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:2rem 0 4rem;width:100%}.loading-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg);color:var(--color-text)}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:var(--color-text);font-size:1.1rem}.loading-container h2{color:var(--color-primary);margin-bottom:1rem}.subcategory-detail-page,.subcategory-detail-container{width:100%;margin:0 auto;padding:2rem 0 4rem;background:var(--color-bg);color:var(--color-text);min-height:100vh}.subcategory-detail-header{width:100%;max-width:1200px;margin:0 auto 3rem;text-align:center;padding:0 2rem;opacity:0;transform:translateY(30px);animation:sectionFadeIn .7s .1s forwards}.subcategory-detail-title{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:0 0 1rem}.subcategory-images-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:1.5rem;margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 2rem;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .2s forwards}.subcategory-image-item{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #c823331f;transition:all .3s ease;position:relative;width:100%;background:#fff}.subcategory-image-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #c823332e}.subcategory-image-item img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .3s ease}.subcategory-image-item.landscape-image{grid-column:1 / -1;max-width:650px;margin:1rem auto 0}.subcategory-image-item.landscape-image img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .3s ease}.subcategory-image-item.subcategory-image-1{border-radius:12px 12px 4px 4px;box-shadow:0 8px 20px #c823331f}.subcategory-image-item.subcategory-image-1 img{height:280px;object-fit:cover}.subcategory-image-item.subcategory-image-2{border-radius:4px 12px 12px 4px;box-shadow:0 8px 20px #3296c81f}.subcategory-image-item.subcategory-image-2 img{height:280px;object-fit:cover}.subcategory-image-item.subcategory-image-3{border-radius:12px;box-shadow:0 12px 25px #64c86426}.subcategory-image-item.subcategory-image-3 img{height:300px;object-fit:cover}.subcategory-image-item:hover img{transform:scale(1.05)}.subcategory-detail-content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .4s forwards}.subcategory-detail-content h2{font-size:2rem;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem}.subcategory-detail-description{font-size:1.1rem;line-height:1.8;color:var(--color-muted);margin-bottom:2rem}.subcategory-highlights{list-style:none;max-width:720px;margin:0 auto 3rem;padding:0;display:grid;gap:.9rem;text-align:left}.subcategory-highlights li{position:relative;padding-left:1.75rem;font-size:1.05rem;line-height:1.6;color:var(--color-text)}.subcategory-highlights li:before{content:"";position:absolute;left:0;top:.55rem;width:10px;height:10px;border-radius:50%;background:var(--color-primary)}@media screen and (max-width: 768px){.subcategory-detail-title{font-size:2rem}.subcategory-images-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%}.subcategory-image-item img{height:240px}.subcategory-image-item.landscape-image{max-width:100%;margin:1rem 0 0}.subcategory-image-item.landscape-image img{height:220px}}.contact-container{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:2rem 0 4rem}.contact-header{text-align:center;margin-bottom:4rem;padding:3rem 0;opacity:0;transform:translateY(30px);animation:sectionFadeIn .7s .1s forwards}.contact-title{font-size:3rem;font-weight:700;color:var(--color-primary);margin:0 0 1rem}.contact-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .2s forwards}.contact-section-header{text-align:center;margin-bottom:3rem}.contact-section-header h2{font-size:2.5rem;font-weight:600;color:var(--color-primary);margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-column{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--color-card);color:var(--color-text);border-radius:15px;box-shadow:0 5px 15px #c8233312;transition:transform .3s,box-shadow .3s}.contact-item:hover{transform:scale(1.04);box-shadow:0 10px 25px #c8233321;background:var(--color-bg-gradient);color:#fff}.contact-item:hover .contact-details h3,.contact-item:hover .contact-details p,.contact-item:hover .contact-details a{color:#fff}.contact-item:hover .contact-details a:hover{color:#f0f0f0}.contact-icon{font-size:2rem;min-width:50px;text-align:left}.contact-details{text-align:left}.contact-details h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem;text-align:left}.contact-details p{color:#666;margin:.2rem 0;line-height:1.5;text-align:left}.contact-details a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:var(--color-secondary)}@media screen and (max-width: 768px){.contact-container{padding:1rem 0 2rem}.contact-header{margin-bottom:2rem;padding:2rem 1rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-content{padding:0 1rem}.contact-section-header{margin-bottom:2rem}.contact-section-header h2{font-size:2rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-column{gap:1.5rem}.contact-item{padding:1rem}.contact-icon{font-size:1.5rem;min-width:40px}}@media screen and (max-width: 1024px) and (min-width: 769px){.contact-content{padding:0 1.5rem}.contact-grid{gap:3rem}.contact-section-header h2{font-size:2.2rem}}.gallery-container{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:3rem 0 4rem}.gallery-title{color:var(--color-primary)}.gallery-title{opacity:0;transform:translateY(30px);animation:sectionFadeIn .7s .1s forwards}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;opacity:0;transform:translateY(40px);animation:sectionFadeIn .8s .2s forwards}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}@keyframes sectionFadeIn{to{opacity:1;transform:none}}.gallery-item{display:block;width:100%;height:100%;border:none;padding:0;font:inherit;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #c8233312;cursor:pointer;transition:transform .3s,box-shadow .3s;background:var(--color-card)}.gallery-item:hover{transform:scale(1.04);box-shadow:0 10px 25px #c8233321}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s,transform .4s cubic-bezier(.4,0,.2,1)}.gallery-item:hover img{transform:scale(1.12)}.gallery-modal{position:fixed;inset:0;background:#1e1e28d9;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal-content{background:var(--color-card);border-radius:15px;padding:1.5rem;max-width:90vw;max-height:90vh;box-shadow:0 10px 40px #0003;position:relative;display:flex;flex-direction:column;align-items:center}.gallery-modal-content img{max-width:80vw;max-height:70vh;border-radius:10px;box-shadow:0 2px 10px #0000001f}.gallery-modal-caption{margin:1rem 0 0;text-align:center;color:var(--color-text)}.gallery-empty{text-align:center;color:var(--color-text);opacity:.7}.gallery-modal-close{position:absolute;top:10px;right:18px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:2.2rem;line-height:1;color:var(--color-secondary);cursor:pointer;z-index:10;transition:color .2s}.gallery-modal-close:hover{color:var(--color-primary)}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:140px;gap:1rem}.gallery-item:first-child{grid-column:span 1;grid-row:span 1}.gallery-modal-content img{max-width:95vw;max-height:50vh}.gallery-container{padding:1.5rem .5rem}}:root{--color-bg: #f7f3f3;--color-text: #181818;--color-primary: #c82333;--color-secondary: #a71d31;--color-bg-gradient: linear-gradient(90deg, #c82333 0%, #a71d31 100%);--color-bg-light: #fff6f6;--color-card: #fffaf9;--color-card-alt: #f3eaea;--color-accent: #c82333;--color-text-on-primary: #fff;--color-ink: #2b2420;--color-muted: #6b6058}#root{width:100%;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}
