:root{--primary-color: #2c3e50;--secondary-color: #1f4f68;--accent-color: #e74c3c;--text-color: #333;--text-light: #666;--text-gray: #5a6b76;--background-white: #ffffff;--background-light: #f8f9fa;--surface-color: #ffffff;--border-color: #e1e1e1;--shadow: rgba(0,0,0,0.1);--border-radius: 8px;--transition: all 0.3s cubic-bezier(0.4,0,0.2,1);--secondary-light: rgba(31,79,104,0.1);--secondary-dark: #183d52;--gradient-primary: linear-gradient(135deg,#2c3e50 0%,#34495e 100%);--glass-bg: rgba(255,255,255,0.1);--glass-border: rgba(255,255,255,0.2);--glass-shadow: 0 8px 32px 0 rgba(31,38,135,0.15);--blur-amount: 10px;--shadow-sm: 0 2px 8px rgba(0,0,0,0.04);--shadow-md: 0 4px 16px rgba(0,0,0,0.08);--shadow-lg: 0 8px 32px rgba(0,0,0,0.12);--shadow-xl: 0 16px 64px rgba(0,0,0,0.16);--ease-spring: cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth: cubic-bezier(0.4,0,0.2,1);--premium-border: #d6e0e6;--premium-shadow: 0 14px 34px rgba(16,28,36,0.12);--premium-shadow-hover: 0 20px 46px rgba(16,28,36,0.18);--font-display: 'Space Grotesk','Inter',sans-serif}.fade-in{opacity: 0;transform: translateY(40px);filter: blur(5px);transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1),filter 0.8s cubic-bezier(0.4,0,0.2,1)}.fade-in.visible{opacity: 1;transform: translateY(0);filter: blur(0)}.fade-in-delay-1{transition-delay: 0.1s}.fade-in-delay-2{transition-delay: 0.2s}.fade-in-delay-3{transition-delay: 0.3s}.fade-in-delay-4{transition-delay: 0.4s}.fade-in-delay-5{transition-delay: 0.5s}.fade-in-delay-6{transition-delay: 0.6s}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: 100px;overflow-x: hidden}body{font-family: 'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;line-height: 1.6;color: var(--text-color);background: linear-gradient(180deg,#f8f9fa 0%,#ffffff 50%,#f8f9fa 100%);overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.container{max-width: 1200px;margin: 0 auto;padding: 0 20px}.header{background: rgba(248,250,252,0.96);backdrop-filter: blur(16px) saturate(1.5);-webkit-backdrop-filter: blur(16px) saturate(1.5);color: var(--text-light);padding: 1rem 0;box-shadow: 0 8px 26px rgba(20,31,38,0.08);position: fixed;width: 100%;top: 0;z-index: 1000;transition: all 0.4s var(--ease-smooth);border-bottom: 1px solid #e3eaef}.header.scrolled{padding: 0.5rem 0;background: rgba(248,250,252,0.98);box-shadow: 0 12px 28px rgba(20,31,38,0.11)}.header.hidden{transform: translateY(-100%)}.navbar{display: flex;justify-content: space-between;align-items: center}.logo{display: flex;flex-direction: column;align-items: center;gap: 0}.logo a{display: flex;align-items: center;text-decoration: none}.logo-image{height: 85px;width: auto;object-fit: contain}.logo-text h1{color: var(--secondary-color);font-size: 1.8rem;font-weight: bold;margin: 0;text-shadow: 0 2px 8px rgba(0,0,0,0.3)}.logo-text .tagline{font-size: 0.9rem;color: #ffffff;opacity: 1;text-shadow: 0 1px 4px rgba(0,0,0,0.4)}.tagline{font-size: 0.9rem;color: #ffffff;font-weight: 600;text-align: center;white-space: nowrap;text-shadow: 0 1px 4px rgba(0,0,0,0.4)}@media (max-width: 768px){.logo-image{height: 65px}.tagline{font-size: 0.8rem}}.nav-menu{display: flex;list-style: none;gap: 2rem}.nav-menu a{color: var(--text-light);text-decoration: none;font-weight: 500;transition: all 0.3s ease;position: relative;padding: 0.5rem 0}.nav-menu a:hover{color: var(--secondary-color)}.nav-menu a::after{content: '';position: absolute;width: 0;height: 3px;bottom: 0;left: 50%;transform: translateX(-50%);background: linear-gradient(90deg,var(--secondary-color),var(--secondary-dark));transition: width 0.3s ease;border-radius: 2px}.nav-menu a:hover::after,.nav-menu a.active::after{width: 100%}.nav-menu a.active{color: var(--secondary-color);font-weight: 600}.mobile-menu-toggle{display: none;flex-direction: column;cursor: pointer;padding: 0.5rem;background: transparent;border: none;gap: 5px;z-index: 1001}.mobile-menu-toggle span{width: 28px;height: 3px;background-color: var(--secondary-color);transition: all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);border-radius: 2px;display: block}.mobile-menu-toggle:hover span{background-color: var(--secondary-color);box-shadow: 0 0 10px rgba(26,188,156,0.5)}.hero{background: radial-gradient(900px 480px at 82% 8%,rgba(64,165,145,0.22),transparent 65%),radial-gradient(700px 420px at 8% 95%,rgba(90,170,220,0.14),transparent 60%),linear-gradient(150deg,#16384b 0%,#1f4f68 55%,#173c50 100%);color: var(--text-light);padding: 165px 0 95px;text-align: left;position: relative;overflow: hidden}.hero::before{content: '';position: absolute;inset: 0;animation: none;opacity: 0.32;background-image: linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size: 44px 44px;-webkit-mask-image: radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);mask-image: radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);pointer-events: none}@keyframes rotate{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.hero-wrapper{display: flex;align-items: center;gap: 4rem;margin-bottom: 4rem;position: relative;z-index: 2}.hero-logo{flex-shrink: 0;position: relative;z-index: 2;background: rgba(255,255,255,0.95);border-radius: 30px;padding: 2.5rem;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 2px solid rgba(255,255,255,0.6);box-shadow: 0 12px 40px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.8);transition: all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}.hero-logo:hover{transform: translateY(-10px) scale(1.05);box-shadow: 0 20px 60px rgba(0,0,0,0.25);background: rgba(255,255,255,1)}.hero-logo img{filter: drop-shadow(0 4px 12px rgba(0,0,0,0.1));transition: transform 0.4s ease}.hero-logo:hover img{transform: rotate(5deg) scale(1.1)}.hero-content{position: relative;z-index: 2;flex: 1;min-width: 0;text-align: left}.hero-logo img{max-width: 100%;height: auto}.hero-content h1{font-size: 3.5rem;margin-bottom: 1.5rem;font-weight: bold;line-height: 1.2}.hero-content p{font-size: 1.3rem;margin-bottom: 3rem;max-width: 700px;margin-left: 0;margin-right: 0;opacity: 0.95}.hero-buttons{display: flex;gap: 1rem;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0}.cta-button{display: inline-block;padding: 16px 36px;text-decoration: none;border-radius: 100px;font-weight: 600;font-size: 1.05rem;transition: all 0.4s var(--ease-spring);position: relative;overflow: hidden;cursor: pointer;letter-spacing: 0.3px}.cta-button::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255,255,255,0.3);transform: translate(-50%,-50%);transition: width 0.6s ease,height 0.6s ease}.cta-button:hover::before{width: 300px;height: 300px}.cta-button.primary{background: linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color: white;border: none;box-shadow: 0 8px 24px rgba(26,188,156,0.35),0 4px 12px rgba(26,188,156,0.25)}.cta-button.primary:hover{background: linear-gradient(135deg,var(--secondary-dark) 0%,var(--secondary-color) 100%);transform: translateY(-4px) scale(1.02);box-shadow: 0 16px 40px rgba(26,188,156,0.45),0 8px 20px rgba(26,188,156,0.35)}.cta-button.primary:active{transform: translateY(-2px) scale(0.98)}.cta-button.secondary{background-color: white;color: var(--secondary-color);border: 2px solid white}.cta-button.secondary:hover{background-color: rgba(255,255,255,0.9);color: var(--secondary-dark);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,255,255,0.3)}.hero-stats{display: flex;justify-content: flex-start;gap: 2.4rem;margin-top: 2rem;margin-bottom: 3rem}.stat{text-align: center}.stat-number{display: block;font-size: 2.5rem;font-weight: bold;color: var(--secondary-color)}.stat-label{font-size: 0.9rem;opacity: 0.8}.services{padding: 100px 0;background-color: var(--background-white)}.services h2{text-align: center;font-size: 2.8rem;margin-bottom: 20px;color: var(--primary-color)}.services-intro{text-align: center;margin-bottom: 60px}.services-intro p{font-size: 1.2rem;color: var(--text-gray);max-width: 600px;margin: 0 auto}.services-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: 30px}.services-grid--3{max-width: 1120px;margin: 0 auto}.service-benefit{font-size: 1.08rem;font-weight: 700;color: var(--primary-color);line-height: 1.45;margin-bottom: 1rem}.service-for{margin-top: 1rem;padding-top: 0.9rem;border-top: 1px solid var(--border-color);font-size: 0.92rem;color: var(--text-light);line-height: 1.5}.service-for strong{color: var(--primary-color)}.services-note{display: flex;align-items: center;gap: 0.7rem;max-width: 840px;margin: 45px auto 0;padding: 1rem 1.5rem;background: var(--secondary-light);border-radius: 14px;color: var(--text-color);font-size: 1rem;line-height: 1.5}.services-note svg{flex-shrink: 0;width: 22px;height: 22px;color: var(--secondary-color)}.services-note strong{color: var(--primary-color)}.service-link{display: inline-block;margin-top: 1rem;font-weight: 700;font-size: 0.95rem;color: var(--secondary-color);text-decoration: none;transition: color 0.2s ease}.service-link:hover{color: var(--secondary-dark);text-decoration: underline}.page-hero{background: linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color: #fff;padding: 150px 0 60px}.page-hero h1{font-size: 2.6rem;font-weight: 800;line-height: 1.2;margin-bottom: 1rem;max-width: 800px}.page-hero .lede{font-size: 1.2rem;line-height: 1.6;color: rgba(255,255,255,0.92);max-width: 720px;margin-bottom: 1.8rem}.page-hero .cta-button.secondary{background: #fff;color: var(--secondary-dark);border-color: #fff}.breadcrumb{font-size: 0.85rem;margin-bottom: 1.4rem}.breadcrumb ol{list-style: none;display: flex;flex-wrap: wrap;gap: 0.35rem;margin: 0;padding: 0}.breadcrumb li + li::before{content: '›';margin-right: 0.35rem;opacity: 0.6}.breadcrumb a{color: #cfe3ee;text-decoration: none}.breadcrumb a:hover{text-decoration: underline}.breadcrumb li[aria-current]{color: rgba(255,255,255,0.85)}.page-section{padding: 70px 0}.page-section--alt{background: var(--background-light)}.page-section h2{font-size: 2rem;color: var(--primary-color);margin-bottom: 0.8rem}.page-section > .container > p.section-lede{font-size: 1.1rem;color: var(--text-light);max-width: 720px;margin-bottom: 2.2rem}.page-cta-row{text-align: center;padding: 20px 0 70px}.page-cta-row .hint{display: block;margin-top: 0.8rem;font-size: 0.9rem;color: var(--text-light)}.cookie-banner[hidden]{display: none !important}.cookie-banner{position: fixed;left: 50%;bottom: 1rem;transform: translateX(-50%);z-index: 2000;width: min(680px,calc(100% - 2rem));display: flex;flex-wrap: wrap;align-items: center;gap: 0.8rem 1.2rem;padding: 1rem 1.3rem;background: var(--primary-color);color: #fff;border-radius: 14px;box-shadow: 0 12px 36px rgba(0,0,0,0.3)}.cookie-banner p{flex: 1 1 320px;margin: 0;font-size: 0.9rem;line-height: 1.5}.cookie-banner a{color: #9fd4c6;text-decoration: underline}.cookie-banner-actions{display: flex;gap: 0.6rem;flex-wrap: wrap}.cookie-btn{border: 0;border-radius: 10px;padding: 0.55rem 1.1rem;font-size: 0.9rem;font-weight: 700;font-family: inherit;cursor: pointer;transition: opacity 0.2s ease,transform 0.2s ease}.cookie-btn:hover{transform: translateY(-1px)}.cookie-btn--accept{background: var(--secondary-color);color: #fff}.cookie-btn--reject{background: transparent;color: #fff;border: 1px solid rgba(255,255,255,0.55)}.tarifs-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 24px;margin-top: 1.5rem}.tarif-item{background: #fff;border: 1px solid var(--border-color);border-top: 4px solid var(--secondary-color);border-radius: 14px;padding: 1.8rem 1.6rem;box-shadow: var(--shadow-sm)}.tarif-item h3{font-size: 1.05rem;color: var(--primary-color);margin-bottom: 0.4rem}.tarif-prix{font-size: 1.45rem;font-weight: 800;color: var(--secondary-color);margin-bottom: 0.7rem}.tarif-item p:not(.tarif-prix):not(.todo-note){font-size: 0.95rem;color: var(--text-light);line-height: 1.55}.tarif-item .todo-note{margin-top: 0.8rem}.use-case-card--featured{position: relative;border: 2px solid var(--secondary-color);grid-column: 1 / -1;margin-top: 0.9rem}.use-case-badge{position: absolute;top: -0.85rem;left: 1.5rem;background: var(--secondary-color);color: #fff;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;padding: 0.3rem 0.9rem;border-radius: 999px}.shot-item--placeholder{display: flex;align-items: center;justify-content: center;min-height: 150px;border: 2px dashed var(--border-color);border-radius: 10px;background: var(--background-light)}.shot-item--placeholder figcaption{padding: 1rem;text-align: center;color: var(--text-light);font-size: 0.85rem}.todo-note{display: inline-block;background: #fff3cd;border: 1px dashed #b8860b;color: #7a5b00;font-size: 0.9rem;font-weight: 600;padding: 0.4rem 0.8rem;border-radius: 8px}@media (max-width: 768px){.page-hero{padding: 120px 0 45px}.page-hero h1{font-size: 1.9rem}.page-section{padding: 50px 0}}.service-card{background: rgba(255,255,255,0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 40px;border-radius: 24px;box-shadow: 0 8px 32px rgba(0,0,0,0.08);text-align: left;transition: all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);border-left: 4px solid var(--secondary-color);border: 1px solid rgba(255,255,255,0.5);border-left: 4px solid var(--secondary-color);position: relative;overflow: hidden;display: flex;flex-direction: column;gap: 20px}.service-card::before{content: '';position: absolute;top: -50%;right: -50%;width: 200%;height: 200%;background: radial-gradient(circle,rgba(26,188,156,0.05) 0%,transparent 70%);opacity: 0;transition: opacity 0.5s ease}.service-card:hover::before{opacity: 1}.service-card.featured{border-left-color: #e74c3c;transform: scale(1.02);background: rgba(255,255,255,0.9)}.service-card:hover{transform: translateY(-12px) scale(1.02);box-shadow: 0 20px 60px rgba(0,0,0,0.15),0 8px 24px rgba(26,188,156,0.1);border-left-width: 6px}.service-card.featured:hover{transform: translateY(-10px) scale(1.05)}.featured-badge{position: absolute;top: 20px;right: -30px;background-color: #e74c3c;color: white;padding: 5px 40px;font-size: 0.8rem;font-weight: bold;transform: rotate(45deg)}.service-header{display: flex;align-items: center;gap: 15px}.service-icon{flex-shrink: 0;display: flex;justify-content: center;align-items: center;width: 80px}.service-icon svg{width: 56px;height: 56px;padding: 12px;box-sizing: border-box;border-radius: 14px;background: var(--secondary-light);color: var(--secondary-color)}.service-icon img{width: 80px;height: auto;transition: transform 0.3s ease,filter 0.3s ease;filter: drop-shadow(0 4px 8px rgba(26,188,156,0.2))}.service-card:hover .service-icon img{transform: scale(1.1) rotate(5deg);filter: drop-shadow(0 6px 12px rgba(26,188,156,0.4))}.service-header h3{margin: 0;color: var(--primary-color);font-size: 1.5rem}.service-content{flex: 1}.service-card:nth-child(1) .service-icon img{filter: drop-shadow(0 4px 8px rgba(26,188,156,0.25))}.service-card:nth-child(2) .service-icon img{filter: drop-shadow(0 4px 8px rgba(22,160,133,0.25))}.service-card:nth-child(3) .service-icon img{filter: drop-shadow(0 4px 8px rgba(26,188,156,0.2))}.service-card:nth-child(4) .service-icon img{filter: drop-shadow(0 4px 8px rgba(22,160,133,0.2))}.service-card:nth-child(5) .service-icon img{filter: drop-shadow(0 4px 8px rgba(26,188,156,0.3))}.service-card:nth-child(6) .service-icon img{filter: drop-shadow(0 4px 8px rgba(22,160,133,0.3))}.service-card h3{color: var(--primary-color);font-size: 1.5rem;margin-bottom: 15px}.service-card > p{color: var(--text-gray);margin-bottom: 20px;line-height: 1.6}.service-features{list-style: none;margin-bottom: 25px}.service-features li{padding: 8px 0;color: var(--text-gray);position: relative;padding-left: 20px}.service-features li::before{content: '\2713';color: var(--secondary-color);font-weight: bold;position: absolute;left: 0}.service-price{font-size: 1.2rem;font-weight: bold;color: var(--secondary-color);padding: 10px 20px;background-color: rgba(26,188,156,0.1);border-radius: 25px;margin-top: 20px;display: inline-block}.expertise{padding: 100px 0;background-color: var(--background-light)}.expertise h2{text-align: center;font-size: 2.8rem;margin-bottom: 60px;color: var(--primary-color)}.expertise-content{display: grid;grid-template-columns: 1fr 2fr;gap: 50px;align-items: center}.expertise-text h3{font-size: 2rem;color: var(--primary-color);margin-bottom: 20px}.expertise-text p{font-size: 1.1rem;color: var(--text-gray);line-height: 1.8}.tech-stack{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px}.tech-category h4{color: var(--primary-color);margin-bottom: 15px;font-size: 1.2rem}.tech-items{display: flex;flex-wrap: wrap;gap: 10px}.tech-item{background-color: var(--secondary-color);color: white;padding: 8px 16px;border-radius: 20px;font-size: 0.9rem;font-weight: 500;transition: all 0.3s ease;cursor: pointer}.tech-item:hover{background-color: var(--primary-color);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(26,188,156,0.3)}.stats-section{background: linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);padding: 80px 0;color: white}.stats-section h2{font-size: 3rem;text-align: center;margin-bottom: 60px;color: #ffffff;font-weight: 800;text-shadow: 0 4px 12px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.2);letter-spacing: -1px}.stats-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 40px}.stats-section .stat-card{background: #ffffff;border-radius: 16px;padding: 36px 28px;text-align: center;transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;border: 1px solid #d4e0e7;border-top: 4px solid #183d52;box-shadow: 0 12px 28px rgba(17,30,39,0.18)}.stats-section .stat-card:hover{transform: translateY(-6px);box-shadow: 0 18px 36px rgba(17,30,39,0.24);border-color: #b8cdd9}.stats-section .stat-number{font-size: 4.2rem;font-weight: 900;color: #183d52;margin-bottom: 8px;line-height: 1;letter-spacing: -1.5px}.stats-section .stat-label{font-size: 1.12rem;font-weight: 800;color: #1f4f68;margin-bottom: 12px;text-transform: uppercase;letter-spacing: 1px}.stats-section .stat-card p{font-size: 1rem;color: #334b57;line-height: 1.55;font-weight: 600}.confiance-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 28px;max-width: 1100px;margin: 0 auto}.confiance-item{display: flex;flex-direction: column;align-items: center;text-align: center;background: #ffffff;border-radius: 16px;padding: 32px 26px;border: 1px solid #d4e0e7;border-top: 4px solid #183d52;box-shadow: 0 12px 28px rgba(17,30,39,0.18);transition: transform 0.25s ease,box-shadow 0.25s ease}.confiance-item:hover{transform: translateY(-6px);box-shadow: 0 18px 36px rgba(17,30,39,0.24)}.confiance-icon{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 16px;background: var(--secondary-light);color: var(--secondary-color);margin-bottom: 18px}.confiance-icon svg{width: 30px;height: 30px}.confiance-item h3{font-size: 1.18rem;font-weight: 800;color: #183d52;margin-bottom: 10px}.confiance-item p{font-size: 0.98rem;color: #334b57;line-height: 1.55;font-weight: 500}.stat-item{display: flex;flex-direction: column;align-items: flex-start}.stat-item strong{font-size: 2.5rem;font-weight: bold;color: white;display: block;line-height: 1;margin-bottom: 5px}.stat-item span{font-size: 0.95rem;color: rgba(255,255,255,0.9);text-transform: uppercase;letter-spacing: 1px}.about{padding: 100px 0;background-color: var(--background-white)}.about-content{display: block;max-width: 900px;margin: 0 auto}.about-text h2{font-size: 3rem;margin-bottom: 25px;color: var(--primary-color);text-align: center}.about-text .lead{font-size: 1.4rem;color: var(--secondary-color);font-weight: 600;margin-bottom: 30px;text-align: center;line-height: 1.6}.about-text p{font-size: 1.15rem;color: var(--text-color);margin-bottom: 25px;line-height: 1.9;text-align: left}.about-values{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 30px;margin-top: 50px}.value{background: rgba(26,188,156,0.05);padding: 30px;border-radius: 15px;border-left: 4px solid var(--secondary-color);transition: all 0.3s ease}.value:hover{transform: translateY(-5px);box-shadow: 0 8px 24px rgba(0,0,0,0.1);background: rgba(26,188,156,0.08)}.value h4{color: var(--primary-color);margin-bottom: 12px;font-size: 1.2rem;font-weight: 700}.value p{color: var(--text-color);font-size: 1rem;line-height: 1.6}.about-image{display: flex;flex-direction: column;align-items: center;justify-content: center}.founder-portrait{width: 200px;height: 200px;border-radius: 50%;object-fit: cover;border: 6px solid var(--secondary-color);box-shadow: 0 10px 40px rgba(26,188,156,0.3);transition: transform 0.3s ease,box-shadow 0.3s ease}.founder-portrait:hover{transform: scale(1.05);box-shadow: 0 15px 50px rgba(26,188,156,0.4)}.founder-caption{margin-top: 1.5rem;text-align: center;font-weight: 600;font-size: 1.1rem;color: var(--primary-color)}.founder-caption span{display: block;font-weight: 400;font-size: 0.95rem;color: var(--secondary-color);margin-top: 0.3rem}.image-placeholder{width: 300px;height: 300px;background: var(--gradient-primary);border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;color: var(--text-light)}.placeholder-content{text-align: center}.placeholder-content span{font-size: 4rem;display: block;margin-bottom: 10px}.references{padding: 100px 0;background: linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%)}.references h2{text-align: center;font-size: 3rem;margin-bottom: 20px;color: var(--primary-color);font-weight: 800}.clients-intro{text-align: center;font-size: 1.2rem;color: var(--text-color);margin-bottom: 60px;max-width: 700px;margin-left: auto;margin-right: auto}.client-logos-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: 30px;max-width: 1000px;margin: 0 auto 80px;padding: 0 20px;align-items: stretch}.client-logo-card{background: rgba(255,255,255,0.9);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 40px;border-radius: 20px;box-shadow: 0 8px 32px rgba(0,0,0,0.08);border: 1px solid rgba(255,255,255,0.5);transition: all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);display: flex;flex-direction: column;align-items: center;gap: 20px;text-decoration: none;cursor: pointer}.client-logo-card:hover{transform: translateY(-10px) scale(1.02);box-shadow: 0 16px 48px rgba(0,0,0,0.12);background: rgba(255,255,255,1)}.client-logo{max-width: 200px;max-height: 80px;width: auto;height: auto;object-fit: contain;filter: grayscale(20%);transition: all 0.3s ease}.client-logo-card:hover .client-logo{filter: grayscale(0%);transform: scale(1.05)}.client-logo--illus{max-width: 100%;max-height: 120px;border-radius: 10px;filter: none}.client-name{font-size: 1.1rem;font-weight: 600;color: var(--primary-color);margin: 0;text-align: center}.tech-partners{text-align: center;padding: 40px 0}.tech-partners h3{color: var(--primary-color);margin-bottom: 30px;font-size: 1.5rem;font-weight: 700}.tech-badges{display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;max-width: 800px;margin: 0 auto}.tech-badge{padding: 12px 24px;background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color: white;border-radius: 50px;font-weight: 600;font-size: 0.95rem;box-shadow: 0 4px 12px rgba(26,188,156,0.25);transition: all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);cursor: default}.tech-badge:hover{transform: translateY(-4px) scale(1.05);box-shadow: 0 8px 20px rgba(26,188,156,0.35)}.contact{padding: 100px 0;background-color: var(--background-white)}.contact h2{text-align: center;font-size: 2.8rem;margin-bottom: 20px;color: var(--primary-color)}.contact-intro{text-align: center;margin-bottom: 60px}.contact-intro p{font-size: 1.2rem;color: var(--text-gray)}.contact-content{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: start}.contact-info{background-color: var(--primary-color);color: var(--text-light);padding: 40px;border-radius: var(--border-radius)}.contact-info h3{margin-bottom: 30px;color: var(--secondary-color)}.contact-item{display: flex;align-items: flex-start;margin-bottom: 25px;gap: 15px}.contact-icon{font-size: 1.5rem;width: 30px}.contact-item strong{display: block;margin-bottom: 5px;color: var(--secondary-color)}.contact-item p{margin: 0;line-height: 1.4}.social-links{margin-top: 40px}.social-links h4{color: var(--secondary-color);margin-bottom: 15px}.social-icons{display: flex;gap: 15px}.contact-form{background: var(--surface-color);padding: 2.5rem;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1)}.contact-form h3{color: var(--primary-color);margin-bottom: 2rem;font-size: 1.5rem}.form-row{display: flex;gap: 1.5rem;margin-bottom: 1.5rem}.contact-form input,.contact-form select,.contact-form textarea{width: 100%;padding: 1rem 1.2rem;border: 2px solid #e1e1e1;border-radius: 8px;font-size: 1rem;margin-bottom: 1.5rem;transition: border-color 0.3s ease,box-shadow 0.3s ease;font-family: inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline: none;border-color: var(--secondary-color);box-shadow: 0 0 0 3px rgba(26,188,156,0.1)}.contact-form textarea{resize: vertical;min-height: 120px;line-height: 1.6}.form-budget{margin: 2rem 0;padding: 1.5rem;background: #f8f9fa;border-radius: 8px;border-left: 4px solid var(--secondary-color)}.form-budget > label{font-weight: 600;color: var(--primary-color);margin-bottom: 1rem;display: block;font-size: 1.1rem}.budget-options{display: flex;flex-wrap: wrap;gap: 1.5rem;margin-top: 1rem}.budget-options label{display: flex;align-items: center;font-weight: normal;font-size: 1rem;cursor: pointer;padding: 0.8rem 1rem;border-radius: 6px;transition: background-color 0.3s ease;min-width: 140px}.budget-options label:hover{background-color: var(--secondary-light) !important}.budget-options input[type="radio"]{margin-right: 0.8rem;margin-bottom: 0;width: auto;transform: scale(1.1)}.contact-form button{background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color: white;padding: 15px 30px;border: none;border-radius: 50px;font-size: 1.1rem;font-weight: bold;cursor: pointer;transition: all 0.3s ease;width: 100%;margin: 2rem 0 1rem 0;box-shadow: 0 4px 12px rgba(26,188,156,0.3)}.contact-form button:hover{background: linear-gradient(135deg,var(--secondary-dark),var(--secondary-color));transform: translateY(-2px);box-shadow: 0 6px 20px rgba(26,188,156,0.4)}.form-note{font-size: 0.9rem;color: #666;text-align: center;margin-top: 1rem;font-style: italic;line-height: 1.4}.nav-menu a:hover,.back-link:hover{color: var(--secondary-color) !important}.social-icons{display: flex;gap: 12px}.social-icons .social-link{display: inline-flex;align-items: center;gap: 8px;text-decoration: none;padding: 12px 22px;border-radius: 12px;font-weight: 700;font-size: 0.95rem;transition: transform 0.22s ease,box-shadow 0.22s ease,background-color 0.22s ease;border: none;cursor: pointer}.social-icons .social-link svg{flex-shrink: 0}.social-link--linkedin{background: #0A66C2;color: #ffffff !important}.social-link--linkedin:hover{background: #004182;transform: translateY(-3px);box-shadow: 0 8px 20px rgba(10,102,194,0.4)}.social-link--email{background: var(--secondary-color);color: #ffffff !important}.social-link--email:hover{background: var(--secondary-dark);transform: translateY(-3px);box-shadow: 0 8px 20px rgba(31,79,104,0.4)}.featured-badge{background: linear-gradient(135deg,var(--secondary-color),var(--secondary-dark))}input:focus,select:focus,textarea:focus{border-color: var(--secondary-color) !important;box-shadow: 0 0 0 3px var(--secondary-light) !important}.form-budget{border-left-color: var(--secondary-color) !important}.budget-options label:hover{background-color: var(--secondary-light) !important}.stat-number{color: var(--secondary-color)}a[target="_blank"]:hover{color: var(--secondary-color)}.cta-section{background: linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color: white;padding: 80px 0;text-align: center;position: relative;overflow: hidden}.cta-section::before{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation: rotate 30s linear infinite}.cta-content{position: relative;z-index: 2;max-width: 800px;margin: 0 auto}.cta-section h2{font-size: 2.8rem;margin-bottom: 1.5rem;font-weight: bold}.cta-section p{font-size: 1.3rem;margin-bottom: 2.5rem;opacity: 0.95;line-height: 1.6}.cta-buttons{display: flex;gap: 1.5rem;justify-content: center;flex-wrap: wrap}.cta-section .cta-button.primary{background: white;color: var(--secondary-color);border: 2px solid white}.cta-section .cta-button.primary:hover{background: transparent;color: white;transform: translateY(-2px)}.cta-section .cta-button.secondary{background: transparent;color: white;border: 2px solid white}.cta-section .cta-button.secondary:hover{background: white;color: var(--secondary-color);transform: translateY(-2px)}.footer{background-color: var(--primary-color);color: var(--text-light);padding: 60px 0 20px}.footer-content{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 40px;margin-bottom: 40px}.footer-section h3,.footer-section h4{color: var(--secondary-color);margin-bottom: 20px}.footer-section p{margin-bottom: 15px;line-height: 1.6}.footer-contact p{margin-bottom: 8px}.footer-section ul{list-style: none}.footer-section ul li{margin-bottom: 10px}.footer-section ul li a{color: var(--text-light);text-decoration: none;transition: var(--transition)}.footer-section ul li a:hover{color: var(--secondary-color)}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.1);padding-top: 20px;text-align: center;color: rgba(255,255,255,0.7)}.legal-content{background: white;padding: 150px 0 80px;min-height: calc(100vh - 400px)}.legal-content h1{color: var(--primary-color);font-size: 2.8rem;margin-bottom: 2rem;border-bottom: 3px solid var(--secondary-color);padding-bottom: 1rem}.legal-content h2{color: var(--primary-color);font-size: 2rem;margin-top: 3rem;margin-bottom: 1.5rem}.legal-content h3{color: var(--secondary-color);font-size: 1.4rem;margin-top: 2rem;margin-bottom: 1rem}.legal-content section{margin-bottom: 3rem}.legal-content p,.legal-content li{color: var(--text-color);line-height: 1.8;margin-bottom: 1rem;font-size: 1.05rem}.legal-content ul{padding-left: 2rem;margin-bottom: 1.5rem}.legal-content strong{color: var(--primary-color);font-weight: 600}.legal-content a{color: var(--secondary-color);text-decoration: none;transition: color 0.3s}.legal-content a:hover{color: var(--secondary-dark);text-decoration: underline}.info-box{background: linear-gradient(135deg,var(--secondary-light) 0%,rgba(26,188,156,0.05) 100%);border-left: 4px solid var(--secondary-color);padding: 1.5rem;border-radius: var(--border-radius);margin: 2rem 0}.info-box p{margin: 0;color: var(--primary-color)}.cgv-footer{margin-top: 4rem;padding-top: 2rem;border-top: 2px solid var(--border-color)}.contact-info{background-color: var(--background-light);padding: 1.5rem;border-radius: var(--border-radius);margin-top: 2rem}@media (max-width: 768px){.mobile-menu-toggle{display: flex;z-index: 1001}.mobile-menu-toggle.active span:nth-child(1){transform: rotate(45deg) translateY(12px)}.mobile-menu-toggle.active span:nth-child(2){opacity: 0}.mobile-menu-toggle.active span:nth-child(3){transform: rotate(-45deg) translateY(-12px)}.nav-menu{position: fixed;top: 0;right: -100%;width: 80%;max-width: 400px;height: 100vh;background: white;flex-direction: column;padding: 100px 2rem 2rem;gap: 0;transition: right 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);z-index: 1000;box-shadow: -5px 0 25px rgba(0,0,0,0.3);overflow-y: auto}.nav-menu.active{right: 0;display: flex}.nav-menu li{width: 100%;margin: 0;border-bottom: 1px solid rgba(0,0,0,0.1)}.nav-menu a{display: block;padding: 1.2rem 1rem;font-size: 1.1rem;color: var(--primary-color);transition: all 0.3s ease}.nav-menu a::after{display: none}.nav-menu a:hover,.nav-menu a.active{background: rgba(26,188,156,0.1);padding-left: 1.5rem;color: var(--secondary-color)}.hero-content h1{font-size: 2.5rem}.hero-logo img{width: 240px}.hero-logo::before{width: 340px;height: 340px}.hero-buttons{flex-direction: column;align-items: center}.hero-stats{flex-direction: column;gap: 2rem;align-items: center}.stat-item{align-items: center;text-align: center}.stats-grid{grid-template-columns: 1fr;gap: 30px}.stats-section .stat-number{font-size: 3.2rem}.stats-section .stat-label{font-size: 1rem}.contact-content{grid-template-columns: 1fr;gap: 40px}.services-grid{grid-template-columns: 1fr}.service-card h3{font-size: 1.1rem}.services h2,.expertise h2,.about h2{font-size: 1.75rem;word-wrap: break-word;overflow-wrap: break-word;hyphens: auto;text-align: center;padding: 0 1rem}.cta-section h2{font-size: 2rem;padding: 0 1rem}.cta-section p{font-size: 1.1rem;padding: 0 1rem}.cta-buttons{flex-direction: column;align-items: center}.cta-buttons .cta-button{width: 100%;max-width: 300px}.expertise-content{grid-template-columns: 1fr;gap: 40px}.about-content{grid-template-columns: 1fr;gap: 40px}.founder-portrait{width: 250px;height: 250px}.tech-stack{grid-template-columns: 1fr}.form-row{grid-template-columns: 1fr}.budget-options{flex-direction: column}.client-logos-grid{grid-template-columns: 1fr;gap: 20px;padding: 0 10px}.client-logo-card{padding: 24px 20px}.client-logo{max-width: 150px;max-height: 65px}.references h2,.clients-section h2{font-size: 1.75rem;padding: 0 1rem}}@media (max-width: 480px){.container{padding: 0 15px}.hero{padding: 150px 0 80px}.hero-wrapper{flex-direction: column;gap: 2rem;text-align: center}.hero-content{text-align: center}.hero-content h1{font-size: 2rem}.hero-content p{font-size: 1rem;margin-left: auto;margin-right: auto}.hero-buttons{justify-content: center}.hero-logo img{width: 200px}.hero-logo::before{width: 280px;height: 280px}.hero-content h1{font-size: 2rem}.services,.expertise,.about,.references,.contact{padding: 60px 0}}.hero-logo{text-align: center;margin-bottom: 2rem;animation: fadeInScale 1.2s ease-out;position: relative}.hero-logo::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 480px;height: 480px;background: radial-gradient(circle,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 70%);border-radius: 50%;z-index: 0}.hero-logo img{width: 360px;height: auto;animation: float 3s ease-in-out infinite;position: relative;z-index: 1}@keyframes fadeInScale{0%{opacity: 0;transform: scale(0.8) translateY(20px)}100%{opacity: 1;transform: scale(1) translateY(0)}}@keyframes float{0%,100%{transform: translateY(0px)}50%{transform: translateY(-10px)}}.hero-content h1{color: white !important;text-shadow: 0 2px 4px rgba(0,0,0,0.1)}.hero-content p{color: rgba(255,255,255,0.95) !important;text-shadow: 0 1px 2px rgba(0,0,0,0.1)}.hero-stats .stat-number,.hero-stats .stat-label{color: white !important}.logo-image{width: 160px !important;height: auto;transition: transform 0.3s ease}.logo:hover .logo-image{transform: scale(1.02)}.nav-menu a{color: #334155}.nav-menu a:hover{color: var(--secondary-color,#1f4f68) !important}.services{background: #f9fafb !important}.service-card{transition: transform 0.2s ease,box-shadow 0.2s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.08);background: white !important}.service-card:hover{transform: translateY(-3px);box-shadow: 0 4px 12px rgba(26,188,156,0.15)}.expertise{background: white !important}.about{background: #f9fafb !important}.contact{background: white !important}.contact h2,.contact h3,.contact-intro p{color: #1f2937 !important}.contact-form{background: #f8fafc !important;padding: 2rem;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.contact-form h3{color: #1f2937 !important}.contact-info{background: transparent !important}.contact-info h3,.contact-item strong{color: #1f2937 !important}.contact-item p{color: #4b5563 !important}.footer{background: #f9fafb !important;border-top: 1px solid #e5e7eb !important}.footer-section h3,.footer-section h4{color: #334155 !important}.footer-section p,.footer-section a{color: #64748b !important}.footer-section a:hover{color: var(--secondary-color,#1f4f68) !important}.footer-bottom{border-top: 1px solid #e5e7eb !important;background: white !important}.footer-bottom p{color: #64748b !important}.footer-contact p{color: #64748b !important}.name-philosophy{background: linear-gradient(135deg,rgba(15,118,110,0.06) 0%,rgba(17,94,89,0.12) 100%);padding: 2.5rem;border-radius: 20px;margin: 2.5rem 0;border-left: 5px solid var(--secondary-color,#1f4f68);box-shadow: 0 4px 16px rgba(0,0,0,0.05);backdrop-filter: blur(10px)}.name-philosophy h4{color: var(--primary-color,#2c3e50);margin-bottom: 1.2rem;font-size: 1.35rem;font-weight: 700;text-align: center}.name-philosophy p{margin-bottom: 1.2rem;line-height: 1.8;color: var(--text-color);font-size: 1.05rem;text-align: left}.name-philosophy p:last-child{margin-bottom: 0}.name-philosophy strong{color: var(--secondary-color,#1f4f68);font-weight: 700}.use-cases{background: linear-gradient(180deg,#f3f6f9 0%,#ffffff 100%);padding: 5rem 0}.use-cases-intro{text-align: center;margin-bottom: 2.5rem}.use-cases-intro p{max-width: 760px;margin: 0 auto;color: #435966}.use-cases-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem;margin-bottom: 3rem}.use-case-card{background: #ffffff;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-radius: 12px;padding: 1.5rem;box-shadow: 0 8px 22px rgba(21,37,45,0.08);border: 1px solid #d7e1e6;border-top: 3px solid var(--secondary-color,#1f4f68);transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;position: relative;overflow: hidden}.use-case-card::after{content: '';position: absolute;inset: 0;background: linear-gradient(130deg,rgba(31,79,104,0.04),transparent 40%);pointer-events: none}.use-case-card:hover::after{opacity: 1}.use-case-card:hover{transform: translateY(-4px);box-shadow: 0 14px 30px rgba(21,37,45,0.14);border-color: #c1d0d8}.use-case-card h3{color: var(--primary-color);margin: 1rem 0 0.75rem;font-size: 1.2rem}.use-case-shot{margin: 0;position: relative}.use-case-shot img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 8px;border: 1px solid #cfdce3;background: #eff4f7}.use-case-shot figcaption{font-size: 0.82rem;color: #5a6f7b;margin-top: 0.6rem;text-transform: uppercase;letter-spacing: 0.04em}.use-case-gallery{display: grid;grid-template-columns: 1fr;gap: 0.75rem;margin: 1.25rem 0 0}.use-case-gallery .shot-item{margin: 0;position: relative;overflow: hidden;border-radius: 10px}.use-case-gallery .shot-item img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 8px;border: 1px solid #cfdce3;background: #eff4f7}.use-case-gallery .shot-item figcaption{font-size: 0.8rem;color: #5a6f7b;margin-top: 0.45rem;text-transform: uppercase;letter-spacing: 0.03em}.use-case-summary{color: #435864;margin-bottom: 0.9rem}.use-case-highlights{margin: 0 0 1rem;padding-left: 1.1rem}.use-case-highlights li{margin-bottom: 0.5rem;color: #394b56}.results-metrics{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem}.metric{background: linear-gradient(135deg,#1f4f68,#183d52);color: white;padding: 0.45rem 0.95rem;border-radius: 50px;font-size: 0.82rem;font-weight: 700;box-shadow: 0 4px 12px rgba(31,79,104,0.28);transition: transform 0.25s ease,box-shadow 0.25s ease;cursor: default;letter-spacing: 0.2px}.metric:hover{transform: translateY(-2px);box-shadow: 0 8px 18px rgba(31,79,104,0.34)}.use-cases-note{text-align: center;margin: -1rem 0 2rem}.use-cases-note p{display: inline-block;background: rgba(31,79,104,0.08);border: 1px dashed rgba(31,79,104,0.38);color: #334c5a;border-radius: 8px;padding: 0.55rem 0.9rem;font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.04em}.use-cases-cta{text-align: center;background: linear-gradient(135deg,#1a3140 0%,#244456 100%);padding: 3rem 2rem;border-radius: 12px;box-shadow: 0 14px 34px rgba(20,31,37,0.24);border: 1px solid rgba(255,255,255,0.12);margin-top: 2rem}.use-cases-cta h3{color: #e9f1f6;margin-bottom: 1rem;font-size: 1.5rem}.use-cases-cta p{margin-bottom: 1.6rem;font-size: 1.02rem;color: #d4e1e8}.header.scrolled .logo-image{width: 120px !important;transition: width 0.3s ease}body.menu-open{overflow: hidden}body.menu-open::before{content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999;animation: fadeIn 0.3s ease}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.skip-to-content{position: absolute;top: -100px;left: 0;background: var(--secondary-color);color: white;padding: 1rem 2rem;text-decoration: none;font-weight: bold;z-index: 10000;transition: top 0.3s ease}.skip-to-content:focus{top: 0}.faq-list{max-width: 820px;margin: 2rem auto 0;display: flex;flex-direction: column;gap: 1rem}.faq-item{background: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 0 1.5rem;box-shadow: var(--shadow-sm)}.faq-item summary{cursor: pointer;list-style: none;padding: 1.25rem 2rem 1.25rem 0;font-weight: 600;color: var(--primary-color);position: relative}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: "+";position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1.5rem;font-weight: 400;color: var(--secondary-color);transition: transform 0.2s ease}.faq-item[open] summary::after{content: "−"}.faq-item p{margin: 0;padding: 0 0 1.25rem;color: var(--text-gray);line-height: 1.7}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}*:focus-visible{outline: 3px solid var(--secondary-color);outline-offset: 2px}.nav-menu a:focus-visible{color: var(--secondary-color);background: rgba(26,188,156,0.1);padding: 0.5rem 1rem;border-radius: 4px}.cta-button:focus-visible,.contact-form button:focus-visible{outline: 3px solid var(--secondary-color);outline-offset: 4px}.service-card,.use-case-card,.tech-item,.founder-portrait{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease,transform 0.6s ease}.service-card.animate,.use-case-card.animate,.tech-item.animate,.founder-portrait.animate{opacity: 1;transform: translateY(0)}.service-card:nth-child(1){transition-delay: 0.1s}.service-card:nth-child(2){transition-delay: 0.2s}.service-card:nth-child(3){transition-delay: 0.3s}.service-card:nth-child(4){transition-delay: 0.4s}.service-card:nth-child(5){transition-delay: 0.5s}.service-card:nth-child(6){transition-delay: 0.6s}.hero-content,.hero-logo{transition: opacity 0.3s ease-out}body{background: linear-gradient(180deg,#f5f7fa 0%,#ffffff 50%,#f7f9fb 100%)}.logo-image{width: 150px !important}.nav-menu a{color: #324450 !important;font-weight: 600;letter-spacing: 0.01em}.hero-logo{border-radius: 24px;border: 1px solid rgba(255,255,255,0.75);box-shadow: 0 16px 38px rgba(14,24,31,0.2)}.hero-logo:hover{transform: translateY(-6px)}.hero-logo:hover img{transform: none}.hero-content h1{font-size: clamp(2.2rem,4vw,3.35rem);letter-spacing: -0.02em;line-height: 1.14}.hero-content p{font-size: clamp(1.02rem,2vw,1.2rem);max-width: 760px;opacity: 0.96}.hero-kicker{display: inline-block;margin-bottom: 1.25rem;padding: 0.55rem 1.2rem;border-radius: 999px;background: rgba(255,255,255,0.16);border: 1px solid rgba(255,255,255,0.34);color: #ecf5fb;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;line-height: 1.5;text-transform: uppercase;max-width: 100%}.cta-button{border-radius: 14px;font-weight: 700;padding: 14px 24px;transition: transform 0.22s ease,box-shadow 0.22s ease,background-color 0.22s ease}.cta-button::before{display: none}.cta-button.primary{box-shadow: 0 10px 24px rgba(31,79,104,0.3),0 5px 12px rgba(31,79,104,0.2)}.cta-button.primary:hover{transform: translateY(-3px);box-shadow: 0 14px 28px rgba(31,79,104,0.36),0 7px 15px rgba(31,79,104,0.25)}.services,.expertise,.about,.references,.use-cases,.contact{padding-top: 106px;padding-bottom: 106px}.services h2,.expertise h2,.about h2,.references h2,.use-cases h2,.contact h2{letter-spacing: -0.02em}.service-card,.use-case-card,.contact-form,.client-logo-card,.value,.tech-category{border-radius: 14px;border: 1px solid var(--premium-border);box-shadow: var(--premium-shadow)}.service-card:hover,.use-case-card:hover,.client-logo-card:hover,.value:hover{box-shadow: var(--premium-shadow-hover)}.service-card{background: #ffffff;backdrop-filter: none;-webkit-backdrop-filter: none;border-left: 3px solid var(--secondary-color);gap: 20px}.expertise-content{gap: 62px}.tech-stack{gap: 34px}.tech-category{padding: 1.6rem 1.6rem 1.5rem}.tech-category h4{margin-bottom: 1rem}.tech-items{gap: 14px}.service-card::before{display: none}.service-header h3{font-size: 1.34rem}.service-features li{color: #39505c}.tech-item{border-radius: 12px;font-weight: 600;padding: 10px 20px}.stats-section{background: linear-gradient(135deg,#1c4258 0%,#183d52 100%)}.stats-section h2{margin-bottom: 48px}.stats-proof{max-width: 760px;margin: -24px auto 34px;text-align: center;color: rgba(231,241,247,0.9);font-size: 0.96rem;letter-spacing: 0.01em}.stats-grid{gap: 28px}.use-case-gallery{grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.15rem;margin-bottom: 0.85rem}.use-case-gallery .shot-item img{border-radius: 9px;cursor: pointer;transition: transform 0.28s ease,filter 0.28s ease}.use-case-gallery .shot-item::before{content: '';position: absolute;inset: 0;border-radius: 8px;background: rgba(15,33,45,0.35);opacity: 0;transition: opacity 0.25s ease;pointer-events: none;z-index: 2}.use-case-gallery .shot-item::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0.7);width: 48px;height: 48px;background: rgba(255,255,255,0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f4f68' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3C/svg%3E") center / 55% no-repeat;border-radius: 50%;box-shadow: 0 2px 12px rgba(0,0,0,0.2);opacity: 0;transition: opacity 0.25s ease,transform 0.25s ease;pointer-events: none;z-index: 3}.use-case-gallery .shot-item:hover::before{opacity: 1}.use-case-gallery .shot-item:hover::after{opacity: 1;transform: translate(-50%,-50%) scale(1)}.use-case-gallery .shot-item:hover img{transform: scale(1.03);filter: saturate(1.03) contrast(1.02)}.use-case-gallery .shot-item:last-child:nth-child(odd){grid-column: 1 / -1}.use-case-highlights{list-style: none;padding-left: 0}.use-case-highlights li{padding-left: 0;margin-bottom: 0.7rem;line-height: 1.55}.use-case-highlights strong{color: #1f4f68;font-weight: 800}.use-case-proof{margin-top: 0.35rem;padding-top: 0.75rem;border-top: 1px dashed #c9d7df;color: #3f5764;font-size: 0.93rem;line-height: 1.45}.use-case-link{display: inline-block;margin-top: 0.85rem;padding: 0.4rem 1rem;background: var(--primary-color,#1f4f68);color: #fff;border-radius: 20px;font-size: 0.88rem;font-weight: 600;text-decoration: none;transition: background 0.2s ease,transform 0.15s ease}.use-case-link:hover{background: var(--secondary-color,#2d7a9a);transform: translateY(-1px)}.use-cases-note p{border-style: solid}.client-logo-card{background: #ffffff;backdrop-filter: none;-webkit-backdrop-filter: none}.contact-form{background: #ffffff}.contact-form input,.contact-form select,.contact-form textarea{background: #fdfefe;border: 1px solid #ccdbe3}.contact-trust-points{display: flex;flex-wrap: wrap;gap: 0.5rem;margin: -0.25rem 0 1rem}.contact-trust-points span{display: inline-block;font-size: 0.82rem;font-weight: 700;color: #27495c;background: #eaf2f6;border: 1px solid #cbdae2;border-radius: 999px;padding: 0.3rem 0.62rem;letter-spacing: 0.02em}@media (max-width: 980px){.hero-wrapper{flex-direction: column;text-align: center;gap: 2.2rem}.hero-content{text-align: center}.hero-buttons{justify-content: center}.hero-logo{order: -1}.hero-logo img{width: 200px}.hero-kicker{margin-bottom: 0.8rem}.use-case-gallery{grid-template-columns: 1fr;gap: 0.9rem}.use-case-gallery .shot-item::before,.use-case-gallery .shot-item::after{opacity: 1}.use-case-gallery .shot-item::after{transform: translate(-50%,-50%) scale(1)}.contact-trust-points{gap: 0.4rem}}body.lightbox-open{overflow: hidden}.lightbox-overlay{position: fixed;inset: 0;z-index: 3000;display: none;align-items: center;justify-content: center;padding: 2rem;background: rgba(11,20,27,0.86);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.lightbox-overlay.active{display: flex}.lightbox-content{position: relative;width: min(1200px,100%)}.lightbox-image{width: 100%;max-height: 82vh;object-fit: contain;border-radius: 10px;border: 1px solid rgba(225,236,242,0.35);box-shadow: 0 18px 44px rgba(0,0,0,0.4);background: #0f1e27}.lightbox-caption{margin-top: 0.7rem;color: #dbe8ee;font-size: 0.92rem;text-align: center}.lightbox-close{position: absolute;top: -0.8rem;right: -0.8rem;width: 40px;height: 40px;border: 0;border-radius: 999px;background: #ffffff;color: #1f4f68;font-size: 1.45rem;line-height: 1;cursor: pointer;box-shadow: 0 8px 20px rgba(0,0,0,0.25)}.lightbox-close:hover{background: #f1f6f9}@media (max-width: 768px){.lightbox-overlay{padding: 1rem}.lightbox-close{top: -0.5rem;right: -0.25rem;width: 36px;height: 36px}.lightbox-caption{font-size: 0.86rem}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important}.fade-in{opacity: 1 !important;transform: none !important;filter: none !important}}.client-testimonial{position: relative;max-width: 760px;margin: 3rem auto 0;padding: 2.5rem 2.5rem 2rem;background: var(--background-white);border: 1px solid var(--border-color);border-left: 4px solid var(--secondary-color);border-radius: var(--border-radius);box-shadow: var(--shadow-md)}.client-testimonial__mark{position: absolute;top: 0.4rem;left: 1.5rem;font-family: Georgia,'Times New Roman',serif;font-size: 4.5rem;line-height: 1;color: var(--secondary-color);opacity: 0.18}.client-testimonial__text{position: relative;z-index: 1;font-size: 1.25rem;line-height: 1.6;color: var(--text-color);font-style: italic;margin-bottom: 1.5rem}.client-testimonial__author{display: flex;flex-direction: column;gap: 0.15rem}.client-testimonial__author strong{color: var(--primary-color);font-size: 1.05rem}.client-testimonial__author span{color: var(--text-light);font-size: 0.95rem}@media (max-width: 768px){.client-testimonial{padding: 2rem 1.5rem 1.5rem}.client-testimonial__text{font-size: 1.1rem}}.hero-aside{margin-top: 1.5rem;font-size: 0.98rem;color: rgba(255,255,255,0.9)}.hero-aside a{color: #fff;font-weight: 600;text-decoration: underline;text-underline-offset: 3px;white-space: nowrap;transition: color 0.2s ease}.hero-aside a:hover{color: #cfe3ee}.sectors{padding: 100px 0;background: var(--background-light)}.sectors h2{text-align: center;font-size: 2.8rem;margin-bottom: 20px;color: var(--primary-color)}.sectors-intro{text-align: center;max-width: 720px;margin: 0 auto 60px}.sectors-intro p{font-size: 1.2rem;color: var(--text-light)}.sectors-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 30px;max-width: 900px;margin: 0 auto}.sector-card{display: flex;flex-direction: column;background: var(--background-white);border: 1px solid var(--border-color);border-top: 4px solid var(--secondary-color);border-radius: 16px;padding: 2.5rem;box-shadow: var(--shadow-md);transition: var(--transition)}.sector-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-lg)}.sector-icon{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 14px;background: var(--secondary-light);color: var(--secondary-color);margin-bottom: 1.25rem}.sector-icon svg{width: 30px;height: 30px}.sector-card h3{color: var(--primary-color);font-size: 1.4rem;margin-bottom: 0.75rem}.sector-card > p{color: var(--text-light);margin-bottom: 1.25rem}.sector-features{list-style: none;margin: 0 0 1.5rem;padding: 0}.sector-features li{position: relative;padding-left: 1.6rem;margin-bottom: 0.5rem;color: var(--text-color)}.sector-features li::before{content: '✓';position: absolute;left: 0;color: var(--secondary-color);font-weight: 700}.sector-foot{margin-top: auto;display: flex;align-items: center;gap: 0.6rem 1rem;flex-wrap: wrap;padding-top: 0.5rem}.sector-status{font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;color: var(--secondary-dark);background: var(--secondary-light);padding: 0.35rem 0.8rem;border-radius: 999px}.sector-link{font-size: 0.9rem;font-weight: 600;color: var(--secondary-color);text-decoration: none;transition: color 0.2s ease}.sector-link:hover{color: var(--secondary-dark);text-decoration: underline}.sectors-cta{text-align: center;margin-top: 3rem}@media (max-width: 768px){.sectors{padding: 70px 0}.sectors h2{font-size: 2.1rem}.sectors-grid{grid-template-columns: 1fr}}h1,h2{font-family: var(--font-display);letter-spacing: -0.02em}::selection{background: var(--secondary-color);color: #fff}a:focus-visible,button:focus-visible{outline: 3px solid rgba(31,79,104,0.45);outline-offset: 3px;border-radius: 6px}.kicker{display: block;font-family: var(--font-display);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.16em;color: var(--secondary-color);text-align: center;margin-bottom: 0.8rem}.stats-section .kicker{color: #8fd4c5}.stats-section h2{text-shadow: none}.use-cases h2{text-align: center;font-size: 2.4rem;color: var(--primary-color);margin-bottom: 16px}.hero-wrapper{display: grid;grid-template-columns: 1.04fr 0.96fr;align-items: center;gap: 3.2rem;margin-bottom: 0}.hero-content h1{font-size: clamp(2.1rem,3.6vw,3.15rem);line-height: 1.13}.hero-stats .stat-item strong{white-space: nowrap}.hero-title-accent{background: linear-gradient(92deg,#6fd3c1 5%,#c2e9ff 95%);-webkit-background-clip: text;background-clip: text;color: transparent}.hero-visual{position: relative;z-index: 2;min-width: 0}.hero-visual::before{content: '';position: absolute;inset: 8% -4% -6% 10%;background: radial-gradient(closest-side,rgba(78,190,165,0.32),transparent 72%);filter: blur(14px);z-index: -1}.browser-frame{border-radius: 14px;overflow: hidden;background: #0d2532;border: 1px solid rgba(255,255,255,0.16);box-shadow: 0 40px 90px rgba(4,16,24,0.55),0 12px 28px rgba(4,16,24,0.35);transform: perspective(1300px) rotateY(-7deg) rotateX(1.5deg);transition: transform 0.6s cubic-bezier(0.22,1,0.36,1)}.hero-visual:hover .browser-frame{transform: perspective(1300px) rotateY(-2deg) rotateX(0.5deg)}.browser-frame__bar{display: flex;align-items: center;gap: 0.45rem;padding: 0.6rem 0.85rem;background: rgba(255,255,255,0.055);border-bottom: 1px solid rgba(255,255,255,0.08)}.browser-frame__bar span{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.22)}.browser-frame__bar span:first-child{background: rgba(255,138,128,0.75)}.browser-frame__bar span:nth-child(2){background: rgba(255,213,128,0.75)}.browser-frame__bar span:nth-child(3){background: rgba(139,226,168,0.75)}.browser-frame__url{flex: 1;min-width: 0;margin-left: 0.5rem;font-size: 0.72rem;color: rgba(255,255,255,0.55);background: rgba(0,0,0,0.25);border-radius: 999px;padding: 0.28rem 0.85rem;letter-spacing: 0.03em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.browser-frame img{display: block;width: 100%;height: auto}@media (max-width: 980px){.hero{padding: 130px 0 70px;text-align: center}.hero-wrapper{grid-template-columns: 1fr;gap: 2.6rem}.hero-content{text-align: center}.hero-visual{max-width: 540px;margin: 0 auto;width: 100%}.browser-frame{transform: none}.hero-visual:hover .browser-frame{transform: none}}.service-card,.confiance-item,.use-case-card,.sector-card,.tarif-item,.client-testimonial{border: 1px solid #dee9ef;box-shadow: 0 1px 2px rgba(15,42,58,0.05),0 10px 28px rgba(15,42,58,0.06);transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.service-card:hover,.confiance-item:hover,.use-case-card:hover,.sector-card:hover,.tarif-item:hover{transform: translateY(-4px);border-color: rgba(31,79,104,0.35);box-shadow: 0 2px 4px rgba(15,42,58,0.06),0 18px 44px rgba(31,79,104,0.14)}.client-logo-card{border: 1px solid #dee9ef;box-shadow: 0 1px 2px rgba(15,42,58,0.05),0 10px 28px rgba(15,42,58,0.06)}.client-logo-card:hover{transform: translateY(-4px);box-shadow: 0 2px 4px rgba(15,42,58,0.06),0 18px 44px rgba(31,79,104,0.14)}@media (min-width: 981px){.use-cases-grid--bento{grid-template-columns: repeat(3,1fr)}.use-cases-grid--bento .use-case-card:first-child,.use-cases-grid--bento .use-case-card:last-child{grid-column: span 2}.use-cases-grid--bento .use-case-card:first-child h3{font-size: 1.4rem}}.testimonials-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: 1.6rem;max-width: 1100px;margin: 3rem auto 0}.testimonials-grid .client-testimonial{margin: 0;max-width: none}@media (min-width: 769px){.nav-menu{gap: 0.35rem}.nav-menu a{padding: 0.42rem 0.75rem;border-radius: 999px;white-space: nowrap;font-size: 0.95rem;transition: background-color 0.2s ease,color 0.2s ease}.nav-menu a::after{display: none}.nav-menu a:hover{background: rgba(31,79,104,0.08)}.nav-menu a.active{background: var(--secondary-light);color: var(--secondary-dark)}}.service-link span[aria-hidden],.sector-link span[aria-hidden],.hero-aside a span[aria-hidden]{display: inline-block;transition: transform 0.25s ease}.service-link:hover span[aria-hidden],.sector-link:hover span[aria-hidden],.hero-aside a:hover span[aria-hidden]{transform: translateX(4px)}.stats-section{background-image: radial-gradient(rgba(255,255,255,0.07) 1px,transparent 1.6px),linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);background-size: 24px 24px,auto}.cta-section{background-image: radial-gradient(rgba(255,255,255,0.06) 1px,transparent 1.6px),linear-gradient(135deg,var(--primary-color) 0%,#1a2f3d 100%);background-size: 24px 24px,auto}.fade-in{filter: none !important;transform: translateY(22px)}@media (max-width: 768px){.logo-image{width: 110px !important;height: auto}}.services,.stats-section,.use-cases,.sectors,.about,.clients-section,.contact--compact{padding: 76px 0}.section-head{max-width: 640px;margin: 0 auto 3rem;text-align: center}.section-head h2{font-family: var(--font-display);font-size: clamp(1.9rem,3vw,2.4rem);line-height: 1.15;letter-spacing: -0.02em;color: var(--primary-color);margin: 0 0 0.75rem;text-align: center}.stats-section .section-head h2{color: #ffffff}.section-head .kicker{margin-bottom: 0.55rem}.section-lead{font-size: 1.05rem;line-height: 1.65;color: var(--text-gray);margin: 0}.stats-section .section-lead{color: rgba(255,255,255,0.78)}.section-more{text-align: center;margin: 2.5rem 0 0}.confiance-grid{grid-template-columns: repeat(4,minmax(0,1fr));max-width: none;gap: 1.5rem}.confiance-item{padding: 26px 22px;border-top-width: 3px}@media (max-width: 1080px){.confiance-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.confiance-grid{grid-template-columns: 1fr}}.use-cases-grid--home{grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.5rem;margin-bottom: 0}.use-cases-grid--home .use-case-card{display: flex;flex-direction: column;padding: 1.75rem}.use-cases-grid--home .use-case-card h3{margin: 0.65rem 0 0.6rem;font-size: 1.18rem;line-height: 1.3}.use-cases-grid--home .use-case-card > p{color: var(--text-gray);font-size: 0.97rem;line-height: 1.6;margin: 0}.use-case-tag{display: inline-block;font-family: var(--font-display);font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;color: var(--secondary-color);background: var(--secondary-light);padding: 0.28rem 0.6rem;border-radius: 999px}.use-case-metric{margin: 1rem 0 0;padding-top: 0.9rem;border-top: 1px solid #e6edf1;font-size: 0.93rem;color: var(--text-gray)}.use-case-metric strong{font-family: var(--font-display);font-size: 1.15rem;color: var(--secondary-color);margin-right: 0.3rem}.use-cases-grid--home .use-case-card .service-link{margin-top: auto;padding-top: 1.1rem}@media (max-width: 780px){.use-cases-grid--home{grid-template-columns: 1fr}}.about-layout{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);gap: 3rem;align-items: start;max-width: 1080px;margin: 0 auto}.about-text .kicker,.contact-pitch .kicker{text-align: left}.about-text h2{font-family: var(--font-display);font-size: clamp(1.9rem,3vw,2.4rem);line-height: 1.15;letter-spacing: -0.02em;text-align: left;margin-bottom: 1.2rem}.about-text .lead{font-size: 1.15rem;font-weight: 500;line-height: 1.65;color: var(--primary-color);text-align: left;margin-bottom: 1.2rem}.about-text p{font-size: 1rem;line-height: 1.75;color: var(--text-gray);margin-bottom: 1.1rem}.about-text a{color: var(--secondary-color);font-weight: 600;text-decoration: underline;text-decoration-color: rgba(31,79,104,0.35);text-underline-offset: 3px;transition: text-decoration-color 0.2s ease}.about-text a:hover{text-decoration-color: var(--secondary-color)}.name-philosophy{background: transparent;box-shadow: none;backdrop-filter: none;border-left: 3px solid var(--secondary-color);border-radius: 0;padding: 0.2rem 0 0.2rem 1.4rem;margin: 1.8rem 0 0}.name-philosophy h3{font-family: var(--font-display);font-size: 1.02rem;font-weight: 700;color: var(--primary-color);margin: 0 0 0.5rem}.name-philosophy p{font-size: 0.97rem;line-height: 1.7;color: var(--text-gray);margin: 0}.about-card{background: #ffffff;border: 1px solid #dee9ef;border-radius: 16px;padding: 1.75rem;box-shadow: 0 1px 2px rgba(15,42,58,0.05),0 10px 28px rgba(15,42,58,0.06);position: sticky;top: 120px}.about-card h3{font-family: var(--font-display);font-size: 1.05rem;color: var(--primary-color);margin: 0 0 1.1rem}.about-facts{margin: 0 0 1.2rem}.about-facts > div{display: grid;grid-template-columns: 92px minmax(0,1fr);gap: 0.75rem;padding: 0.6rem 0;border-top: 1px solid #eef3f6}.about-facts > div:first-child{border-top: 0;padding-top: 0}.about-facts dt{font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.07em;color: var(--text-gray);padding-top: 0.12rem}.about-facts dd{margin: 0;font-size: 0.95rem;color: var(--primary-color);font-weight: 500}@media (max-width: 900px){.about-layout{grid-template-columns: 1fr;gap: 2rem}.about-card{position: static}}.client-logos-grid{grid-template-columns: repeat(5,minmax(0,1fr));gap: 1rem;max-width: 1080px;margin: 0 auto 3rem;padding: 0}.client-logo-card{padding: 1.5rem 1rem;gap: 0.9rem;border-radius: 14px;justify-content: center}.client-logo-card:hover{transform: translateY(-4px)}.client-logo{max-height: 52px}.client-logo--illus{max-height: 60px}.client-name{font-size: 0.85rem;font-weight: 600;color: var(--text-gray);line-height: 1.35}@media (max-width: 900px){.client-logos-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.client-logos-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.testimonials-grid{margin-top: 0}.tech-partners{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.9rem;padding: 2.5rem 0 0;margin: 0}.tech-partners__label{font-family: var(--font-display);font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.14em;color: var(--text-gray)}.tech-badges{gap: 0.5rem;max-width: none;margin: 0}.tech-badge{padding: 0.35rem 0.8rem;background: transparent;color: var(--text-gray);border: 1px solid #dbe4ea;border-radius: 999px;font-size: 0.83rem;font-weight: 500;box-shadow: none}.tech-badge:hover{transform: none;box-shadow: none;border-color: var(--secondary-color);color: var(--secondary-color)}.contact-compact-layout{display: grid;grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);gap: 3rem;align-items: start;max-width: 1080px;margin: 0 auto}.contact-pitch h2{font-family: var(--font-display);font-size: clamp(1.9rem,3vw,2.4rem);line-height: 1.15;letter-spacing: -0.02em;text-align: left;margin: 0 0 1rem}.contact-pitch > p{font-size: 1.02rem;line-height: 1.7;color: var(--text-gray);margin: 0 0 1.75rem}.contact-direct{list-style: none;margin: 0 0 1.5rem;padding: 0;display: grid;gap: 0.9rem}.contact-direct li{display: flex;align-items: center;gap: 0.75rem;font-size: 0.97rem;color: var(--text-gray)}.contact-direct svg{width: 18px;height: 18px;flex: 0 0 18px;color: var(--secondary-color)}.contact-direct a{color: var(--primary-color);font-weight: 500;text-decoration: none}.contact-direct a:hover{color: var(--secondary-color);text-decoration: underline;text-underline-offset: 3px}@media (max-width: 900px){.contact-compact-layout{grid-template-columns: 1fr;gap: 2.25rem}.contact-pitch h2{text-align: center}}.contact-icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex: 0 0 40px;border-radius: 10px;background: var(--secondary-light);color: var(--secondary-color)}.contact-icon svg{width: 20px;height: 20px}.contact-item p a{color: inherit;text-decoration: none}.contact-item p a:hover{color: var(--secondary-color) !important;text-decoration: underline;text-underline-offset: 3px}.footer-contact{list-style: none;margin: 1rem 0 0;padding: 0;display: grid;gap: 0.55rem}.footer-contact li{display: flex;align-items: center;gap: 0.6rem;font-size: 0.92rem}.footer-contact svg{width: 16px;height: 16px;flex: 0 0 16px;color: var(--secondary-color)}.footer-contact a{text-decoration: none}.footer-contact a:hover{text-decoration: underline;text-underline-offset: 3px}.use-case-tag{align-self: flex-start}.section-more .cta-button.secondary{background-color: transparent;color: var(--secondary-color);border: 2px solid var(--secondary-color)}.section-more .cta-button.secondary:hover{background-color: var(--secondary-color);color: #ffffff;box-shadow: 0 6px 20px rgba(31,79,104,0.25)}.sector-foot{flex-direction: column;align-items: flex-start;gap: 0.7rem}.page-section :is(p,li) a:not(.service-link):not(.cta-button){color: var(--secondary-color);font-weight: 600;text-decoration: underline;text-decoration-color: rgba(31,79,104,0.35);text-underline-offset: 3px;transition: text-decoration-color 0.2s ease}.page-section :is(p,li) a:not(.service-link):not(.cta-button):hover{text-decoration-color: var(--secondary-color)}.page-links{display: flex;flex-wrap: wrap;gap: 0.75rem 2.2rem;margin: 0}.metric{background: var(--secondary-light);color: var(--secondary-dark);padding: 0.35rem 0.85rem;font-weight: 600;box-shadow: none}.metric:hover{transform: none;box-shadow: none}.tech-item{background: transparent;color: var(--text-gray);border: 1px solid #dbe4ea;box-shadow: none;font-weight: 500}.tech-item:hover{transform: none;box-shadow: none;border-color: var(--secondary-color);color: var(--secondary-color)}.use-cases-grid--cases{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 920px;margin: 0 auto 3rem}.use-cases-grid--cases .use-case-card{padding: 2rem 2.25rem}.use-cases-grid--cases .use-case-card h3{font-family: var(--font-display);font-size: 1.35rem;margin: 0 0 1.1rem}.use-cases-grid--cases .use-case-highlights li{line-height: 1.7}.use-cases-grid--cases .use-case-gallery{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 1rem;margin-top: 1.25rem}.use-cases-grid--cases .use-case-gallery .shot-item{margin: 0}.use-cases-grid--cases .use-case-gallery .shot-item img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;object-position: top;border-radius: 10px;border: 1px solid #dee9ef}.use-cases-grid--cases .use-case-gallery figcaption{font-size: 0.78rem;color: var(--text-gray);margin-top: 0.45rem;text-transform: none;letter-spacing: 0}@media (max-width: 640px){.use-cases-grid--cases .use-case-card{padding: 1.5rem 1.25rem}}.shot-link{display: block}:root{--brand-teal: #12b298;--brand-teal-dark: #0b7a63;--brand-teal-ink: #0b7a66;--brand-teal-soft: rgba(18,178,152,0.12);--brand-teal-border: rgba(18,178,152,0.4)}.cta-button.primary,.contact-form button{background: linear-gradient(135deg,var(--brand-teal) 0%,var(--brand-teal-dark) 100%);box-shadow: 0 10px 24px rgba(11,122,99,0.32),0 5px 12px rgba(11,122,99,0.2)}.cta-button.primary:hover,.contact-form button:hover{background: linear-gradient(135deg,var(--brand-teal-dark) 0%,var(--brand-teal) 100%);box-shadow: 0 14px 28px rgba(11,122,99,0.4),0 7px 15px rgba(11,122,99,0.26)}.section-more .cta-button.secondary{color: var(--brand-teal-ink);border-color: var(--brand-teal-ink)}.section-more .cta-button.secondary:hover{background-color: var(--brand-teal-ink);color: #ffffff;box-shadow: 0 6px 20px rgba(11,122,99,0.28)}.service-link,.sector-link{color: var(--brand-teal-ink)}.service-link:hover,.sector-link:hover{color: var(--brand-teal-dark)}.about-text a,.page-section :is(p,li) a:not(.service-link):not(.cta-button){color: var(--brand-teal-ink);text-decoration-color: rgba(18,178,152,0.45)}.about-text a:hover,.page-section :is(p,li) a:not(.service-link):not(.cta-button):hover{text-decoration-color: var(--brand-teal-ink)}.contact-direct a:hover,.contact-item p a:hover{color: var(--brand-teal-ink) !important}.kicker{color: var(--brand-teal-ink)}.service-features li::before,.sector-features li::before{color: var(--brand-teal)}.sector-status{color: var(--brand-teal-ink)}.tarif-prix{color: var(--brand-teal-ink)}.use-case-metric strong{color: var(--brand-teal-ink)}.service-icon,.confiance-icon,.sector-icon,.contact-icon{background: var(--brand-teal-soft);color: var(--brand-teal-ink)}.contact-direct svg,.footer-contact svg{color: var(--brand-teal-ink)}.use-case-tag{background: var(--brand-teal-soft);color: var(--brand-teal-ink)}.metric{background: var(--brand-teal-soft);color: var(--brand-teal-ink)}.contact-trust-points span{background: var(--brand-teal-soft);color: var(--brand-teal-ink)}.tech-badge:hover,.tech-item:hover{border-color: var(--brand-teal-ink);color: var(--brand-teal-ink)}.use-case-card{border-top-color: var(--brand-teal)}.confiance-item{border-top-color: var(--brand-teal)}.name-philosophy{border-left-color: var(--brand-teal)}@media (min-width: 769px){.nav-menu a.active{background: var(--brand-teal-soft);color: var(--brand-teal-dark)}.nav-menu a:hover{background: rgba(18,178,152,0.09);color: var(--brand-teal-dark)}}.service-card:hover,.confiance-item:hover,.use-case-card:hover,.sector-card:hover,.tarif-item:hover{border-color: var(--brand-teal-border);box-shadow: 0 2px 4px rgba(15,42,58,0.06),0 18px 44px rgba(18,178,152,0.16)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color: var(--brand-teal);box-shadow: 0 0 0 3px var(--brand-teal-soft);outline: none}.contact-pitch{position: sticky;top: 110px}.contact-quote{margin: 2rem 0 0;padding: 1.25rem 1.4rem;background: var(--brand-teal-soft);border-left: 3px solid var(--brand-teal);border-radius: 0 12px 12px 0}.contact-quote p{font-size: 0.95rem;font-style: italic;line-height: 1.65;color: var(--primary-color);margin: 0 0 0.6rem}.contact-quote footer{font-size: 0.85rem;color: var(--text-gray)}@media (max-width: 900px){.contact-pitch{position: static}}