:root {--adux-primary:#E5413E;--adux-primary-dark:#c73631;--adux-primary-light:#ff6b68;--adux-secondary:#2C2F32;--adux-secondary-light:#393B3D;--adux-accent:#0073aa;--adux-success:#28a745;--adux-warning:#ffc107;--adux-danger:#dc3545;--adux-info:#17a2b8;--adux-white:#ffffff;--adux-black:#000000;--adux-gray-50:#f9fafb;--adux-gray-100:#f3f4f6;--adux-gray-200:#e5e7eb;--adux-gray-300:#d1d5db;--adux-gray-400:#9ca3af;--adux-gray-500:#6b7280;--adux-gray-600:#4b5563;--adux-gray-700:#374151;--adux-gray-800:#1f2937;--adux-gray-900:#111827;--font-primary:'sweet-sans-pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-secondary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code','Consolas',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--heavy:900;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--breakpoint-xs:0;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-2xl:1536px;--container-xs:100%;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--container-full:100%;--border-0:0;--border:1px;--border-2:2px;--border-4:4px;--border-8:8px;--border-radius-none:0;--border-radius-sm:0.125rem;--border-radius:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-3xl:1.5rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--shadow-none:0 0 #0000;--transition-none:none;--transition-all:all 150ms cubic-bezier(0.4,0,0.2,1);--transition:color 150ms cubic-bezier(0.4,0,0.2,1),background-color 150ms cubic-bezier(0.4,0,0.2,1),border-color 150ms cubic-bezier(0.4,0,0.2,1),text-decoration-color 150ms cubic-bezier(0.4,0,0.2,1),fill 150ms cubic-bezier(0.4,0,0.2,1),stroke 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1),box-shadow 150ms cubic-bezier(0.4,0,0.2,1),transform 150ms cubic-bezier(0.4,0,0.2,1),filter 150ms cubic-bezier(0.4,0,0.2,1),backdrop-filter 150ms cubic-bezier(0.4,0,0.2,1);--transition-colors:color 150ms cubic-bezier(0.4,0,0.2,1),background-color 150ms cubic-bezier(0.4,0,0.2,1),border-color 150ms cubic-bezier(0.4,0,0.2,1),text-decoration-color 150ms cubic-bezier(0.4,0,0.2,1),fill 150ms cubic-bezier(0.4,0,0.2,1),stroke 150ms cubic-bezier(0.4,0,0.2,1);--transition-opacity:opacity 150ms cubic-bezier(0.4,0,0.2,1);--transition-shadow:box-shadow 150ms cubic-bezier(0.4,0,0.2,1);--transition-transform:transform 150ms cubic-bezier(0.4,0,0.2,1);--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--header-height:65px;--sidebar-width:76px;--footer-height:auto;--section-padding:80px;--grid-gap:40px;--container-padding:20px} @media (min-width:480px) {:root {--container-padding:30px;--section-padding:100px} } @media (min-width:768px) {:root {--container-padding:40px;--section-padding:120px;--grid-gap:50px} } @media (min-width:1024px) {:root {--container-padding:50px;--section-padding:140px;--grid-gap:60px} } @media (min-width:1200px) {:root {--container-padding:60px;--section-padding:160px;--grid-gap:70px} } @media (min-width:1536px) {:root {--container-padding:80px;--section-padding:180px;--grid-gap:80px} } *,*::before,*::after {box-sizing:border-box;margin:0;padding:0} html {scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:auto !important;min-height:100%;overflow-x:hidden} body {font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--adux-gray-800);background-color:var(--adux-white);padding-top:var(--header-height);margin-left:var(--sidebar-width);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} h1,h2,h3,h4,h5,h6 {font-family:var(--font-primary);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-4);color:var(--adux-gray-900)} h1 {font-size:var(--text-4xl)} h2 {font-size:var(--text-4xl)} h3 {font-size:var(--text-3xl)} h4 {font-size:var(--text-2xl)} h5 {font-size:var(--text-xl)} h6 {font-size:var(--text-lg)} p {margin-bottom:var(--space-4);color:var(--adux-gray-700)} a {color:var(--adux-primary);text-decoration:none;transition:var(--transition-colors)} a:hover {color:var(--adux-primary-dark)} .adux-container {max-width:calc(var(--container-max-width) - 76px);margin:0 auto;padding:80px 20px} .adux-container-sm {max-width:var(--container-sm)} .adux-container-md {max-width:var(--container-md)} .adux-container-lg {max-width:var(--container-lg)} .adux-container-xl {max-width:var(--container-xl)} .adux-container-2xl {max-width:var(--container-2xl)} .adux-container-full {max-width:var(--container-full)} .adux-grid {display:grid;gap:var(--grid-gap)} .adux-grid-1 {grid-template-columns:repeat(1,1fr)} .adux-grid-2 {grid-template-columns:repeat(2,1fr)} .adux-grid-3 {grid-template-columns:repeat(3,1fr)} .adux-grid-4 {grid-template-columns:repeat(4,1fr)} .adux-grid-5 {grid-template-columns:repeat(5,1fr)} .adux-grid-6 {grid-template-columns:repeat(6,1fr)} .adux-grid-12 {grid-template-columns:repeat(12,1fr)} .adux-grid-auto {grid-template-columns:repeat(auto-fit,minmax(300px,1fr))} .adux-flex {display:flex} .adux-flex-col {flex-direction:column} .adux-flex-row {flex-direction:row} .adux-flex-wrap {flex-wrap:wrap} .adux-flex-nowrap {flex-wrap:nowrap} .adux-items-start {align-items:flex-start} .adux-items-center {align-items:center} .adux-items-end {align-items:flex-end} .adux-items-stretch {align-items:stretch} .adux-justify-start {justify-content:flex-start} .adux-justify-center {justify-content:center} .adux-justify-end {justify-content:flex-end} .adux-justify-between {justify-content:space-between} .adux-justify-around {justify-content:space-around} .adux-justify-evenly {justify-content:space-evenly} .adux-m-0 {margin:var(--space-0)} .adux-m-1 {margin:var(--space-1)} .adux-m-2 {margin:var(--space-2)} .adux-m-4 {margin:var(--space-4)} .adux-m-8 {margin:var(--space-8)} .adux-m-16 {margin:var(--space-16)} .adux-p-0 {padding:var(--space-0)} .adux-p-1 {padding:var(--space-1)} .adux-p-2 {padding:var(--space-2)} .adux-p-4 {padding:var(--space-4)} .adux-p-8 {padding:var(--space-8)} .adux-p-16 {padding:var(--space-16)} .adux-section {padding:var(--section-padding) 0} .adux-button {display:inline-flex;align-items:center;padding:15px 30px;background:#e5413e;color:white;font-family:'sweet-sans-pro',sans-serif;text-decoration:none;border-radius:0px 0px 35px 0px;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;border:2px solid #e5413e;position:relative;overflow:hidden;cursor:pointer} .adux-button:hover {transform:translateY(-2px);box-shadow:0 15px 40px rgba(229,65,62,0.4);color:white} .service-btn {display:inline-flex;align-items:center;padding:15px 30px;background:#e5413e;color:white;font-family:'sweet-sans-pro',sans-serif;text-decoration:none;border-radius:0px 0px 35px 0px;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;border:2px solid #e5413e;position:relative;overflow:hidden} .service-btn:hover {transform:translateY(-2px);box-shadow:0 15px 40px rgba(229,65,62,0.4);color:white} @media (max-width:768px) {.adux-button {padding:12px 25px;font-size:0.8rem} .service-btn {padding:12px 25px;font-size:0.8rem} } .adux-button:active {transform:translateY(0)} .adux-button-secondary {background:var(--adux-secondary);color:var(--adux-white)} .adux-button-outline {background:transparent;border:2px solid var(--adux-primary);color:var(--adux-primary)} .adux-button-outline:hover {background:var(--adux-primary);color:var(--adux-white)} .adux-card {background:var(--adux-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:var(--transition-all)} .adux-card:hover {box-shadow:var(--shadow-lg);transform:translateY(-4px)} .adux-text-left {text-align:left} .adux-text-center {text-align:center} .adux-text-right {text-align:right} .adux-text-primary {color:var(--adux-primary)} .adux-text-secondary {color:var(--adux-secondary)} .adux-text-white {color:var(--adux-white)} .adux-text-gray {color:var(--adux-gray-500)} .adux-bg-primary {background-color:var(--adux-primary)} .adux-bg-secondary {background-color:var(--adux-secondary)} .adux-bg-white {background-color:var(--adux-white)} .adux-bg-gray {background-color:var(--adux-gray-100)} .adux-hidden {display:none} .adux-block {display:block} .adux-inline {display:inline} .adux-inline-block {display:inline-block} .adux-relative {position:relative} .adux-absolute {position:absolute} .adux-fixed {position:fixed} .adux-sticky {position:sticky} @media (max-width:1200px) {.adux-container {padding:0 30px} } @media (max-width:991px) and (min-width:481px) {.adux-container {max-width:calc(var(--container-max-width) - 0px) !important} } @media (max-width:768px) {.adux-container {padding:0 20px} } @media (max-width:480px) {.adux-container {padding:0 15px} } @media (max-width:767px) {.adux-mobile-hidden {display:none} .adux-mobile-block {display:block} h1 {font-size:var(--text-3xl)} h2 {font-size:var(--text-2xl)} h3 {font-size:var(--text-xl)} .adux-grid-2,.adux-grid-3,.adux-grid-4 {grid-template-columns:1fr} } @media (min-width:768px) and (max-width:1023px) {.adux-tablet-hidden {display:none} .adux-tablet-block {display:block} } @media (min-width:1024px) {.adux-desktop-hidden {display:none} .adux-desktop-block {display:block} } @keyframes fadeIn {from {opacity:0;transform:translateY(20px)} to {opacity:1;transform:translateY(0)} } @keyframes slideInLeft {from {opacity:0;transform:translateX(-30px)} to {opacity:1;transform:translateX(0)} } @keyframes slideInRight {from {opacity:0;transform:translateX(30px)} to {opacity:1;transform:translateX(0)} } .adux-animate-fade-in {animation:fadeIn 0.6s ease-out} .adux-animate-slide-left {animation:slideInLeft 0.6s ease-out} .adux-animate-slide-right {animation:slideInRight 0.6s ease-out} .adux-button:focus,.adux-card:focus,a:focus {outline:2px solid var(--adux-primary);outline-offset:2px} .adux-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } img {max-width:100%;height:auto;display:block} @font-face {font-family:'sweet-sans-pro';font-display:swap;src:url('./fonts/SweetSansProRegular.otf') format('opentype')} .adux-breadcrumbs-fullwidth{background:#f8f9fa;padding:15px 0;border-bottom:1px solid #e9ecef;width:100vw;margin-left:calc(-50vw + 50%)} nav[aria-label="Fil d'ariane"] {font-family:'sweet-sans-pro',sans-serif;font-size:13px} nav[aria-label="Fil d'ariane"] ol {list-style:none;margin:0;padding:0;display:flex;align-items:center} nav[aria-label="Fil d'ariane"] li {margin-right:8px} nav[aria-label="Fil d'ariane"] li:last-child {margin-right:0} nav[aria-label="Fil d'ariane"] a {color:#666;text-decoration:none;transition:color 0.3s ease} nav[aria-label="Fil d'ariane"] a:hover {color:#E5413E} nav[aria-label="Fil d'ariane"] li:not(:last-child)::after {content:">";margin:0 8px;color:#ccc} nav[aria-label="Fil d'ariane"] li:last-child {color:#E5413E;font-weight:600} .adux-breadcrumbs-exact {background:#f8f9fa;padding:15px 0;border-bottom:1px solid #e9ecef;width:100vw;margin-left:calc(-50vw + 50%)} .adux-breadcrumbs-exact .container {max-width:1200px;margin:0 auto;padding:0 20px} .adux-breadcrumbs-exact nav[aria-label="Fil d'ariane"] ol {list-style:none;display:flex;gap:10px;margin:0;padding:0;align-items:center} .adux-breadcrumbs-exact nav[aria-label="Fil d'ariane"] li {margin:0} .adux-breadcrumbs-exact nav[aria-label="Fil d'ariane"] a {color:#666;text-decoration:none;transition:color 0.3s ease} .adux-breadcrumbs-exact nav[aria-label="Fil d'ariane"] a:hover {color:#E5413E} .adux-breadcrumbs-exact nav[aria-label="Fil d'ariane"] li:not(:last-child)::after {content:">";margin-left:10px;color:#ccc} .adux-breadcrumbs-exact nav[aria-label="Fil d'ariane"] li:last-child {color:#E5413E;font-weight:600} .adux-header {background:#2C2F32;position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,0.3)} .adux-bar {width:76px;padding:0;text-align:center;background:#fff;position:fixed;left:0;top:0;height:100vh;z-index:1000;box-shadow:0 1px 12px rgba(0,0,0,0.06);display:flex;flex-direction:column;align-items:center;justify-content:space-between} @media (max-width:991px) {.adux-bar {display:none !important} body {margin-left:0 !important} .adux-container {max-width:var(--container-max-width) !important} } .adux-logo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;margin:0;pointer-events:auto} .adux-top-bar {display:flex;align-items:center;justify-content:flex-end;gap:20px;min-height:65px;background:#2C2F32;color:white} .adux-topbar-right {display:flex;align-items:center;gap:18px} .adux-social-icons {display:flex;gap:12px;margin-right:20px} .adux-social-icons a {color:white;font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color 0.3s ease} .adux-social-icons a:hover {color:#E5413E} .adux-contact-btn {background:#E5413E;color:white;padding:18px 25px;font-size:14px;font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:1px;transition:background 0.3s ease;white-space:nowrap} .adux-contact-btn:hover {background:#c73631;color:white} #hamburger-float {position:fixed;top:20px;left:20px;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:28px;height:28px;background:transparent;cursor:pointer;padding:4px} #hamburger-float .hamburger {display:flex;flex-direction:column;gap:6px} #hamburger-float .hamburger span {width:24px;height:2px;background-color:#2C2F32;display:block} .adux-fullscreen-menu {position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:rgba(229,65,62,0.92) !important;backdrop-filter:blur(12px) !important;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease,visibility 0.3s ease;opacity:0;visibility:hidden} .adux-fullscreen-menu.open {opacity:1;visibility:visible} .adux-fullscreen-inner {text-align:center;position:relative;width:100%;max-width:800px;padding:20px} .adux-fullscreen-close {position:absolute;top:50px;right:30px;width:40px;height:45px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10000} .adux-fullscreen-close:hover {background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);transform:scale(1.1)} .adux-fullscreen-close::before,.adux-fullscreen-close::after {content:'';position:absolute;width:20px;height:2px;background:#fff;transform:rotate(45deg)} .adux-fullscreen-close::after {transform:rotate(-45deg)} .adux-fullscreen-menu-list {list-style:none;padding:0;margin:0} .adux-fullscreen-menu-list li {margin:20px 0} .adux-fullscreen-menu-list li a {font-family:'sweet-sans-pro',sans-serif;font-size:clamp(18px,3vw,26px);font-weight:800;color:#fff;text-transform:uppercase;text-decoration:none;transition:all 0.3s ease;letter-spacing:1px;position:relative;padding:8px 0} .adux-fullscreen-menu-list li a:hover {color:rgba(255,255,255,0.8);transform:translateX(10px)} .adux-fullscreen-menu-list li a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width 0.3s ease} .adux-fullscreen-menu-list li a:hover::after {width:100%} .adux-fullscreen-cta {margin-top:60px;padding:20px 0} .adux-fullscreen-cta .adux-btn {background:var(--adux-secondary);color:#fff;padding:18px 40px;font-family:'sweet-sans-pro',sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;text-decoration:none;letter-spacing:1px;border-radius:0px 0px 25px 0px;box-shadow:0 8px 25px rgba(0,0,0,0.2);transition:all 0.3s ease;cursor:pointer;display:inline-block;border:none} .adux-fullscreen-cta .adux-btn:hover {background:#1a1c1f;transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,0.3);color:#fff;text-decoration:none} .desktop-only {display:block} .mobile-only {display:none} .adux-home-logo img {width:clamp(300px,35vw,500px);height:auto;object-fit:contain} @media (min-width:992px) {.bar-hamburger.desktop-only {display:block} .bar-hamburger.mobile-only {display:none} } @media (max-width:991px) {.bar-hamburger.desktop-only {display:none} .bar-hamburger.mobile-only {display:block} .bar-hamburger.mobile-only .hamburger {display:flex;flex-direction:column;gap:4px} .bar-hamburger.mobile-only .hamburger span {width:20px;height:2px;background:#2C2F32} .adux-header .hamburger span,.bar-hamburger .hamburger span {background-color:#fff !important} .adux-social-icons{display:none} } @media (max-width:480px) {.adux-top-bar {padding:8px 15px} .adux-topbar-right {gap:15px} .adux-contact-btn {padding:6px 12px;font-size:12px} .adux-social-icons{display:none} } @media (max-width:993px) {.hamburger span,#hamburger-float .hamburger span {width:20px;height:2px} } @media (max-width:768px) {.adux-fullscreen-menu-list li a {font-size:clamp(16px,3vw,24px)} .adux-fullscreen-close {top:30px;right:20px;width:35px;height:35px} .adux-fullscreen-cta {margin-top:40px} } #adux-hero-home {position:relative;height:100vh;overflow:hidden;margin-top:-80px;padding-top:80px} .adux-hero-background {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;aspect-ratio:16/9;will-change:auto;backface-visibility:hidden;transform:translateZ(0);opacity:1 !important;visibility:visible !important;display:block !important;transition:none !important} .adux-hero-background[style*="opacity:0"],.adux-hero-background[style*="display:none"],.adux-hero-background[style*="visibility:hidden"] {opacity:1 !important;visibility:visible !important;display:block !important} .adux-hero-overlay {position:absolute;top:0;left:0;width:33%;height:100%;background:linear-gradient(135deg,var(--adux-primary) 0%,rgba(229,65,62,0.95) 100%);mix-blend-mode:multiply;z-index:1} .adux-hero-overlay::after {content:'';position:absolute;top:0;left:100%;width:203%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(44,47,50,0.85) 100%);mix-blend-mode:multiply;z-index:1} .adux-hero-container {position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start;z-index:2} .adux-hero-content-home {position:relative;color:white !important;z-index:3;margin-left:5%;margin-right:25%;animation:slideInLeft 1.2s ease-out 0.2s both} .adux-home-logo {margin-bottom:10px;margin-left:0;max-width:100%;text-align:left} .adux-home-description {margin-top:50px} .adux-home-subtitle {font-family:var(--sweetsans);font-weight:var(--heavy);font-size:clamp(26px,2.2vw,35px);color:var(--aduxwhite);text-transform:uppercase;line-height:1.3;letter-spacing:1px;margin-top:0} .adux-home-paragraph {font-family:var(--sweetsans);font-weight:bold;;font-size:clamp(20px,1.4vw,18px);color:var(--aduxwhite);line-height:1.4;margin:10px 0px} hr{border-top:1px solid #fff} @media (max-width:480px){.adux-home-description {margin-top:20px} } .adux-expertise-container {display:flex;width:100%;min-height:100vh;max-width:100%} .adux-expertise-left {width:33.333%;display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative} .adux-expertise-right {width:66.667%;display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative} .adux-expertise-values {list-style:none;padding:0;margin:0 0 40px 0;text-align:left} .adux-expertise-value {font-size:1.2rem;font-weight:700;margin-bottom:15px;display:flex;align-items:center;text-transform:uppercase;letter-spacing:0.05em;color:white} .adux-check-icon {color:white;font-size:1.5rem;margin-right:15px;font-weight:900} .adux-expertise-section .adux-hero-title {color:white !important;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;line-height:1.2;margin-bottom:30px;text-transform:uppercase;letter-spacing:-0.02em} .adux-expertise-grid {display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:100%;width:100%;box-sizing:border-box} .adux-expertise-card {background:rgba(255,255,255,0.95);padding:20px;border-radius:8px;text-align:center;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2);box-sizing:border-box;max-width:100%} .adux-expertise-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);background:rgba(255,255,255,1)} .adux-expertise-icon {width:40px;height:40px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center} .adux-expertise-icon img {width:100%;height:100%;object-fit:contain} .adux-expertise-card-title {font-size:0.9rem;font-weight:700;color:#2C2F32;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.05em;line-height:1.3} .adux-expertise-card-text {font-size:0.8rem;color:#666;line-height:1.5;margin:0} .adux-google-partner-box {position:absolute;width:150px;height:150px;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center} .google-partner-img {width:130px;height:130px;object-fit:contain} .google-partner-badge {position:absolute;top:-10px;right:-10px;background:#E5413E;color:white;font-size:0.7rem;padding:4px 8px;font-weight:bold;text-transform:uppercase} @media (max-width:1200px) {.adux-expertise-container {flex-direction:column} .adux-expertise-left,.adux-expertise-right {width:100%;padding:40px 20px} .adux-expertise-grid {grid-template-columns:1fr;gap:20px} } @media (max-width:768px) {.adux-google-partner-box {width:100px;height:100px} .adux-expertise-left,.adux-expertise-right {padding:30px 15px} .adux-expertise-section .adux-hero-title {font-size:clamp(1.2rem,4vw,2rem)} .adux-expertise-value {font-size:1rem} .adux-expertise-grid {grid-template-columns:1fr;gap:15px} .adux-expertise-card {padding:15px} .adux-expertise-card-title {font-size:0.8rem} .adux-expertise-card-text {font-size:0.7rem} } @media (max-width:991px) {.adux-expertise-section.adux-fullwidth {margin-left:0;width:100%} .adux-home-subtitle{font-size:15px} .adux-home-paragraph{font-size:13px;margin-right:20px} } .adux-next-navigation {background:#f8f9fa;border-top:1px solid #e9ecef;padding:25px 0;position:relative;z-index:100} .adux-next-nav-container {max-width:1200px;margin:0 auto;padding:0 20px} .adux-next-nav-content {display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px} .adux-next-nav-text h3 {font-size:1.4rem;font-weight:600;color:#ffffff;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.05em} .adux-next-nav-text p {font-size:0.85rem;color:#8a8a8a;margin:0;line-height:1.3} .adux-next-nav-links {display:flex;gap:40px;align-items:center;flex-wrap:wrap;justify-content:center} .adux-next-nav-link {display:flex;align-items:center;gap:10px;padding:12px 18px;color:#2C2F32;background:white;border:1px solid #e9ecef;border-radius:6px;text-decoration:none;transition:all 0.3s ease;min-width:220px;box-shadow:0 1px 3px rgba(0,0,0,0.05)} .adux-next-nav-link:hover {border-color:#e5413e;transform:translateY(-2px);box-shadow:0 8px 25px rgba(229,65,62,0.15);color:#2C2F32} .adux-next-nav-arrow {font-size:1.5rem;font-weight:900;color:#e5413e;transition:transform 0.3s ease} .adux-next-nav-link:hover .adux-next-nav-arrow {transform:translateX(5px)} .adux-next-nav-info h4 {font-size:1rem;color:#2C2F32;font-weight:600;margin:0 0 3px 0;text-transform:uppercase;letter-spacing:0.05em} .adux-next-nav-info p {font-size:0.85rem;color:#2C2F32;margin:0;line-height:1.3} .adux-next-nav-cta {display:flex;align-items:center;gap:10px;padding:12px 18px;color:white;background:#e5413e;border:1px solid #e5413e;border-radius:6px;text-decoration:none;transition:all 0.3s ease;min-width:220px;box-shadow:0 1px 3px rgba(0,0,0,0.05)} .adux-next-nav-cta:hover {background:#c73631;transform:translateY(-2px);box-shadow:0 8px 25px rgba(229,65,62,0.3);color:white} .adux-next-nav-cta-arrow {font-size:1.5rem;font-weight:900;color:white;transition:transform 0.3s ease} .adux-next-nav-cta:hover .adux-next-nav-cta-arrow {transform:translateX(5px)} @media (max-width:768px) {.adux-next-navigation {padding:20px 0} .adux-next-nav-container {padding:0 15px} .adux-next-nav-content {gap:20px} .adux-next-nav-links {gap:20px;flex-direction:column} .adux-next-nav-link,.adux-next-nav-cta {min-width:100%;justify-content:center} .adux-next-nav-text h3 {font-size:1.3rem} .adux-next-nav-text p {font-size:0.8rem} } @media (max-width:480px) {.adux-next-navigation {padding:15px 0} .adux-next-nav-container {padding:0 10px} .adux-next-nav-content {gap:15px} .adux-next-nav-links {gap:15px} .adux-next-nav-link,.adux-next-nav-cta {padding:10px 15px;min-width:100%} .adux-next-nav-info h4 {font-size:0.9rem} .adux-next-nav-info p {font-size:0.75rem} } .adux-collaboration-container {display:flex;flex-wrap:wrap;gap:60px;align-items:center;padding:50px} .adux-image-left {flex:1 1 400px;min-width:300px;height:450px;background-image:url('../../uploads/2020/09/Instagram--768x586.webp');background-size:contain;background-position:center;border-radius:8px} .adux-content-right {flex:1 1 500px;min-width:300px} .adux-section-title {font-family:'sweet-sans-pro',-apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;font-weight:800;color:#2C2F32;font-size:2rem;line-height:1.1;letter-spacing:-0.5px} .adux-section-content .adux-section-title {} .title-with-icon {display:flex;gap:10px} .title-with-icon img {height:14px} .adux-banner-wrapper {overflow:hidden;width:100%;background:#2c2f32;padding:40px 0;position:relative;z-index:400} .adux-banner-scroll {display:flex;align-items:center;gap:40px;animation:scrollBanner 30s linear infinite} .adux-banner-scroll img {height:120px;width:auto;object-fit:contain;flex-shrink:0;user-drag:none;user-select:none} @media (max-width:768px) {.adux-banner-scroll img {height:80px;width:auto} } @media (max-width:480px) {.adux-banner-scroll img {height:60px;width:auto} } .adux-banner-scroll::after {content:'';position:absolute;top:0;left:100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent)} @keyframes scrollBanner {0% {transform:translateX(0)} 100% {transform:translateX(-100%)} } .adux-static-section-1 {background:#f8f9fa;padding:80px 0;position:relative;z-index:5;border-top:1px solid #e9ecef} .adux-static-container {display:flex;flex-wrap:wrap;gap:60px;align-items:center} .adux-section-subtitle {font-family:'sweet-sans-pro',-apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;font-weight:800;color:#E5413E;font-size:15px;line-height:1.4;margin-bottom:25px;letter-spacing:0.5px} .adux-list-wrapper {max-width:500px;margin-top:30px} .adux-list-number {padding-left:20px;font-size:1vw;list-style-type:decimal} .adux-collaboration-text {color:#444;font-size:15px;line-height:1.6;margin-top:20px} .adux-performance-section {background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);padding:100px 0;position:relative;z-index:150;overflow:hidden} .performance-content {display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center;max-width:1400px;margin:0 auto;padding:0 20px} .performance-text {padding-right:40px} .performance-title {font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;color:#2C2F32;margin-bottom:15px;text-transform:uppercase;letter-spacing:-0.02em;line-height:1.1} .performance-subtitle {font-size:clamp(1.2rem,1.3vw,1.5rem);font-weight:800;color:#e5413e;margin-bottom:25px;text-transform:uppercase;line-height:1.3} .performance-description {font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:40px} .performance-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .stat-item {text-align:center;padding:20px;background:white;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);border:1px solid #f0f0f0} .stat-number {display:block;font-size:2rem;font-weight:800;color:#e5413e;margin-bottom:5px} .stat-label {display:block;font-size:0.9rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:0.5px} .performance-chart {display:flex;justify-content:center;align-items:center;padding:0} .chart-3d {width:100%;max-width:900px;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,0.1))} .bar {cursor:pointer;transition:all 0.3s ease} .bar:hover {filter:brightness(1.1);transform:scale(1.02)} @media (max-width:1024px) {.performance-content {grid-template-columns:1fr;gap:50px;text-align:center} .performance-text {padding-right:0} .performance-stats {justify-content:center} } @media (max-width:768px) {.adux-performance-section {padding:60px 0} .performance-stats {grid-template-columns:1fr;gap:20px} .stat-item {padding:15px} .stat-number {font-size:1.6rem} } .adux-fullwidth {background:#2C2F32;padding:60px 0} .adux-cta-container {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .adux-cta-title {color:#c1c1c1;margin-bottom:15px} .adux-cta-description {color:#fff} .adux-hero-marker {display:flex;align-items:center;gap:10px;margin-bottom:20px;text-align:left;justify-content:flex-start} @media (max-width:768px) {.adux-hero-marker {justify-content:center} } .adux-hero-bars {color:#e5413e;font-weight:bold} .adux-hero-title {font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;color:#2C2F32;margin-bottom:15px;text-transform:uppercase;letter-spacing:-0.02em;line-height:1.1} .adux-hero-h2 {font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;color:#e5413e;margin-bottom:10px;line-height:1.3} .adux-hero-h3 {font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;color:#666;line-height:1.4} .adux-services-pro-hero .adux-hero-container {position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:50px 20px;width:100%} .adux-services-pro-hero .adux-hero-row {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start} @media (max-width:768px) {.adux-services-pro-hero .adux-hero-row {grid-template-columns:1fr;gap:30px;text-align:center} } .adux-services-pro-hero .adux-hero-content {color:white;text-align:left;box-sizing:border-box} @media (max-width:768px) {.adux-services-pro-hero .adux-hero-content {text-align:center} } .adux-services-pro-hero .adux-hero-title {font-size:3rem;font-weight:900;text-transform:uppercase;margin-bottom:15px;line-height:1.1;color:white} .adux-services-pro-hero .adux-hero-h2 {font-size:1.5rem;font-weight:600;margin-bottom:10px;color:rgba(255,255,255,0.95)} .adux-services-pro-hero .adux-hero-h3 {font-size:1.1rem;font-weight:400;margin-bottom:30px;color:rgba(255,255,255,0.9)} .adux-section-content .adux-section-subtitle {font-family:'sweet-sans-pro',-apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;font-weight:800;color:#E5413E;font-size:15px;line-height:1.4;margin-bottom:25px;letter-spacing:0.5px} .adux-list-wrapper {max-width:500px;margin-top:30px} .adux-list-number {padding-left:20px;font-size:1rem;list-style-type:decimal} .adux-list-number li p {margin-bottom:10px;line-height:1.5} .adux-list-number a {color:#e5413e;text-decoration:none} .adux-list-number a:hover {text-decoration:underline} .adux-collaboration-text {color:#444;font-size:15px;line-height:1.6;margin-top:20px} mark {background-color:rgba(229,65,62,0.1);color:#e5413e;padding:2px 4px;border-radius:3px;font-weight:600} .adux-collaboration-text mark {background-color:rgba(229,65,62,0.1);color:#e5413e;padding:2px 4px;border-radius:3px} @media (max-width:1200px) {.adux-image-left {flex:1 1 350px;min-width:280px;height:350px} .adux-content-right {flex:1 1 450px;min-width:280px} .adux-section-content .adux-section-title {font-size:1.8rem} } @media (max-width:991px) {.adux-image-left {flex:1 1 300px;min-width:250px;height:350px} .adux-content-right {flex:1 1 400px;min-width:250px} .adux-section-content .adux-section-title {font-size:1.6rem} .adux-list-wrapper {max-width:100%} } @media (max-width:768px) {.adux-image-left {flex:1 1 100%;min-width:100%;width:100%;height:450px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat} .adux-content-right {flex:1 1 100%;min-width:auto} .adux-section-content .adux-section-title {font-size:1.4rem;text-align:center} .title-with-icon {justify-content:center} .adux-section-content .adux-section-subtitle {font-size:14px;text-align:center} .adux-list-wrapper {margin-top:20px} .adux-list-number {font-size:0.95rem;padding-left:15px} .adux-collaboration-text {font-size:14px;text-align:center} } @media (max-width:480px) {.adux-image-left {flex:1 1 100%;min-width:100%;width:100%;height:200px;margin-bottom:25px;background-size:contain;background-repeat:no-repeat} .adux-section-content .adux-section-title {font-size:1.2rem} .adux-section-content .adux-section-subtitle {font-size:13px} .adux-list-number {font-size:0.9rem;padding-left:10px} .adux-collaboration-text {font-size:13px} .title-with-icon img {height:12px} } .adux-footer {background:#393B3D;color:#fff;padding:50px 0 30px 0;font-size:15px} .footer-container.grid-footer {display:flex;justify-content:center;align-items:flex-start;max-width:1400px;margin:0 auto;gap:0} .footer-col {flex:1 1 0;min-width:220px;padding:30px 30px;display:flex;flex-direction:column;align-items:flex-start} .footer-logo-col {align-items:flex-start;justify-content:center} .footer-logo-img {max-width:60%;margin-bottom:18px} .footer-baseline {font-size:13px;letter-spacing:1px;font-weight:bold;color:#fff;opacity:0.85;margin-top:8px} .footer-title {color:#E5413E;font-weight:bold;margin-bottom:18px;letter-spacing:1px;font-size:15px;text-transform:uppercase} .footer-menu-list {list-style:none;padding:0;margin:20px} .footer-menu-list li {margin-bottom:10px} .footer-menu-list a {color:#e0e0e0;opacity:0.85;font-size:15px;transition:color 0.2s,opacity 0.2s} .footer-menu-list a:hover {color:#E5413E;opacity:1} .footer-contact-col .footer-contact-info {color:#e0e0e0;font-size:15px;margin:20px;line-height:1.7} .footer-contact-col a {color:#e0e0e0;text-decoration:none;opacity:0.85} .footer-contact-col a:hover {color:#E5413E;opacity:1} .footer-social {margin-top:10px} .footer-social a {margin-right:12px;font-size:20px;color:#e0e0e0;opacity:0.7;transition:color 0.2s,opacity 0.2s} .footer-social a:hover {color:#E5413E;opacity:1} .footer-separator {width:1px;background:rgba(255,255,255,0.13);height:120px;align-self:center} @media (max-width:900px) {.footer-container.grid-footer {flex-direction:column;align-items:stretch} .footer-separator {display:none} .footer-col {padding:20px 0;align-items:center;text-align:center} .footer-logo-col {align-items:center} } .adux-footer .footer-logo-col .adux-official-logo {max-width:250px;height:auto} .mobile-only {display:block !important;position:fixed;top:20px;left:20px;z-index:9999;pointer-events:auto} .adux-scroll-top {position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#E5413E;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:999;display:none;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3)} .adux-scroll-top:hover {background:#c73631;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.4)} .adux-scroll-top.visible {display:flex} .adux-scroll-top::before {content:"↑";font-size:20px;font-weight:bold} @media (max-width:768px) {.adux-scroll-top {bottom:20px;right:20px;width:45px;height:45px} } @media (max-width:480px) {.adux-scroll-top {bottom:15px;right:15px;width:40px;height:40px} .adux-scroll-top::before {font-size:18px} }