.header{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background-color: var(--surface);border-bottom: 1px solid var(--border);transition: all var(--transition-base)}.header.compact{--header-height: var(--header-height-compact)}.header.compact .header-inner{height: var(--header-height-compact)}.header-inner{height: var(--header-height);display: flex;align-items: center;justify-content: space-between;transition: height var(--transition-base)}.logo{font-size: 1.5rem;font-weight: 700;letter-spacing: -0.02em;color: var(--text)}.logo span{color: var(--accent)}.nav{display: none}@media (min-width: 1024px){.nav{display: flex;align-items: center;gap: var(--space-lg)}}.nav-link{font-size: 0.9375rem;color: var(--muted);position: relative;padding: var(--space-xs) 0}.nav.nav-goo{position: relative;gap: 0.25rem;padding: 0.25rem;border: 1px solid var(--border);border-radius: var(--radius-full);background-color: rgba(255, 255, 255, 0.6);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.nav.nav-goo .nav-link{position: relative;z-index: 1;padding: 0.5rem 0.875rem;border-radius: var(--radius-full)}.nav.nav-goo .nav-link::after{display: none}.nav-blob{position: absolute;left: 0;top: 0;width: 0;height: 0;border-radius: var(--radius-full);background-color: rgba(12, 63, 47, 0.14);border: 1px solid rgba(12, 63, 47, 0.12);filter: url(#webyra-goo);pointer-events: none;transform: translate3d(0, 0, 0);transition: left var(--transition-base), top var(--transition-base), width var(--transition-base), height var(--transition-base)}.nav.nav-goo .nav-link.active{color: var(--text)}.nav.nav-goo .nav-link:hover, .nav.nav-goo .nav-link:focus-visible{color: var(--text)}@media (prefers-reduced-motion: reduce){.nav-blob{filter: none;transition: none;border: none;background-color: transparent}.nav.nav-goo .nav-link::after{display: block}.nav.nav-goo .nav-link.active{background-color: var(--accent-light)}.nav.nav-goo .nav-link:hover, .nav.nav-goo .nav-link:focus-visible{background-color: var(--bg)}}.nav-link{text-decoration: none;color: var(--muted);font-weight: 500;font-size: 0.9375rem;padding: 0.625rem 1.125rem;border-radius: 2rem;position: relative;transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);isolation: isolate;letter-spacing: -0.01em}.nav-link:hover{color: var(--accent);background-color: rgba(12, 63, 47, 0.04);transform: translateY(-1px)}.nav-link.active{color: #fff;background-color: var(--accent);background-image: linear-gradient(135deg, var(--accent) 0%, #0f4b38 100%);font-weight: 500;box-shadow: 0 4px 12px rgba(12, 63, 47, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;transform: scale(1.02)}.nav-link::after{display: none}.nav-link.active:hover{transform: scale(1.04) translateY(-1px);box-shadow: 0 8px 20px rgba(12, 63, 47, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.2) inset}.nav-link.active::before{content: '';position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);opacity: 1;pointer-events: none}.header-cta{display: none}@media (min-width: 1024px){.header-cta{display: block}}.menu-toggle{display: flex;flex-direction: column;gap: 5px;padding: var(--space-xs);background: none;border: none;cursor: pointer}@media (min-width: 1024px){.menu-toggle{display: none}}.menu-toggle span{display: block;width: 24px;height: 2px;background-color: var(--text);transition: all var(--transition-base)}.menu-toggle.active span:nth-child(1){transform: rotate(45deg) translate(5px, 5px)}.menu-toggle.active span:nth-child(2){opacity: 0}.menu-toggle.active span:nth-child(3){transform: rotate(-45deg) translate(5px, -5px)}.mobile-menu{position: fixed;top: var(--header-height);left: 0;right: 0;bottom: 0;background-color: var(--surface);padding: var(--space-lg);transform: translateX(100%);transition: transform var(--transition-base);overflow-y: auto}.mobile-menu.active{transform: translateX(0)}@media (min-width: 1024px){.mobile-menu{display: none}}.mobile-nav{display: flex;flex-direction: column;gap: var(--space-md)}.mobile-nav-link{font-size: 1.5rem;font-weight: 500;color: var(--text);padding: var(--space-sm) 0;border-bottom: 1px solid var(--border)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xs);padding: 0.875rem 1.75rem;font-family: inherit;font-size: 0.9375rem;font-weight: 500;border-radius: var(--radius-full);cursor: pointer;transition: all var(--transition-base);border: none;text-decoration: none;white-space: nowrap}.btn-primary{background-color: var(--accent);color: var(--surface)}.btn-primary:hover{background-color: var(--accent-hover);transform: translateY(-2px)}.btn-secondary{background-color: transparent;color: var(--text);border: 1px solid var(--border)}.btn-secondary:hover{border-color: var(--text);background-color: var(--accent-light)}.btn-sm{padding: 0.625rem 1.25rem;font-size: 0.875rem}.btn-lg{padding: 1.125rem 2.25rem;font-size: 1rem}.btn-magnetic{position: relative;overflow: hidden}.btn-magnetic::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.2), transparent 50%);opacity: 0;transition: opacity var(--transition-fast)}.btn-magnetic:hover::before{opacity: 1}.card{background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-lg);transition: all var(--transition-base)}.card:hover{border-color: var(--accent);transform: translateY(-4px)}.card-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: var(--accent-light);border-radius: var(--radius-md);margin-bottom: var(--space-md);color: var(--accent);font-size: 1.25rem}.card-title{font-size: 1.125rem;font-weight: 600;margin-bottom: var(--space-xs)}.card-text{font-size: 0.9375rem;color: var(--muted)}.service-card{position: relative;padding: var(--space-lg);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);transition: all var(--transition-base)}.service-card::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 0;background-color: var(--accent);border-radius: var(--radius-sm);transition: height var(--transition-base)}.service-card:hover{border-color: var(--accent)}.service-card:hover::before{height: 100%}.service-card-number{font-size: 0.75rem;font-weight: 600;color: var(--accent);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-sm)}.service-card h3{font-size: 1.25rem;margin-bottom: var(--space-sm)}.pricing-card{background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 0;display: flex;flex-direction: column;transition: all var(--transition-base);overflow: visible;position: relative;min-height: 600px}.pricing-card.featured{border-color: var(--accent);border-width: 2px;box-shadow: 0 4px 24px rgba(12, 63, 47, 0.12)}.pricing-card.featured::before{content: 'Populaire';position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: linear-gradient(135deg, var(--accent) 0%, #0a3526 100%);color: var(--surface);font-size: 0.6875rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;padding: 0.375rem 1rem;border-radius: var(--radius-full);box-shadow: 0 2px 8px rgba(12, 63, 47, 0.3);z-index: 10;white-space: nowrap}.pricing-card:hover{transform: translateY(-4px);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1)}.pricing-card.featured:hover{box-shadow: 0 8px 32px rgba(12, 63, 47, 0.18)}.pricing-card-header{text-align: center;padding: var(--space-xl) var(--space-lg);background: linear-gradient(135deg, var(--accent) 0%, #0a3526 100%);position: relative;border-radius: var(--radius-lg) var(--radius-lg) 0 0}.pricing-card-header::after{content: '';position: absolute;bottom: 0;left: 10%;right: 10%;height: 1px;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%)}.pricing-card-title{font-size: 1.5rem;font-weight: 700;margin-bottom: var(--space-md);color: var(--surface);text-transform: uppercase;letter-spacing: 0.08em}.pricing-card-price{display: flex;flex-direction: column;align-items: center;gap: var(--space-xs)}.pricing-card-price-label{font-size: 0.6875rem;font-weight: 600;color: rgba(255, 255, 255, 0.75);text-transform: uppercase;letter-spacing: 0.1em}.pricing-card-price-amount{display: flex;align-items: baseline;gap: 0.3rem}.pricing-card-price-value{font-size: 2.75rem;font-weight: 800;color: var(--surface);line-height: 1;letter-spacing: -0.03em}.pricing-card-price-ht{font-size: 0.875rem;font-weight: 500;color: rgba(255, 255, 255, 0.85)}.pricing-card-price-amount--custom .pricing-card-price-value{font-size: 2.25rem;font-weight: 700}.pricing-card-features{flex: 1;padding: var(--space-xl) var(--space-lg);background: var(--surface);display: flex;flex-direction: column;gap: var(--space-xs)}.pricing-card-features li{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-xs) 0;font-size: 0.9375rem;line-height: 1.6;color: var(--text)}.pricing-card-features li::before{content: '✓';color: var(--accent);font-weight: 700;font-size: 1rem;flex-shrink: 0;margin-top: 0.125rem}.pricing-card>.btn{margin: 0 var(--space-lg) var(--space-xl);margin-top: auto;align-self: center;width: calc(100% - calc(var(--space-lg) * 2))}@media (max-width: 767px){.pricing-card{min-height: auto}.pricing-card-header{padding: var(--space-lg) var(--space-md)}.pricing-card-title{font-size: 1.25rem}.pricing-card-price-value{font-size: 2.25rem}.pricing-card-features{padding: var(--space-lg) var(--space-md)}.pricing-card>.btn{margin: 0 var(--space-md) var(--space-lg)}}.portfolio-card{position: relative;aspect-ratio: 4/3;background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;cursor: pointer}.portfolio-card-image{width: 100%;height: 100%;background-color: var(--bg);display: flex;align-items: center;justify-content: center;color: var(--muted);font-size: 0.875rem}.portfolio-card-overlay{position: absolute;inset: 0;background-color: rgba(12, 63, 47, 0.95);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-lg);opacity: 0;transition: opacity var(--transition-base)}.portfolio-card:hover .portfolio-card-overlay{opacity: 1}.portfolio-card-overlay h4{color: var(--surface);font-size: 1.25rem;margin-bottom: var(--space-xs)}.portfolio-card-overlay p{color: rgba(255, 255, 255, 0.8);font-size: 0.875rem;text-align: center}.marquee{overflow: hidden;background-color: var(--accent);padding: var(--space-sm) 0;white-space: nowrap}.marquee-track{display: flex;animation: marquee 30s linear infinite}@keyframes marquee{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation: none}}.marquee-item{flex-shrink: 0;padding: 0 var(--space-lg);font-size: 0.875rem;font-weight: 500;color: var(--surface);text-transform: uppercase;letter-spacing: 0.1em;display: flex;align-items: center;gap: var(--space-lg)}.marquee-item::after{content: '◆';font-size: 0.5rem}.accordion{border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden}.accordion-item{border-bottom: 1px solid var(--border)}.accordion-item:last-child{border-bottom: none}.accordion-trigger{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: var(--space-md) var(--space-lg);background-color: var(--surface);border: none;cursor: pointer;text-align: left;font-family: inherit;font-size: 1rem;font-weight: 500;color: var(--text);transition: background-color var(--transition-fast)}.accordion-trigger:hover{background-color: var(--bg)}.accordion-icon{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform var(--transition-base)}.accordion-icon::before{content: '+';font-size: 1.25rem;font-weight: 300}.accordion-item.active .accordion-icon{transform: rotate(45deg)}.accordion-content{max-height: 0;overflow: hidden;transition: max-height var(--transition-base)}.accordion-content-inner{padding: 0 var(--space-lg) var(--space-lg);color: var(--muted);font-size: 0.9375rem;line-height: 1.7}.timeline{position: relative;padding-left: var(--space-xl)}.timeline::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 2px;background-color: var(--border)}.timeline-item{position: relative;padding-bottom: var(--space-xl)}.timeline-item:last-child{padding-bottom: 0}.timeline-item::before{content: '';position: absolute;left: calc(-1 * var(--space-xl) - 5px);top: 0;width: 12px;height: 12px;background-color: var(--accent);border-radius: 50%}.timeline-item-number{font-size: 0.75rem;font-weight: 600;color: var(--accent);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-xs)}.timeline-item h4{font-size: 1.125rem;margin-bottom: var(--space-xs)}.timeline-item p{font-size: 0.9375rem}@media (min-width: 768px){.timeline-horizontal{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg);padding-left: 0}.timeline-horizontal::before{display: none}.timeline-horizontal .timeline-item{padding: 0;padding-top: var(--space-lg);border-top: 2px solid var(--border);position: relative}.timeline-horizontal .timeline-item::before{left: 0;top: -7px}}.trust-logos{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--space-xl);padding: var(--space-lg) 0}.trust-logo{width: 120px;height: 40px;background-color: var(--bg);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;color: var(--muted);font-size: 0.75rem;opacity: 0.6;transition: opacity var(--transition-fast)}.trust-logo:hover{opacity: 1}.stats{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-md);padding: var(--space-lg);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg)}@media (min-width: 768px){.stats{grid-template-columns: repeat(4, 1fr)}}.stat-item{text-align: center;padding: var(--space-sm)}.stat-item:not(:last-child){border-right: 1px solid var(--border)}@media (max-width: 767px){.stat-item:nth-child(2){border-right: none}.stat-item:nth-child(1), .stat-item:nth-child(2){border-bottom: 1px solid var(--border)}}.stat-icon{font-size: 1.25rem;margin-bottom: var(--space-xs)}.stat-text{font-size: 0.875rem;color: var(--muted)}.form-group{margin-bottom: var(--space-md)}.form-label{display: block;font-size: 0.875rem;font-weight: 500;margin-bottom: var(--space-xs);color: var(--text)}.form-input, .form-textarea{width: 100%;padding: 0.875rem var(--space-md);font-family: inherit;font-size: 1rem;color: var(--text);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md);transition: border-color var(--transition-fast)}.form-input:focus, .form-textarea:focus{outline: none;border-color: var(--accent)}.form-input::placeholder, .form-textarea::placeholder{color: var(--muted)}.form-textarea{min-height: 150px;resize: vertical}.form-checkbox{display: flex;align-items: flex-start;gap: var(--space-sm);cursor: pointer}.form-checkbox input{width: 20px;height: 20px;margin-top: 2px;accent-color: var(--accent);cursor: pointer}.form-checkbox span{font-size: 0.875rem;color: var(--muted)}.form-error{font-size: 0.8125rem;color: #dc2626;margin-top: var(--space-xs)}.form-success{padding: var(--space-lg);background-color: var(--accent-light);border: 1px solid var(--accent);border-radius: var(--radius-lg);text-align: center}.form-success h4{color: var(--accent);margin-bottom: var(--space-xs)}.footer{background-color: var(--text);color: var(--surface);padding: var(--space-2xl) 0 var(--space-lg)}.footer-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-xl);margin-bottom: var(--space-xl)}@media (min-width: 768px){.footer-grid{grid-template-columns: 2fr 1fr 1fr 1fr}}.footer-brand p{color: rgba(255, 255, 255, 0.7);margin-top: var(--space-sm);font-size: 0.9375rem}.footer-title{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-md);color: rgba(255, 255, 255, 0.5)}.footer-links{display: flex;flex-direction: column;gap: var(--space-sm)}.footer-link{font-size: 0.9375rem;color: rgba(255, 255, 255, 0.7);transition: color var(--transition-fast)}.footer-link:hover{color: var(--surface)}.footer-bottom{padding-top: var(--space-lg);border-top: 1px solid rgba(255, 255, 255, 0.1);display: flex;flex-direction: column;gap: var(--space-sm);font-size: 0.875rem;color: rgba(255, 255, 255, 0.5)}@media (min-width: 768px){.footer-bottom{flex-direction: row;justify-content: space-between;align-items: center}}.footer-legal{display: flex;flex-wrap: wrap;gap: var(--space-md)}.footer-legal a{color: rgba(255, 255, 255, 0.5);transition: color var(--transition-fast)}.footer-legal a:hover{color: var(--surface)}.cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;background-color: var(--surface);border-top: 1px solid var(--border);padding: var(--space-lg);z-index: 9999;transform: translateY(100%);transition: transform var(--transition-base)}.cookie-banner.active{transform: translateY(0)}.cookie-banner-content{max-width: var(--max-width);margin: 0 auto;display: flex;flex-direction: column;gap: var(--space-md)}@media (min-width: 768px){.cookie-banner-content{flex-direction: row;align-items: center;justify-content: space-between}}.cookie-banner-text{flex: 1}.cookie-banner-text h4{font-size: 1rem;margin-bottom: var(--space-xs)}.cookie-banner-text p{font-size: 0.875rem;color: var(--muted)}.cookie-banner-actions{display: flex;flex-wrap: wrap;gap: var(--space-sm)}.cookie-modal{position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10000;display: flex;align-items: center;justify-content: center;padding: var(--space-md);opacity: 0;visibility: hidden;transition: all var(--transition-base)}.cookie-modal.active{opacity: 1;visibility: visible}.cookie-modal-content{background-color: var(--surface);border-radius: var(--radius-lg);max-width: 500px;width: 100%;max-height: 90vh;overflow-y: auto}.cookie-modal-header{padding: var(--space-lg);border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between}.cookie-modal-header h3{font-size: 1.25rem}.cookie-modal-close{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: none;border: none;font-size: 1.5rem;cursor: pointer;color: var(--muted);transition: color var(--transition-fast)}.cookie-modal-close:hover{color: var(--text)}.cookie-modal-body{padding: var(--space-lg)}.cookie-option{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-md);padding: var(--space-md) 0;border-bottom: 1px solid var(--border)}.cookie-option:last-child{border-bottom: none}.cookie-option-info h4{font-size: 0.9375rem;margin-bottom: var(--space-xs)}.cookie-option-info p{font-size: 0.8125rem;color: var(--muted)}.toggle{position: relative;width: 48px;height: 28px;flex-shrink: 0}.toggle input{opacity: 0;width: 0;height: 0}.toggle-slider{position: absolute;inset: 0;background-color: var(--border);border-radius: var(--radius-full);cursor: pointer;transition: background-color var(--transition-fast)}.toggle-slider::before{content: '';position: absolute;bottom: 4px;left: 4px;width: 20px;height: 20px;background-color: var(--surface);border-radius: 50%;transition: transform var(--transition-fast)}.toggle input:checked+.toggle-slider{background-color: var(--accent)}.toggle input:checked+.toggle-slider::before{transform: translateX(20px)}.toggle input:disabled+.toggle-slider{opacity: 0.5;cursor: not-allowed}.cookie-modal-footer{padding: var(--space-lg);border-top: 1px solid var(--border);display: flex;gap: var(--space-sm);justify-content: flex-end}