/* Feuille de la page « nos-services », sortie du contenu.
   Ecrite dans la page, elle etait retelechargee a chaque visite
   d'une autre page. En fichier, le navigateur la garde. */
.aio-sv, .aio-sv * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }

    

    .aio-sv {

        font-family: 'Outfit', sans-serif !important;

        background: #020403 !important;

        color: #fefefe !important;

        line-height: 1.6 !important;

        overflow-x: hidden !important;

        width: 100% !important;

    }



    /* ANIMATIONS */

    @keyframes usGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

    @keyframes usFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

    @keyframes usPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

    @keyframes usSlide { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: translateY(0); } }

    @keyframes usRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

    @keyframes usGlow { 0%, 100% { box-shadow: 0 0 20px rgba(52, 211, 153,0.3); } 50% { box-shadow: 0 0 40px rgba(52, 211, 153,0.6); } }

    @keyframes usTypewriter { from { width: 0; } to { width: 100%; } }

    @keyframes usBlink { 50% { border-color: transparent; } }

    @keyframes usOrbit { from { transform: rotate(0deg) translateX(120px) rotate(0deg); } to { transform: rotate(360deg) translateX(120px) rotate(-360deg); } }



    .aio-sv .us-animate { opacity: 0 !important; transform: translateY(20px) !important; transition: all 0.5s ease !important; }

    .aio-sv .us-animate.us-visible { opacity: 1 !important; transform: translateY(0) !important; }



    /* BACKGROUND */

    .aio-sv .us-bg-grid {

        position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;

        pointer-events: none !important; z-index: 0 !important;

        background-image: linear-gradient(rgba(52, 211, 153,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 211, 153,0.03) 1px, transparent 1px) !important;

        background-size: 50px 50px !important;

    }

    .aio-sv .us-blob {

        position: fixed !important; border-radius: 50% !important; filter: blur(100px) !important;

        pointer-events: none !important; z-index: 0 !important; opacity: 0.3 !important;

    }

    .aio-sv .us-blob-1 { width: 400px !important; height: 400px !important; background: #34D399 !important; top: -100px !important; right: -100px !important; }

    .aio-sv .us-blob-2 { width: 350px !important; height: 350px !important; background: #06b6d4 !important; bottom: 20% !important; left: -100px !important; }

    .aio-sv .us-blob-3 { width: 300px !important; height: 300px !important; background: #10b981 !important; bottom: -80px !important; right: 20% !important; }



    /* COMMON */

    .aio-sv section { position: relative !important; z-index: 10 !important; }

    .aio-sv .us-container { max-width: 1200px !important; margin: 0 auto !important; padding: 0 5% !important; }

    .aio-sv .us-section-header { text-align: center !important; max-width: 700px !important; margin: 0 auto 45px !important; padding: 0 15px !important; }

    .aio-sv .us-badge {

        display: inline-block !important; padding: 7px 16px !important; background: rgba(52, 211, 153,0.1) !important;

        border-radius: 50px !important; font-size: 0.8rem !important; font-weight: 600 !important;

        color: #34D399 !important; margin-bottom: 12px !important; text-transform: uppercase !important; letter-spacing: 1px !important;

    }

    .aio-sv .us-title {

        font-family: 'Syne', sans-serif !important; font-size: 2.2rem !important;

        font-weight: 800 !important; color: #fefefe !important; margin-bottom: 12px !important; line-height: 1.2 !important;

    }

    .aio-sv .us-title span { color: #34D399 !important; }

    .aio-sv .us-title .green { color: #22c55e !important; }

    .aio-sv .us-title .orange { color: #fb923c !important; }

    .aio-sv .us-title .cyan { color: #06b6d4 !important; }

    .aio-sv .us-title .pink { color: #48ecd6 !important; }

    .aio-sv .us-desc { font-size: 1rem !important; color: #9ca3af !important; line-height: 1.7 !important; }



    /* BUTTONS */

    .aio-sv .us-btn {

        display: inline-flex !important; align-items: center !important; gap: 8px !important;

        padding: 13px 26px !important; border-radius: 10px !important; font-weight: 600 !important;

        font-size: 0.95rem !important; text-decoration: none !important; transition: all 0.3s ease !important; border: none !important; cursor: pointer !important;

    }

    .aio-sv .us-btn-primary { background: linear-gradient(135deg, #34D399, #22c98f) !important; color: #06231a !important; box-shadow: 0 4px 15px rgba(52, 211, 153,0.3) !important; }

    .aio-sv .us-btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 25px rgba(52, 211, 153,0.4) !important; }

    .aio-sv .us-btn-secondary { background: rgba(255,255,255,0.05) !important; color: #fefefe !important; border: 1px solid rgba(255,255,255,0.1) !important; }

    .aio-sv .us-btn-secondary:hover { background: rgba(255,255,255,0.1) !important; border-color: #34D399 !important; }



    /* ============ HERO ============ */

    .aio-sv .us-hero {

        min-height: 70vh !important; padding: 100px 5% 60px !important; position: relative !important;

        display: flex !important; align-items: center !important; overflow: hidden !important;

    }

    .aio-sv .us-hero-content {

        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 50px !important;

        max-width: 1300px !important; margin: 0 auto !important; align-items: center !important; position: relative !important; z-index: 2 !important;

    }

    .aio-sv .us-hero-text { max-width: 600px !important; }

    .aio-sv .us-hero-badge {

        display: inline-flex !important; align-items: center !important; gap: 8px !important;

        padding: 8px 16px !important; background: rgba(52, 211, 153,0.1) !important;

        border: 1px solid rgba(52, 211, 153,0.2) !important; border-radius: 50px !important;

        margin-bottom: 18px !important; font-size: 0.8rem !important; color: #a7f3d0 !important;

    }

    .aio-sv .us-hero h1 {

        font-family: 'Syne', sans-serif !important; font-size: 3rem !important;

        font-weight: 800 !important; line-height: 1.1 !important; margin-bottom: 18px !important; color: #fefefe !important;

    }

    .aio-sv .us-hero h1 .us-gradient {

        background: linear-gradient(135deg, #34D399 0%, #06b6d4 50%, #10b981 100%) !important;

        background-size: 200% auto !important; -webkit-background-clip: text !important;

        -webkit-text-fill-color: transparent !important; background-clip: text !important; animation: usGradient 5s ease infinite !important;

    }

    .aio-sv .us-hero-desc { font-size: 1.1rem !important; color: #9ca3af !important; line-height: 1.7 !important; margin-bottom: 28px !important; }

    .aio-sv .us-hero-desc strong { color: #fefefe !important; }

    .aio-sv .us-hero-btns { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; margin-bottom: 30px !important; }

    

    .aio-sv .us-hero-stats { display: flex !important; gap: 30px !important; flex-wrap: wrap !important; }

    .aio-sv .us-hstat { text-align: center !important; padding: 15px 20px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 12px !important; }

    .aio-sv .us-hstat-num { font-family: 'Syne', sans-serif !important; font-size: 1.6rem !important; font-weight: 800 !important; color: #34D399 !important; display: block !important; }

    .aio-sv .us-hstat-label { font-size: 0.75rem !important; color: #8b9aa6 !important; }



    /* HERO VISUAL - ORBITING SERVICES */

    .aio-sv .us-hero-visual { position: relative !important; height: 400px !important; display: flex !important; align-items: center !important; justify-content: center !important; }

    .aio-sv .us-orbit-center {

        width: 120px !important; height: 120px !important; background: linear-gradient(135deg, #34D399, #22c98f) !important;

        border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important;

        font-size: 2.5rem !important; box-shadow: 0 0 60px rgba(52, 211, 153,0.4) !important; animation: usGlow 3s ease-in-out infinite !important; position: relative !important; z-index: 5 !important;

    }

    .aio-sv .us-orbit-ring {

        position: absolute !important; border: 1px dashed rgba(52, 211, 153,0.2) !important; border-radius: 50% !important;

        top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;

    }

    .aio-sv .us-orbit-ring-1 { width: 240px !important; height: 240px !important; }

    .aio-sv .us-orbit-ring-2 { width: 340px !important; height: 340px !important; }

    .aio-sv .us-orbit-item {

        position: absolute !important; width: 50px !important; height: 50px !important; background: rgba(8, 16, 13,0.9) !important;

        border: 1px solid rgba(52, 211, 153,0.2) !important; border-radius: 12px !important;

        display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.3rem !important;

        top: 50% !important; left: 50% !important; margin: -25px 0 0 -25px !important;

        box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important; transition: all 0.3s ease !important;

    }

    .aio-sv .us-orbit-item:hover { transform: scale(1.2) !important; border-color: #34D399 !important; box-shadow: 0 8px 30px rgba(52, 211, 153,0.3) !important; z-index: 10 !important; }

    .aio-sv .us-orbit-item-1 { animation: usOrbit 20s linear infinite !important; }

    .aio-sv .us-orbit-item-2 { animation: usOrbit 20s linear infinite -5s !important; }

    .aio-sv .us-orbit-item-3 { animation: usOrbit 20s linear infinite -10s !important; }

    .aio-sv .us-orbit-item-4 { animation: usOrbit 20s linear infinite -15s !important; }

    .aio-sv .us-orbit-item-5 { animation: usOrbit 25s linear infinite reverse !important; animation-delay: 0s !important; }

    .aio-sv .us-orbit-item-6 { animation: usOrbit 25s linear infinite reverse !important; animation-delay: -6.25s !important; }

    .aio-sv .us-orbit-item-7 { animation: usOrbit 25s linear infinite reverse !important; animation-delay: -12.5s !important; }

    .aio-sv .us-orbit-item-8 { animation: usOrbit 25s linear infinite reverse !important; animation-delay: -18.75s !important; }

    .aio-sv .us-orbit-item-5, .aio-sv .us-orbit-item-6, .aio-sv .us-orbit-item-7, .aio-sv .us-orbit-item-8 {

        animation-name: usOrbit2 !important;

    }

    @keyframes usOrbit2 { from { transform: rotate(0deg) translateX(170px) rotate(0deg); } to { transform: rotate(360deg) translateX(170px) rotate(-360deg); } }



    /* ============ SERVICES CATEGORIES NAV ============ */

    .aio-sv .us-categories {

        padding: 0 5% 50px !important; position: relative !important; z-index: 10 !important;

    }

    .aio-sv .us-cat-nav {

        display: flex !important; gap: 10px !important; flex-wrap: wrap !important; justify-content: center !important;

        max-width: 1000px !important; margin: 0 auto !important; padding: 15px !important;

        background: rgba(255,255,255,0.02) !important; border: 1px solid rgba(255,255,255,0.05) !important; border-radius: 16px !important;

    }

    .aio-sv .us-cat-btn {

        padding: 10px 20px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.1) !important;

        border-radius: 10px !important; color: #9ca3af !important; font-size: 0.85rem !important; font-weight: 600 !important;

        cursor: pointer !important; transition: all 0.3s ease !important; text-decoration: none !important;

    }

    .aio-sv .us-cat-btn:hover, .aio-sv .us-cat-btn.active {

        background: rgba(52, 211, 153,0.1) !important; border-color: #34D399 !important; color: #34D399 !important;

    }

    .aio-sv .us-cat-btn .us-cat-icon { margin-right: 6px !important; }



    /* ============ MAIN SERVICES SECTION ============ */

    .aio-sv .us-main-services { padding: 60px 5% !important; }



    /* SERVICE CATEGORY BLOCK */

    .aio-sv .us-service-category { margin-bottom: 70px !important; }

    .aio-sv .us-cat-header {

        display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 30px !important;

        padding-bottom: 15px !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important;

    }

    .aio-sv .us-cat-icon-lg {

        width: 55px !important; height: 55px !important; border-radius: 14px !important;

        display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.5rem !important;

    }

    .aio-sv .us-cat-icon-lg.purple { background: linear-gradient(135deg, rgba(52, 211, 153,0.2), rgba(52, 211, 153,0.05)) !important; }

    .aio-sv .us-cat-icon-lg.green { background: linear-gradient(135deg, rgba(34,197,94,0.2), rgba(34,197,94,0.05)) !important; }

    .aio-sv .us-cat-icon-lg.orange { background: linear-gradient(135deg, rgba(251,146,60,0.2), rgba(251,146,60,0.05)) !important; }

    .aio-sv .us-cat-icon-lg.cyan { background: linear-gradient(135deg, rgba(6,182,212,0.2), rgba(6,182,212,0.05)) !important; }

    .aio-sv .us-cat-icon-lg.pink { background: linear-gradient(135deg, rgba(72, 236, 214,0.2), rgba(72, 236, 214,0.05)) !important; }

    .aio-sv .us-cat-icon-lg.yellow { background: linear-gradient(135deg, rgba(234,179,8,0.2), rgba(234,179,8,0.05)) !important; }

    .aio-sv .us-cat-title-group h2 {

        font-family: 'Syne', sans-serif !important; font-size: 1.5rem !important; font-weight: 800 !important; color: #fefefe !important; margin-bottom: 3px !important;

    }

    .aio-sv .us-cat-title-group p { font-size: 0.85rem !important; color: #8b9aa6 !important; }



    /* SERVICE CARDS GRID */

    .aio-sv .us-services-grid {

        display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important;

    }

    .aio-sv .us-service-card {

        background: linear-gradient(180deg, rgba(8, 16, 13,0.8) 0%, rgba(6, 10, 9,0.9) 100%) !important;

        border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 18px !important;

        padding: 28px 24px !important; position: relative !important; overflow: hidden !important;

        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;

    }

    .aio-sv .us-service-card::before {

        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important;

        width: 100% !important; height: 3px !important; background: var(--accent) !important;

        transform: scaleX(0) !important; transform-origin: left !important; transition: transform 0.4s ease !important;

    }

    .aio-sv .us-service-card:hover {

        border-color: rgba(52, 211, 153,0.2) !important; transform: translateY(-8px) !important;

        box-shadow: 0 25px 50px rgba(0,0,0,0.4) !important;

    }

    .aio-sv .us-service-card:hover::before { transform: scaleX(1) !important; }

    

    .aio-sv .us-service-card.purple { --accent: linear-gradient(90deg, #34D399, #a7f3d0) !important; }

    .aio-sv .us-service-card.green { --accent: linear-gradient(90deg, #22c55e, #4ade80) !important; }

    .aio-sv .us-service-card.orange { --accent: linear-gradient(90deg, #fb923c, #fdba74) !important; }

    .aio-sv .us-service-card.cyan { --accent: linear-gradient(90deg, #06b6d4, #22d3ee) !important; }

    .aio-sv .us-service-card.pink { --accent: linear-gradient(90deg, #48ecd6, #72f4e3) !important; }

    .aio-sv .us-service-card.yellow { --accent: linear-gradient(90deg, #eab308, #facc15) !important; }

    

    .aio-sv .us-svc-header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; margin-bottom: 15px !important; }

    .aio-sv .us-svc-icon {

        width: 50px !important; height: 50px !important; border-radius: 12px !important;

        display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.4rem !important;

    }

    .aio-sv .us-service-card.purple .us-svc-icon { background: rgba(52, 211, 153,0.15) !important; }

    .aio-sv .us-service-card.green .us-svc-icon { background: rgba(34,197,94,0.15) !important; }

    .aio-sv .us-service-card.orange .us-svc-icon { background: rgba(251,146,60,0.15) !important; }

    .aio-sv .us-service-card.cyan .us-svc-icon { background: rgba(6,182,212,0.15) !important; }

    .aio-sv .us-service-card.pink .us-svc-icon { background: rgba(72, 236, 214,0.15) !important; }

    .aio-sv .us-service-card.yellow .us-svc-icon { background: rgba(234,179,8,0.15) !important; }

    

    .aio-sv .us-svc-popular {

        padding: 4px 10px !important; background: rgba(34,197,94,0.12) !important;

        border-radius: 20px !important; font-size: 0.6rem !important; font-weight: 700 !important; color: #4ade80 !important;

    }

    .aio-sv .us-svc-new {

        padding: 4px 10px !important; background: rgba(251,146,60,0.12) !important;

        border-radius: 20px !important; font-size: 0.6rem !important; font-weight: 700 !important; color: #fdba74 !important;

    }

    

    .aio-sv .us-svc-title {

        font-family: 'Syne', sans-serif !important; font-size: 1.1rem !important; font-weight: 700 !important;

        color: #fefefe !important; margin-bottom: 8px !important;

    }

    .aio-sv .us-svc-desc { font-size: 0.85rem !important; color: #9ca3af !important; line-height: 1.6 !important; margin-bottom: 18px !important; }

    

    .aio-sv .us-svc-features { margin-bottom: 18px !important; }

    .aio-sv .us-svc-feat {

        display: flex !important; align-items: center !important; gap: 8px !important;

        font-size: 0.8rem !important; color: #8b9aa6 !important; margin-bottom: 6px !important;

    }

    .aio-sv .us-svc-feat::before {

        content: '✓' !important; color: #22c55e !important; font-weight: 700 !important; font-size: 0.7rem !important;

    }

    

    .aio-sv .us-svc-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-top: 15px !important; border-top: 1px solid rgba(255,255,255,0.06) !important; }

    .aio-sv .us-svc-price { font-size: 0.75rem !important; color: #8b9aa6 !important; }

    .aio-sv .us-svc-price strong { font-family: 'Syne', sans-serif !important; font-size: 1rem !important; font-weight: 800 !important; color: #34D399 !important; }

    .aio-sv .us-svc-link {

        display: inline-flex !important; align-items: center !important; gap: 5px !important;

        color: #34D399 !important; font-weight: 600 !important; font-size: 0.8rem !important; text-decoration: none !important; transition: gap 0.3s ease !important;

    }

    .aio-sv .us-svc-link:hover { gap: 8px !important; }



    /* ============ FEATURED SERVICE - FULL WIDTH ============ */

    .aio-sv .us-featured {

        padding: 60px 5% !important; background: linear-gradient(180deg, rgba(52, 211, 153,0.03) 0%, transparent 100%) !important;

    }

    .aio-sv .us-featured-card {

        max-width: 1200px !important; margin: 0 auto !important;

        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 50px !important;

        background: linear-gradient(145deg, rgba(8, 16, 13,0.9), rgba(6, 10, 9,0.95)) !important;

        border: 1px solid rgba(52, 211, 153,0.15) !important; border-radius: 24px !important;

        padding: 40px !important; position: relative !important; overflow: hidden !important;

    }

    .aio-sv .us-featured-card::before {

        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important;

        height: 4px !important; background: linear-gradient(90deg, #34D399, #06b6d4, #10b981) !important;

    }

    .aio-sv .us-featured-badge {

        display: inline-flex !important; align-items: center !important; gap: 6px !important;

        padding: 6px 14px !important; background: linear-gradient(135deg, rgba(52, 211, 153,0.2), rgba(6,182,212,0.2)) !important;

        border-radius: 50px !important; font-size: 0.75rem !important; font-weight: 700 !important; color: #a7f3d0 !important; margin-bottom: 15px !important;

    }

    .aio-sv .us-featured-title {

        font-family: 'Syne', sans-serif !important; font-size: 2rem !important; font-weight: 800 !important;

        color: #fefefe !important; margin-bottom: 15px !important; line-height: 1.2 !important;

    }

    .aio-sv .us-featured-desc { font-size: 1rem !important; color: #9ca3af !important; line-height: 1.7 !important; margin-bottom: 25px !important; }

    .aio-sv .us-featured-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-bottom: 25px !important; }

    .aio-sv .us-ffeat {

        display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px !important;

        background: rgba(255,255,255,0.03) !important; border-radius: 10px !important;

    }

    .aio-sv .us-ffeat-icon { font-size: 1.2rem !important; }

    .aio-sv .us-ffeat-text { font-size: 0.85rem !important; color: #fefefe !important; }

    

    .aio-sv .us-featured-visual { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; }

    .aio-sv .us-featured-mockup {

        background: linear-gradient(145deg, #08100d, #101a17) !important; border: 1px solid rgba(52, 211, 153,0.2) !important;

        border-radius: 16px !important; padding: 20px !important; width: 100% !important; max-width: 400px !important;

    }

    .aio-sv .us-mockup-header { display: flex !important; gap: 6px !important; margin-bottom: 15px !important; }

    .aio-sv .us-mockup-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; }

    .aio-sv .us-mockup-dot:nth-child(1) { background: #ef4444 !important; }

    .aio-sv .us-mockup-dot:nth-child(2) { background: #eab308 !important; }

    .aio-sv .us-mockup-dot:nth-child(3) { background: #22c55e !important; }

    .aio-sv .us-mockup-content { display: flex !important; flex-direction: column !important; gap: 10px !important; }

    .aio-sv .us-mockup-line { height: 12px !important; background: rgba(255,255,255,0.08) !important; border-radius: 6px !important; }

    .aio-sv .us-mockup-line.short { width: 60% !important; }

    .aio-sv .us-mockup-line.medium { width: 80% !important; }

    .aio-sv .us-mockup-chart {

        display: flex !important; align-items: flex-end !important; gap: 8px !important; height: 80px !important; margin-top: 10px !important;

        padding: 15px !important; background: rgba(52, 211, 153,0.05) !important; border-radius: 10px !important;

    }

    .aio-sv .us-chart-bar {

        flex: 1 !important; background: linear-gradient(180deg, #34D399, #22c98f) !important; border-radius: 4px !important;

        animation: usFloat 2s ease-in-out infinite !important;

    }

    .aio-sv .us-chart-bar:nth-child(1) { height: 40% !important; animation-delay: 0s !important; }

    .aio-sv .us-chart-bar:nth-child(2) { height: 70% !important; animation-delay: 0.2s !important; }

    .aio-sv .us-chart-bar:nth-child(3) { height: 50% !important; animation-delay: 0.4s !important; }

    .aio-sv .us-chart-bar:nth-child(4) { height: 90% !important; animation-delay: 0.6s !important; }

    .aio-sv .us-chart-bar:nth-child(5) { height: 60% !important; animation-delay: 0.8s !important; }

    .aio-sv .us-chart-bar:nth-child(6) { height: 80% !important; animation-delay: 1s !important; }



    /* ============ PROCESS SECTION ============ */

    .aio-sv .us-process { padding: 60px 5% !important; }

    .aio-sv .us-process-steps {

        display: flex !important; justify-content: space-between !important; max-width: 1100px !important; margin: 0 auto !important;

        position: relative !important;

    }

    .aio-sv .us-process-steps::before {

        content: '' !important; position: absolute !important; top: 35px !important; left: 10% !important; right: 10% !important;

        height: 2px !important; background: linear-gradient(90deg, #34D399, #06b6d4, #10b981, #fb923c) !important;

    }

    .aio-sv .us-step {

        text-align: center !important; position: relative !important; z-index: 2 !important; flex: 1 !important;

    }

    .aio-sv .us-step-num {

        width: 70px !important; height: 70px !important; margin: 0 auto 15px !important;

        background: linear-gradient(135deg, #08100d, #101a17) !important; border: 2px solid #34D399 !important;

        border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important;

        font-family: 'Syne', sans-serif !important; font-size: 1.3rem !important; font-weight: 800 !important; color: #34D399 !important;

    }

    .aio-sv .us-step:nth-child(2) .us-step-num { border-color: #06b6d4 !important; color: #06b6d4 !important; }

    .aio-sv .us-step:nth-child(3) .us-step-num { border-color: #10b981 !important; color: #10b981 !important; }

    .aio-sv .us-step:nth-child(4) .us-step-num { border-color: #fb923c !important; color: #fb923c !important; }

    .aio-sv .us-step-title { font-family: 'Syne', sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; color: #fefefe !important; margin-bottom: 5px !important; }

    .aio-sv .us-step-desc { font-size: 0.8rem !important; color: #8b9aa6 !important; max-width: 150px !important; margin: 0 auto !important; }



    /* ============ PRICING PREVIEW ============ */

    .aio-sv .us-pricing { padding: 60px 5% !important; background: rgba(52, 211, 153,0.02) !important; }

    .aio-sv .us-pricing-grid {

        display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important;

        max-width: 1200px !important; margin: 0 auto !important;

    }

    .aio-sv .us-price-card {

        background: linear-gradient(180deg, rgba(8, 16, 13,0.9), rgba(6, 10, 9,0.95)) !important;

        border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 18px !important;

        padding: 30px 25px !important; text-align: center !important; transition: all 0.3s ease !important;

    }

    .aio-sv .us-price-card:hover { border-color: rgba(52, 211, 153,0.2) !important; transform: translateY(-5px) !important; }

    .aio-sv .us-price-card.featured {

        border-color: #34D399 !important; background: linear-gradient(180deg, rgba(52, 211, 153,0.1), rgba(8, 16, 13,0.95)) !important;

        transform: scale(1.05) !important;

    }

    .aio-sv .us-price-card.featured:hover { transform: scale(1.08) translateY(-5px) !important; }

    .aio-sv .us-price-name { font-family: 'Syne', sans-serif !important; font-size: 1.1rem !important; font-weight: 700 !important; color: #fefefe !important; margin-bottom: 8px !important; }

    .aio-sv .us-price-amount { font-family: 'Syne', sans-serif !important; font-size: 2rem !important; font-weight: 800 !important; color: #34D399 !important; margin-bottom: 5px !important; }

    .aio-sv .us-price-period { font-size: 0.8rem !important; color: #8b9aa6 !important; margin-bottom: 20px !important; }

    .aio-sv .us-price-features { text-align: left !important; margin-bottom: 20px !important; }

    .aio-sv .us-price-feat { font-size: 0.8rem !important; color: #9ca3af !important; margin-bottom: 8px !important; padding-left: 20px !important; position: relative !important; }

    .aio-sv .us-price-feat::before { content: '✓' !important; position: absolute !important; left: 0 !important; color: #22c55e !important; font-weight: 700 !important; }

    .aio-sv .us-price-btn {

        display: block !important; width: 100% !important; padding: 12px !important; border-radius: 10px !important;

        font-weight: 600 !important; font-size: 0.9rem !important; text-decoration: none !important; text-align: center !important;

        background: rgba(52, 211, 153,0.1) !important; color: #34D399 !important; border: 1px solid rgba(52, 211, 153,0.2) !important;

        transition: all 0.3s ease !important;

    }

    .aio-sv .us-price-btn:hover { background: rgba(52, 211, 153,0.2) !important; }

    .aio-sv .us-price-card.featured .us-price-btn { background: linear-gradient(135deg, #34D399, #22c98f) !important; color: #06231a !important; border: none !important; }



    /* ============ FAQ ============ */

    .aio-sv .us-faq { padding: 60px 5% !important; }

    .aio-sv .us-faq-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; max-width: 1000px !important; margin: 0 auto !important; }

    .aio-sv .us-faq-item {

        background: rgba(255,255,255,0.02) !important; border: 1px solid rgba(255,255,255,0.06) !important;

        border-radius: 14px !important; padding: 20px !important; transition: all 0.3s ease !important;

    }

    .aio-sv .us-faq-item:hover { border-color: rgba(52, 211, 153,0.2) !important; }

    .aio-sv .us-faq-q { font-family: 'Syne', sans-serif !important; font-size: 0.95rem !important; font-weight: 700 !important; color: #fefefe !important; margin-bottom: 10px !important; }

    .aio-sv .us-faq-a { font-size: 0.85rem !important; color: #9ca3af !important; line-height: 1.6 !important; }



    /* ============ CTA ============ */

    .aio-sv .us-cta { padding: 50px 5% 70px !important; }

    .aio-sv .us-cta-card {

        max-width: 1000px !important; margin: 0 auto !important; padding: 50px 40px !important;

        background: linear-gradient(135deg, #22c98f 0%, #0f9d6b 100%) !important; border-radius: 24px !important;

        position: relative !important; overflow: hidden !important; text-align: center !important;

    }

    .aio-sv .us-cta-card::before { content: '' !important; position: absolute !important; top: -50% !important; right: -20% !important; width: 400px !important; height: 400px !important; background: radial-gradient(circle, rgba(255,255,255,0.1), transparent) !important; border-radius: 50% !important; }

    .aio-sv .us-cta-content { position: relative !important; z-index: 2 !important; }

    .aio-sv .us-cta-title { font-family: 'Syne', sans-serif !important; font-size: 2rem !important; font-weight: 800 !important; color: #fefefe !important; margin-bottom: 12px !important; }

    .aio-sv .us-cta-desc { font-size: 1rem !important; color: rgba(255,255,255,0.85) !important; margin-bottom: 25px !important; max-width: 500px !important; margin-left: auto !important; margin-right: auto !important; }

    .aio-sv .us-cta-btns { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; }

    .aio-sv .us-cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 14px 30px !important; border-radius: 12px !important; font-weight: 600 !important; font-size: 1rem !important; text-decoration: none !important; transition: all 0.3s ease !important; }

    .aio-sv .us-cta-btn.white { background: #fefefe !important; color: #0b6b49 !important; }

    .aio-sv .us-cta-btn.white:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; }

    .aio-sv .us-cta-btn.outline { background: rgba(255,255,255,0.1) !important; color: #fefefe !important; border: 1px solid rgba(255,255,255,0.3) !important; }



    /* ============ RESPONSIVE ============ */

    @media (max-width: 1100px) {

        .aio-sv .us-hero-content { grid-template-columns: 1fr !important; text-align: center !important; }

        .aio-sv .us-hero-text { max-width: 100% !important; margin: 0 auto !important; }

        .aio-sv .us-hero-btns { justify-content: center !important; }

        .aio-sv .us-hero-stats { justify-content: center !important; }

        .aio-sv .us-hero-visual { display: none !important; }

        .aio-sv .us-services-grid { grid-template-columns: repeat(2, 1fr) !important; }

        .aio-sv .us-pricing-grid { grid-template-columns: repeat(2, 1fr) !important; }

        .aio-sv .us-featured-card { grid-template-columns: 1fr !important; }

        .aio-sv .us-featured-visual { margin-top: 30px !important; }

    }

    @media (max-width: 900px) {

        .aio-sv .us-process-steps { flex-direction: column !important; gap: 30px !important; }

        .aio-sv .us-process-steps::before { display: none !important; }

        .aio-sv .us-faq-grid { grid-template-columns: 1fr !important; }

    }

    @media (max-width: 700px) {

        .aio-sv .us-hero { padding: 80px 4% 50px !important; min-height: auto !important; }

        .aio-sv .us-hero h1 { font-size: 2rem !important; }

        .aio-sv .us-hero-stats { flex-direction: column !important; gap: 10px !important; }

        .aio-sv .us-hstat { width: 100% !important; }

        .aio-sv .us-services-grid { grid-template-columns: 1fr !important; }

        .aio-sv .us-pricing-grid { grid-template-columns: 1fr !important; }

        .aio-sv .us-price-card.featured { transform: none !important; }

        .aio-sv .us-cat-nav { gap: 8px !important; }

        .aio-sv .us-cat-btn { padding: 8px 14px !important; font-size: 0.75rem !important; }

        .aio-sv .us-title { font-size: 1.8rem !important; }

        .aio-sv .us-featured-title { font-size: 1.6rem !important; }

        .aio-sv .us-featured-features { grid-template-columns: 1fr !important; }

        .aio-sv .us-cta-card { padding: 35px 20px !important; }

        .aio-sv .us-cta-title { font-size: 1.6rem !important; }

    }

    @media (max-width: 480px) {

        .aio-sv .us-hero h1 { font-size: 1.7rem !important; }

        .aio-sv .us-btn { width: 100% !important; justify-content: center !important; }

        .aio-sv .us-hero-btns { flex-direction: column !important; }

        .aio-sv .us-cta-btns { flex-direction: column !important; }

        .aio-sv .us-cta-btn { width: 100% !important; justify-content: center !important; }

        .aio-sv .us-cat-btn { width: 100% !important; text-align: center !important; }

    }


/* Niveau de titre remonte pour une hierarchie continue.
   L echelle globale pose un interlignage par balise : on fige
   la valeur d origine pour que le rendu ne bouge pas. */
h3.us-faq-q{line-height:30px!important;}