:root{--red:#B20901;--red-light:#D40C04;--red-dark:#8B0600;--red-glow:rgba(178,9,1,0.4);--black:#111111;--gray-900:#1A1A1A;--gray-800:#363535;--gray-700:#444343;--gray-600:#666;--gray-400:#B0B0B0;--gray-300:#D0D0D0;--white:#FFFFFF;--gray-dark:#363535;--glass:rgba(255,255,255,0.05);--glass-strong:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.1);--glass-border-hover:rgba(255,255,255,0.18);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:100px;--shadow-sm:0 2px 8px rgba(0,0,0,0.18);--shadow-md:0 8px 32px rgba(0,0,0,0.3);--shadow-lg:0 16px 48px rgba(0,0,0,0.4);--shadow-xl:0 24px 64px rgba(0,0,0,0.5);--shadow-red:0 8px 32px rgba(178,9,1,0.3);--shadow-red-lg:0 12px 40px rgba(178,9,1,0.35);--shadow-card:0 4px 20px rgba(0,0,0,0.25),0 1px 4px rgba(0,0,0,0.15);--shadow-card-hover:0 12px 40px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.2);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{background-color:var(--black);color:var(--gray-300);font-family:'Inter',sans-serif;font-weight:400;overflow-x:hidden;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;} h1,h2,h3,h4,.btn{font-family:'Montserrat',sans-serif;font-weight:700;} .logo-img{font-family:'Montserrat',sans-serif;font-weight:800;}::selection{background:var(--red);color:white;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--gray-800);}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--red),var(--red-dark));border-radius:4px;border:1px solid rgba(255,255,255,0.05);}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--red-light),var(--red));} .header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 32px;transition:var(--transition);} .header.scrolled{background:rgba(17,17,17,0.85);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:12px 32px;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px rgba(0,0,0,0.5),0 1px 0 rgba(178,9,1,0.1);} .header-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} .logo{display:flex;align-items:center;text-decoration:none;color:inherit;} .logo-img{height:52px;width:auto;max-width:min(280px,50vw);display:block;transition:transform var(--transition),opacity var(--transition);} .logo:hover .logo-img{transform:scale(1.03);opacity:0.95;} .nav-links{display:flex;gap:32px;align-items:center;} .nav-links a{color:var(--gray-400);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition),transform 0.2s ease;position:relative;padding:4px 0;} .nav-links a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--red),var(--red-light));transition:width var(--transition),left var(--transition);border-radius:2px;box-shadow:0 0 8px rgba(178,9,1,0.3);} .nav-links a:hover,.nav-links a.active{color:white;} .nav-links a:hover::after,.nav-links a.active::after{width:100%;left:0;} .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14px;border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;border:none;font-family:'Montserrat',sans-serif;position:relative;overflow:hidden;isolation:isolate;letter-spacing:0.01em;} .btn::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);opacity:0;transition:opacity 0.3s ease;z-index:1;pointer-events:none;} .btn:hover::before{opacity:1;} .btn::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.12),transparent 60%);opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:2;} .btn:hover::after{opacity:1;} .btn i{transition:transform 0.3s ease;position:relative;z-index:3;} .btn:hover i{transform:translateX(4px);} .btn-primary:hover i,.btn-audit:hover i{transform:translateX(4px) scale(1.1);} .btn-audit{background:linear-gradient(135deg,var(--red),var(--red-dark));padding:10px 22px;color:white;box-shadow:0 4px 16px rgba(178,9,1,0.35);border-radius:var(--radius-sm);} .btn-audit:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(178,9,1,0.45);} .btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));padding:14px 28px;color:white;box-shadow:0 4px 16px rgba(178,9,1,0.3);border-radius:var(--radius-sm);} .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(178,9,1,0.45);filter:brightness(1.1);} .btn-secondary{background:var(--glass-strong);border:1px solid rgba(255,255,255,0.15);padding:14px 28px;color:white;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);} .btn-secondary:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.28);transform:translateY(-3px);box-shadow:var(--shadow-md);} .btn:focus-visible,.nav-links a:focus-visible,.mobile-menu-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px;} .mobile-menu-btn{display:none;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:white;font-size:20px;cursor:pointer;width:44px;height:44px;} .mobile-menu{display:flex;flex-direction:column;gap:4px;background:rgba(17,17,17,0.98);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-top:1px solid var(--glass-border);max-height:0;opacity:0;overflow:hidden;padding:0 24px;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,padding 0.3s ease;} .mobile-menu.open{max-height:500px;opacity:1;padding:16px 24px 24px;} .mobile-menu a{color:var(--gray-400);text-decoration:none;padding:12px 0;font-size:15px;border-bottom:1px solid rgba(255,255,255,0.05);transition:all var(--transition);} .mobile-menu a:hover{color:white;padding-left:8px;} .mobile-menu .btn-audit{margin-top:12px;justify-content:center;} main{position:relative;z-index:1;} section{padding:110px 32px;} .container{max-width:1200px;margin:0 auto;} .hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px;} .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;} .hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05);animation:heroZoom 20s ease-in-out infinite alternate;} @keyframes heroZoom{0%{transform:scale(1.05);} 100%{transform:scale(1.12);}} .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(17,17,17,0.85) 0%,rgba(17,17,17,0.4) 50%,rgba(17,17,17,0.25) 100%),linear-gradient(to top,rgba(17,17,17,0.9) 0%,transparent 45%);z-index:1;} .hero-layout{position:relative;z-index:2;width:100%;} .hero-content{max-width:820px;text-align:center;margin:0 auto;} .badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-border);padding:8px 18px;border-radius:var(--radius-full);margin-bottom:28px;font-size:13px;color:var(--gray-400);} .badge i{color:var(--red);font-size:12px;} .hero h1{font-size:clamp(36px,5vw,58px);font-weight:800;letter-spacing:-1.5px;line-height:1.12;margin-bottom:28px;} .gradient-text{background:linear-gradient(135deg,white 0%,rgba(255,255,255,0.75) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.15));} .gradient-red{background:linear-gradient(135deg,var(--red-light),var(--red),var(--red-dark));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(178,9,1,0.2));} .hero p{font-size:18px;color:var(--gray-300);margin-bottom:40px;line-height:1.85;max-width:600px;margin-left:auto;margin-right:auto;} .hero-buttons{display:flex;gap:14px;margin-bottom:48px;flex-wrap:wrap;justify-content:center;} .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px;} .stat-item{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:24px 16px;text-align:center;transition:all var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);} .stat-item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(178,9,1,0.08),transparent 70%);opacity:0;transition:opacity 0.4s ease;} .stat-item:hover::before{opacity:1;} .stat-item:hover{border-color:rgba(178,9,1,0.35);transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,0,0,0.35),0 0 20px rgba(178,9,1,0.1);} .stat-icon{color:var(--red);font-size:20px;margin-bottom:8px;} .stat-value{font-size:26px;font-weight:800;font-family:'Montserrat',sans-serif;display:inline-block;background:linear-gradient(135deg,var(--red),var(--red-light));-webkit-background-clip:text;background-clip:text;color:transparent;} .stat-label{font-size:12px;color:var(--gray-400);margin-top:4px;} .scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);animation:bounce 2s infinite;z-index:3;opacity:0.7;transition:opacity 0.3s ease;} .scroll-indicator:hover{opacity:1;} .scroll-mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,0.2);border-radius:20px;display:flex;justify-content:center;padding-top:8px;} .scroll-mouse span{width:4px;height:8px;background:var(--red);border-radius:2px;animation:scrollDot 2s infinite;} @keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(8px);}} @keyframes scrollDot{0%{opacity:1;transform:translateY(0);} 100%{opacity:0;transform:translateY(12px);}} .section-header{text-align:center;margin-bottom:64px;} .section-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:14px;} .section-title{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-0.8px;margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,white 30%,rgba(255,255,255,0.7));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1));} .section-subtitle{color:var(--gray-400);font-size:17px;max-width:560px;margin:0 auto;line-height:1.8;} .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:28px;} .service-card{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-top-color:rgba(255,255,255,0.14);border-left-color:rgba(255,255,255,0.14);border-radius:var(--radius-sm);padding:0 0 32px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden;will-change:transform;display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);} .service-img-wrap{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;} .service-img{width:100%;height:100%;object-fit:cover;aspect-ratio:400 / 200;transition:transform 0.6s ease;} .service-card:hover .service-img{transform:scale(1.1);} .service-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,17,0.7) 0%,transparent 60%);z-index:1;} .service-icon-overlay{position:absolute;bottom:12px;left:20px;z-index:2;width:44px;height:44px;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(178,9,1,0.4);transition:var(--transition);} .service-card:hover .service-icon-overlay{transform:scale(1.1) rotate(-8deg);box-shadow:0 6px 24px rgba(178,9,1,0.5);} .service-icon-overlay i{font-size:18px;color:white;} .service-card h3,.service-card >p,.service-card .service-details,.service-card .learn-more{padding-left:24px;padding-right:24px;} .service-card h3{font-size:18px;margin:20px 24px 10px;font-weight:700;} .service-card >p{color:var(--gray-400);font-size:14px;line-height:1.7;margin:0 24px 18px;flex:1;} .learn-more{color:var(--red);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin:0 24px;transition:gap var(--transition);} .learn-more:hover{gap:10px;} .service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-light));transform:scaleX(0);transform-origin:left;transition:transform var(--transition);z-index:3;} .service-card:hover,.service-card.expanded{transform:translateY(-8px);border-color:rgba(178,9,1,0.35);background:rgba(255,255,255,0.07);box-shadow:0 16px 48px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.2);} .service-card:hover::before,.service-card.expanded::before{transform:scaleX(1);} .service-card .service-details{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,padding 0.3s ease;opacity:0;padding:0 24px;} .service-card.expanded .service-details{opacity:1;padding:20px 24px;border-top:1px solid var(--glass-border);margin-top:8px;} .details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;} .details-grid span{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--gray-400);line-height:1.5;} .details-grid i{color:var(--red);font-size:13px;margin-top:2px;flex-shrink:0;} .section-bg{position:absolute;inset:0;z-index:0;overflow:hidden;} .section-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.7;transform:scale(1.05);transition:transform 10s ease;} .section-bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(17,17,17,0.75) 0%,rgba(17,17,17,0.3) 50%,rgba(17,17,17,0.55) 100%),linear-gradient(to bottom,rgba(17,17,17,0.65) 0%,rgba(17,17,17,0.2) 50%,rgba(17,17,17,0.75) 100%);} #method{position:relative;overflow:hidden;} #method >.container{position:relative;z-index:1;} .technologies-section{background:linear-gradient(180deg,transparent,rgba(178,9,1,0.03),transparent);position:relative;overflow:hidden;} .technologies-section .section-bg{position:absolute;inset:0;z-index:0;} .technologies-section .section-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.35;} .technologies-section .section-bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(17,17,17,0.88) 0%,rgba(17,17,17,0.45) 50%,rgba(17,17,17,0.75) 100%),linear-gradient(to bottom,rgba(17,17,17,0.85) 0%,rgba(17,17,17,0.35) 50%,rgba(17,17,17,0.88) 100%);} .technologies-section >.container{position:relative;z-index:1;} .tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:52px;} .tech-card{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-top-color:rgba(255,255,255,0.14);border-left-color:rgba(255,255,255,0.14);border-radius:var(--radius-sm);padding:30px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-card);} .tech-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-light));transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 12px rgba(178,9,1,0.3);} .tech-card:hover{border-color:rgba(178,9,1,0.4);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 30px rgba(178,9,1,0.08);background:rgba(255,255,255,0.06);} .tech-card:hover::before{transform:scaleX(1);} .tech-icon{width:52px;height:52px;background:rgba(178,9,1,0.12);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--red);margin-bottom:18px;transition:var(--transition);} .tech-card:hover .tech-icon{background:rgba(178,9,1,0.2);transform:scale(1.1) rotate(-5deg);} .tech-card h3{font-size:17px;margin-bottom:10px;font-weight:700;} .tech-card p{color:var(--gray-400);font-size:14px;line-height:1.7;margin-bottom:18px;} .tech-tags{display:flex;flex-wrap:wrap;gap:8px;} .tech-tags span{background:rgba(178,9,1,0.1);border:1px solid rgba(178,9,1,0.2);color:var(--gray-300);font-size:12px;font-weight:500;padding:5px 12px;border-radius:var(--radius-full);transition:all var(--transition);cursor:default;} .tech-tags span:hover{background:rgba(178,9,1,0.25);color:white;border-color:var(--red);box-shadow:0 2px 12px rgba(178,9,1,0.2);transform:translateY(-1px);} .tech-bottom{text-align:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:44px 36px;box-shadow:var(--shadow-card);} .tech-bottom h3{font-size:22px;margin-bottom:12px;background:linear-gradient(135deg,white,rgba(255,255,255,0.7));-webkit-background-clip:text;background-clip:text;color:transparent;} .tech-bottom p{color:var(--gray-400);font-size:15px;max-width:600px;margin:0 auto 28px;} @media (max-width:1024px){.tech-grid{grid-template-columns:repeat(2,1fr);}} @media (max-width:768px){.tech-grid{grid-template-columns:1fr;}} @media (max-width:520px){.tech-card{padding:22px;} .tech-tags span{font-size:11px;padding:4px 10px;}} .section-alt{background:linear-gradient(180deg,transparent,rgba(255,255,255,0.015),transparent);position:relative;padding:100px 0;} .section-alt::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(178,9,1,0.25) 50%,transparent 95%);} .section-alt::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(178,9,1,0.18) 50%,transparent 95%);} .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;} .method-step{text-align:center;position:relative;z-index:1;padding:24px;} .step-number{font-size:56px;font-weight:800;color:var(--red);font-family:'Montserrat',sans-serif;line-height:1;margin-bottom:20px;opacity:0.15;transition:opacity 0.4s ease,transform 0.4s ease;} .method-step:hover .step-number{opacity:0.35;transform:scale(1.1);} .step-connector{position:absolute;top:52px;right:-12px;width:24px;height:2px;background:linear-gradient(90deg,var(--red),transparent);opacity:0.4;z-index:2;} .method-step:last-child .step-connector{display:none;} .step-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(178,9,1,0.18),rgba(178,9,1,0.06));border:1px solid rgba(178,9,1,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 4px 16px rgba(178,9,1,0.1);} .step-icon::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(178,9,1,0.12);transition:all 0.4s ease;} .method-step:hover .step-icon{background:linear-gradient(135deg,rgba(178,9,1,0.3),rgba(178,9,1,0.12));transform:translateY(-8px) scale(1.05);box-shadow:0 16px 40px rgba(178,9,1,0.25);border-color:rgba(178,9,1,0.5);} .method-step:hover .step-icon::after{inset:-10px;border-color:rgba(178,9,1,0.25);box-shadow:0 0 20px rgba(178,9,1,0.1);} .step-icon i{font-size:22px;color:var(--red);} .method-step h3{font-size:18px;margin-bottom:10px;font-weight:700;} .method-step p{color:var(--gray-400);font-size:14px;line-height:1.7;max-width:240px;margin:0 auto;} .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .about-text .section-title{text-align:left;margin-bottom:20px;} .about-text p{color:var(--gray-400);margin-bottom:28px;line-height:1.85;font-size:16px;} .values-row{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap;} .value-item{text-align:center;} .value-item i{font-size:26px;color:var(--red);margin-bottom:8px;} .value-item span{font-size:13px;font-weight:600;} .mission-quote{background:var(--glass);border-left:3px solid var(--red);padding:22px 28px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--gray-400);line-height:1.8;} .about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;} .about-card{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);padding:28px;text-align:center;border-radius:var(--radius-md);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;} .about-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(178,9,1,0.06),transparent 60%);opacity:0;transition:opacity 0.4s ease;} .about-card:hover::before{opacity:1;} .about-card:hover{border-color:rgba(178,9,1,0.35);transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.25),0 0 20px rgba(178,9,1,0.08);} .about-card i{color:var(--red);font-size:28px;margin-bottom:10px;transition:transform 0.3s ease;} .about-card:hover i{transform:scale(1.15) rotate(-5deg);} .about-card p{font-size:12px;color:var(--gray-300);position:relative;z-index:1;} .about-home-section{position:relative;overflow:hidden;} .about-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;} .about-home-text .section-title{text-align:left;margin-bottom:24px;} .about-home-text p{color:var(--gray-400);font-size:16px;line-height:1.85;margin-bottom:32px;} .about-home-text strong{color:white;font-weight:600;} .about-home-visual{position:relative;display:flex;align-items:center;justify-content:center;} .about-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(178,9,1,0.2),transparent 70%);border-radius:50%;filter:blur(60px);animation:aboutGlow 6s ease-in-out infinite alternate;} @keyframes aboutGlow{0%{opacity:0.4;transform:scale(1);} 100%{opacity:0.7;transform:scale(1.2);}} .about-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;z-index:1;} .about-tech-card{background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:40px 28px;text-align:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);} .about-tech-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-light));transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 10px rgba(178,9,1,0.3);} .about-tech-card:hover{border-color:rgba(178,9,1,0.4);transform:translateY(-10px);box-shadow:0 24px 64px rgba(0,0,0,0.4),0 0 30px rgba(178,9,1,0.1);background:rgba(255,255,255,0.07);} .about-tech-card:hover::before{transform:scaleX(1);} .about-tech-card i{font-size:40px;color:var(--red);margin-bottom:14px;display:block;transition:var(--transition);} .about-tech-card:hover i{transform:scale(1.15) rotate(-8deg);} .about-tech-card span{font-size:14px;font-weight:600;color:var(--gray-400);} @media (max-width:968px){.about-home-grid{grid-template-columns:1fr;gap:52px;} .about-home-text .section-title{text-align:center;} .about-home-text p{text-align:center;line-height:1.8;} .values-row{justify-content:center;} .mission-quote{text-align:center;border-left:none;border-top:3px solid var(--red);}} @media (max-width:520px){.about-tech-card{padding:32px 22px;} .about-tech-card i{font-size:32px;}} .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;} .why-card{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-top-color:rgba(255,255,255,0.14);border-left-color:rgba(255,255,255,0.14);border-radius:var(--radius-sm);padding:32px;text-align:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);} .why-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(178,9,1,0.06),transparent 60%);opacity:0;transition:opacity 0.4s ease;} .why-card:hover::before{opacity:1;} .why-card:hover{border-color:rgba(178,9,1,0.35);transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.25),0 0 20px rgba(178,9,1,0.06);} .why-card i{font-size:28px;color:var(--red);margin-bottom:14px;transition:transform 0.3s ease;position:relative;z-index:1;} .why-card:hover i{transform:scale(1.1) rotate(-3deg);} .why-stat{display:inline-block;font-size:28px;font-weight:800;line-height:1;letter-spacing:-0.02em;color:var(--red);margin-bottom:16px;position:relative;z-index:1;} .why-card h3{font-size:16px;margin-bottom:10px;position:relative;z-index:1;} .why-card p{color:var(--gray-400);font-size:14px;position:relative;z-index:1;line-height:1.75;} .why-card.img-innovation{background-image:linear-gradient(180deg,rgba(17,17,17,0.82) 0%,rgba(17,17,17,0.55) 100%),url('../images/about/valeur-innovation.webp');background-size:cover;background-position:center;} .why-card.img-fiabilite{background-image:linear-gradient(180deg,rgba(17,17,17,0.82) 0%,rgba(17,17,17,0.55) 100%),url('../images/about/valeur-fiabilite.webp');background-size:cover;background-position:center;} .why-card.img-reactivite{background-image:linear-gradient(180deg,rgba(17,17,17,0.82) 0%,rgba(17,17,17,0.55) 100%),url('../images/about/valeur-reactivite.webp');background-size:cover;background-position:center;} .why-card.img-securite{background-image:linear-gradient(180deg,rgba(17,17,17,0.82) 0%,rgba(17,17,17,0.55) 100%),url('../images/about/valeur-securite.webp');background-size:cover;background-position:center;} .about-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;} .about-media-grid img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.08);} @media (max-width:768px){.about-media-grid{grid-template-columns:1fr;}} .sectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .sector-tile{position:relative;border-radius:20px;overflow:hidden;min-height:340px;display:flex;flex-direction:column;cursor:default;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.06);} .sector-tile-bg{position:absolute;inset:0;z-index:0;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);} .sector-tile:hover .sector-tile-bg{transform:scale(1.06);} [data-bg="pme"] .sector-tile-bg{background:linear-gradient(135deg,rgba(178,9,1,0.35) 0%,transparent 60%),linear-gradient(225deg,rgba(26,26,26,0.5) 0%,rgba(17,17,17,0.78) 100%),url('../images/sectors/pme.webp') center / cover;} [data-bg="admin"] .sector-tile-bg{background:linear-gradient(160deg,rgba(178,9,1,0.15) 0%,transparent 50%),linear-gradient(200deg,rgba(30,30,30,0.5) 0%,rgba(20,20,20,0.7) 50%,rgba(17,17,17,0.82) 100%),url('../images/sectors/admin.webp') center / cover;} [data-bg="banque"] .sector-tile-bg{background:linear-gradient(140deg,rgba(178,9,1,0.25) 0%,rgba(178,9,1,0.05) 50%,transparent 100%),linear-gradient(210deg,rgba(28,28,28,0.55) 0%,rgba(19,19,19,0.75) 100%),url('../images/sectors/banque.webp') center / cover;} [data-bg="ecole"] .sector-tile-bg{background:linear-gradient(150deg,rgba(178,9,1,0.2) 0%,transparent 55%),linear-gradient(195deg,rgba(26,26,26,0.5) 0%,rgba(18,18,18,0.75) 100%),url('../images/sectors/ecole.webp') center / cover;} [data-bg="hotel"] .sector-tile-bg{background:linear-gradient(135deg,rgba(178,9,1,0.3) 0%,rgba(178,9,1,0.08) 45%,transparent 100%),linear-gradient(225deg,rgba(29,29,29,0.5) 0%,rgba(17,17,17,0.78) 100%),url('../images/sectors/hotel.webp') center / cover;} [data-bg="particulier"] .sector-tile-bg{background:linear-gradient(160deg,rgba(178,9,1,0.18) 0%,transparent 50%),linear-gradient(200deg,rgba(25,25,25,0.5) 0%,rgba(17,17,17,0.78) 100%),url('../images/sectors/particulier.webp') center / cover;} .sector-tile-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(11,11,11,0.7) 60%,rgba(11,11,11,0.92) 100%);transition:opacity 0.4s ease;} .sector-tile-content{position:relative;z-index:2;padding:32px 28px 28px;display:flex;flex-direction:column;flex:1;} .sector-tile-number{font-family:'Montserrat',sans-serif;font-weight:800;font-size:64px;line-height:1;color:rgba(255,255,255,0.04);position:absolute;top:18px;right:22px;user-select:none;transition:color 0.4s ease;} .sector-tile:hover .sector-tile-number{color:rgba(178,9,1,0.12);} .sector-tile-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:white;margin-bottom:22px;box-shadow:0 8px 24px rgba(178,9,1,0.35);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;} .sector-tile-icon::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity 0.3s ease;} .sector-tile:hover .sector-tile-icon{transform:scale(1.08) rotate(-5deg);box-shadow:0 12px 32px rgba(178,9,1,0.45);} .sector-tile:hover .sector-tile-icon::after{opacity:1;} .sector-tile-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:17px;color:var(--white);margin-bottom:8px;line-height:1.4;} .sector-tile-count{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,0.4);letter-spacing:0.03em;margin-bottom:20px;transition:color 0.3s ease;} .sector-tile:hover .sector-tile-count{color:var(--red);} .sector-tile-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(178,9,1,0.15);border:1px solid rgba(178,9,1,0.3);border-radius:12px;color:var(--red);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);align-self:flex-start;} .sector-tile-btn:hover{background:var(--red);border-color:var(--red);color:white;box-shadow:0 6px 20px rgba(178,9,1,0.35);transform:translateX(4px);} .sector-tile-btn i{font-size:11px;transition:transform 0.3s ease;} .sector-tile-btn:hover i{transform:translateX(3px);} .sector-tile-panel{position:absolute;inset:0;z-index:10;background:rgba(11,11,11,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(178,9,1,0.25);opacity:0;visibility:hidden;transform:scale(0.95) translateY(8px);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;} .sector-tile[data-active="true"] .sector-tile-panel{opacity:1;visibility:visible;transform:scale(1) translateY(0);} .sector-tile-panel-inner{padding:32px 28px;display:flex;flex-direction:column;height:100%;} .sector-tile-desc{font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,0.6);line-height:1.75;margin-bottom:24px;} .sector-tile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1;} .sector-tile-list li{display:flex;align-items:center;gap:12px;font-family:'Inter',sans-serif;font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);line-height:1.5;padding:12px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:12px;opacity:0;transform:translateY(10px);transition:all 0.35s cubic-bezier(0.4,0,0.2,1);} .sector-tile[data-active="true"] .sector-tile-list li{opacity:1;transform:translateY(0);} .sector-tile[data-active="true"] .sector-tile-list li:nth-child(1){transition-delay:0.06s;} .sector-tile[data-active="true"] .sector-tile-list li:nth-child(2){transition-delay:0.12s;} .sector-tile[data-active="true"] .sector-tile-list li:nth-child(3){transition-delay:0.18s;} .sector-tile[data-active="true"] .sector-tile-list li:nth-child(4){transition-delay:0.24s;} .sector-tile[data-active="true"] .sector-tile-list li:nth-child(5){transition-delay:0.30s;} .sector-tile[data-active="true"] .sector-tile-list li:nth-child(6){transition-delay:0.36s;} .sector-tile-list li:hover{border-color:rgba(178,9,1,0.25);background:rgba(178,9,1,0.08);} .tile-bullet{width:7px;height:7px;min-width:7px;background:var(--red);border-radius:50%;box-shadow:0 0 10px rgba(178,9,1,0.5);transition:transform 0.3s ease;} .sector-tile-list li:hover .tile-bullet{transform:scale(1.3);} .sector-tile-close{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:rgba(255,255,255,0.5);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s ease;align-self:flex-start;margin-top:20px;} .sector-tile-close:hover{background:rgba(178,9,1,0.15);border-color:rgba(178,9,1,0.3);color:var(--red);} .sector-tile::after{content:'';position:absolute;bottom:-40%;left:50%;transform:translateX(-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(178,9,1,0.15),transparent 70%);opacity:0;transition:opacity 0.5s ease;z-index:0;pointer-events:none;} .sector-tile:hover::after{opacity:1;} .sector-tile:hover{border-color:rgba(178,9,1,0.3);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,0.4),0 0 50px rgba(178,9,1,0.08);} @media (max-width:1024px){.sectors-grid{grid-template-columns:repeat(2,1fr);}} @media (max-width:640px){.sectors-grid{grid-template-columns:1fr;gap:18px;} .sector-tile{min-height:280px;} .sector-tile-content{padding:24px 22px 22px;} .sector-tile-number{font-size:48px;} .sector-tile-icon{width:48px;height:48px;font-size:20px;border-radius:14px;margin-bottom:18px;} .sector-tile-title{font-size:15px;} .sector-tile-panel-inner{padding:24px 20px;}} .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;} .testimonial-card{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-top-color:rgba(255,255,255,0.14);border-left-color:rgba(255,255,255,0.14);border-radius:var(--radius-sm);padding:36px;position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-card);} .testimonial-card:hover{border-color:rgba(178,9,1,0.3);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.3);} .quote-icon{position:absolute;top:20px;right:24px;font-size:56px;color:rgba(178,9,1,0.08);font-family:Georgia,serif;line-height:1;} .stars{margin-bottom:16px;color:var(--red);font-size:13px;letter-spacing:2px;} .testimonial-card >p{color:var(--gray-400);line-height:1.75;margin-bottom:20px;font-size:15px;} .author{font-weight:700;font-size:15px;} .position{color:var(--gray-400);font-size:13px;margin-top:4px;} .author-row{display:flex;align-items:center;gap:14px;margin-top:20px;} .testimonial-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,rgba(178,9,1,0.9),rgba(178,9,1,0.5));border:1px solid rgba(178,9,1,0.45);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:0.04em;color:#fff;flex-shrink:0;box-shadow:0 4px 16px rgba(178,9,1,0.35);} .cta-section{text-align:center;background:linear-gradient(135deg,rgba(178,9,1,0.15),rgba(178,9,1,0.03),rgba(178,9,1,0.08));border:1px solid rgba(178,9,1,0.2);border-radius:var(--radius-lg);margin:80px 32px;padding:80px 44px;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);} .cta-section::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(178,9,1,0.08);border-radius:50%;filter:blur(60px);} .cta-section h2{font-size:clamp(28px,4vw,40px);margin-bottom:14px;position:relative;} .cta-section p{color:var(--gray-400);margin-bottom:36px;font-size:17px;line-height:1.8;position:relative;} .cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;} .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start;} .contact-info{display:flex;flex-direction:column;gap:16px;} .contact-support-visio{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,0.08);} .contact-support-visio img{width:100%;height:auto;display:block;object-fit:cover;} .contact-map{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,0.08);max-width:900px;margin:0 auto;} .contact-map img{width:100%;height:auto;display:block;} .contact-item{display:flex;align-items:center;gap:16px;padding:22px;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);} .contact-item:hover{border-color:rgba(178,9,1,0.3);transform:translateX(4px);box-shadow:0 8px 24px rgba(0,0,0,0.2),0 0 12px rgba(178,9,1,0.06);} .contact-item >i{width:44px;height:44px;background:rgba(178,9,1,0.12);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--red);flex-shrink:0;} .contact-item p:first-of-type{font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;} .contact-item a,.contact-item span{color:white;text-decoration:none;font-size:15px;font-weight:500;} .contact-item a:hover{color:var(--red-light);} .contact-form{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:40px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);} .contact-form::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-light),var(--red));background-size:200% 100%;animation:formBorder 4s ease infinite;} @keyframes formBorder{0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;}} .form-group{margin-bottom:18px;} .form-group input,.form-group textarea{width:100%;padding:14px 18px;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:white;font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;transition:all var(--transition);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);} .form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-600);} .form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--red);background:rgba(178,9,1,0.06);box-shadow:0 0 0 3px rgba(178,9,1,0.12),0 4px 16px rgba(178,9,1,0.08);transform:translateY(-1px);} .form-group textarea{resize:vertical;min-height:120px;} .submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--red),var(--red-dark));border:none;border-radius:var(--radius-sm);color:white;font-weight:700;font-family:'Montserrat',sans-serif;font-size:15px;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden;letter-spacing:0.02em;box-shadow:0 4px 16px rgba(178,9,1,0.3);} .submit-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);opacity:0;transition:opacity 0.3s ease;} .submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-red-lg);filter:brightness(1.1);} .submit-btn:hover::before{opacity:1;} .submit-btn:active{transform:translateY(0);} footer{border-top:1px solid var(--glass-border);padding:52px 32px 36px;background:linear-gradient(180deg,#1A1A1A,#111111);position:relative;} footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,9,1,0.5),transparent);} .footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;} .footer-brand{display:flex;align-items:center;justify-content:center;} .footer-brand .logo-img{height:56px;max-width:280px;opacity:0.95;} .footer-copy{text-align:center;color:var(--gray-400);font-size:13px;} .footer-links{display:flex;gap:24px;justify-content:flex-end;} .footer-links a{color:var(--gray-400);text-decoration:none;font-size:13px;transition:color var(--transition);} .footer-links a:hover{color:var(--red);} .social-links{display:flex;justify-content:center;gap:12px;margin-top:28px;} .social-links a{width:40px;height:40px;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);text-decoration:none;transition:all var(--transition);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} .social-links a:hover{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:var(--red);color:white;transform:translateY(-4px) scale(1.08);box-shadow:0 8px 20px rgba(178,9,1,0.35);} .service-hero{min-height:50vh;display:flex;align-items:center;padding-top:120px;position:relative;overflow:hidden;} .service-hero-bg{position:absolute;inset:0;z-index:0;} .service-hero-bg img{width:100%;height:100%;object-fit:cover;} .service-hero-bg .overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(17,17,17,0.8) 0%,rgba(17,17,17,0.35) 50%,rgba(17,17,17,0.55) 100%);z-index:1;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);} .service-hero .container{position:relative;z-index:1;} .service-icon-large{width:100px;height:100px;background:rgba(178,9,1,0.15);border:1px solid rgba(178,9,1,0.25);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--red);margin-bottom:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(178,9,1,0.15);transition:all 0.4s ease;} .service-icon-large:hover{transform:scale(1.05) rotate(-3deg);box-shadow:0 12px 40px rgba(178,9,1,0.25);} .service-hero h1{font-size:clamp(32px,4vw,48px);margin-bottom:1rem;line-height:1.2;letter-spacing:-0.02em;} .service-hero p{font-size:1.15rem;color:var(--gray-300);max-width:700px;line-height:1.8;} .back-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--red);text-decoration:none;margin-bottom:2rem;font-weight:600;transition:var(--transition);} .back-link:hover{gap:0.75rem;} .service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:3rem 0;} .service-features-box{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:2rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all 0.4s ease;box-shadow:var(--shadow-card);} .service-features-box:hover{border-color:rgba(255,255,255,0.15);box-shadow:0 12px 32px rgba(0,0,0,0.2);} .service-features-box h3{color:var(--red);margin-bottom:1.5rem;font-size:1.15rem;} .service-features-box ul{list-style:none;} .service-features-box li{margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;font-size:0.95rem;color:var(--gray-400);} .service-features-box li i{color:var(--red);width:18px;text-align:center;} .service-result-box{background:linear-gradient(135deg,rgba(178,9,1,0.12),rgba(178,9,1,0.03));border:1px solid rgba(178,9,1,0.2);border-radius:var(--radius-sm);padding:2rem;margin-bottom:3rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);} .service-result-box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(178,9,1,0.06),transparent 50%);pointer-events:none;} .service-result-box h3{margin-bottom:1.5rem;} .result-items{display:flex;gap:2rem;flex-wrap:wrap;} .result-item strong{color:var(--red);display:block;margin-bottom:0.25rem;} .result-item span{color:var(--gray-400);font-size:0.9rem;} .whatsapp-float{position:fixed;bottom:28px;right:28px;width:56px;height:56px;background:linear-gradient(135deg,#25D366,#128C7E);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,0.4),0 0 30px rgba(37,211,102,0.15);z-index:999;transition:all var(--transition);animation:whatsappPulse 3s ease-in-out infinite;} @keyframes whatsappPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4),0 0 0 0 rgba(37,211,102,0.3);} 50%{box-shadow:0 4px 20px rgba(37,211,102,0.4),0 0 0 12px rgba(37,211,102,0);}} .whatsapp-float:hover{transform:scale(1.12);box-shadow:0 8px 32px rgba(37,211,102,0.55),0 0 40px rgba(37,211,102,0.2);} main{animation:pageIn 0.6s cubic-bezier(0.16,1,0.3,1);} @keyframes pageIn{from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);}} .fade-up{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);} .fade-up.visible{opacity:1;transform:translateY(0);} .grain-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:512px 512px;mix-blend-mode:overlay;} .hero-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;pointer-events:none;opacity:0.35;} .hero-glow-1{width:700px;height:700px;background:radial-gradient(circle,rgba(178,9,1,0.2),transparent 65%);top:-20%;right:-15%;animation:glowFloat 8s ease-in-out infinite alternate;} .hero-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(178,9,1,0.14),transparent 65%);bottom:-15%;left:-10%;animation:glowFloat 8s ease-in-out infinite alternate-reverse;} @keyframes glowFloat{0%{opacity:0.25;transform:scale(1) translate(0,0);} 100%{opacity:0.5;transform:scale(1.15) translate(30px,-20px);}} .fade-up-1{transition-delay:0.05s;} .fade-up-2{transition-delay:0.12s;} .fade-up-3{transition-delay:0.2s;} .fade-up-4{transition-delay:0.28s;} .fade-up-5{transition-delay:0.36s;} .fade-up-6{transition-delay:0.44s;} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .fade-up{opacity:1;transform:none;transition:none;} .hero-bg .glow1,.hero-bg .glow2,.hero-bg .glow3,.hero-bg-image,.scroll-indicator{animation:none;} .tools-track,.typewriter-caret,.hero-bg-image{animation:none;} .typewriter-caret{opacity:0;}} @media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr);}} @media (max-width:968px){.nav-links,.btn-audit.desktop{display:none;} .mobile-menu-btn{display:flex;align-items:center;justify-content:center;} .logo-img{height:50px;max-width:200px;} .hero-overlay{background:linear-gradient(to bottom,rgba(17,17,17,0.85) 0%,rgba(17,17,17,0.7) 60%,rgba(17,17,17,0.92) 100%);} .hero h1{font-size:clamp(30px,7vw,44px);} .hero p{font-size:15px;} .hero-buttons,.stats{justify-content:center;} .stats{grid-template-columns:repeat(2,1fr);} .stats{gap:12px;} .stat-item{padding:16px 12px;} .stat-value{font-size:22px;} .method-grid{grid-template-columns:1fr 1fr;gap:32px;} .step-connector{display:none;} .about-grid,.contact-grid{grid-template-columns:1fr;gap:40px;} .about-text .section-title{text-align:center;} .values-row{justify-content:center;} .about-cards{grid-template-columns:1fr 1fr;} .cta-section{margin:60px 16px;padding:56px 28px;border-radius:var(--radius-sm);} .why-grid{grid-template-columns:repeat(2,1fr);} section{padding:80px 20px;} .footer-inner{grid-template-columns:1fr;text-align:center;} .footer-links{justify-content:center;} .footer-brand{justify-content:center;} .services-grid{grid-template-columns:repeat(2,1fr);} .service-hero{min-height:40vh;padding-top:100px;} .service-hero h1{font-size:clamp(26px,5vw,38px);} .service-detail-grid{grid-template-columns:1fr;gap:1.5rem;} .service-icon-large{width:80px;height:80px;font-size:2.2rem;border-radius:var(--radius-sm);} .result-items{gap:1.5rem;}} @media (max-width:768px){.services-grid,.why-grid{grid-template-columns:1fr;} .hero-buttons{flex-direction:column;align-items:stretch;} .hero-buttons .btn{justify-content:center;} .about-cards{grid-template-columns:1fr;} .testimonials-grid{grid-template-columns:1fr;} .contact-grid{gap:32px;} .footer-inner{gap:16px;} .service-hero{min-height:35vh;padding-top:90px;} .service-hero h1{font-size:clamp(22px,5vw,32px);} .service-hero p{font-size:1rem;line-height:1.8;} .service-icon-large{width:70px;height:70px;font-size:1.8rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;} .service-features-box{padding:1.5rem;} .service-features-box li{font-size:0.9rem;line-height:1.7;} .service-result-box{padding:1.5rem;} .result-items{gap:1rem;} .result-item{flex:1;min-width:140px;}} @media (max-width:520px){.method-grid{grid-template-columns:1fr;} .step-number{font-size:48px;} .step-icon{width:56px;height:56px;} .step-icon i{font-size:20px;} .details-grid{grid-template-columns:1fr;} .services-grid{grid-template-columns:1fr;} .stats{grid-template-columns:repeat(2,1fr);gap:8px;} .stat-item{padding:12px 8px;} .stat-value{font-size:20px;} .stat-icon{font-size:16px;} .stat-label{font-size:11px;} .section-title{font-size:clamp(24px,8vw,30px);} section{padding:60px 16px;} .header{padding:14px 16px;} .header.scrolled{padding:10px 16px;} .logo-img{height:40px;max-width:160px;} .whatsapp-float{width:48px;height:48px;font-size:22px;bottom:16px;right:16px;} .cta-section{padding:32px 20px;margin:40px 12px;border-radius:var(--radius-sm);} .contact-form{padding:22px;} .service-hero{min-height:30vh;padding-top:80px;} .service-hero h1{font-size:22px;letter-spacing:-0.5px;} .service-hero p{font-size:0.9rem;} .service-icon-large{width:60px;height:60px;font-size:1.5rem;border-radius:16px;margin-bottom:1rem;} .back-link{font-size:0.9rem;margin-bottom:1.5rem;} .service-features-box{padding:1.2rem;} .service-features-box h3{font-size:1rem;margin-bottom:1rem;} .service-features-box li{font-size:0.85rem;gap:0.5rem;} .service-result-box{padding:1.2rem;margin-bottom:2rem;} .result-items{flex-direction:column;gap:0.75rem;} .result-item{min-width:auto;}} @media (max-width:360px){.hero h1{font-size:28px;letter-spacing:-1px;} .hero p{font-size:14px;line-height:1.75;} .hero-buttons .btn{padding:12px 20px;font-size:13px;} .stats{grid-template-columns:1fr 1fr;gap:6px;} .stat-item{padding:10px 6px;} .stat-value{font-size:18px;} .stat-label{font-size:10px;} .section-title{font-size:22px;} .section-subtitle{font-size:14px;} section{padding:52px 12px;} .header{padding:12px 12px;} .header.scrolled{padding:8px 12px;} .logo-img{height:36px;max-width:140px;} .mobile-menu a{font-size:14px;padding:10px 0;} .cta-section{padding:28px 16px;margin:32px 8px;border-radius:var(--radius-sm);} .contact-form{padding:20px;} .form-group input,.form-group textarea{padding:12px 14px;font-size:14px;} .footer-inner{gap:12px;} .footer-copy{font-size:12px;} .footer-links{gap:16px;} .footer-links a{font-size:12px;} .social-links a{width:36px;height:36px;font-size:14px;} .whatsapp-float{width:44px;height:44px;font-size:20px;bottom:12px;right:12px;} .testimonial-card{padding:22px;} .quote-icon{font-size:40px;top:12px;right:16px;} .service-hero{min-height:25vh;padding-top:70px;} .service-hero h1{font-size:20px;} .service-hero p{font-size:0.85rem;} .service-icon-large{width:52px;height:52px;font-size:1.3rem;border-radius:var(--radius-sm);margin-bottom:0.75rem;} .service-features-box{padding:1rem;} .service-features-box li{font-size:0.82rem;} .service-result-box{padding:1rem;} .service-card h3{font-size:16px;margin:16px 16px 8px;} .service-card >p{margin:0 16px 14px;font-size:13px;line-height:1.7;} .service-card .service-details{padding:0 16px;} .service-card.expanded .service-details{padding:16px;} .learn-more{margin:0 16px;} .service-card h3,.service-card >p,.service-card .service-details,.service-card .learn-more{padding-left:16px;padding-right:16px;}} .testimonials-carousel{position:relative;overflow:hidden;border-radius:var(--radius-lg);} .testimonials-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);} .testimonials-track .testimonial-card{min-width:100%;flex-shrink:0;box-sizing:border-box;} .carousel-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;} .carousel-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);} .carousel-btn:hover{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:var(--red);transform:scale(1.1);box-shadow:0 4px 16px rgba(178,9,1,0.3);} .carousel-dots{display:flex;gap:8px;} .carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.15);border:none;cursor:pointer;transition:all var(--transition);padding:0;} .carousel-dot.active{background:var(--red);transform:scale(1.4);box-shadow:0 0 12px rgba(178,9,1,0.4);} .carousel-dot:hover{background:rgba(178,9,1,0.6);transform:scale(1.2);} .carousel-pause{width:36px;height:36px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-border);color:var(--gray-400);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);} .carousel-pause:hover{color:white;border-color:rgba(255,255,255,0.2);} .carousel-pause.paused i::before{content:"\f04b";} @media (max-width:768px){.carousel-btn{width:40px;height:40px;font-size:14px;} .carousel-nav{gap:12px;margin-top:24px;}} @media (max-width:520px){.testimonials-track .testimonial-card{padding:28px 22px;} .carousel-nav{gap:10px;margin-top:20px;} .carousel-btn{width:38px;height:38px;}} .toast-notification{position:fixed;top:100px;right:24px;z-index:10000;background:rgba(20,20,20,0.95);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:20px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 16px 48px rgba(0,0,0,0.5),0 0 30px rgba(0,0,0,0.3);transform:translateX(calc(100% + 40px));opacity:0;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease;max-width:400px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);} .toast-notification.show{transform:translateX(0);opacity:1;} .toast-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;} .toast-icon.success{background:rgba(37,211,102,0.15);color:#25D366;} .toast-icon.error{background:rgba(178,9,1,0.15);color:var(--red);} .toast-text{flex:1;} .toast-text strong{display:block;font-size:14px;margin-bottom:2px;} .toast-text span{font-size:13px;color:var(--gray-400);} .toast-close{background:none;border:none;color:var(--gray-600);font-size:16px;cursor:pointer;padding:4px;transition:color var(--transition);} .toast-close:hover{color:white;} @media (max-width:520px){.toast-notification{right:12px;left:12px;max-width:none;top:80px;}} .form-group.error input,.form-group.error textarea{border-color:var(--red);background:rgba(178,9,1,0.05);} .form-group .field-error{color:var(--red);font-size:12px;margin-top:6px;display:none;align-items:center;gap:6px;} .form-group.error .field-error{display:flex;} .section-cta{text-align:center;margin-top:52px;} .parallax-section{will-change:transform;transition:transform 0.1s linear;} .service-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 24px 64px rgba(0,0,0,0.4),0 0 40px rgba(178,9,1,0.12);background:rgba(255,255,255,0.07);border-color:rgba(178,9,1,0.4);} .stat-value{transition:color 0.3s ease;} .cta-section{background-size:200% 200%;animation:ctaGradient 8s ease infinite;} @keyframes ctaGradient{0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;}} .cta-section::after{content:'';position:absolute;bottom:-50%;left:-20%;width:400px;height:400px;background:rgba(178,9,1,0.06);border-radius:50%;filter:blur(60px);animation:ctaGlow 6s ease-in-out infinite alternate;} @keyframes ctaGlow{0%{opacity:0.3;transform:scale(1);} 100%{opacity:0.6;transform:scale(1.2);}} .ai-section{padding:7rem 0;background:var(--black);position:relative;overflow:hidden;} .ai-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(178,9,1,0.06) 0%,transparent 70%);pointer-events:none;} .ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;} .ai-grid-reverse .ai-image{order:2;} .ai-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;} .ai-image img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);position:relative;z-index:1;box-shadow:0 16px 48px rgba(0,0,0,0.3);transition:transform 0.5s ease;} .ai-image:hover img{transform:scale(1.02);} .ai-image-glow{position:absolute;bottom:-20%;left:10%;width:80%;height:60%;background:rgba(178,9,1,0.15);border-radius:50%;filter:blur(60px);z-index:0;} .ai-text{padding:1rem 0;} .ai-text .section-title{font-size:2rem;margin:0.8rem 0 1.2rem;line-height:1.2;} .ai-text p{color:var(--gray-400);font-size:1.05rem;line-height:1.85;margin-bottom:2rem;} .ai-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;} .ai-feature{display:flex;align-items:center;gap:0.7rem;color:var(--gray-400);font-size:0.9rem;} .ai-feature i{color:var(--red);font-size:0.85rem;width:20px;text-align:center;} @media (max-width:768px){.ai-grid{grid-template-columns:1fr;gap:2rem;} .ai-image{order:-1;} .ai-grid-reverse .ai-image{order:-1;} .ai-text .section-title{font-size:1.5rem;} .ai-features{grid-template-columns:1fr;}} .faq-section{padding:6rem 0;background:var(--gray-900);position:relative;} .faq-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);} .faq-list{max-width:820px;margin:0 auto;} .faq-item{background:var(--glass);border:1px solid var(--glass-border);border-top-color:rgba(255,255,255,0.14);border-left-color:rgba(255,255,255,0.14);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden;transition:border-color 0.3s ease,background-color 0.3s ease;} .faq-item:hover{border-color:rgba(178,9,1,0.4);} .faq-item[open]{border-color:rgba(178,9,1,0.5);background:var(--glass-strong);} .faq-item summary{list-style:none;cursor:pointer;padding:1.25rem 1.5rem;font-weight:600;font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--white);user-select:none;} .faq-item summary::-webkit-details-marker{display:none;} .faq-item summary i{color:var(--red);transition:transform 0.3s ease;flex-shrink:0;} .faq-item[open] summary i{transform:rotate(180deg);} .faq-item[open] summary{border-bottom:1px solid var(--glass-border);} .faq-answer{padding:1.25rem 1.5rem;color:var(--gray-400);line-height:1.75;font-size:0.95rem;} .faq-answer p{margin:0;} .faq-item[open] .faq-answer{animation:faqOpen .35s cubic-bezier(.16,1,.3,1)}@keyframes faqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} .tools-section{padding:6rem 0;background:linear-gradient(180deg,#1A1A1A,rgba(26,26,26,0.95));border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);position:relative;} .tools-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,9,1,0.4),transparent);} .tools-section::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,9,1,0.4),transparent);} .tools-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem 3rem;margin-top:2rem;} .tool-item{display:flex;flex-direction:column;align-items:center;gap:0.6rem;opacity:0.85;transition:opacity 0.3s ease,transform 0.3s ease;cursor:default;} .tool-item:hover{opacity:1;transform:translateY(-3px);} .tool-item img{height:48px;width:auto;max-width:120px;object-fit:contain;transition:transform 0.3s ease,filter 0.3s ease;} .tool-item:hover img{transform:scale(1.08);filter:brightness(1.1);} .tool-item span{font-size:0.75rem;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:0.06em;} .tool-item:hover span{color:var(--white);} @media (max-width:768px){.tools-grid{gap:1.5rem 2rem;} .tool-item img{height:36px;max-width:90px;} .tool-item span{font-size:0.65rem;}} .sectors-hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;} .sectors-hero-bg{position:absolute;inset:0;z-index:0;} .sectors-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;} .sectors-hero-overlay{position:absolute;inset:0;background:linear-gradient( 135deg,rgba(17,17,17,0.95) 0%,rgba(17,17,17,0.8) 40%,rgba(17,17,17,0.7) 100% );backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);} .sectors-hero-content{position:relative;z-index:1;max-width:680px;padding:4rem 0;} .sectors-hero-title{font-size:2.8rem;font-weight:800;color:var(--white);line-height:1.2;margin:1rem 0 1.2rem;letter-spacing:-0.02em;} .sectors-hero-subtitle{font-size:1.1rem;color:var(--gray-400);line-height:1.8;margin-bottom:2rem;max-width:560px;} .sectors-hero .btn{font-size:0.95rem;padding:0.9rem 2rem;} .sectors-hero .btn i{margin-right:0.4rem;font-size:0.8rem;} @media (max-width:768px){.sectors-hero{min-height:50vh;} .sectors-hero-title{font-size:1.8rem;} .sectors-hero-subtitle{font-size:0.95rem;} .sectors-hero-content{padding:2rem 0;}} .sectors-detail-section{position:relative;overflow:hidden;} .sectors-detail-bg{position:absolute;inset:0;z-index:0;} .sectors-detail-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0.15;} .sectors-detail-overlay{position:absolute;inset:0;background:linear-gradient( 180deg,rgba(17,17,17,0.96) 0%,rgba(17,17,17,0.82) 30%,rgba(17,17,17,0.92) 100% );} .sectors-detail-section .container{position:relative;z-index:1;} .sector-detail-block{margin-bottom:1rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(20,20,20,0.85),rgba(26,26,26,0.65));border:1px solid rgba(255,255,255,0.07);overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;box-shadow:var(--shadow-card);} .sector-detail-block::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1;} .sector-detail-block:hover{border-color:rgba(178,9,1,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.35);transform:translateY(-2px);} .sector-detail-block[aria-expanded="true"]{border-color:rgba(178,9,1,0.4);box-shadow:0 12px 48px rgba(178,9,1,0.1),0 8px 32px rgba(0,0,0,0.4);} .sector-detail-block[aria-expanded="true"]::before{transform:scaleY(1);} .sector-detail-header{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;cursor:pointer;user-select:none;transition:background 0.3s ease;position:relative;} .sector-detail-header::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--red);border-radius:0 3px 3px 0;transition:height 0.3s ease;} .sector-detail-block[aria-expanded="true"] .sector-detail-header::before{height:60%;} .sector-detail-header:hover{background:rgba(255,255,255,0.015);} .sector-detail-block[data-sector="pme"] .sector-detail-header{background:linear-gradient(90deg,rgba(17,17,17,0.9) 0%,rgba(17,17,17,0.55) 75%),url('../images/sectors-page/entreprise-detail.webp') center / cover;} .sector-detail-block[data-sector="admin"] .sector-detail-header{background:linear-gradient(90deg,rgba(17,17,17,0.9) 0%,rgba(17,17,17,0.55) 75%),url('../images/sectors-page/admin-detail.webp') center / cover;} .sector-detail-block[data-sector="banques"] .sector-detail-header{background:linear-gradient(90deg,rgba(17,17,17,0.9) 0%,rgba(17,17,17,0.55) 75%),url('../images/sectors-page/banque-detail.webp') center / cover;} .sector-detail-block[data-sector="ecoles"] .sector-detail-header{background:linear-gradient(90deg,rgba(17,17,17,0.9) 0%,rgba(17,17,17,0.55) 75%),url('../images/sectors-page/ecole-detail.webp') center / cover;} .sector-detail-block[data-sector="hotels"] .sector-detail-header{background:linear-gradient(90deg,rgba(17,17,17,0.9) 0%,rgba(17,17,17,0.55) 75%),url('../images/sectors-page/hotel-detail.webp') center / cover;} .sector-detail-block[data-sector="particuliers"] .sector-detail-header{background:linear-gradient(90deg,rgba(17,17,17,0.9) 0%,rgba(17,17,17,0.55) 75%),url('../images/sectors-page/particulier-detail.webp') center / cover;} .sector-detail-header:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:var(--radius-md);} .sector-detail-icon{width:56px;height:56px;min-width:56px;background:rgba(178,9,1,0.12);border:1px solid rgba(178,9,1,0.18);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:var(--red);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(178,9,1,0.08);} .sector-detail-block[aria-expanded="true"] .sector-detail-icon{background:rgba(178,9,1,0.2);border-color:rgba(178,9,1,0.35);box-shadow:0 4px 20px rgba(178,9,1,0.2);transform:scale(1.05);} .sector-detail-info{flex:1;min-width:0;} .sector-detail-info h3{font-size:1.1rem;color:var(--white);margin-bottom:0.2rem;font-weight:700;letter-spacing:-0.01em;} .sector-detail-info p{font-size:0.85rem;color:rgba(178,9,1,0.8);font-style:italic;font-weight:400;} .sector-chevron{color:var(--gray-600);font-size:0.8rem;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),color 0.3s ease;flex-shrink:0;} .sector-detail-block[aria-expanded="true"] .sector-chevron{transform:rotate(180deg);color:var(--red);} .sector-detail-content{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 2rem;} .sector-detail-block[aria-expanded="true"] .sector-detail-content{max-height:3000px;padding:0 2rem 2.5rem;} .sector-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;} .sector-card-full{background:rgba(15,15,15,0.65);border-radius:var(--radius-sm);padding:1.5rem;border:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} .sector-card-full:hover{border-color:rgba(255,255,255,0.1);background:rgba(15,15,15,0.75);} .sector-card-full h4{font-size:0.9rem;color:var(--white);margin-bottom:1rem;display:flex;align-items:center;gap:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;} .sector-card-full h4 i{color:var(--red);font-size:0.85rem;opacity:0.9;} .sector-card-full p{color:var(--gray-400);line-height:1.8;font-size:0.92rem;} .price-table{width:100%;border-collapse:collapse;} .price-table th,.price-table td{padding:0.65rem 0.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.04);font-size:0.88rem;} .price-table th{color:var(--red);font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;padding-bottom:0.8rem;} .price-table td{color:var(--gray-400);transition:color 0.2s ease;} .price-table tr:hover td{color:var(--gray-400);background:rgba(255,255,255,0.01);} .price-table td strong{color:var(--white);font-weight:600;} .price-badge{background:rgba(34,197,94,0.12);color:#22c55e;padding:0.2rem 0.7rem;border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;border:1px solid rgba(34,197,94,0.2);} .sector-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.6rem;margin-top:0.5rem;} .sector-benefits div{display:flex;align-items:center;gap:0.6rem;color:var(--gray-400);font-size:0.88rem;padding:0.5rem 0;line-height:1.7;} .sector-benefits i{color:#22c55e;font-size:0.8rem;flex-shrink:0;} .sector-tags{display:flex;gap:0.6rem;flex-wrap:wrap;margin-top:0.5rem;} .sector-tag{background:rgba(178,9,1,0.1);color:var(--red-light);padding:0.35rem 0.9rem;border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;border:1px solid rgba(178,9,1,0.15);letter-spacing:0.02em;} .sector-cta{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.04);} .sector-cta .btn{font-size:0.9rem;padding:0.85rem 2rem;} @media (max-width:768px){.sector-detail-header{padding:1.2rem 1.2rem;gap:0.8rem;} .sector-detail-header::before{display:none;} .sector-detail-icon{width:44px;height:44px;min-width:44px;font-size:1.1rem;border-radius:10px;} .sector-detail-info h3{font-size:0.95rem;} .sector-detail-info p{font-size:0.78rem;} .sector-detail-content{padding:0 1.2rem;} .sector-detail-block[aria-expanded="true"] .sector-detail-content{padding:0 1.2rem 1.5rem;} .sector-detail-grid{grid-template-columns:1fr;} .sector-benefits{grid-template-columns:1fr;} .sector-card-full{padding:1.2rem;}} .mission-quote{background:rgba(255,255,255,0.04);border-left:3px solid var(--red);padding:22px 28px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--gray-400);line-height:1.8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,0.04);border-right:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);position:relative;} .mission-quote::before{content:'\201C';position:absolute;top:-8px;left:16px;font-size:48px;color:rgba(178,9,1,0.2);font-family:Georgia,serif;line-height:1;} .value-item{text-align:center;padding:14px 16px;border-radius:var(--radius-sm);transition:all 0.3s ease;background:rgba(255,255,255,0.03);border:1px solid transparent;} .value-item:hover{background:rgba(178,9,1,0.06);border-color:rgba(178,9,1,0.15);transform:translateY(-3px);} .value-item i{font-size:26px;color:var(--red);margin-bottom:8px;transition:transform 0.3s ease;} .value-item:hover i{transform:scale(1.1);} .value-item span{font-size:13px;font-weight:600;color:var(--gray-300);} .values-row{display:flex;gap:18px;margin-bottom:32px;flex-wrap:wrap;} .service-hero-bg img{transition:transform 8s ease;} .service-hero:hover .service-hero-bg img{transform:scale(1.05);} .sectors-hero-bg img{transition:transform 10s ease;} .sectors-hero:hover .sectors-hero-bg img{transform:scale(1.03);} .price-table tr{transition:background 0.2s ease;} .price-table tr:hover{background:rgba(178,9,1,0.03);} .price-table tr:hover td{color:var(--gray-300);} .sector-tag{transition:all 0.3s ease;cursor:default;} .sector-tag:hover{background:rgba(178,9,1,0.2);border-color:rgba(178,9,1,0.35);transform:translateY(-1px);box-shadow:0 2px 8px rgba(178,9,1,0.15);} .tech-bottom{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:44px 36px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);} .tech-bottom::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--red),var(--red-light),var(--red),transparent);background-size:200% 100%;animation:formBorder 6s ease infinite;} .badge{box-shadow:0 2px 12px rgba(0,0,0,0.15);} .badge:hover{background:rgba(255,255,255,0.06);} .section-label{text-shadow:0 0 20px rgba(178,9,1,0.3);} .back-link{transition:all 0.3s ease;} .back-link:hover{color:var(--red-light);transform:translateX(-4px);} .cta-section h2{background:linear-gradient(135deg,white 30%,rgba(255,255,255,0.8));-webkit-background-clip:text;background-clip:text;color:transparent;} .scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),var(--red-light),var(--red-dark));z-index:2000;box-shadow:0 0 12px rgba(178,9,1,0.5);} .back-to-top{position:fixed;bottom:28px;left:28px;width:50px;height:50px;border-radius:50%;border:1px solid var(--glass-border);background:rgba(26,26,26,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:white;font-size:18px;cursor:pointer;z-index:998;opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--transition);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;} .back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);} .back-to-top:hover{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:var(--red);transform:translateY(-4px);box-shadow:0 8px 24px rgba(178,9,1,0.4);} .tools-marquee{position:relative;overflow:hidden;margin-top:2rem;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);} .tools-track{display:flex;width:max-content;animation:toolsMarquee 45s linear infinite;will-change:transform;} .tools-marquee:hover .tools-track{animation-play-state:paused;} .tools-track-set{display:flex;align-items:center;gap:2.5rem 3rem;padding-right:3rem;} @keyframes toolsMarquee{from{transform:translateX(0);} to{transform:translateX(-50%);}} @media (max-width:768px){.tools-track-set{gap:1.5rem 2rem;padding-right:2rem;}} .blur-up{filter:blur(16px);transition:filter 0.7s cubic-bezier(0.16,1,0.3,1);} .blur-up.loaded{filter:blur(0);} .mobile-menu-overlay{position:fixed;inset:0;background:rgba(17,17,17,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:998;} .mobile-menu-overlay.show{opacity:1;visibility:visible;} .mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:rgba(17,17,17,0.97);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;flex-direction:column;gap:4px;padding:120px 32px 32px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-24px);transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1),visibility 0.35s;} .mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);} .mobile-menu a{font-size:20px;padding:16px 8px;color:var(--gray-400);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.06);transition:all var(--transition);} .mobile-menu a:hover{color:white;padding-left:20px;} .mobile-menu .btn-audit{margin-top:16px;justify-content:center;font-size:15px;} .typewriter-caret{display:inline-block;width:3px;height:0.85em;margin-left:5px;background:var(--red-light);vertical-align:text-bottom;animation:caretBlink 0.9s steps(1) infinite;box-shadow:0 0 8px rgba(212,12,4,0.6);} @keyframes caretBlink{0%,100%{opacity:1;} 50%{opacity:0;}} @media (max-width:520px){.back-to-top{bottom:16px;left:16px;width:44px;height:44px;font-size:15px;} .mobile-menu{padding:100px 24px 24px;} .mobile-menu a{font-size:18px;padding:14px 8px;}} @media print{.grain-overlay,.whatsapp-float,.hero-glow,.scroll-indicator,.scroll-progress,.back-to-top,.mobile-menu,.mobile-menu-overlay,.typewriter-caret,.header{display:none !important;} body{background:white;color:black;}} .ceo-section{position:relative;padding:4rem 0}.ceo-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:2rem 0}.ceo-image{position:relative;align-self:center}.ceo-photo,.ceo-about-photo,.ceo-contact-photo{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:3px solid rgba(178,9,1,.3);object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1)}.ceo-photo{max-width:500px}.ceo-photo:hover,.ceo-about-photo:hover,.ceo-contact-photo:hover{transform:scale(1.02) rotate(-1deg);box-shadow:0 40px 100px rgba(178,9,1,.2)}.ceo-badge{position:absolute;bottom:-15px;left:30px;background:linear-gradient(135deg,var(--red),var(--red-light));color:white;padding:8px 24px;border-radius:50px;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px rgba(178,9,1,.3);z-index:2;white-space:nowrap}.ceo-social{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:2}.ceo-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(17,17,17,.7);border:1px solid var(--glass-border);color:white;font-size:15px;transition:all var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ceo-social a:hover{background:var(--red);border-color:var(--red);transform:translateY(-3px);box-shadow:0 8px 24px rgba(178,9,1,.35)}.ceo-content{position:relative;z-index:1}.ceo-content .section-label{margin-bottom:12px}.ceo-content .section-title{margin-bottom:8px}.ceo-subtitle{color:var(--red-light);font-weight:600;font-size:15px;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.ceo-content blockquote{font-size:1.4rem;font-style:italic;color:var(--red-light);border-left:4px solid var(--red);padding:1rem 1.5rem;margin:1.5rem 0;line-height:1.6;background:linear-gradient(135deg,rgba(178,9,1,.08),transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ceo-content p{color:var(--gray-400);line-height:1.85;margin-bottom:16px}.ceo-values{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 32px}.ceo-values span{display:inline-flex;align-items:center;gap:.5rem;background:rgba(178,9,1,.1);border:1px solid rgba(178,9,1,.2);padding:10px 20px;border-radius:50px;font-size:.9rem;color:var(--red-light);font-weight:600}.ceo-values span i{color:var(--red)}.ceo-about-photo{aspect-ratio:4/5;max-width:420px}.about-home-visual{position:relative}.about-home-visual .ceo-image{z-index:1}.contact-ceo-message{position:relative;padding:4rem 0}.ceo-message-grid{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:center;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:3rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-lg)}.ceo-contact-photo{aspect-ratio:4/5;max-width:300px;display:block;margin:0 auto}.ceo-message h3{font-size:26px;font-weight:700;letter-spacing:-.4px;margin-bottom:18px}.ceo-message p{color:var(--gray-400);line-height:1.85;margin-bottom:24px;font-size:16px}.ceo-signature{font-size:18px;font-weight:700;color:var(--red-light);margin-bottom:28px;position:relative}.ceo-signature::before{content:'';position:absolute;left:0;bottom:-8px;width:60px;height:3px;background:linear-gradient(90deg,var(--red),transparent);border-radius:2px} .ceo-form{display:grid;gap:14px;margin-bottom:20px} .ceo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} .ceo-form input,.ceo-form textarea{width:100%;padding:13px 16px;background:var(--gray-900);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--white);font-family:'Inter',sans-serif;font-size:15px;outline:none;transition:border-color .3s ease,box-shadow .3s ease} .ceo-form input:focus,.ceo-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(178,9,1,.18)} .ceo-form textarea{resize:vertical;min-height:110px} .ceo-form input::placeholder,.ceo-form textarea::placeholder{color:var(--gray-600)} .ceo-form .btn{justify-self:start} .ceo-actions{display:flex;flex-wrap:wrap;gap:12px} @media(max-width:768px){.ceo-form-row{grid-template-columns:1fr}.ceo-form .btn,.ceo-actions{justify-content:center}}@media (max-width:768px){.ceo-grid{grid-template-columns:1fr;gap:2rem}.ceo-values{flex-wrap:wrap}.ceo-content blockquote{font-size:1.1rem}.ceo-badge{left:20px;font-size:.8rem;padding:7px 18px}.ceo-message-grid{grid-template-columns:1fr;padding:2rem;gap:2rem;text-align:center}.ceo-message .ceo-signature::before{left:50%;transform:translateX(-50%)}.ceo-message .btn-primary{justify-content:center}}@media (max-width:520px){.ceo-message h3{font-size:22px}}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor .btn,body.has-custom-cursor [role="button"],body.has-custom-cursor .sector-tile,body.has-custom-cursor .service-card,body.has-custom-cursor .tech-card,body.has-custom-cursor .why-card,body.has-custom-cursor input,body.has-custom-cursor textarea,body.has-custom-cursor select{cursor:none}#cursor-dot,#cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;border-radius:50%;opacity:0}body.has-custom-cursor #cursor-dot,body.has-custom-cursor #cursor-ring{opacity:1}#cursor-dot{width:8px;height:8px;background:var(--red-light);box-shadow:0 0 10px rgba(212,12,4,.6)}#cursor-ring{width:36px;height:36px;border:1.5px solid rgba(212,12,4,.6);transition:width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,background .25s ease}#cursor-ring.is-hover{width:60px;height:60px;border-color:var(--red);background:rgba(178,9,1,.12)}#particleCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-trust{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}.hero-trust-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition)}.hero-trust-badge:hover{border-color:rgba(178,9,1,.5);transform:translateY(-3px);box-shadow:0 8px 20px rgba(178,9,1,.25)}.hero-trust-badge i{color:var(--red-light)}.typewriter-line{font-size:clamp(20px,3vw,30px);font-weight:700;color:var(--red-light);margin-top:12px;min-height:1.4em;letter-spacing:.5px}.btn-outline{background:transparent;border:1.5px solid rgba(212,12,4,.6);padding:14px 28px;color:white;transition:all var(--transition)}.btn-outline:hover{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:var(--red);transform:translateY(-3px);box-shadow:0 8px 32px rgba(178,9,1,.35)}.stat-flip{perspective:900px}.stat-inner{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.34,1.56,.64,1);height:100%}.stat-flip:hover .stat-inner,.stat-flip:focus-within .stat-inner{transform:rotateY(180deg)}.stat-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.stat-face--back{position:absolute;inset:0;transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.stat-face--back .stat-icon{font-size:30px}.stat-face--back .stat-icon{font-size:30px}.btn-sm{padding:8px 18px;font-size:12px;text-decoration:none}.service-card .learn-more{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.stat-value--back{font-size:20px;font-weight:800;font-family:'Montserrat',sans-serif;background:linear-gradient(135deg,var(--red),var(--red-light));-webkit-background-clip:text;background-clip:text;color:transparent}.services-grid .service-card:nth-child(1){background:linear-gradient(160deg,rgba(178,9,1,.16),rgba(255,255,255,.04) 60%)}.services-grid .service-card:nth-child(2){background:linear-gradient(160deg,rgba(212,12,4,.12),rgba(255,255,255,.04) 60%)}.services-grid .service-card:nth-child(3){background:linear-gradient(160deg,rgba(139,6,0,.18),rgba(255,255,255,.04) 60%)}.services-grid .service-card:nth-child(4){background:linear-gradient(160deg,rgba(178,9,1,.14),rgba(255,255,255,.04) 60%)}.services-grid .service-card:nth-child(5){background:linear-gradient(160deg,rgba(212,12,4,.16),rgba(255,255,255,.04) 60%)}.services-grid .service-card:nth-child(6){background:linear-gradient(160deg,rgba(139,6,0,.15),rgba(255,255,255,.04) 60%)}.services-grid .service-card:hover,.services-grid .service-card.expanded{transform:translateY(-10px);box-shadow:0 18px 56px rgba(0,0,0,.45),0 0 24px rgba(178,9,1,.15);border-color:rgba(178,9,1,.5)}.section-counter{text-align:center;margin-top:56px;font-size:18px;color:var(--gray-400)}.section-counter-value{display:block;font-family:'Montserrat',sans-serif;font-size:46px;font-weight:800;background:linear-gradient(135deg,var(--red-light),var(--red-dark));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;margin-bottom:4px}.method-progress{height:3px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-bottom:48px;position:relative}.method-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--red-light));border-radius:3px}.method-step .step-icon{background:linear-gradient(135deg,var(--red),var(--red-light));box-shadow:0 0 0 6px rgba(178,9,1,.12),0 0 28px rgba(178,9,1,.4);animation:pulseGlow 2.6s ease-in-out infinite}.method-step .step-icon i{color:#fff}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 6px rgba(178,9,1,.1),0 0 22px rgba(178,9,1,.35)}50%{box-shadow:0 0 0 10px rgba(178,9,1,.06),0 0 44px rgba(212,12,4,.6)}}.method-step:hover .step-icon{animation-play-state:paused}.sector-tile-count{display:inline-block;position:absolute;top:14px;right:14px;z-index:3;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:50px;box-shadow:0 6px 18px rgba(178,9,1,.35);animation:badgeFloat 3.5s ease-in-out infinite}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.sector-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.sector-stat{text-align:center;padding:28px 20px;border-radius:var(--radius-md);background:rgba(255,255,255,.04);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition)}.sector-stat:hover{border-color:rgba(178,9,1,.45);transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 20px rgba(178,9,1,.1)}.sector-stat-value{font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:var(--red-light);line-height:1.1;margin-bottom:6px}.sector-stat-label{color:var(--gray-400);font-size:14px}.ceo-glow{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(178,9,1,.35),transparent 70%);filter:blur(50px);z-index:0;animation:ceoGlowPulse 4s ease-in-out infinite}@keyframes ceoGlowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.ceo-image .ceo-photo,.ceo-image .ceo-about-photo,.ceo-image .ceo-contact-photo{position:relative;z-index:1}.ceo-image::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid transparent;border-top-color:var(--red-light);border-right-color:rgba(212,12,4,.4);z-index:2;pointer-events:none;animation:spinBorder 7s linear infinite}@keyframes spinBorder{to{transform:rotate(360deg)}}.ceo-image .ceo-badge{z-index:3;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.ceo-image .ceo-social{z-index:3}#testimonials{background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,transparent,rgba(255,255,255,.015),transparent);background-size:26px 26px,auto}.testimonials-carousel{position:relative}.testimonials-carousel::before{content:'\201C';position:absolute;top:-60px;left:24px;font-size:220px;line-height:1;color:rgba(178,9,1,.12);font-family:Georgia,serif;pointer-events:none;animation:quoteFloat 6s ease-in-out infinite;z-index:0}@keyframes quoteFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(3deg)}}.testimonial-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);transition:transform .5s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .4s ease}.testimonial-card:hover{transform:perspective(900px) rotateY(5deg) translateY(-6px);border-color:rgba(178,9,1,.45);box-shadow:0 16px 48px rgba(0,0,0,.35),0 0 24px rgba(178,9,1,.1)}.testimonial-avatar{width:52px;height:52px;font-size:16px;background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 4px 16px rgba(178,9,1,.35),0 0 0 3px rgba(178,9,1,.12)}.tech-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;box-shadow:0 0 0 4px rgba(178,9,1,.1),0 8px 24px rgba(178,9,1,.3);transition:transform .6s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.tech-icon i{color:#fff}.tech-card:hover .tech-icon{transform:rotate(360deg) scale(1.08);box-shadow:0 0 0 6px rgba(178,9,1,.14),0 12px 32px rgba(178,9,1,.45)}.footer-extra{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:48px 24px 8px}.footer-block h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:16px;position:relative;padding-bottom:10px}.footer-block h3::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:2px;background:linear-gradient(90deg,var(--red),transparent);border-radius:2px}.footer-block p{color:var(--gray-400);font-size:13px;line-height:1.8}.footer-newsletter-form{display:flex;gap:8px;margin-top:14px}.footer-newsletter-form input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;color:#fff;font-size:13px;outline:none;transition:border-color var(--transition)}.footer-newsletter-form input:focus{border-color:var(--red)}.footer-newsletter-form .btn{padding:12px 16px}.footer-map iframe{width:100%;height:160px;border:0;border-radius:var(--radius-sm);filter:grayscale(1) invert(.92) contrast(.9)}.ripple{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:rippleAnim .65s ease-out forwards;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal].is-visible{opacity:1;transform:none}@media (max-width:768px){.sector-stats{grid-template-columns:1fr;gap:14px}.footer-extra{grid-template-columns:1fr;gap:32px;padding:40px 24px 8px}.hero-trust{justify-content:center}.typewriter-line{font-size:20px}}@media (prefers-reduced-motion:reduce){#cursor-dot,#cursor-ring,#particleCanvas{display:none}[data-reveal]{opacity:1;transform:none;transition:none}.ceo-image::before,.method-step .step-icon,.sector-tile-count,.testimonials-carousel::before,.ceo-glow{animation:none}}