@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* Global styles and variables - CLS Prevention */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Font loading optimization - prevents CLS */
.fonts-loaded {
    font-family: 'Inter', 'Arial', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Layout stability improvements */
img, video, iframe {
    height: auto;
    max-width: 100%;
}

/* Reserve space for dynamic content */
.dynamic-content {
    min-height: 1em;
    contain: layout;
}

:root {
    --primary: #FF006E;
    --secondary: #00F5FF;
    --accent: #FFE400;
    --dark: #080808;
    --gray: #121212;
    --light: #E0E0E0;
    --white: #FFFFFF;
    --gradient: linear-gradient(135deg, #FF006E 0%, #00F5FF 100%);
    --gradient-gold: linear-gradient(135deg, #FFD700 0%, #FF6B6B 100%);
    --text-light: #B0B0B0;
    --shadow-pink: rgba(255, 0, 110, 0.4);
    --shadow-blue: rgba(0, 245, 255, 0.4);
    --shadow-yellow: rgba(255, 228, 0, 0.4);
    --shadow-red: rgba(255, 107, 107, 0.4);
    --vibrant-green: #39FF14;
    --vibrant-purple: #BF00FF;
    --shadow-vibrant-green: rgba(57, 255, 20, 0.6);
    --shadow-vibrant-purple: rgba(191, 0, 255, 0.6);
}

html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--light);background:var(--dark);font-weight:500}header{background:rgba(10,10,10,0.85);backdrop-filter:blur(20px);box-shadow:0 0 60px rgba(255,0,110,0.5);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(255,0,110,0.3)}nav{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;text-transform:uppercase;text-shadow:0 0 15px rgba(255,0,110,0.5)}nav ul{list-style:none;display:flex;gap:40px;transition:transform 0.3s ease-out}nav a{color:var(--white);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.9rem;transition:all 0.3s;position:relative;padding:5px 0}nav a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translateX(-50%);background:var(--secondary);box-shadow:0 0 12px var(--secondary);transition:width 0.3s}nav a:hover{color:var(--secondary)}nav a:hover::after{width:100%}.hamburger{display:none;font-size:2rem;color:var(--white);cursor:pointer;z-index:1001}main{margin-top:70px}.hero{padding:80px 0 60px;text-align:center;position:relative;overflow:hidden;height:80vh;height:calc(var(--vh,1vh)*80);display:flex;align-items:center;justify-content:center;background:url('../tlo1.webp') no-repeat center center/cover;will-change:transform;contain:layout style paint}.hero-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:0}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero::before{content:'';position:absolute;width:150%;height:150%;background:radial-gradient(circle at 20% 50%,rgba(255,0,110,0.35) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,245,255,0.35) 0%,transparent 50%);z-index:1}.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 300px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,0.1),transparent 80%);opacity:0;transition:opacity 0.5s;z-index:2;pointer-events:none}.hero:hover::after,.hero.touch-active::after{opacity:1}@keyframes pulse{0%{opacity:0.6}100%{opacity:0.9}}.hero-content{position:relative;z-index:3;max-width:900px;margin:0 auto;animation:fadeInScale 1s ease-out forwards;opacity:0;transform:scale3d(0.9,0.9,1)}@keyframes fadeInScale{to{opacity:1;transform:scale3d(1,1,1)}}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:15px;color:white;text-transform:uppercase;letter-spacing:-2px;line-height:0.9;text-shadow:0 0 50px rgba(255,0,110,0.6)}.hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;}@keyframes glow{0%{opacity:0.8;transform:scale3d(1,1,1)}100%{opacity:1;transform:scale3d(1.05,1.05,1)}}.hero p{font-size:1.2rem;margin-bottom:30px;color:rgba(255,255,255,0.85);font-weight:300;letter-spacing:2px;text-transform:uppercase}.btn{display:inline-block;padding:15px 40px;background:var(--primary);color:var(--white);text-decoration:none;border-radius:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px;transition:all 0.3s ease-in-out;box-shadow:0 8px 25px rgba(0,0,0,0.5),0 5px 10px var(--shadow-pink);border:2px solid var(--primary);position:relative;overflow:hidden;font-size:0.9rem;transform:translateZ(0);text-shadow:1px 1px 2px rgba(0,0,0,0.4)}.btn:hover{background:#ff1a75;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px rgba(0,0,0,0.6),0 8px 15px var(--shadow-pink);border-color:#ff1a75}section{padding:100px 0;border-bottom:1px solid rgba(255,255,255,0.05)}section:last-of-type{border-bottom:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}h2{font-size:3.5rem;font-weight:900;margin-bottom:20px;text-align:center;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:-1px;animation:slideInUp 0.8s ease-out forwards;opacity:0;display:inline-block;width:100%}@keyframes slideInUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.section-subtitle{text-align:center;color:var(--text-light);font-size:1.2rem;margin-bottom:60px;font-weight:400;letter-spacing:1px}.about{background:var(--gray)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-text h3{font-size:2.5rem;margin-bottom:25px;color:var(--white);font-weight:900}.about-text p{color:var(--light);margin-bottom:25px;line-height:1.8;font-size:1.1rem}.about-stats{display:flex;gap:40px;margin-top:40px}.stat{text-align:center}.stat-number{font-size:3.5rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{color:var(--text-light);font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.about-image{position:relative}.about-image img{width:100%;border-radius:12px;box-shadow:20px 20px 0px rgba(255,0,110,0.7);transition:transform 0.4s ease-out,box-shadow 0.4s ease-out}.about-image:hover img{transform:translate(-10px,-10px);box-shadow:30px 30px 0px rgba(0,245,255,0.7)}.services-grid,.testimonials-grid,.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:60px}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.service-card,.equipment-card,.testimonial-card,.blog-card{background:var(--gray);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s;position:relative;overflow:hidden;border-radius:12px;opacity:0;transform:translateY(20px)}.service-card,.equipment-card,.testimonial-card{padding:50px 40px;text-align:center}.service-card.animate,.equipment-card.animate,.testimonial-card.animate,.blog-card.animate{animation:fadeInSlideUp 0.6s ease-out forwards}@keyframes fadeInSlideUp{to{opacity:1;transform:translateY(0)}}.service-card::before,.equipment-card::before,.testimonial-card::before,.blog-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient);border-top-left-radius:9px;border-top-right-radius:9px;z-index:2}.service-card,.equipment-card,.blog-card{box-shadow:0 10px 30px rgba(0,0,0,0.5);will-change:transform}.service-card:hover,.equipment-card:hover,.testimonial-card:hover,.blog-card:hover{transform:translateY(-10px);border-color:var(--primary)}.equipment-card.purple:hover{box-shadow:0 15px 40px var(--shadow-vibrant-purple);border-color:var(--vibrant-purple)}.equipment-card.green:hover{box-shadow:0 15px 40px var(--shadow-vibrant-green);border-color:var(--vibrant-green)}.service-icon,.equipment-icon{font-size:4rem;margin-bottom:25px;display:inline-block;filter:grayscale(0)}.service-card h3,.equipment-card h3,.testimonial-card h3,.blog-card h3{font-size:1.8rem;margin-bottom:20px;color:var(--white);font-weight:800;text-transform:uppercase;letter-spacing:-0.5px}.service-card p,.equipment-card p{color:var(--light);line-height:1.8;font-size:1.05rem}.faq{background:var(--gray)}.faq-container{max-width:900px;margin:0 auto}.faq-item{background:var(--dark);border:1px solid rgba(255,255,255,0.1);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);transition:all 0.3s ease}.faq-item:hover{border-color:var(--primary);transform:translateY(-2px)}.faq-question{padding:30px 60px 30px 40px;margin:0;font-size:1.3rem;font-weight:700;color:var(--white);cursor:pointer;position:relative;transition:all 0.3s ease;text-transform:none;letter-spacing:0}.faq-question::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--primary);transition:transform 0.3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,0,110,0.1);border-radius:8px}.faq-item.active .faq-question::after{transform:translateY(-50%) rotate(45deg)}.faq-answer{padding:0 40px 30px;display:none}.faq-item.active .faq-answer{display:block;animation:fadeInUp 0.4s ease-out forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{color:var(--light);line-height:1.8;font-size:1.1rem;margin:0}.testimonials{background:var(--dark)}.testimonial-card{background:var(--gray);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.5);padding:40px;text-align:left}.testimonial-card p{font-style:italic;margin-bottom:20px;color:var(--light);font-size:1.1rem}.testimonial-card .author{font-weight:700;color:var(--white);font-size:1.1rem}.testimonial-card .rating{color:var(--accent);font-size:1.5rem;margin-bottom:15px}.gallery{background:var(--dark)}.gallery h2{color:white;text-shadow:2px 2px 8px rgba(0,0,0,0.5)}.gallery .section-subtitle{color:rgba(255,255,255,0.7)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:60px}.gallery-item{position:relative;overflow:hidden;height:450px;cursor:pointer;border:1px solid rgba(255,255,255,0.1);border-radius:12px;opacity:0;transform:scale3d(0.9,0.9,1)}.gallery-item.animate{animation:fadeInScaleUp 0.6s ease-out forwards}@keyframes fadeInScaleUp{to{opacity:1;transform:scale3d(1,1,1)}}.gallery-item picture{width:100%;height:100%;display:block}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s,opacity 0.5s;opacity:0.8;display:block}.gallery-item:hover img{transform:scale3d(1.1,1.1,1);opacity:0.6}#blog{background:var(--gray)}.blog-card{display:flex;flex-direction:column}.blog-card-image{width:100%;height:220px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.blog-card:hover .blog-card-image img{transform:scale3d(1.1,1.1,1)}.blog-card-content{padding:30px;text-align:left;flex-grow:1;display:flex;flex-direction:column}.blog-card-content h3{font-size:1.5rem;text-transform:none;line-height:1.3}.blog-card-content p{color:var(--light);margin-bottom:25px;flex-grow:1}.blog-date{font-size:0.8rem;text-transform:uppercase;color:var(--text-light);margin-bottom:15px;letter-spacing:1px}.btn-read-more{display:inline-block;padding:10px 25px;background:transparent;color:var(--primary);text-decoration:none;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease-in-out;border:2px solid var(--primary);align-self:flex-start}.btn-read-more:hover{background:var(--primary);color:var(--white)}#video-section{background:var(--dark)}.video-container{position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.7);max-height:75vh;aspect-ratio:16/9}.video-container video{width:100%;height:100%;display:block;object-fit:cover}.volume-toggle-btn-video{position:absolute;bottom:20px;right:20px;background-color:rgba(0,0,0,0.5);color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background-color 0.3s ease}.volume-toggle-btn-video:hover{background-color:rgba(0,0,0,0.8)}.contact{background:var(--gray)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info{background:var(--dark);padding:50px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.5);border-radius:12px}.contact-info h3{font-size:2rem;margin-bottom:30px;font-weight:900;text-transform:uppercase;color:var(--white)}.contact-item{display:flex;align-items:center;gap:25px;margin-bottom:35px}.contact-icon{width:60px;height:60px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 0 20px var(--primary);border-radius:50%}.contact-item h4{margin-bottom:5px;color:var(--white);font-weight:800;text-transform:uppercase;letter-spacing:0.5px}.contact-item p{color:var(--light);font-size:1.1rem}.contact-item a{color:var(--primary);text-decoration:none;font-weight:700;transition:all 0.3s}.contact-item a:hover{color:var(--secondary);text-decoration:none}.contact-form-container{background:var(--dark);padding:50px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.5);border-radius:12px}.contact-form-container h3{font-size:2rem;margin-bottom:30px;font-weight:900;text-transform:uppercase;color:var(--white)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;color:var(--light);font-weight:600;text-transform:uppercase;font-size:0.9rem}.form-group input,.form-group textarea{width:100%;padding:15px;background:var(--gray);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--white);font-size:1rem;transition:border-color 0.3s,box-shadow 0.3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 15px var(--shadow-pink)}form .btn{width:100%;margin-top:20px;border:none;cursor:pointer}.g-recaptcha{margin-bottom:20px}footer{background:var(--dark);color:white;text-align:center;padding:80px 20px 40px;border-top:1px solid rgba(255,255,255,0.1)}.footer-content{max-width:1200px;margin:0 auto}.footer-content h3{font-size:3rem;font-weight:900;margin-bottom:15px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:-1px}.social-links{display:flex;justify-content:center;gap:25px;margin:40px 0}.social-links a{width:60px;height:60px;background:transparent;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all 0.3s;text-decoration:none;border-radius:50%}.social-links a:hover{background:var(--primary);transform:translateY(-10px) rotate(360deg);box-shadow:0 15px 40px rgba(255,0,110,0.8)}.mobile-phone-fab{display:flex;position:fixed;bottom:20px;right:20px;color:white;width:60px;height:60px;border-radius:50%;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 5px 20px var(--shadow-pink);z-index:999;transition:all 0.3s ease;text-decoration:none}.mobile-phone-fab:hover{transform:scale3d(1.1,1.1,1);box-shadow:0 8px 30px var(--shadow-blue)}.scroll-to-top-btn{display:none;position:fixed;bottom:20px;left:20px;color:black;width:60px;height:60px;border-radius:50%;border:none;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 5px 20px var(--shadow-pink);cursor:pointer;z-index:999;transition:all 0.3s ease}.scroll-to-top-btn:hover{transform:scale3d(1.1,1.1,1);box-shadow:0 8px 30px var(--shadow-blue)}@media (min-width:1025px){.mobile-phone-fab{display:none}}@media (max-width:1024px){nav ul{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(10,10,10,0.98);transform:translateY(-100%)}nav ul.active{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:100px 20px 20px;align-content:start;transform:translateY(0)}nav ul li{text-align:center}nav ul li a{font-size:1.1rem;padding:15px 0;display:inline-block}nav a::after{left:50%;transform:translateX(-50%)}.hamburger{display:block}.hero{height:60vh;height:calc(var(--vh,1vh)*60);background-attachment:scroll}#particle-canvas{display:none}.hero h1{font-size:2.8rem}section{padding:80px 0}.about-content,.contact-wrapper{grid-template-columns:1fr;gap:40px}.about-image{order:-1}.about-image img{box-shadow:15px 15px 0px rgba(255,0,110,0.7)}.about-image:hover img{transform:translate(-5px,-5px);box-shadow:20px 20px 0px rgba(0,245,255,0.7)}.gallery-grid,.testimonials-grid,.blog-grid{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}h2{font-size:2.5rem}.section-subtitle{font-size:1rem;margin-bottom:40px}.about-stats{flex-direction:column;gap:20px}.service-card,.equipment-card,.testimonial-card{padding:40px 25px}.contact-info,.contact-form-container{padding:40px 25px}footer{padding:60px 20px 30px}.footer-content h3{font-size:2.5rem}.scroll-to-top-btn{bottom:20px;left:20px}}@media (max-width:480px){.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.btn{padding:12px 30px;font-size:0.8rem}h2{font-size:2rem}.about-text h3{font-size:1.8rem}.stat-number{font-size:3rem}.service-card h3,.equipment-card h3,.testimonial-card h3,.blog-card h3{font-size:1.5rem}.contact-info h3,.contact-form-container h3{font-size:1.8rem}}.lightbox{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9);align-items:center;justify-content:center;animation:fadeIn 0.3s forwards}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:80vh;display:block;object-fit:contain;animation:zoomIn 0.3s forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{transform:scale3d(0.8,0.8,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}.lightbox .close,.lightbox .prev,.lightbox .next{cursor:pointer;position:absolute;color:#fff;font-size:40px;font-weight:bold;transition:0.3s;user-select:none;padding:10px;background-color:rgba(0,0,0,0.5);border-radius:50%;line-height:1}.lightbox .close{top:20px;right:30px;font-size:50px}.lightbox .prev{left:20px;top:50%;transform:translateY(-50%)}.lightbox .next{right:20px;top:50%;transform:translateY(-50%)}.lightbox .close:hover,.lightbox .prev:hover,.lightbox .next:hover{color:var(--primary);background-color:rgba(0,0,0,0.8)}.show-more-container{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-show-more{display:inline-block;padding:12px 30px;background:var(--primary);color:white;text-decoration:none;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease-in-out;box-shadow:0 8px 30px rgba(255,0,110,0.4);border:2px solid var(--primary);cursor:pointer}.btn-show-more:hover{background:#ff1a75;transform:translateY(-5px);box-shadow:0 15px 45px rgba(255,0,110,0.7);border-color:#ff1a75}.btn-show-more.hidden{display:none}@keyframes chameleon-flow{0%{opacity:0.8}50%{opacity:1}100%{opacity:0.8}}.mobile-phone-fab,.scroll-to-top-btn{background:var(--gradient);animation:chameleon-flow 8s ease-in-out infinite}