{"id":8400,"date":"2026-03-09T18:01:01","date_gmt":"2026-03-09T18:01:01","guid":{"rendered":"https:\/\/agro-tech-solution.com\/sapropel\/"},"modified":"2026-05-18T03:33:09","modified_gmt":"2026-05-18T03:33:09","slug":"sapropel","status":"publish","type":"page","link":"https:\/\/agro-tech-solution.com\/fr\/sapropel\/","title":{"rendered":"Saprop\u00e8le"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8400\" class=\"elementor elementor-8400 elementor-7748\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e565d4 e-con-full e-flex e-con e-parent\" data-id=\"2e565d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e167e4 elementor-widget elementor-widget-html\" data-id=\"7e167e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\");\n\n    .spxsp-root {\n        font-family: Montserrat, sans-serif;\n        background: var(--bg-1);\n        color: var(--text);\n        overflow: hidden;\n        line-height: 1.7;\n    }\n    .spxsp-root,\n    .spxsp-root * {\n        box-sizing: border-box;\n    }\n\n    .spxsp-root *,\n    .spxsp-root *::before,\n    .spxsp-root *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n    .spxsp-root {\n        --bg-1: #0a1208;\n        --bg-2: #0f1a0d;\n        --bg-3: #111d0f;\n        --white: rgba(255, 255, 255, 0.82);\n        --white-s: rgba(255, 255, 255, 0.92);\n        --text: #e8f0e4;\n        --text-dim: #7a9672;\n        --line: rgba(120, 175, 100, 0.12);\n        --green: #4fbe6c;\n        --green-2: #2e8b50;\n        --green-3: #a8d878;\n        --gold: #c9b96a;\n        --shadow: 0 22px 60px rgba(0, 0, 0, 0.45);\n        --shadow-s: 0 10px 30px rgba(0, 0, 0, 0.3);\n        --glass: rgba(15, 26, 13, 0.55);\n        --glass-b: rgba(255, 255, 255, 0.04);\n        --radius: 28px;\n        --radius-l: 38px;\n    }\n\n    \/* \u2500\u2500 UTILITIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-wrap {\n        max-width: 1320px;\n        margin: 0 auto;\n        padding: 0 28px;\n        position: relative;\n        z-index: 2;\n    }\n    .spxsp-counter-hero {\n        font-size: 25px !important;\n    }\n    .spxsp-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 7px 16px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.1);\n        border: 1px solid rgba(79, 190, 108, 0.2);\n        color: var(--green);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n    }\n    .spxsp-eyebrow::before {\n        content: \"\";\n        width: 6px;\n        height: 6px;\n        border-radius: 99px;\n        background: var(--green);\n        box-shadow: 0 0 8px var(--green);\n    }\n    .spxsp-title {\n        font-size: clamp(36px, 4.5vw, 68px);\n        line-height: 0.97;\n        letter-spacing: -0.04em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 18px;\n    }\n    .spxsp-subtext {\n        color: var(--text-dim);\n        font-size: 17px;\n        line-height: 1.85;\n        max-width: 760px;\n    }\n    .spxsp-section-head {\n        margin-bottom: 56px;\n    }\n    .spxsp-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        min-height: 56px;\n        padding: 0 28px;\n        border-radius: 16px;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 800;\n        letter-spacing: 0.03em;\n        transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n        border: none;\n        cursor: pointer;\n    }\n    .spxsp-btn-primary {\n        background: linear-gradient(135deg, var(--green-2), var(--green));\n        color: #fff;\n        box-shadow: 0 14px 32px rgba(46, 139, 80, 0.35);\n    }\n    .spxsp-btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 20px 40px rgba(46, 139, 80, 0.45);\n    }\n    .spxsp-btn-ghost {\n        background: rgba(255, 255, 255, 0.06);\n        color: var(--text);\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        backdrop-filter: blur(12px);\n    }\n    .spxsp-btn-ghost:hover {\n        background: rgba(255, 255, 255, 0.12);\n        transform: translateY(-2px);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .spxsp-hero {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    \/* \u2500\u2500 Self-hosted video background \u2500\u2500 *\/\n    .spxsp-hero__video-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        background: #060f05; \/* placeholder color while video loads *\/\n    }\n    \/*\n  HTML5 <video> \u2014 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438:\n    autoplay  \u2014 \u0441\u0442\u0430\u0440\u0442 \u043e\u0434\u0440\u0430\u0437\u0443\n    muted     \u2014 \u043e\u0431\u043e\u0432'\u044f\u0437\u043a\u043e\u0432\u043e \u0434\u043b\u044f autoplay \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445\n    loop      \u2014 \u0437\u0430\u0446\u0438\u043a\u043b\u0435\u043d\u043d\u044f\n    playsinline \u2014 \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u0430 \u043f\u043e\u0432\u0435\u0434\u0456\u043d\u043a\u0430 \u043d\u0430 iOS\n    preload=\"auto\" \u2014 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430\n*\/\n    .spxsp-hero__video-bg video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        \/* \u0437\u0430\u0432\u0436\u0434\u0438 \u0437\u0430\u043f\u043e\u0432\u043d\u044e\u0454 \u0432\u0435\u0441\u044c \u0435\u043a\u0440\u0430\u043d, \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u044e\u0447\u0438 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0456\u0457 *\/\n        min-width: 100%;\n        min-height: 100%;\n        width: auto;\n        height: auto;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n    }\n\n    \/* Fallback gradient \u2014 \u0432\u0438\u0434\u043d\u043e \u044f\u043a\u0449\u043e \u0432\u0456\u0434\u0435\u043e \u043d\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u043b\u043e\u0441\u044f *\/\n    .spxsp-hero__video-bg::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background:\n            radial-gradient(ellipse 80% 60% at 50% -10%, rgba(46, 139, 80, 0.22), transparent),\n            radial-gradient(ellipse 60% 80% at -10% 60%, rgba(79, 190, 108, 0.1), transparent), linear-gradient(180deg, #060f05 0%, #0d1a0b 50%, #0a1208 100%);\n        animation: spxsp-bgPulse 8s ease-in-out infinite alternate;\n        \/* \u0432\u0456\u0434\u0435\u043e \u043f\u0435\u0440\u0435\u043a\u0440\u0438\u0454 \u0446\u0435\u0439 \u0448\u0430\u0440, \u0430\u043b\u0435 \u044f\u043a\u0449\u043e \u0432\u0456\u0434\u0435\u043e \u043d\u0435\u043c\u0430\u0454 \u2014 \u0431\u0443\u0434\u0435 \u0432\u0438\u0434\u043d\u043e *\/\n        z-index: -1;\n    }\n    @keyframes spxsp-bgPulse {\n        0% {\n            filter: brightness(1);\n        }\n        100% {\n            filter: brightness(1.12);\n        }\n    }\n\n    .spxsp-hero__overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        background:\n            linear-gradient(180deg, rgba(6, 15, 5, 0.55) 0%, rgba(6, 15, 5, 0.3) 40%, rgba(6, 15, 5, 0.75) 100%),\n            linear-gradient(90deg, rgba(6, 15, 5, 0.7) 0%, rgba(6, 15, 5, 0.1) 55%);\n    }\n    .spxsp-hero__noise {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        opacity: 0.04;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n    }\n\n    .spxsp-hero__content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 140px 0 110px;\n    }\n    .spxsp-hero__stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }\n    .spxsp-hero__kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 28px;\n    }\n    .spxsp-hero__kicker-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 99px;\n        background: var(--green);\n        box-shadow:\n            0 0 14px var(--green),\n            0 0 28px rgba(79, 190, 108, 0.4);\n        animation: spxsp-pulse 2s ease-in-out infinite;\n    }\n    @keyframes spxsp-pulse {\n        0%,\n        100% {\n            box-shadow:\n                0 0 14px var(--green),\n                0 0 28px rgba(79, 190, 108, 0.4);\n        }\n        50% {\n            box-shadow:\n                0 0 6px var(--green),\n                0 0 14px rgba(79, 190, 108, 0.2);\n        }\n    }\n    .spxsp-hero__kicker-text {\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: var(--green-3);\n    }\n    .spxsp-hero__title {\n        font-size: clamp(48px, 6vw, 88px);\n        line-height: 0.92;\n        letter-spacing: -0.05em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 22px;\n    }\n    .spxsp-hero__title em {\n        font-style: normal;\n        color: var(--green-3);\n    }\n    .spxsp-hero__desc {\n        color: rgba(255, 255, 255, 0.62);\n        font-size: 18px;\n        line-height: 1.85;\n        max-width: 560px;\n        margin-bottom: 36px;\n    }\n    .spxsp-hero__actions {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n        margin-bottom: 56px;\n    }\n    .spxsp-hero__stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }\n    .spxsp-hero__stat {\n        padding: 20px 18px;\n        background: rgba(255, 255, 255, 0.04);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 20px;\n        backdrop-filter: blur(16px);\n    }\n    .spxsp-hero__stat strong {\n        display: block;\n        font-size: clamp(44px, 4.8vw, 60px);\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: -0.05em;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n    .spxsp-hero__stat strong .spxsp-suf {\n        font-size: 0.58em;\n        color: var(--green-3);\n    }\n    .spxsp-hero__stat span {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.55;\n    }\n    .hero__right {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    \/* orbs *\/\n    .hero__orbs {\n        position: absolute;\n        inset: -40px;\n        pointer-events: none;\n    }\n    .orb {\n        position: absolute;\n        border-radius: 99px;\n        filter: blur(40px);\n        opacity: 0.35;\n        animation: spxsp-orbFloat 7s ease-in-out infinite;\n    }\n    .orb--1 {\n        width: 280px;\n        height: 280px;\n        background: rgba(46, 139, 80, 0.5);\n        top: 10%;\n        left: 5%;\n        animation-delay: 0s;\n    }\n    .orb--2 {\n        width: 220px;\n        height: 220px;\n        background: rgba(79, 190, 108, 0.35);\n        right: 10%;\n        bottom: 15%;\n        animation-delay: -3s;\n    }\n    .orb--3 {\n        width: 160px;\n        height: 160px;\n        background: rgba(201, 185, 106, 0.2);\n        top: 55%;\n        left: 30%;\n        animation-delay: -5s;\n    }\n    @keyframes spxsp-orbFloat {\n        0%,\n        100% {\n            transform: translate(0, 0) scale(1);\n        }\n        33% {\n            transform: translate(14px, -18px) scale(1.04);\n        }\n        66% {\n            transform: translate(-10px, 12px) scale(0.97);\n        }\n    }\n    .spxsp-hero__faire d\u00e9filer {\n        position: absolute;\n        bottom: 36px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 2;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        color: rgba(255, 255, 255, 0.3);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n    }\n    .spxsp-hero__faire d\u00e9filer-line {\n        width: 1px;\n        height: 42px;\n        background: linear-gradient(180deg, rgba(79, 190, 108, 0.6), transparent);\n        animation: spxsp-faire d\u00e9filerLine 2s ease-in-out infinite;\n    }\n    @keyframes spxsp-faire d\u00e9filerLine {\n        0%,\n        100% {\n            opacity: 0.5;\n            transform: scaleY(1);\n        }\n        50% {\n            opacity: 1;\n            transform: scaleY(0.7);\n        }\n    }\n\n    \/* \u2500\u2500 Hero right: glass photo card \u2500\u2500 *\/\n    .hero-photo-card {\n        position: relative;\n        width: 100%;\n        max-width: 520px;\n    }\n    \/* \u0417\u043e\u0432\u043d\u0456\u0448\u043d\u044f \u0440\u0430\u043c\u043a\u0430 \u2014 \u0441\u043a\u043b\u043e *\/\n    .hpc-glass {\n        position: relative;\n        border-radius: var(--radius-l);\n        padding: 14px;\n        \/* \u0421\u043a\u043b\u044f\u043d\u0430 \u043f\u0456\u0434\u043b\u043e\u0436\u043a\u0430 *\/\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.08) 100%);\n        border: 1px solid rgba(255, 255, 255, 0.18);\n        box-shadow:\n            0 32px 72px rgba(0, 0, 0, 0.55),\n            inset 0 1px 0 rgba(255, 255, 255, 0.22),\n            inset 0 -1px 0 rgba(255, 255, 255, 0.06);\n        backdrop-filter: blur(24px);\n        -webkit-backdrop-filter: blur(24px);\n    }\n    \/* \u0411\u043b\u0438\u0441\u043a \u0443 \u0432\u0435\u0440\u0445\u043d\u044c\u043e\u043c\u0443 \u043b\u0456\u0432\u043e\u043c\u0443 \u043a\u0443\u0442\u0456 *\/\n    .hpc-glass::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 60%;\n        height: 50%;\n        border-radius: var(--radius-l) 0 60% 0;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 60%);\n        pointer-events: none;\n    }\n    \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0444\u0440\u0435\u0439\u043c \u0434\u043b\u044f \u0444\u043e\u0442\u043e *\/\n    .hpc-image {\n        border-radius: calc(var(--radius-l) - 10px);\n        overflow: hidden;\n        aspect-ratio: 4\/5;\n        background:\n            radial-gradient(ellipse 70% 50% at 50% 30%, rgba(79, 190, 108, 0.18), transparent), linear-gradient(170deg, #0d1e0a 0%, #0a1508 40%, #061008 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n    \/* \u042f\u043a\u0449\u043e \u0444\u043e\u0442\u043e \u043d\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043e \u2014 placeholder \u0437 \u0456\u043a\u043e\u043d\u043a\u043e\u044e *\/\n    .hpc-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        border-radius: calc(var(--radius-l) - 10px);\n    }\n    .hpc-placeholder {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 14px;\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .hpc-placeholder__icon {\n        font-size: 72px;\n        filter: drop-shadow(0 0 24px rgba(79, 190, 108, 0.5));\n        animation: spxsp-iconFloat 4s ease-in-out infinite;\n    }\n    @keyframes spxsp-iconFloat {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n        50% {\n            transform: translateY(-10px) scale(1.04);\n        }\n    }\n    .hpc-placeholder__text {\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: rgba(168, 216, 120, 0.45);\n    }\n    \/* \u041d\u0438\u0436\u043d\u0456\u0439 \u043f\u0456\u0434\u043f\u0438\u0441 \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043e\u0442\u043e *\/\n    .hpc-caption {\n        position: absolute;\n        bottom: 14px;\n        left: 14px;\n        right: 14px;\n        padding: 16px 18px;\n        border-radius: 18px;\n        background: rgba(8, 16, 7, 0.72);\n        border: 1px solid rgba(79, 190, 108, 0.18);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n    }\n    .hpc-caption__label {\n        font-size: 13px;\n        font-weight: 700;\n        color: rgba(255, 255, 255, 0.85);\n        line-height: 1.4;\n    }\n    .hpc-caption__badge {\n        flex-shrink: 0;\n        padding: 6px 12px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.15);\n        border: 1px solid rgba(79, 190, 108, 0.25);\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--green-3);\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        white-space: nowrap;\n    }\n    \/* Floating \u0431\u0435\u0439\u0434\u0436\u0438\u043a\u0438 \u0437\u043e\u0432\u043d\u0456 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n    .hv-badge {\n        position: absolute;\n        padding: 12px 18px;\n        background: rgba(8, 16, 7, 0.82);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 16px;\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--text);\n        white-space: nowrap;\n        animation: spxsp-badgeFloat 5s ease-in-out infinite;\n        box-shadow:\n            0 8px 24px rgba(0, 0, 0, 0.35),\n            inset 0 1px 0 rgba(255, 255, 255, 0.1);\n    }\n    .hv-badge--a {\n        top: -20px;\n        right: 12px;\n        animation-delay: 0s;\n    }\n    .hv-badge--b {\n        bottom: -20px;\n        left: 10px;\n        animation-delay: -2.5s;\n    }\n    .hv-badge em {\n        color: var(--green-3);\n        font-style: normal;\n    }\n    @keyframes spxsp-badgeFloat {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-8px);\n        }\n    }\n\n    \/* \u2500\u2500 STATS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-statsbar {\n        padding: 50px 0;\n        border-top: 1px solid var(--line);\n        border-bottom: 1px solid var(--line);\n        background: rgba(255, 255, 255, 0.015);\n    }\n    .spxsp-statsbar__inner {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n    }\n    .spxsp-stat-item {\n        padding: 28px 32px;\n        border-right: 1px solid var(--line);\n        text-align: center;\n    }\n    .spxsp-stat-item:last-child {\n        border-right: none;\n    }\n    .spxsp-stat-item__num {\n        font-size: clamp(38px, 4vw, 58px);\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: -0.06em;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n    .spxsp-stat-item__num span {\n        color: var(--green-3);\n    }\n    .spxsp-stat-item__label {\n        font-size: 13px;\n        color: var(--text-dim);\n        font-weight: 600;\n        line-height: 1.5;\n    }\n\n    \/* \u2500\u2500 LAYERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-layers-section {\n        padding: 120px 0;\n        position: relative;\n        overflow: hidden;\n    }\n    .spxsp-layers-section::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(46, 139, 80, 0.07), transparent);\n    }\n    .spxsp-layers-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }\n    .spxsp-layers-info__desc {\n        color: var(--text-dim);\n        font-size: 17px;\n        line-height: 1.9;\n        margin-bottom: 20px;\n    }\n    .spxsp-layers-pills {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin-top: 28px;\n    }\n    .spxsp-pill {\n        padding: 9px 18px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.08);\n        border: 1px solid rgba(79, 190, 108, 0.15);\n        color: var(--green-3);\n        font-size: 13px;\n        font-weight: 700;\n        cursor: default;\n        transition: 0.25s;\n    }\n    .spxsp-pill:hover {\n        background: rgba(79, 190, 108, 0.16);\n        border-color: rgba(79, 190, 108, 0.3);\n    }\n\n    \/* Diagram *\/\n    .spxsp-ld-scene {\n        position: relative; \/* \u2190 \u0444\u0456\u043a\u0441\u0443\u0454 \u043f\u043e\u0437\u0438\u0446\u0456\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f ld-panel \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 *\/\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        box-shadow: var(--shadow);\n        min-height: 580px;\n        background: #040c04;\n    }\n    .spxsp-ld-water {\n        position: relative;\n        height: 130px;\n        background: linear-gradient(180deg, #0d2535 0%, #0a3020 100%);\n        overflow: hidden;\n    }\n    .spxsp-ld-water__label {\n        position: absolute;\n        top: 14px;\n        left: 20px;\n        z-index: 3;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: rgba(150, 220, 255, 0.55);\n    }\n    .spxsp-wave {\n        position: absolute;\n        width: 200%;\n        height: 60px;\n        border-radius: 50%;\n        bottom: 0;\n        animation: spxsp-wave 5s linear infinite;\n    }\n    .spxsp-wave--1 {\n        background: rgba(20, 80, 120, 0.6);\n        bottom: 10px;\n        animation-duration: 6s;\n    }\n    .spxsp-wave--2 {\n        background: rgba(16, 65, 100, 0.5);\n        bottom: 0;\n        animation-duration: 9s;\n        animation-direction: reverse;\n        opacity: 0.7;\n    }\n    @keyframes spxsp-wave {\n        0% {\n            transform: translateX(0);\n        }\n        100% {\n            transform: translateX(-50%);\n        }\n    }\n    .spxsp-bubbles {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .bubble {\n        position: absolute;\n        border-radius: 99px;\n        background: rgba(100, 200, 255, 0.25);\n        animation: spxsp-bubbleUp 4s ease-in infinite;\n    }\n    @keyframes spxsp-bubbleUp {\n        0% {\n            transform: translateY(0);\n            opacity: 0.6;\n        }\n        100% {\n            transform: translateY(-120px);\n            opacity: 0;\n        }\n    }\n\n    .spxsp-ld-saprop\u00e8le {\n        position: relative;\n        height: 210px;\n        background: linear-gradient(180deg, #213d14 0%, #18300a 45%, #112508 100%);\n        cursor: pointer;\n        transition: 0.35s ease;\n        overflow: hidden;\n        \/* \u0417\u0432\u0435\u0440\u0445\u0443 \u0456 \u0437\u043d\u0438\u0437\u0443 \u2014 \u044f\u0441\u043a\u0440\u0430\u0432\u0456 \u0437\u0435\u043b\u0435\u043d\u0456 \u0441\u043c\u0443\u0433\u0438 *\/\n        box-shadow:\n            inset 0 4px 0 rgba(168, 216, 120, 0.8),\n            inset 0 -4px 0 rgba(79, 190, 108, 0.6),\n            0 0 0 1px rgba(79, 190, 108, 0.25),\n            0 -6px 24px rgba(79, 190, 108, 0.18),\n            0 6px 24px rgba(79, 190, 108, 0.14);\n    }\n    .spxsp-ld-saprop\u00e8le:hover {\n        filter: brightness(1.15);\n    }\n\n    \/* \u041b\u0456\u0432\u0430 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0430 \u043b\u0456\u043d\u0456\u044f-\u0430\u043a\u0446\u0435\u043d\u0442 \u2014 \"\u043a\u043b\u044e\u0447\u043e\u0432\u0438\u0439 \u0448\u0430\u0440\" *\/\n    .spxsp-ld-saprop\u00e8le__accent {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        width: 5px;\n        z-index: 4;\n        background: linear-gradient(180deg, rgba(168, 216, 120, 0) 0%, rgba(168, 216, 120, 1) 30%, rgba(79, 190, 108, 1) 70%, rgba(79, 190, 108, 0) 100%);\n        box-shadow: 2px 0 14px rgba(79, 190, 108, 0.6);\n        animation: spxsp-accentPulse 2.5s ease-in-out infinite alternate;\n    }\n    @keyframes spxsp-accentPulse {\n        0% {\n            opacity: 0.6;\n            box-shadow: 2px 0 8px rgba(79, 190, 108, 0.4);\n        }\n        100% {\n            opacity: 1;\n            box-shadow: 2px 0 20px rgba(168, 216, 120, 0.9);\n        }\n    }\n\n    \/* \u041f\u0443\u043b\u044c\u0441\u0443\u044e\u0447\u0456 \u0432\u0435\u0440\u0445\u043d\u044f \u0456 \u043d\u0438\u0436\u043d\u044f \u043b\u0456\u043d\u0456\u0457 *\/\n    .spxsp-ld-saprop\u00e8le::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 3;\n        border-top: 2px solid rgba(168, 216, 120, 0.75);\n        border-bottom: 2px solid rgba(79, 190, 108, 0.55);\n        animation: spxsp-sapGlow 2.8s ease-in-out infinite alternate;\n    }\n    @keyframes spxsp-sapGlow {\n        0% {\n            border-top-color: rgba(79, 190, 108, 0.5);\n            border-bottom-color: rgba(79, 190, 108, 0.35);\n            box-shadow: inset 0 0 30px rgba(79, 190, 108, 0.06);\n        }\n        100% {\n            border-top-color: rgba(168, 216, 120, 1);\n            border-bottom-color: rgba(79, 190, 108, 0.8);\n            box-shadow: inset 0 0 60px rgba(79, 190, 108, 0.18);\n        }\n    }\n    \/* \u0417\u0435\u043b\u0435\u043d\u0438\u0439 \u0440\u0430\u0434\u0456\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0456\u0434\u0431\u043b\u0438\u0441\u043a *\/\n    .spxsp-ld-saprop\u00e8le::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        background:\n            radial-gradient(ellipse 70% 50% at 45% 40%, rgba(79, 190, 108, 0.18), transparent),\n            radial-gradient(ellipse 25% 80% at 8% 50%, rgba(168, 216, 120, 0.1), transparent);\n    }\n\n    .spxsp-ld-saprop\u00e8le__particles {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .particle {\n        position: absolute;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.4);\n        animation: spxsp-particleDrift 8s ease-in-out infinite;\n    }\n    @keyframes spxsp-particleDrift {\n        0%,\n        100% {\n            transform: translate(0, 0);\n            opacity: 0.35;\n        }\n        50% {\n            transform: translate(14px, -9px);\n            opacity: 0.85;\n        }\n    }\n\n    .spxsp-ld-saprop\u00e8le__label {\n        position: absolute;\n        top: 18px;\n        left: 22px;\n        z-index: 4;\n    }\n    .spxsp-ld-saprop\u00e8le__name {\n        font-size: 20px;\n        font-weight: 900;\n        color: #fff;\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n        margin-bottom: 7px;\n        text-shadow:\n            0 0 28px rgba(168, 216, 120, 0.9),\n            0 2px 8px rgba(0, 0, 0, 0.6);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    .spxsp-ld-saprop\u00e8le__key-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        padding: 4px 11px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.28);\n        border: 1px solid rgba(168, 216, 120, 0.65);\n        font-size: 9px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        color: var(--green-3);\n        text-transform: uppercase;\n        box-shadow:\n            0 0 12px rgba(79, 190, 108, 0.5),\n            inset 0 1px 0 rgba(255, 255, 255, 0.1);\n        animation: spxsp-sapGlow 2.8s ease-in-out infinite alternate;\n    }\n    .spxsp-ld-saprop\u00e8le__key-badge::before {\n        content: \"\";\n        width: 5px;\n        height: 5px;\n        border-radius: 99px;\n        background: var(--green-3);\n        box-shadow: 0 0 6px var(--green);\n    }\n    .spxsp-ld-saprop\u00e8le__sub {\n        font-size: 12px;\n        color: rgba(168, 216, 120, 0.8);\n        font-weight: 600;\n        letter-spacing: 0.02em;\n    }\n    .spxsp-ld-depth {\n        position: absolute;\n        right: 18px;\n        top: 50%;\n        transform: translateY(-50%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 6px;\n    }\n    .spxsp-ld-depth__line {\n        width: 2px;\n        background: linear-gradient(180deg, var(--green-3), rgba(168, 216, 120, 0.1));\n        border-radius: 99px;\n        animation: spxsp-depthGrow 3s ease-in-out infinite alternate;\n    }\n    @keyframes spxsp-depthGrow {\n        0% {\n            height: 60px;\n            opacity: 0.5;\n        }\n        100% {\n            height: 90px;\n            opacity: 1;\n        }\n    }\n    .spxsp-ld-depth__val {\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--green-3);\n        letter-spacing: 0.1em;\n    }\n    .spxsp-ld-tooltip {\n        display: none;\n        position: absolute;\n        left: 20px;\n        bottom: 14px;\n        background: rgba(20, 40, 15, 0.9);\n        border: 1px solid rgba(79, 190, 108, 0.25);\n        border-radius: 14px;\n        padding: 12px 16px;\n        font-size: 12px;\n        color: var(--text-dim);\n        max-width: 280px;\n        line-height: 1.7;\n        backdrop-filter: blur(14px);\n        z-index: 5;\n    }\n    .spxsp-ld-saprop\u00e8le:hover .spxsp-ld-tooltip {\n        display: block;\n    }\n\n    .spxsp-ld-mineral {\n        position: relative;\n        height: 130px;\n        background: linear-gradient(180deg, #1c1810 0%, #141007 100%);\n        overflow: hidden;\n    }\n    .spxsp-ld-mineral__label {\n        position: absolute;\n        top: 14px;\n        left: 20px;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: rgba(180, 160, 100, 0.45);\n    }\n    .spxsp-ld-mineral__dots {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .mdot {\n        position: absolute;\n        background: rgba(160, 130, 70, 0.2);\n    }\n\n    .spxsp-ld-bedrock {\n        position: relative;\n        height: 120px;\n        background: linear-gradient(180deg, #100e08 0%, #0a0806 100%);\n        overflow: hidden;\n    }\n    .spxsp-ld-bedrock__label {\n        position: absolute;\n        top: 14px;\n        left: 20px;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: rgba(140, 120, 80, 0.35);\n    }\n    .crack {\n        position: absolute;\n        width: 1px;\n        background: rgba(120, 100, 60, 0.18);\n        transform-origin: top;\n    }\n\n    .spxsp-ld-panel {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 18px 22px;\n        background: rgba(10, 18, 8, 0.85);\n        border-top: 1px solid rgba(79, 190, 108, 0.12);\n        backdrop-filter: blur(16px);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    .ld-panel__hint {\n        font-size: 12px;\n        color: var(--text-dim);\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n    .spxsp-ld-panel__tags {\n        display: flex;\n        gap: 8px;\n    }\n    .spxsp-ld-tag {\n        padding: 5px 12px;\n        border-radius: 99px;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n    }\n    .spxsp-ld-tag--g {\n        background: rgba(79, 190, 108, 0.12);\n        color: var(--green);\n        border: 1px solid rgba(79, 190, 108, 0.2);\n    }\n    .spxsp-ld-tag--w {\n        background: rgba(80, 160, 220, 0.1);\n        color: #6cb8e8;\n        border: 1px solid rgba(80, 160, 220, 0.18);\n    }\n    .spxsp-ld-tag--e {\n        background: rgba(180, 160, 80, 0.1);\n        color: #c9b06a;\n        border: 1px solid rgba(180, 160, 80, 0.18);\n    }\n\n    \/* \u2500\u2500 VIDEO SHOWCASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-video-showcase {\n        padding: 120px 0;\n        background: rgba(0, 0, 0, 0.2);\n        position: relative;\n        overflow: hidden;\n    }\n    .spxsp-video-showcase::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(79, 190, 108, 0.3), transparent);\n    }\n    .spxsp-vs-grid {\n        display: grid;\n        grid-template-columns: 1.4fr 1fr;\n        gap: 24px;\n        align-items: start;\n    }\n    .spxsp-vs-main {\n        position: relative;\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: var(--shadow);\n    }\n    .spxsp-vs-main__video {\n        width: 100%;\n        display: block;\n        aspect-ratio: 16\/9;\n        background: #0a1208;\n    }\n    .spxsp-vs-main__video iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        display: block;\n    }\n    .spxsp-vs-main__caption {\n        padding: 24px 26px;\n        background: var(--glass);\n        backdrop-filter: blur(16px);\n        border-top: 1px solid var(--line);\n    }\n    .spxsp-vs-main__tag {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 8px;\n        display: block;\n    }\n    .spxsp-vs-main__title {\n        font-size: 22px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 6px;\n        line-height: 1.2;\n    }\n    .spxsp-vs-main__sub {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.65;\n    }\n\n    .spxsp-vs-stack {\n        display: grid;\n        grid-template-rows: auto auto;\n        gap: 20px;\n    }\n    .spxsp-vs-card {\n        border-radius: var(--radius);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        box-shadow: var(--shadow-s);\n        background: rgba(255, 255, 255, 0.02);\n        transition: 0.3s ease;\n        cursor: pointer;\n    }\n    .spxsp-vs-card:hover {\n        border-color: rgba(79, 190, 108, 0.25);\n        transform: translateY(-2px);\n    }\n    .spxsp-vs-card__video {\n        width: 100%;\n        display: block;\n        aspect-ratio: 16\/9;\n        background: #090f08;\n    }\n    .spxsp-vs-card__video iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        display: block;\n    }\n    .spxsp-vs-card__ .spxsp-vs-card__tag {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 6px;\n        display: block;\n    }\n    .spxsp-vs-card__title {\n        font-size: 17px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 4px;\n        line-height: 1.2;\n    }\n    .spxsp-vs-card__sub {\n        font-size: 13px;\n        color: var(--text-dim);\n    }\n\n    \/* \u2500\u2500 ABOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-about {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        align-items: stretch;\n        overflow: hidden;\n        padding: 0;\n        background: #071006;\n    }\n    .spxsp-about__video-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        background: #071006;\n    }\n    .spxsp-about__video-bg iframe {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 177.77777778vh;\n        height: 56.25vw;\n        min-width: 100%;\n        min-height: 100%;\n        transform: translate(-50%, -50%) scale(1.08);\n        border: 0;\n        pointer-events: none;\n        filter: saturate(0.95) brightness(0.82) contrast(1.04);\n    }\n    .spxsp-about__video-bg::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n    }\n    .spxsp-about__noise {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        opacity: 0.045;\n        pointer-events: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n    }\n    .spxsp-about__grid {\n        position: relative;\n        z-index: 2;\n        min-height: 100vh;\n        display: grid;\n        grid-template-columns: minmax(0, 760px) 1fr;\n        align-items: center;\n        gap: 40px;\n        padding: 120px 0;\n    }\n    .spxsp-about__media {\n        display: none;\n    }\n    .spxsp-about__content {\n        max-width: 720px;\n    }\n    .spxsp-about .spxsp-eyebrow {\n        background: rgba(255, 255, 255, 0.08);\n        border-color: rgba(255, 255, 255, 0.12);\n        color: #d8f5c6;\n        backdrop-filter: blur(14px);\n    }\n    .spxsp-about .spxsp-eyebrow::before {\n        background: var(--green-3);\n        box-shadow: 0 0 10px var(--green-3);\n    }\n    .spxsp-about .spxsp-title {\n        max-width: 720px;\n        margin-bottom: 20px;\n        text-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);\n    }\n    .spxsp-about__desc {\n        max-width: 620px;\n        color: rgba(255, 255, 255, 0.76);\n        font-size: 18px;\n        line-height: 1.85;\n        margin-bottom: 0;\n        text-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);\n    }\n    .spxsp-about__features {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 14px;\n        margin-top: 32px;\n        max-width: 840px;\n    }\n    .spxsp-feat {\n        min-height: 132px;\n        padding: 18px 18px 16px;\n        border-radius: 22px;\n        background: rgba(8, 18, 7, 0.48);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);\n        transition: 0.3s ease;\n    }\n    .spxsp-feat:hover {\n        background: rgba(20, 42, 16, 0.58);\n        border-color: rgba(168, 216, 120, 0.24);\n        transform: translateY(-3px);\n    }\n    .spxsp-feat__icon {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        margin-bottom: 12px;\n        border-radius: 14px;\n        background: rgba(168, 216, 120, 0.12);\n        font-size: 20px;\n    }\n    .spxsp-feat__name {\n        font-size: 15px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 6px;\n        line-height: 1.3;\n    }\n    .spxsp-feat__text {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.64);\n        line-height: 1.65;\n    }\n    .spxsp-about__mini-card {\n        display: inline-flex;\n        align-items: center;\n        gap: 14px;\n        margin-top: 22px;\n        padding: 14px 18px;\n        width: auto;\n        max-width: 440px;\n        background: rgba(8, 18, 7, 0.56);\n        border: 1px solid rgba(255, 255, 255, 0.11);\n        border-radius: 18px;\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.2);\n        animation: none;\n        position: static;\n    }\n    .spxsp-about__mini-card__num {\n        font-size: 34px;\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: -0.05em;\n        line-height: 1;\n        margin-bottom: 0;\n        white-space: nowrap;\n    }\n    .spxsp-about__mini-card__label {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.68);\n        line-height: 1.55;\n    }\n\n    \/* \u2500\u2500 BENEFITS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .benefits {\n        padding: 120px 0;\n        background: rgba(0, 0, 0, 0.15);\n        position: relative;\n        overflow: hidden;\n    }\n    .benefits::after {\n        content: \"\";\n        position: absolute;\n        right: -200px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 600px;\n        height: 600px;\n        border-radius: 99px;\n        background: radial-gradient(circle, rgba(46, 139, 80, 0.08), transparent 70%);\n        pointer-events: none;\n    }\n    .spxsp-ben-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n    .spxsp-ben {\n        padding: 32px 28px;\n        border-radius: var(--radius);\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        position: relative;\n        overflow: hidden;\n        transition: 0.4s ease;\n        cursor: default;\n    }\n    .spxsp-ben:hover {\n        background: rgba(79, 190, 108, 0.05);\n        border-color: rgba(79, 190, 108, 0.2);\n    }\n    .spxsp-ben__num {\n        font-size: 72px;\n        font-weight: 900;\n        color: rgba(79, 190, 108, 0.07);\n        line-height: 1;\n        letter-spacing: -0.06em;\n        position: absolute;\n        right: 18px;\n        top: 10px;\n        pointer-events: none;\n    }\n    .spxsp-ben__icon {\n        font-size: 32px;\n        margin-bottom: 14px;\n        display: block;\n    }\n    .spxsp-ben__title {\n        font-size: 22px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 10px;\n        line-height: 1.2;\n    }\n    .spxsp-ben__text {\n        font-size: 15px;\n        color: var(--text-dim);\n        line-height: 1.8;\n    }\n\n    \/* \u2500\u2500 BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-banner {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-banner__card {\n        position: relative;\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: var(--shadow);\n        \/* \u0414\u0432\u043e\u043a\u043e\u043b\u043e\u043d\u043a\u043e\u0432\u0438\u0439: \u0442\u0435\u043a\u0441\u0442 + \u0444\u043e\u0442\u043e *\/\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        min-height: 580px;\n        background: linear-gradient(135deg, #060f05 0%, #0d1e0b 100%);\n    }\n    \/* \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0438\u0439 \u0444\u043e\u043d\u043e\u0432\u0438\u0439 \u043e\u0440\u0431 *\/\n    .spxsp-banner__card::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        background:\n            radial-gradient(ellipse 60% 80% at 0% 50%, rgba(46, 139, 80, 0.14), transparent),\n            radial-gradient(ellipse 40% 60% at 100% 30%, rgba(79, 190, 108, 0.07), transparent);\n    }\n    \/* \u041b\u0456\u0432\u0430 \u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u2014 \u0442\u0435\u043a\u0441\u0442 *\/\n    .spxsp-banner__left {\n        position: relative;\n        z-index: 2;\n        padding: 60px 56px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        border-right: 1px solid rgba(255, 255, 255, 0.07);\n    }\n    .spxsp-banner__left h2 {\n        font-size: clamp(34px, 4.2vw, 58px);\n        line-height: 0.97;\n        letter-spacing: -0.04em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 16px;\n    }\n    .spxsp-banner__left p {\n        color: rgba(255, 255, 255, 0.62);\n        font-size: 17px;\n        line-height: 1.85;\n        max-width: 460px;\n        margin-bottom: 32px;\n    }\n    \/* \u041f\u0440\u0430\u0432\u0430 \u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u2014 \u0444\u043e\u0442\u043e *\/\n    .spxsp-banner__photo {\n        position: relative;\n        z-index: 2;\n        overflow: hidden;\n    }\n    .spxsp-banner__photo img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.8s ease;\n    }\n    .spxsp-banner__card:hover .spxsp-banner__photo img {\n        transform: scale(1.04);\n    }\n    \/* Placeholder \u044f\u043a\u0449\u043e \u0444\u043e\u0442\u043e \u0449\u0435 \u043d\u0435\u043c\u0430\u0454 *\/\n    .spxsp-banner__photo-placeholder {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n        background: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(79, 190, 108, 0.12), transparent), linear-gradient(160deg, #0d1e0a, #081508);\n    }\n    .spxsp-banner__photo-placeholder__icon {\n        font-size: 80px;\n        filter: drop-shadow(0 0 30px rgba(79, 190, 108, 0.45));\n    }\n    .spxsp-banner__photo-placeholder__hint {\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n        color: rgba(168, 216, 120, 0.35);\n        text-align: center;\n        max-width: 200px;\n        line-height: 1.7;\n    }\n    \/* \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u0442\u0438\u043f \u0444\u043e\u0442\u043e \u2014 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430 *\/\n    .spxsp-banner__photo-rec {\n        position: absolute;\n        bottom: 18px;\n        left: 18px;\n        right: 18px;\n        padding: 12px 16px;\n        background: rgba(8, 14, 6, 0.82);\n        border: 1px solid rgba(79, 190, 108, 0.18);\n        border-radius: 16px;\n        backdrop-filter: blur(16px);\n        font-size: 12px;\n        color: rgba(168, 216, 120, 0.7);\n        line-height: 1.6;\n        font-weight: 600;\n    }\n\n    \/* \u2500\u2500 USES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-uses {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-uses__grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n    .spxsp-use-card {\n        border-radius: var(--radius);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        background: rgba(255, 255, 255, 0.02);\n        transition: 0.4s ease;\n        cursor: default;\n        position: relative;\n    }\n    .spxsp-use-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(79, 190, 108, 0.25);\n        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);\n    }\n    .spxsp-use-card__image {\n        height: 210px;\n        overflow: hidden;\n        position: relative;\n        background: linear-gradient(135deg, #0a1a0a, #121f10);\n    }\n    .spxsp-use-card__image-icon {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 52px;\n    }\n    .spxsp-use-card__image-icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n    .spxsp-use-card__ .spxsp-use-card__title {\n        font-size: 20px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 8px;\n        line-height: 1.2;\n    }\n    .spxsp-use-card__text {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.75;\n    }\n\n    \/* \u2500\u2500 STEPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-steps {\n        padding: 120px 0;\n        background: rgba(0, 0, 0, 0.2);\n        position: relative;\n    }\n    .spxsp-steps::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(79, 190, 108, 0.2), transparent);\n    }\n    .spxsp-steps__grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0;\n        margin-top: 56px;\n        position: relative;\n    }\n    .spxsp-steps__grid::before {\n        content: \"\";\n        position: absolute;\n        top: 56px;\n        left: calc(16.6% + 24px);\n        right: calc(16.6% + 24px);\n        height: 2px;\n        background: linear-gradient(90deg, var(--green-2), rgba(79, 190, 108, 0.2), var(--green-2));\n        border-radius: 99px;\n        z-index: 1;\n    }\n    .spxsp-step {\n        position: relative;\n        z-index: 2;\n        padding: 0 24px;\n        text-align: center;\n    }\n    .spxsp-step__num-wrap {\n        width: 112px;\n        height: 112px;\n        border-radius: 99px;\n        margin: 0 auto 28px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .spxsp-step__num-ring {\n        position: absolute;\n        inset: 0;\n        border-radius: 99px;\n        border: 2px solid rgba(79, 190, 108, 0.25);\n        animation: spxsp-ringPulse 3s ease-in-out infinite;\n    }\n    .spxsp-step__num-ring-2 {\n        position: absolute;\n        inset: -8px;\n        border-radius: 99px;\n        border: 1px solid rgba(79, 190, 108, 0.1);\n        animation: spxsp-ringPulse 3s ease-in-out infinite;\n        animation-delay: 0.6s;\n    }\n    @keyframes spxsp-ringPulse {\n        0%,\n        100% {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        50% {\n            opacity: 1;\n            transform: scale(1.03);\n        }\n    }\n    .spxsp-step__num-bg {\n        width: 80px;\n        height: 80px;\n        border-radius: 99px;\n        background: linear-gradient(135deg, var(--green-2), rgba(46, 139, 80, 0.5));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 28px;\n        font-weight: 900;\n        color: #fff;\n        box-shadow: 0 8px 28px rgba(46, 139, 80, 0.35);\n    }\n    .spxsp-step__title {\n        font-size: 20px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 12px;\n        line-height: 1.2;\n    }\n    .spxsp-step__text {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.8;\n    }\n\n    \/* \u2500\u2500 GALLERY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-gallery {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-gallery__masonry {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        grid-auto-rows: 220px;\n        gap: 16px;\n        margin-top: 56px;\n    }\n    .spxsp-gallery__item {\n        border-radius: 22px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        background: #0a1208;\n        position: relative;\n    }\n    .spxsp-gallery__item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.7s ease;\n    }\n    .spxsp-gallery__item:hover img {\n        transform: scale(1.06);\n    }\n    .spxsp-gallery__item--lg {\n        grid-column: span 2;\n        grid-row: span 2;\n    }\n    .spxsp-gallery__item--tall {\n        grid-row: span 2;\n    }\n    .spxsp-gallery__item-icon {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 48px;\n        background: linear-gradient(135deg, #0a1a0a, #111e0f);\n    }\n\n    \/* \u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-faq {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-faq__list {\n        display: grid;\n        gap: 14px;\n        max-width: 920px;\n        margin-top: 56px;\n    }\n    .spxsp-faq__item {\n        border-radius: 22px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        background: rgba(255, 255, 255, 0.02);\n        transition: 0.3s;\n    }\n    .spxsp-faq__item[open] {\n        background: rgba(79, 190, 108, 0.04);\n        border-color: rgba(79, 190, 108, 0.2);\n    }\n    .spxsp-faq__item summary {\n        list-style: none;\n        cursor: pointer;\n        padding: 24px 28px;\n        font-size: 18px;\n        font-weight: 800;\n        color: #fff;\n        position: relative;\n        transition: 0.25s;\n    }\n    .spxsp-faq__item summary::-webkit-details-marker {\n        display: none;\n    }\n    .spxsp-faq__item summary::after {\n        content: \"+\";\n        position: absolute;\n        right: 26px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 28px;\n        line-height: 1;\n        color: var(--green);\n        font-weight: 400;\n    }\n    .spxsp-faq__item[open] summary::after {\n        content: \"\u2013\";\n    }\n    .spxsp-faq__item div {\n        padding: 0 28px 24px;\n        color: var(--text-dim);\n        font-size: 15px;\n        line-height: 1.85;\n    }\n\n    \/* \u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-cta {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-cta__card {\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: var(--shadow);\n        position: relative;\n        min-height: 480px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n    }\n    .spxsp-cta__bg {\n        position: absolute;\n        inset: 0;\n        background:\n            radial-gradient(ellipse 60% 80% at 0% 50%, rgba(46, 139, 80, 0.15), transparent),\n            radial-gradient(ellipse 60% 60% at 100% 60%, rgba(79, 190, 108, 0.08), transparent), linear-gradient(135deg, #0d1a0b, #0a1208);\n    }\n    .spxsp-cta__left {\n        position: relative;\n        z-index: 2;\n        padding: 52px 48px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        border-right: 1px solid rgba(255, 255, 255, 0.07);\n    }\n    .spxsp-cta__left h2 {\n        font-size: clamp(34px, 4vw, 54px);\n        line-height: 0.97;\n        letter-spacing: -0.04em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 14px;\n    }\n    .spxsp-cta__left p {\n        color: var(--text-dim);\n        font-size: 17px;\n        line-height: 1.85;\n        margin-bottom: 30px;\n    }\n    .spxsp-cta__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 14px;\n    }\n    .spxsp-cta__right {\n        position: relative;\n        z-index: 2;\n        padding: 52px 48px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 20px;\n    }\n    .spxsp-cta__feature {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 20px 18px;\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        transition: 0.25s;\n    }\n    .spxsp-cta__feature:hover {\n        background: rgba(79, 190, 108, 0.06);\n        border-color: rgba(79, 190, 108, 0.15);\n    }\n    .spxsp-cta__feature__icon {\n        font-size: 28px;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n    .spxsp-cta__feature__name {\n        font-size: 15px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 4px;\n    }\n    .spxsp-cta__feature__text {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.6;\n    }\n\n    \/* \u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-reveal {\n        opacity: 0;\n        transform: translate3d(0, 30px, 0) scale(0.984);\n        transition:\n            opacity 0.9s ease,\n            transform 0.9s cubic-bezier(0.15, 0.75, 0.15, 1);\n        transition-delay: var(--d, 0s);\n    }\n    .spxsp-reveal--left {\n        transform: translate3d(-36px, 0, 0);\n    }\n    .spxsp-reveal--right {\n        transform: translate3d(36px, 0, 0);\n    }\n    .spxsp-reveal.is-vis {\n        opacity: 1;\n        transform: none;\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 1100px) {\n        .spxsp-hero__content,\n        .spxsp-cta__card {\n            grid-template-columns: 1fr;\n        }\n        .hero__right {\n            display: none;\n        }\n        .spxsp-layers-grid,\n        .spxsp-vs-grid,\n        .spxsp-about__grid {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-about {\n            min-height: auto;\n        }\n        .spxsp-about__grid {\n            min-height: auto;\n            padding: 110px 0;\n        }\n        .spxsp-about__features {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n        .spxsp-uses__grid,\n        .spxsp-steps__grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .spxsp-ben-grid {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-gallery__masonry {\n            grid-template-columns: repeat(3, 1fr);\n        }\n        .spxsp-statsbar__inner {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .spxsp-stat-item {\n            border-right: none;\n            border-bottom: 1px solid var(--line);\n        }\n        .spxsp-cta__left {\n            border-right: none;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n        }\n\n        .spxsp-banner__card {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-banner__photo {\n            min-height: 320px;\n        }\n    }\n    @media (max-width: 767px) {\n        .spxsp-wrap {\n            padding: 0 18px;\n        }\n        .spxsp-hero,\n        .spxsp-about,\n        .benefits,\n        .spxsp-banner,\n        .spxsp-uses,\n        .spxsp-steps,\n        .spxsp-gallery,\n        .spxsp-faq,\n        .spxsp-cta,\n        .spxsp-layers-section,\n        .spxsp-video-showcase {\n            padding: 80px 0;\n        }\n        .spxsp-hero__title {\n            font-size: clamp(40px, 12vw, 60px);\n        }\n        .spxsp-title {\n            font-size: clamp(32px, 10vw, 44px);\n        }\n        .spxsp-hero__stats,\n        .spxsp-uses__grid,\n        .spxsp-steps__grid {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-about__grid {\n            padding: 88px 0;\n        }\n        .spxsp-about__video-bg iframe {\n            transform: translate(-50%, -50%) scale(1.18);\n        }\n        .spxsp-about__features {\n            grid-template-columns: 1fr;\n            max-width: 100%;\n        }\n        .spxsp-about__mini-card {\n            max-width: 100%;\n            align-items: flex-start;\n            flex-direction: column;\n            gap: 8px;\n        }\n        .spxsp-about__desc {\n            font-size: 16px;\n            max-width: 100%;\n        }\n        .spxsp-gallery__masonry {\n            grid-template-columns: 1fr 1fr;\n            grid-auto-rows: 180px;\n        }\n        .spxsp-gallery__item--lg,\n        .spxsp-gallery__item--tall {\n            grid-column: auto;\n            grid-row: auto;\n        }\n        .spxsp-steps__grid::before {\n            display: none;\n        }\n        .spxsp-about__mini-card {\n            position: static;\n            margin-top: 22px;\n            width: auto;\n        }\n        .spxsp-banner__left {\n            padding: 36px 24px;\n        }\n        .spxsp-banner__photo {\n            min-height: 260px;\n        }\n    }\n    @media (prefers-reduced-motion: reduce) {\n        .spxsp-reveal,\n        .spxsp-btn,\n        .spxsp-wave,\n        .bubble,\n        .particle,\n        .orb,\n        .spxsp-hero__faire d\u00e9filer-line {\n            transition: none !important;\n            animation: none !important;\n            transform: none !important;\n            opacity: 1 !important;\n        }\n    }\n    .spxsp-use-card__body {\n        padding: 22px 20px 26px;\n    }\n    .spxsp-vs-card__body {\n        padding: 18px 20px;\n    }\n\n    \/* \u2500\u2500 CERTIFICATES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-certs {\n        padding: 120px 0;\n        position: relative;\n    }\n\n    .spxsp-certs__grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n\n    .spxsp-cert-card {\n        display: block;\n        text-decoration: none;\n        border-radius: 24px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.03);\n        box-shadow: var(--shadow-s);\n        transition: 0.35s ease;\n    }\n\n    .spxsp-cert-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(79, 190, 108, 0.25);\n        box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);\n    }\n\n    .spxsp-cert-card__preview {\n        aspect-ratio: 3 \/ 4;\n        background: linear-gradient(135deg, #101810, #182217);\n        overflow: hidden;\n        position: relative;\n    }\n\n    .spxsp-cert-card__preview img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    .spxsp-cert-card:hover .spxsp-cert-card__preview img {\n        transform: scale(1.03);\n    }\n\n    .spxsp-cert-card__body {\n        padding: 18px 18px 20px;\n    }\n\n    .spxsp-cert-card__meta {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 8px;\n    }\n\n    .spxsp-cert-card__title {\n        font-size: 18px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1.25;\n        margin-bottom: 6px;\n    }\n\n    .spxsp-cert-card__hint {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.6;\n    }\n\n    \/* lightbox *\/\n    .spxsp-cert-lightbox {\n        position: fixed;\n        inset: 0;\n        z-index: 9999;\n        background: rgba(3, 8, 3, 0.88);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 40px;\n        opacity: 0;\n        visibility: hidden;\n        transition: 0.28s ease;\n    }\n\n    .spxsp-cert-lightbox.is-open {\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .spxsp-cert-lightbox__inner {\n        max-width: min(1100px, 92vw);\n        max-height: 90vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .spxsp-cert-lightbox__inner img {\n        max-width: 100%;\n        max-height: 90vh;\n        width: auto;\n        height: auto;\n        display: block;\n        border-radius: 18px;\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n        background: #fff;\n    }\n\n    .spxsp-cert-lightbox__close {\n        position: absolute;\n        top: 22px;\n        right: 22px;\n        width: 52px;\n        height: 52px;\n        border: none;\n        border-radius: 999px;\n        cursor: pointer;\n        font-size: 34px;\n        line-height: 1;\n        color: #fff;\n        background: rgba(255, 255, 255, 0.08);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        transition: 0.25s ease;\n    }\n\n    .spxsp-cert-lightbox__close:hover {\n        background: rgba(255, 255, 255, 0.16);\n        transform: scale(1.05);\n    }\n\n    @media (max-width: 1100px) {\n        .spxsp-certs__grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 767px) {\n        .spxsp-certs {\n            padding: 80px 0;\n        }\n\n        .spxsp-certs__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .spxsp-cert-lightbox {\n            padding: 20px;\n        }\n\n        .spxsp-cert-lightbox__close {\n            top: 14px;\n            right: 14px;\n            width: 46px;\n            height: 46px;\n            font-size: 30px;\n        }\n    }\n    \/* \u2500\u2500 CERTIFICATES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-certs {\n        padding: 120px 0;\n        position: relative;\n    }\n\n    .spxsp-certs__grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n\n    .spxsp-cert-card {\n        display: block;\n        text-decoration: none;\n        border-radius: 24px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.03);\n        box-shadow: var(--shadow-s);\n        transition: 0.35s ease;\n    }\n\n    .spxsp-cert-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(79, 190, 108, 0.25);\n        box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);\n    }\n\n    .spxsp-cert-card__preview {\n        aspect-ratio: 3 \/ 4;\n        background: linear-gradient(135deg, #101810, #182217);\n        overflow: hidden;\n        position: relative;\n    }\n\n    .spxsp-cert-card__preview img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    .spxsp-cert-card:hover .spxsp-cert-card__preview img {\n        transform: scale(1.03);\n    }\n\n    .spxsp-cert-card__body {\n        padding: 18px 18px 20px;\n    }\n\n    .spxsp-cert-card__meta {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 8px;\n    }\n\n    .spxsp-cert-card__title {\n        font-size: 18px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1.25;\n        margin-bottom: 6px;\n    }\n\n    .spxsp-cert-card__hint {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.6;\n    }\n\n    \/* lightbox *\/\n    .spxsp-cert-lightbox {\n        position: fixed;\n        inset: 0;\n        z-index: 9999;\n        background: rgba(3, 8, 3, 0.88);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 40px;\n        opacity: 0;\n        visibility: hidden;\n        transition: 0.28s ease;\n    }\n\n    .spxsp-cert-lightbox.is-open {\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .spxsp-cert-lightbox__inner {\n        max-width: min(1100px, 92vw);\n        max-height: 90vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .spxsp-cert-lightbox__inner img {\n        max-width: 100%;\n        max-height: 90vh;\n        width: auto;\n        height: auto;\n        display: block;\n        border-radius: 18px;\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n        background: #fff;\n    }\n\n    .spxsp-cert-lightbox__close {\n        position: absolute;\n        top: 22px;\n        right: 22px;\n        width: 52px;\n        height: 52px;\n        border: none;\n        border-radius: 999px;\n        cursor: pointer;\n        font-size: 34px;\n        line-height: 1;\n        color: #fff;\n        background: rgba(255, 255, 255, 0.08);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        transition: 0.25s ease;\n    }\n\n    .spxsp-cert-lightbox__close:hover {\n        background: rgba(255, 255, 255, 0.16);\n        transform: scale(1.05);\n    }\n\n    @media (max-width: 1100px) {\n        .spxsp-certs__grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 767px) {\n        .spxsp-certs {\n            padding: 80px 0;\n        }\n\n        .spxsp-certs__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .spxsp-cert-lightbox {\n            padding: 20px;\n        }\n\n        .spxsp-cert-lightbox__close {\n            top: 14px;\n            right: 14px;\n            width: 46px;\n            height: 46px;\n            font-size: 30px;\n        }\n    }\n    .cta-inquiry-v2,\n    .cta-inquiry-v2 * {\n        box-sizing: border-box;\n    }\n\n    .cta-inquiry-v2 {\n        padding: 28px 20px;\n        background: #020a04;\n        font-family: Montserrat, sans-serif;\n    }\n\n    .cta-inquiry-v2__box {\n        max-width: 1360px;\n        margin: 0 auto;\n        border: 1px solid rgba(116, 255, 153, 0.08);\n        border-radius: 36px;\n        overflow: hidden;\n        background:\n            radial-gradient(circle at 12% 18%, rgba(40, 143, 73, 0.22), transparent 32%),\n            radial-gradient(circle at 75% 50%, rgba(40, 143, 73, 0.08), transparent 38%), linear-gradient(180deg, #041108 0%, #020a04 100%);\n        box-shadow:\n            inset 0 0 0 1px rgba(255, 255, 255, 0.02),\n            0 0 40px rgba(10, 60, 20, 0.14);\n    }\n\n    .cta-inquiry-v2__grid {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) 500px;\n        align-items: stretch;\n    }\n\n    .cta-inquiry-v2__left {\n        padding: 54px 48px;\n        border-right: 1px solid rgba(116, 255, 153, 0.06);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .cta-inquiry-v2__right {\n        padding: 30px 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .cta-inquiry-v2__badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        min-height: 44px;\n        padding: 0 18px;\n        border-radius: 999px;\n        border: 1px solid rgba(116, 255, 153, 0.14);\n        background: rgba(36, 97, 49, 0.18);\n        color: #6ee28d;\n        font-size: 13px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        width: fit-content;\n        margin-bottom: 26px;\n    }\n\n    .cta-inquiry-v2__badge::before {\n        content: \"\";\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: #57d97d;\n        box-shadow: 0 0 10px rgba(87, 217, 125, 0.5);\n    }\n\n    .cta-inquiry-v2__title {\n        margin: 0 0 22px;\n        color: #f3f5ef;\n        font-size: clamp(44px, 4.6vw, 74px);\n        line-height: 0.95;\n        letter-spacing: -0.05em;\n        font-weight: 900;\n        max-width: 700px;\n    }\n\n    .cta-inquiry-v2__text {\n        margin: 0;\n        max-width: 700px;\n        color: rgba(233, 240, 228, 0.7);\n        font-size: 18px;\n        line-height: 1.7;\n    }\n\n    .cta-inquiry-v2__points {\n        display: grid;\n        gap: 16px;\n        margin-top: 34px;\n        max-width: 680px;\n    }\n\n    .cta-inquiry-v2__point {\n        display: flex;\n        gap: 14px;\n        align-items: flex-start;\n        padding: 16px 18px;\n        border-radius: 22px;\n        background: rgba(255, 255, 255, 0.025);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        backdrop-filter: blur(10px);\n    }\n\n    .cta-inquiry-v2__icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(111, 226, 141, 0.1);\n        font-size: 20px;\n        flex-shrink: 0;\n    }\n\n    .cta-inquiry-v2__point strong {\n        display: block;\n        color: #f4f6f1;\n        font-size: 17px;\n        line-height: 1.3;\n        font-weight: 800;\n        margin-bottom: 4px;\n    }\n\n    .cta-inquiry-v2__point span {\n        display: block;\n        color: rgba(233, 240, 228, 0.54);\n        font-size: 14px;\n        line-height: 1.55;\n    }\n\n    .cta-inquiry-v2__form-card {\n        width: 100%;\n        max-width: 500px;\n        border-radius: 28px;\n        padding: 24px;\n        background: rgba(7, 18, 9, 0.78);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        box-shadow:\n            0 16px 36px rgba(0, 0, 0, 0.18),\n            inset 0 1px 0 rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(16px);\n    }\n\n    .cta-proxy-form-v2__grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n    }\n\n    .cta-proxy-field-v2 {\n        position: relative;\n    }\n\n    .cta-proxy-field-v2--full {\n        grid-column: 1 \/ -1;\n    }\n\n    .cta-proxy-field-v2 label {\n        display: block;\n        margin: 0 0 7px;\n        color: #f3f5ef;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.3;\n    }\n\n    .cta-proxy-field-v2 input,\n    .cta-proxy-field-v2 textarea {\n        width: 100%;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.035);\n        border-radius: 14px;\n        color: #f3f5ef;\n        font-family: Montserrat, sans-serif;\n        outline: none;\n        transition: 0.22s ease;\n        box-shadow: none;\n        appearance: none;\n        -webkit-appearance: none;\n    }\n\n    .cta-proxy-field-v2 input {\n        min-height: 48px;\n        padding: 0 14px;\n        font-size: 13px;\n    }\n\n    .cta-proxy-field-v2 textarea {\n        min-height: 120px;\n        resize: vertical;\n        padding: 14px;\n        font-size: 13px;\n        line-height: 1.55;\n    }\n\n    .cta-proxy-field-v2 input::placeholder,\n    .cta-proxy-field-v2 textarea::placeholder {\n        color: rgba(233, 240, 228, 0.34);\n    }\n\n    .cta-proxy-field-v2 input:focus,\n    .cta-proxy-field-v2 textarea:focus {\n        border-color: rgba(110, 226, 141, 0.34);\n        background: rgba(255, 255, 255, 0.05);\n        box-shadow: 0 0 0 3px rgba(110, 226, 141, 0.08);\n    }\n\n    .cta-proxy-check-v2 {\n        display: grid !important;\n        grid-template-columns: 34px 1fr;\n        align-items: start;\n        gap: 16px;\n        cursor: pointer;\n        user-select: none;\n        margin: 0 !important;\n        position: relative;\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"] {\n        position: absolute;\n        opacity: 0;\n        left: 0;\n        top: 0;\n        width: 34px;\n        height: 34px;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    .cta-proxy-check-v2__box {\n        width: 34px;\n        height: 34px;\n        min-width: 34px;\n        border-radius: 12px;\n        border: 1.5px solid rgba(255, 255, 255, 0.18);\n        background: rgba(255, 255, 255, 0.03);\n        box-shadow:\n            inset 0 1px 0 rgba(255, 255, 255, 0.04),\n            0 0 0 1px rgba(255, 255, 255, 0.02);\n        position: relative;\n        transition:\n            border-color 0.2s ease,\n            background 0.2s ease,\n            box-shadow 0.2s ease,\n            transform 0.15s ease;\n        flex-shrink: 0;\n    }\n\n    .cta-proxy-check-v2:hover .cta-proxy-check-v2__box {\n        border-color: rgba(110, 226, 141, 0.45);\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"]:focus-visible + .cta-proxy-check-v2__box {\n        box-shadow:\n            0 0 0 3px rgba(78, 149, 255, 0.35),\n            0 0 0 6px rgba(78, 149, 255, 0.14),\n            inset 0 1px 0 rgba(255, 255, 255, 0.04);\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"]:checked + .cta-proxy-check-v2__box {\n        background: linear-gradient(180deg, #4fbe6c 0%, #2e8b50 100%);\n        border-color: #57d97d;\n        box-shadow:\n            0 0 0 1px rgba(87, 217, 125, 0.22),\n            0 0 18px rgba(87, 217, 125, 0.22);\n    }\n\n    .cta-proxy-check-v2__box::after {\n        content: \"\";\n        position: absolute;\n        left: 11px;\n        top: 7px;\n        width: 8px;\n        height: 14px;\n        border-right: 2px solid transparent;\n        border-bottom: 2px solid transparent;\n        transform: rotate(45deg);\n        opacity: 0;\n        transition:\n            opacity 0.18s ease,\n            border-color 0.18s ease;\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"]:checked + .cta-proxy-check-v2__box::after {\n        opacity: 1;\n        border-color: #fff;\n    }\n\n    .cta-proxy-check-v2__text {\n        color: rgba(233, 240, 228, 0.78);\n        font-size: 12px;\n        line-height: 1.6;\n        padding-top: 1px;\n        display: block;\n    }\n\n    .cta-proxy-field-v2.bad .cta-proxy-check-v2__box {\n        border-color: #ff8f8f;\n        box-shadow: 0 0 0 1px rgba(255, 143, 143, 0.18);\n    }\n\n    .cta-proxy-submit-v2 {\n        min-height: 52px;\n        width: 100%;\n        border: none;\n        border-radius: 16px;\n        cursor: pointer;\n        font-family: Montserrat, sans-serif;\n        font-size: 15px;\n        font-weight: 800;\n        letter-spacing: 0.01em;\n        color: #fff;\n        background: linear-gradient(180deg, #4ac56c 0%, #42b861 100%);\n        box-shadow: 0 12px 24px rgba(68, 184, 97, 0.22);\n        transition: 0.25s ease;\n    }\n\n    .cta-proxy-submit-v2:hover {\n        transform: translateY(-1px);\n        box-shadow: 0 16px 30px rgba(68, 184, 97, 0.26);\n    }\n\n    .cta-proxy-submit-v2:disabled {\n        opacity: 0.7;\n        cursor: not-allowed;\n        transform: none;\n    }\n\n    .cta-proxy-error-v2 {\n        display: none;\n        margin-top: 7px;\n        color: #ff9f9f;\n        font-size: 11px;\n        line-height: 1.35;\n    }\n\n    .cta-proxy-field-v2.bad .cta-proxy-error-v2 {\n        display: block;\n    }\n\n    .cta-proxy-field-v2.bad input,\n    .cta-proxy-field-v2.bad textarea {\n        border-color: rgba(255, 111, 111, 0.35);\n        box-shadow: 0 0 0 3px rgba(255, 111, 111, 0.05);\n    }\n\n    .cta-proxy-field-v2.bad .cta-proxy-check-v2 input[type=\"checkbox\"] {\n        border-color: rgba(255, 111, 111, 0.55);\n        box-shadow: 0 0 0 3px rgba(255, 111, 111, 0.08);\n    }\n\n    .cta-proxy-status-v2 {\n        display: none;\n        margin-top: 12px;\n        padding: 12px 14px;\n        border-radius: 14px;\n        font-size: 12px;\n        line-height: 1.5;\n        font-weight: 600;\n    }\n\n    .cta-proxy-status-v2.show {\n        display: block;\n    }\n\n    .cta-proxy-status-v2.ok {\n        background: rgba(73, 197, 109, 0.1);\n        border: 1px solid rgba(73, 197, 109, 0.2);\n        color: #8ff0a9;\n    }\n\n    .cta-proxy-status-v2.err {\n        background: rgba(255, 111, 111, 0.08);\n        border: 1px solid rgba(255, 111, 111, 0.16);\n        color: #ffb3b3;\n    }\n\n    .cta-cf7-hidden-v2 {\n        position: absolute !important;\n        left: -9999px !important;\n        top: -9999px !important;\n        width: 1px !important;\n        height: 1px !important;\n        overflow: hidden !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n    }\n\n    @media (max-width: 1180px) {\n        .cta-inquiry-v2__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .cta-inquiry-v2__left {\n            border-right: none;\n            border-bottom: 1px solid rgba(116, 255, 153, 0.06);\n        }\n\n        .cta-inquiry-v2__right {\n            padding-top: 24px;\n        }\n\n        .cta-inquiry-v2__form-card {\n            max-width: 520px;\n            margin: 0 auto;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .cta-inquiry-v2 {\n            padding: 18px 12px;\n        }\n\n        .cta-inquiry-v2__box {\n            border-radius: 24px;\n        }\n\n        .cta-inquiry-v2__left,\n        .cta-inquiry-v2__right {\n            padding: 22px 16px;\n        }\n\n        .cta-inquiry-v2__title {\n            font-size: 46px;\n        }\n\n        .cta-inquiry-v2__text {\n            font-size: 15px;\n        }\n\n        .cta-proxy-form-v2__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .cta-inquiry-v2__form-card {\n            padding: 18px;\n            border-radius: 20px;\n        }\n    }\n<\/style>\n<div class=\"spxsp-root\">\n    <section class=\"spxsp-hero\" id=\"spxsp-top\">\n        <div class=\"spxsp-hero__video-bg\">\n            <video autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"\/wp-content\/uploads\/2026\/03\/hero-poster1.jpg\" preload=\"auto\">\n                <source src=\"\/wp-content\/uploads\/2026\/03\/hero-video.mp4\" type=\"video\/mp4\" \/>\n                If the browser does not support video, the ::after fallback layer will be displayed\n            <\/video>\n        <\/div>\n        <div class=\"spxsp-hero__overlay\"><\/div>\n        <div class=\"spxsp-hero__noise\"><\/div>\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-hero__content\">\n                <div class=\"spxsp-hero__left spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-hero__kicker\">\n                        <span class=\"spxsp-hero__kicker-dot\"><\/span>\n                        <span class=\"spxsp-hero__kicker-text\">Amendement naturel du sol<\/span>\n                    <\/div>\n                    <h1 class=\"spxsp-hero__title\">Premium<br \/><em>saprop\u00e8le<\/em><br \/>pour votre sol<\/h1>\n                    <p class=\"spxsp-hero__desc\">\n                        Un produit organique naturel con\u00e7u pour am\u00e9liorer la structure du sol, augmenter la r\u00e9tention d\u2019humidit\u00e9 et cr\u00e9er des conditions de culture optimales pour\n                        les potagers, les serres, les cultures de plein champ et les p\u00e9pini\u00e8res.\n                    <\/p>\n                    <div class=\"spxsp-hero__actions\">\n                        <a class=\"spxsp-btn spxsp-btn-primary\" href=\"#contact\">\n                            Contactez-nous<svg fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\" width=\"16\">\n                                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.4 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.4 1.9.6 2.9.7A2 2 0 0 1 22 16.9z\"><\/path>\n                            <\/svg>\n                        <\/a>\n                        <a class=\"spxsp-btn spxsp-btn-ghost\" href=\"#spxsp-videos\">\n                            Voir la vid\u00e9o\n                            <svg fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\" width=\"16\">\n                                <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"spxsp-hero__stats\">\n                        <div class=\"spxsp-hero__stat\">\n                            <strong><span class=\"spxsp-counter spxsp-counter-hero\" data-target=\"10\">0 <\/span><span class=\"spxsp-suf\"> \u043c<\/span><\/strong>\n                            <span>\u00c9paisseur du gisement de saprop\u00e8le<\/span>\n                        <\/div>\n                        <div class=\"spxsp-hero__stat\">\n                            <strong><span class=\"spxsp-counter spxsp-counter-hero\" data-target=\"60\">0 <\/span><span class=\"spxsp-suf\"> +<\/span><\/strong>\n                            <span>Micronutriments sous forme naturelle<\/span>\n                        <\/div>\n                        <div class=\"spxsp-hero__stat\">\n                            <strong><span class=\"spxsp-counter spxsp-counter-hero\" data-target=\"100\">0 <\/span><span class=\"spxsp-suf\"> %<\/span><\/strong>\n                            <span>Produit organique sans additifs synth\u00e9tiques<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"spxsp-hero__faire d\u00e9filer\">\n            <div class=\"spxsp-hero__faire d\u00e9filer-line\"><\/div>\n            <span>faire d\u00e9filer<\/span>\n        <\/div>\n    <\/section>\n    <div class=\"spxsp-statsbar\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-statsbar__inner\">\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"15\">0<\/span><span>+<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">Ann\u00e9es sur le march\u00e9 des engrais organiques<\/div>\n                <\/div>\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0.08s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"200\">0<\/span><span>\u0442<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">Capacit\u00e9 d\u2019extraction quotidienne<\/div>\n                <\/div>\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0.16s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"6\">0<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">March\u00e9s de vente europ\u00e9ens et internationaux<\/div>\n                <\/div>\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0.24s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"98\">0<\/span><span>%<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">Clients satisfaits selon les r\u00e9sultats saisonniers<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <section class=\"spxsp-layers-section\" id=\"spxsp-layers\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-layers-grid\">\n                <div class=\"spxsp-layers-info spxsp-reveal spxsp-reveal--left\" style=\"--d: 0s\">\n                    <span class=\"spxsp-eyebrow\">Qu\u2019est-ce que le saprop\u00e8le<\/span>\n                    <h2 class=\"spxsp-title\">Un d\u00e9p\u00f4t naturel<br \/>form\u00e9 au fil des mill\u00e9naires<\/h2>\n                    <p class=\"spxsp-layers-info__desc\">\n                        Le saprop\u00e8le est un s\u00e9diment organo-min\u00e9ral des eaux douces. Il s\u2019accumule au fond des lacs pendant des milliers d\u2019ann\u00e9es \u00e0 partir de r\u00e9sidus v\u00e9g\u00e9taux et\n                        animaux, formant un mat\u00e9riau d\u2019amendement du sol \u00e0 la composition naturelle unique.\n                    <\/p>\n                    <p class=\"spxsp-layers-info__desc\">\n                        Survolez la <strong style=\"color: var(--green-3)\">SAPROP\u00c8LE<\/strong> couche sur le sch\u00e9ma pour en savoir plus sur ses propri\u00e9t\u00e9s et sa\n                        composition.\n                    <\/p>\n                    <div class=\"spxsp-layers-pills\">\n                        <span class=\"spxsp-pill\">Azote (N)<\/span>\n                        <span class=\"spxsp-pill\">Phosphore (P)<\/span>\n                        <span class=\"spxsp-pill\">Potassium (K)<\/span>\n                        <span class=\"spxsp-pill\">60+ micronutriments<\/span>\n                        <span class=\"spxsp-pill\">Acides humiques<\/span>\n                        <span class=\"spxsp-pill\">Acides fulviques<\/span>\n                        <span class=\"spxsp-pill\">Vitamines B\u2081, B\u2081\u2082<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-reveal spxsp-reveal--right\" style=\"--d: 0.12s\">\n                    <div class=\"spxsp-ld-scene\">\n                        <div class=\"spxsp-ld-water\">\n                            <div class=\"spxsp-ld-water__label\">Milieu aquatique<\/div>\n                            <div class=\"spxsp-wave spxsp-wave--1\"><\/div>\n                            <div class=\"spxsp-wave spxsp-wave--2\"><\/div>\n                            <div class=\"spxsp-bubbles\" id=\"spxsp-bubbles\"><\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-saprop\u00e8le\" id=\"spxsp-saprop\u00e8leLayer\">\n                            <div class=\"spxsp-ld-saprop\u00e8le__accent\"><\/div>\n                            <div class=\"spxsp-ld-saprop\u00e8le__particles\" id=\"spxsp-particles\"><\/div>\n                            <div class=\"spxsp-ld-saprop\u00e8le__label\">\n                                <div class=\"spxsp-ld-saprop\u00e8le__name\">\n                                    Saprop\u00e8le\n                                    <span class=\"spxsp-ld-saprop\u00e8le__key-badge\">\u2605 couche cl\u00e9<\/span>\n                                <\/div>\n                                <div class=\"spxsp-ld-saprop\u00e8le__sub\">S\u00e9diment organo-min\u00e9ral \u2022 \u00c9paisseur jusqu\u2019\u00e0 10 m<\/div>\n                            <\/div>\n                            <div class=\"spxsp-ld-depth\">\n                                <div class=\"spxsp-ld-depth__line\"><\/div>\n                                <div class=\"spxsp-ld-depth__val\">jusqu\u2019\u00e0 10 m<\/div>\n                            <\/div>\n                            <div class=\"spxsp-ld-tooltip\">\n                                \ud83c\udf3f <strong>Composition :<\/strong> NPK + 60 micronutriments, acides humiques, acides fulviques, vitamines B\u2081 et B\u2081\u2082. Form\u00e9 au cours de milliers\n                                d\u2019ann\u00e9es \u00e0 partir des restes d\u2019organismes aquatiques.\n                            <\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-mineral\">\n                            <div class=\"spxsp-ld-mineral__label\">Sol min\u00e9ral<\/div>\n                            <div class=\"spxsp-ld-mineral__dots\" id=\"spxsp-mineralDots\"><\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-bedrock\">\n                            <div class=\"spxsp-ld-bedrock__label\">Roche m\u00e8re<\/div>\n                            <div id=\"spxsp-cracks\"><\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-panel\">\n                            <div class=\"spxsp-ld-panel__tags\">\n                                <span class=\"spxsp-ld-tag spxsp-ld-tag--g\">Sol<\/span>\n                                <span class=\"spxsp-ld-tag spxsp-ld-tag--w\">Nutrition<\/span>\n                                <span class=\"spxsp-ld-tag spxsp-ld-tag--e\">\u00c9co<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"spxsp-ben-grid\" style=\"margin-top: 56px\">\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-ben__num\">01<\/div>\n                    <span class=\"spxsp-ben__icon\"> <img decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/layers.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">Restauration de la structure<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Am\u00e9liore l\u2019a\u00e9ration et la r\u00e9tention d\u2019humidit\u00e9 des sols appauvris, en les rendant plus meubles et plus favorables au d\u00e9veloppement racinaire.\n                    <\/p>\n                <\/div>\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0.08s\">\n                    <div class=\"spxsp-ben__num\">02<\/div>\n                    <span class=\"spxsp-ben__icon\"><img decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/test.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">Complexe NPK + micronutriments<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Azote, phosphore, potassium et plus de 60 micronutriments sous une forme organique naturelle disponible pour les plantes et s\u00fbre pour le profil\n                        du sol.\n                    <\/p>\n                <\/div>\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0.16s\">\n                    <div class=\"spxsp-ben__num\">03<\/div>\n                    <span class=\"spxsp-ben__icon\"><img decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/security.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">S\u00e9curit\u00e9 et compatibilit\u00e9 environnementale<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Sans additifs synth\u00e9tiques, produits chimiques agressifs ni m\u00e9taux lourds. Certifi\u00e9 pour l\u2019agriculture biologique et s\u00fbr pour les personnes et les animaux.\n                    <\/p>\n                <\/div>\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0.24s\">\n                    <div class=\"spxsp-ben__num\">04<\/div>\n                    <span class=\"spxsp-ben__icon\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/water-droplet1.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">R\u00e9tention d\u2019humidit\u00e9<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Stabilise l\u2019\u00e9quilibre hydrique dans la zone racinaire, r\u00e9duisant le stress des plantes pendant les p\u00e9riodes s\u00e8ches et entre les cycles d\u2019irrigation.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-about\" id=\"spxsp-about\">\n        <div class=\"spxsp-about__video-bg\" aria-hidden=\"true\">\n            <iframe\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                allowfullscreen=\"\"\n                frameborder=\"0\"\n                src=\"https:\/\/www.youtube-nocookie.com\/embed\/AjfCXJ4it54?autoplay=1&amp;mute=1&amp;loop=1&amp;controls=0&amp;playlist=AjfCXJ4it54&amp;rel=0&amp;modestbranding=1&amp;playsinline=1\"\n                title=\"Vid\u00e9o de fond sur le saprop\u00e8le\"\n            ><\/iframe>\n        <\/div>\n        <div class=\"spxsp-about__noise\"><\/div>\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-about__grid\">\n                <div class=\"spxsp-about__content spxsp-reveal\" style=\"--d: 0.05s\">\n                    <span class=\"spxsp-eyebrow\">\u00c0 propos du produit<\/span>\n                    <h2 class=\"spxsp-title\">Saprop\u00e8le naturel<br \/>pour la r\u00e9g\u00e9n\u00e9ration du sol<\/h2>\n                    <p class=\"spxsp-about__desc\">\n                        Un mat\u00e9riau organique propre destin\u00e9 \u00e0 restaurer la structure du sol, am\u00e9liorer la r\u00e9tention d\u2019humidit\u00e9 et soutenir un d\u00e9veloppement v\u00e9g\u00e9tal stable dans les\n                        syst\u00e8mes de culture professionnels.\n                    <\/p>\n                    <div class=\"spxsp-about__mini-card\">\n                        <div class=\"spxsp-about__mini-card__num\">10 000+<\/div>\n                        <div class=\"spxsp-about__mini-card__label\">Ann\u00e9es de formation naturelle dans les \u00e9cosyst\u00e8mes lacustres d\u2019eau douce<\/div>\n                    <\/div>\n                    <div class=\"spxsp-about__features\">\n                        <div class=\"spxsp-feat\">\n                            <span class=\"spxsp-feat__icon\">\ud83c\udf3f<\/span>\n                            <div class=\"spxsp-feat__name\">Origine naturelle<\/div>\n                            <p class=\"spxsp-feat__text\">S\u00e9diment organique sans additifs chimiques agressifs.<\/p>\n                        <\/div>\n                        <div class=\"spxsp-feat\">\n                            <span class=\"spxsp-feat__icon\">\ud83d\udca7<\/span>\n                            <div class=\"spxsp-feat__name\">Soutien du sol<\/div>\n                            <p class=\"spxsp-feat__text\">Aide \u00e0 maintenir la structure et un meilleur comportement hydrique.<\/p>\n                        <\/div>\n                        <div class=\"spxsp-feat\">\n                            <span class=\"spxsp-feat__icon\">\ud83c\udf3e<\/span>\n                            <div class=\"spxsp-feat__name\">Application flexible<\/div>\n                            <p class=\"spxsp-feat__text\">Convient aux champs, aux serres, aux vergers et \u00e0 l\u2019am\u00e9nagement paysager.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-banner\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-banner__card spxsp-reveal\">\n                <div class=\"spxsp-banner__left\">\n                    <span class=\"spxsp-eyebrow\">Soutien naturel pour l\u2019agriculture moderne<\/span>\n                    <h2>D\u00e9velopp\u00e9 pour am\u00e9liorer l\u2019\u00e9tat du sol et maintenir des zones racinaires saines<\/h2>\n                    <p>\n                        Utilisez le saprop\u00e8le comme composant cl\u00e9 de votre strat\u00e9gie de nutrition du sol \u2014 des planches potag\u00e8res aux serres industrielles et \u00e0 la\n                        production en plein champ.\n                    <\/p>\n                    <div style=\"display: flex; gap: 16px; flex-wrap: wrap\">\n                        <a class=\"spxsp-btn spxsp-btn-primary\" href=\"#cta\">Demander une offre<\/a>\n                        <a class=\"spxsp-btn spxsp-btn-ghost\" href=\"#about\">En savoir plus<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-banner__photo\">\n                    <img decoding=\"async\" alt=\"\u0421\u0430\u043f\u0440\u043e\u043f\u0435\u043b\u044c \u2014 \u043f\u0440\u0438\u0440\u043e\u0434\u043d\u0438\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u0434\u043b\u044f \u0491\u0440\u0443\u043d\u0442\u0443\" onerror=\"this.style.display = 'none'\" src=\"\/wp-content\/uploads\/2026\/03\/saprop\u00e8le-before-after.webp\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-uses\" id=\"spxsp-uses\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Applications<\/span>\n                <h2 class=\"spxsp-title\">O\u00f9<br \/>le saprop\u00e8le est utilis\u00e9<\/h2>\n            <\/div>\n            <div class=\"spxsp-uses__grid\">\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-saprop\u00e8le-1.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Potagers familiaux<\/div>\n                        <p class=\"spxsp-use-card__text\">Pour les planches potag\u00e8res, les plantations saisonni\u00e8res et l\u2019am\u00e9lioration naturelle du sol.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.06s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-saprop\u00e8le-2.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Serres<\/div>\n                        <p class=\"spxsp-use-card__text\">Pour l\u2019enrichissement des substrats et l\u2019am\u00e9lioration des conditions de la zone racinaire en culture prot\u00e9g\u00e9e.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.12s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-saprop\u00e8le-3.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">P\u00e9pini\u00e8res<\/div>\n                        <p class=\"spxsp-use-card__text\">Un composant pr\u00e9cieux dans les m\u00e9langes destin\u00e9s \u00e0 l\u2019\u00e9levage de jeunes plants et de semis.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.18s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-saprop\u00e8le-4.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Vergers et plantations de petits fruits<\/div>\n                        <p class=\"spxsp-use-card__text\">Pour la pr\u00e9paration du sol autour des arbres fruitiers et des cultures de petits fruits.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.24s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-saprop\u00e8le-5.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Plein champ<\/div>\n                        <p class=\"spxsp-use-card__text\">Pour les parcelles n\u00e9cessitant un soutien du sol avant le semis ou la plantation.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.3s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-saprop\u00e8le-6.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Am\u00e9nagement paysager<\/div>\n                        <p class=\"spxsp-use-card__text\">Pour l\u2019am\u00e9nagement d\u00e9coratif, l\u2019implantation de gazons et les projets de v\u00e9g\u00e9talisation urbaine.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-video-showcase\" id=\"spxsp-videos\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Documents vid\u00e9o<\/span>\n                <h2 class=\"spxsp-title\">D\u00e9monstrations r\u00e9elles<br \/>et r\u00e9sultats<\/h2>\n            <\/div>\n            <div class=\"spxsp-vs-grid\">\n                <div class=\"spxsp-vs-main spxsp-reveal spxsp-reveal--left\" style=\"--d: 0s\">\n                    <div class=\"spxsp-vs-main__video\">\n                        <iframe\n                            allow=\"encrypted-media\"\n                            allowfullscreen=\"\"\n                            src=\"https:\/\/www.youtube.com\/embed\/HP-fyLl0w5E?autoplay=0&mute=1&loop=1&controls=1&playlist=HP-fyLl0w5E&rel=0&modestbranding=1\"\n                            title=\"\u0421\u0430\u043f\u0440\u043e\u043f\u0435\u043b\u044c \u0432 \u043f\u043e\u0441\u0443\u0448\u043b\u0438\u0432\u0438\u0445 \u0440\u0435\u0433\u0456\u043e\u043d\u0430\u0445\"\n                        ><\/iframe>\n                    <\/div>\n                    <div class=\"spxsp-vs-main__caption\">\n                        <span class=\"spxsp-vs-main__tag\">Vid\u00e9o principale<\/span>\n                        <div class=\"spxsp-vs-main__title\">Saprop\u00e8le pour les r\u00e9gions arides<\/div>\n                        <div class=\"spxsp-vs-main__sub\">\n                            Une animation montrant comment le saprop\u00e8le aide \u00e0 restaurer les sols pauvres et secs, \u00e0 retenir l\u2019humidit\u00e9 et \u00e0 transformer les zones arides en espaces verts\n                            productifs.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-vs-stack spxsp-reveal spxsp-reveal--right\" style=\"--d: 0.1s\">\n                    <div class=\"spxsp-vs-card\">\n                        <div class=\"spxsp-vs-card__video\">\n                            <iframe\n                                allow=\"autoplay; encrypted-media\"\n                                allowfullscreen=\"\"\n                                src=\"https:\/\/www.youtube.com\/embed\/xDD-zdjP77k?autoplay=0&amp;mute=1&amp;loop=1&amp;controls=1&amp;playlist=xDD-zdjP77k&amp;rel=0&amp;modestbranding=1\"\n                                title=\"\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0432 \u043f\u043e\u0441\u0443\u0448\u043b\u0438\u0432\u0438\u0445 \u043a\u0440\u0430\u0457\u043d\u0430\u0445\"\n                            ><\/iframe>\n                        <\/div>\n                        <div class=\"spxsp-vs-card__body\">\n                            <span class=\"spxsp-vs-card__tag\">Applications<\/span>\n                            <div class=\"spxsp-vs-card__title\">Utilisation dans les pays arides<\/div>\n                            <div class=\"spxsp-vs-card__sub\">Am\u00e9lioration du sol, r\u00e9tention d\u2019humidit\u00e9 et soutien \u00e0 la croissance des plantes<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"spxsp-vs-card\">\n                        <div class=\"spxsp-vs-card__video\">\n                            <iframe\n                                allow=\"autoplay; encrypted-media\"\n                                allowfullscreen=\"\"\n                                src=\"https:\/\/www.youtube.com\/embed\/nLFPmfO813c?autoplay=0&amp;mute=1&amp;loop=1&amp;controls=1&amp;playlist=nLFPmfO813c&amp;rel=0&amp;modestbranding=1\"\n                                title=\"\u041f\u043e\u0440\u0456\u0432\u043d\u044f\u043d\u043d\u044f \u0440\u043e\u0441\u0442\u0443 \u0437 \u0441\u0430\u043f\u0440\u043e\u043f\u0435\u043b\u0435\u043c \u0456 \u0431\u0435\u0437\"\n                            ><\/iframe>\n                        <\/div>\n                        <div class=\"spxsp-vs-card__body\">\n                            <span class=\"spxsp-vs-card__tag\">Comparaison<\/span>\n                            <div class=\"spxsp-vs-card__title\">Croissance avec et sans saprop\u00e8le<\/div>\n                            <div class=\"spxsp-vs-card__sub\">\n                                Une comparaison vid\u00e9o visuelle du d\u00e9veloppement des plantes dans un sol avec saprop\u00e8le et sans am\u00e9lioration compl\u00e9mentaire.\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"spxsp-vs-card\">\n                        <div class=\"spxsp-vs-card__video\">\n                            <iframe\n                                allow=\"encrypted-media\"\n                                allowfullscreen=\"\"\n                                src=\"https:\/\/www.youtube.com\/embed\/I8upUmLkhQQ?autoplay=0&mute=1&controls=1&rel=0&modestbranding=1\"\n                                title=\"Courte vid\u00e9o sur le saprop\u00e8le 1\"\n                            ><\/iframe>\n                        <\/div>\n                        <div class=\"spxsp-vs-card__body\">\n                            <span class=\"spxsp-vs-card__tag\">Courte vid\u00e9o<\/span>\n                            <div class=\"spxsp-vs-card__title\">Le saprop\u00e8le en pratique<\/div>\n                            <div class=\"spxsp-vs-card__sub\">Une courte d\u00e9monstration de l\u2019application du saprop\u00e8le en conditions r\u00e9elles.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"spxsp-vs-card\">\n                        <div class=\"spxsp-vs-card__video\">\n                            <iframe\n                                allow=\"encrypted-media\"\n                                allowfullscreen=\"\"\n                                src=\"https:\/\/www.youtube.com\/embed\/AMOv0LDo_2w?autoplay=0&mute=1&controls=1&rel=0&modestbranding=1\"\n                                title=\"Courte vid\u00e9o sur le saprop\u00e8le 2\"\n                            ><\/iframe>\n                        <\/div>\n                        <div class=\"spxsp-vs-card__body\">\n                            <span class=\"spxsp-vs-card__tag\">Courte vid\u00e9o<\/span>\n                            <div class=\"spxsp-vs-card__title\">Comparaison avec et sans saprop\u00e8le<\/div>\n                            <div class=\"spxsp-vs-card__sub\">Une comparaison visuelle montrant la diff\u00e9rence de performance du sol.<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-steps\" id=\"spxsp-how\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Comment appliquer<\/span>\n                <h2 class=\"spxsp-title\">Trois \u00e9tapes vers<br \/>un meilleur sol<\/h2>\n            <\/div>\n            <div class=\"spxsp-steps__grid\">\n                <div class=\"spxsp-step spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-step__num-wrap\">\n                        <div class=\"spxsp-step__num-ring\"><\/div>\n                        <div class=\"spxsp-step__num-ring-2\"><\/div>\n                        <div class=\"spxsp-step__num-bg\">01<\/div>\n                    <\/div>\n                    <div class=\"spxsp-step__title\">Pr\u00e9parez le sol<\/div>\n                    <p class=\"spxsp-step__text\">Identifiez la zone o\u00f9 un apport organique, une am\u00e9lioration de la structure ou une restauration progressive est n\u00e9cessaire.<\/p>\n                <\/div>\n                <div class=\"spxsp-step spxsp-reveal\" style=\"--d: 0.1s\">\n                    <div class=\"spxsp-step__num-wrap\">\n                        <div class=\"spxsp-step__num-ring\"><\/div>\n                        <div class=\"spxsp-step__num-ring-2\"><\/div>\n                        <div class=\"spxsp-step__num-bg\">02<\/div>\n                    <\/div>\n                    <div class=\"spxsp-step__title\">Appliquez et incorporez<\/div>\n                    <p class=\"spxsp-step__text\">Appliquez le produit dans les zones de plantation, les planches ou les m\u00e9langes de substrat selon la m\u00e9thode de culture.<\/p>\n                <\/div>\n                <div class=\"spxsp-step spxsp-reveal\" style=\"--d: 0.2s\">\n                    <div class=\"spxsp-step__num-wrap\">\n                        <div class=\"spxsp-step__num-ring\"><\/div>\n                        <div class=\"spxsp-step__num-ring-2\"><\/div>\n                        <div class=\"spxsp-step__num-bg\">03<\/div>\n                    <\/div>\n                    <div class=\"spxsp-step__title\">Suivez la r\u00e9action des cultures<\/div>\n                    <p class=\"spxsp-step__text\">Surveillez le comportement du sol, la stabilit\u00e9 de l\u2019humidit\u00e9 et la r\u00e9action des plantes tout au long de la saison.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-gallery spxsp-certs\" id=\"spxsp-certificates\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Certificats<\/span>\n                <h2 class=\"spxsp-title\">Certificats et<br \/>documents de laboratoire<\/h2>\n                <p class=\"spxsp-subtext\">Confirmation de la qualit\u00e9 du produit, de son enregistrement et des essais de laboratoire. Cliquez sur un document pour l\u2019ouvrir en taille r\u00e9elle.<\/p>\n            <\/div>\n            <div class=\"spxsp-certs__grid\">\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/organic_standard.webp\" style=\"--d: 0s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Certificat Organic Standard\" src=\"\/wp-content\/uploads\/2026\/03\/organic_standard.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Certificat 01<\/div>\n                        <div class=\"spxsp-cert-card__title\">Certificat Organic Standard<\/div>\n                        <div class=\"spxsp-cert-card__hint\">Ouvrir en taille r\u00e9elle<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/certificate_of_registration1.webp\" style=\"--d: 0.06s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Certificat d\u2019enregistrement EAU\" src=\"\/wp-content\/uploads\/2026\/03\/certificate_of_registration1.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Certificat 02<\/div>\n                        <div class=\"spxsp-cert-card__title\">Certificat d\u2019enregistrement<\/div>\n                        <div class=\"spxsp-cert-card__hint\">Ouvrir en taille r\u00e9elle<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/laboratory_analysis.webp\" style=\"--d: 0.12s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Rapport d\u2019analyse de laboratoire\" src=\"\/wp-content\/uploads\/2026\/03\/laboratory_analysis.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Rapport 03<\/div>\n                        <div class=\"spxsp-cert-card__title\">Rapport d\u2019analyse de laboratoire<\/div>\n                        <div class=\"spxsp-cert-card__hint\">Ouvrir en taille r\u00e9elle<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/certificate_quality.webp\" style=\"--d: 0.18s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Certificat de qualit\u00e9\" src=\"\/wp-content\/uploads\/2026\/03\/certificate_quality.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Rapport 04<\/div>\n                        <div class=\"spxsp-cert-card__title\">Certificat de qualit\u00e9<\/div>\n                        <div class=\"spxsp-cert-card__hint\">Ouvrir en taille r\u00e9elle<\/div>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    <div aria-hidden=\"true\" class=\"spxsp-cert-lightbox\" id=\"spxspCertLightbox\">\n        <button aria-label=\"\u0417\u0430\u043a\u0440\u0438\u0442\u0438\" class=\"spxsp-cert-lightbox__close\" type=\"button\">\u00d7<\/button>\n        <div class=\"spxsp-cert-lightbox__inner\">\n            <img decoding=\"async\" alt=\"\u0421\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442 \u0443 \u043f\u043e\u0432\u043d\u043e\u043c\u0443 \u0440\u043e\u0437\u043c\u0456\u0440\u0456\" id=\"spxspCertLightboxImg\" src=\"\" \/>\n        <\/div>\n    <\/div>\n    <section class=\"spxsp-faq\" id=\"spxsp-faq\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">FAQ<\/span>\n                <h2 class=\"spxsp-title\">Questions fr\u00e9quemment pos\u00e9es<\/h2>\n            <\/div>\n            <div class=\"spxsp-faq__list\">\n                <details class=\"spxsp-faq__item spxsp-reveal\" open=\"\" style=\"--d: 0s\">\n                    <summary>\u00c0 quoi sert le saprop\u00e8le ?<\/summary>\n                    <div>\n                        Il est utilis\u00e9 pour am\u00e9liorer le sol, soutenir la fertilit\u00e9, \u00e9quilibrer l\u2019humidit\u00e9 et cr\u00e9er de meilleures conditions pour le d\u00e9veloppement des plantes. Il contient plus de\n                        60 micronutriments sous une forme organique naturelle.\n                    <\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.08s\">\n                    <summary>Convient-il aux serres et aux potagers ?<\/summary>\n                    <div>Oui. Le produit convient aux serres, aux potagers familiaux, aux m\u00e9langes de plantation, aux p\u00e9pini\u00e8res et \u00e0 un usage agricole plus large.<\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.16s\">\n                    <summary>Peut-il \u00eatre utilis\u00e9 sur des sols appauvris ?<\/summary>\n                    <div>\n                        Oui. L\u2019une des principales applications est l\u2019utilisation du saprop\u00e8le comme solution naturelle pour la restauration progressive et l\u2019am\u00e9lioration des sols\n                        appauvris.\n                    <\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.24s\">\n                    <summary>Est-il s\u00fbr pour l\u2019agriculture biologique ?<\/summary>\n                    <div>\n                        Oui. Le saprop\u00e8le est un produit enti\u00e8rement naturel sans additifs synth\u00e9tiques, certifi\u00e9 pour l\u2019agriculture biologique et sans danger pour les personnes, les animaux et\n                        l\u2019environnement.\n                    <\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.32s\">\n                    <summary>Quelle est la dose d\u2019application et comment est-elle calcul\u00e9e ?<\/summary>\n                    <div>\n                        La dose d\u2019application d\u00e9pend du type de culture et de l\u2019\u00e9tat du sol. Contactez-nous pour une \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430ion gratuite \u2014 nos agronomes d\u00e9termineront\n                        la dose optimale pour votre cas sp\u00e9cifique.\n                    <\/div>\n                <\/details>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"cta-inquiry-v2\" id=\"contact\">\n        <div class=\"cta-inquiry-v2__box\">\n            <div class=\"cta-inquiry-v2__grid\">\n                <div class=\"cta-inquiry-v2__left\">\n                    <span class=\"cta-inquiry-v2__badge\">CONTACTEZ-NOUS<\/span>\n\n                    <h2 class=\"cta-inquiry-v2__title\">Besoin de prix,<br \/>de conditions<br \/>ou d\u2019une consultation ?<\/h2>\n\n                    <p class=\"cta-inquiry-v2__text\">\n                        Envoyez-nous votre demande et nous reviendrons vers vous avec la configuration produit appropri\u00e9e, les conditions commerciales et les d\u00e9tails de livraison pour\n                        votre march\u00e9.\n                    <\/p>\n\n                    <div class=\"cta-inquiry-v2__points\">\n                        <div class=\"cta-inquiry-v2__point\">\n                            <div class=\"cta-inquiry-v2__icon\">\ud83d\ude9a<\/div>\n                            <div>\n                                <strong>Livraison mondiale<\/strong>\n                                <span>Nous organisons la logistique vers votre r\u00e9gion dans des d\u00e9lais r\u00e9alistes.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"cta-inquiry-v2__point\">\n                            <div class=\"cta-inquiry-v2__icon\">\ud83d\udcc4<\/div>\n                            <div>\n                                <strong>Support documentaire<\/strong>\n                                <span>Informations commerciales et produit pr\u00e9par\u00e9es selon votre demande.<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cta-inquiry-v2__right\">\n                    <div class=\"cta-inquiry-v2__form-card\">\n                        <form class=\"cta-proxy-form-v2\" novalidate>\n                            <div class=\"cta-proxy-form-v2__grid\">\n                                <div class=\"cta-proxy-field-v2\" data-name=\"first-name\">\n                                    <label for=\"cta-first-name\">Pr\u00e9nom<\/label>\n                                    <input id=\"cta-first-name\" name=\"first-name\" type=\"text\" placeholder=\"Saisissez le pr\u00e9nom\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Veuillez saisir le pr\u00e9nom.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"last-name\">\n                                    <label for=\"cta-last-name\">Nom<\/label>\n                                    <input id=\"cta-last-name\" name=\"last-name\" type=\"text\" placeholder=\"Saisissez le nom\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Veuillez saisir le nom.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"country\">\n                                    <label for=\"cta-country\">Pays<\/label>\n                                    <input id=\"cta-country\" name=\"country\" type=\"text\" placeholder=\"Saisissez le pays\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Veuillez saisir le pays.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"company\">\n                                    <label for=\"cta-company\">Entreprise<\/label>\n                                    <input id=\"cta-company\" name=\"company\" type=\"text\" placeholder=\"Saisissez le nom de l\u2019entreprise\" \/>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"phone\">\n                                    <label for=\"cta-phone\">T\u00e9l\u00e9phone<\/label>\n                                    <input id=\"cta-phone\" name=\"phone\" type=\"text\" placeholder=\"Saisissez le num\u00e9ro de t\u00e9l\u00e9phone\" \/>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"email\">\n                                    <label for=\"cta-email\">E-mail<\/label>\n                                    <input id=\"cta-email\" name=\"email\" type=\"email\" placeholder=\"Saisissez votre adresse e-mail\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Veuillez saisir une adresse e-mail valide.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2 cta-proxy-field-v2--full\" data-name=\"message\">\n                                    <label for=\"cta-message\">Votre message<\/label>\n                                    <textarea id=\"cta-message\" name=\"message\" placeholder=\"D\u00e9crivez votre demande, le pays de destination, la configuration requise ou tout autre d\u00e9tail\"><\/textarea>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2 cta-proxy-field-v2--full\" data-name=\"privacy\">\n                                    <label class=\"cta-proxy-check-v2\" for=\"cta-privacy\">\n                                        <input id=\"cta-privacy\" name=\"privacy\" type=\"checkbox\" required \/>\n                                        <span class=\"cta-proxy-check-v2__box\" aria-hidden=\"true\"><\/span>\n                                        <span class=\"cta-proxy-check-v2__text\">J\u2019accepte le traitement de mes donn\u00e9es personnelles dans le but de r\u00e9pondre \u00e0 ma demande.<\/span\n                                        >\n                                    <\/label>\n                                    <div class=\"cta-proxy-error-v2\">Veuillez confirmer votre consentement avant l\u2019envoi.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2 cta-proxy-field-v2--full\">\n                                    <button class=\"cta-proxy-submit-v2\" type=\"submit\">\n                                        <span>Envoyer la demande<\/span>\n                                    <\/button>\n                                    <div class=\"cta-proxy-status-v2\" aria-live=\"polite\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/form>\n\n                        <!-- Contact Form 7 shortcode moved to a separate Shortcode widget with CSS class: cta-cf7-hidden-v2 -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\n    \/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n    (function () {\n        const obs = new IntersectionObserver(\n            (entries, o) => {\n                entries.forEach((e) => {\n                    if (!e.isIntersecting) return;\n                    e.target.classList.add(\"is-vis\");\n                    o.unobserve(e.target);\n                });\n            },\n            { threshold: 0.1, rootMargin: \"0px 0px -6% 0px\" },\n        );\n        document\n            .querySelector(\".spxsp-root\")\n            ?.querySelectorAll(\".spxsp-reveal\")\n            .forEach((el) => obs.observe(el));\n    })();\n\n    \/* \u2500\u2500 COUNTER \u2500\u2500 *\/\n    (function () {\n        function animate(el) {\n            const t = +el.dataset.target,\n                dur = 1800;\n            let s = null;\n            function step(ts) {\n                if (!s) s = ts;\n                const p = Math.min((ts - s) \/ dur, 1),\n                    e = 1 - Math.pow(1 - p, 4);\n                el.textContent = Math.round(e * t);\n                if (p < 1) requestAnimationFrame(step);\n            }\n            requestAnimationFrame(step);\n        }\n        const obs = new IntersectionObserver(\n            (entries, o) => {\n                entries.forEach((e) => {\n                    if (!e.isIntersecting) return;\n                    animate(e.target);\n                    o.unobserve(e.target);\n                });\n            },\n            { threshold: 0.5 },\n        );\n        document\n            .querySelector(\".spxsp-root\")\n            ?.querySelectorAll(\".spxsp-counter\")\n            .forEach((el) => obs.observe(el));\n    })();\n\n    \/* \u2500\u2500 BUBBLES \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-bubbles\");\n        if (!c) return;\n        for (let i = 0; i < 12; i++) {\n            const b = document.createElement(\"div\");\n            b.className = \"spxsp-bubble\";\n            const s = 4 + Math.random() * 10;\n            b.style.cssText = `width:${s}px;height:${s}px;left:${5 + Math.random() * 90}%;bottom:${Math.random() * 20}px;animation-duration:${3 + Math.random() * 4}s;animation-delay:${Math.random() * 4}s;`;\n            c.appendChild(b);\n        }\n    })();\n\n    \/* \u2500\u2500 PARTICLES \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-particles\");\n        if (!c) return;\n        for (let i = 0; i < 18; i++) {\n            const p = document.createElement(\"div\");\n            p.className = \"spxsp-particle\";\n            const s = 3 + Math.random() * 8;\n            p.style.cssText = `width:${s}px;height:${s}px;left:${Math.random() * 95}%;top:${10 + Math.random() * 80}%;animation-duration:${5 + Math.random() * 8}s;animation-delay:${Math.random() * 6}s;`;\n            c.appendChild(p);\n        }\n    })();\n\n    \/* \u2500\u2500 MINERAL DOTS \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-mineralDots\");\n        if (!c) return;\n        for (let i = 0; i < 30; i++) {\n            const d = document.createElement(\"div\");\n            d.className = \"spxsp-mdot\";\n            const s = 3 + Math.random() * 12;\n            d.style.cssText = `width:${s}px;height:${s}px;left:${Math.random() * 98}%;top:${Math.random() * 90}%;opacity:${0.1 + Math.random() * 0.4};border-radius:${Math.random() > 0.5 ? \"99px\" : \"4px\"};`;\n            c.appendChild(d);\n        }\n    })();\n\n    \/* \u2500\u2500 CRACKS \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-cracks\");\n        if (!c) return;\n        for (let i = 0; i < 8; i++) {\n            const cr = document.createElement(\"div\");\n            cr.className = \"spxsp-crack\";\n            cr.style.cssText = `left:${5 + Math.random() * 90}%;top:${Math.random() * 30}%;height:${20 + Math.random() * 70}px;transform:rotate(${-20 + Math.random() * 40}deg);opacity:${0.1 + Math.random() * 0.2};`;\n            c.appendChild(cr);\n        }\n    })();\n\n    \/* \u2500\u2500 HERO PARALLAX OVERLAY \u2500\u2500 *\/\n    (function () {\n        const overlay = document.querySelector(\".spxsp-root\")?.querySelector(\".spxsp-hero__overlay\");\n        if (!overlay) return;\n        window.addEventListener(\n            \"faire d\u00e9filer\",\n            () => {\n                const f = Math.min(window.faire d\u00e9filerY \/ window.innerHeight, 1);\n                overlay.style.opacity = 1 + f * 0.3;\n            },\n            { passive: true },\n        );\n    })();\n    (function () {\n        const root = document.querySelector(\".cta-inquiry-v2\");\n        if (!root) return;\n\n        const form = root.querySelector(\".cta-proxy-form-v2\");\n        const status = root.querySelector(\".cta-proxy-status-v2\");\n        const button = root.querySelector(\".cta-proxy-submit-v2\");\n        if (!form || !status || !button) return;\n\n        function getCf7() {\n            return root.querySelector(\".wpcf7 form\") || document.querySelector(\".cta-cf7-hidden-v2 .wpcf7 form\") || document.querySelector(\".wpcf7 form\");\n        }\n\n        function mapFields(cf7) {\n            if (!cf7) return null;\n            return {\n                firstName: cf7.querySelector('[name=\"your-first-name\"]'),\n                lastName: cf7.querySelector('[name=\"your-last-name\"]'),\n                country: cf7.querySelector('[name=\"your-country\"]'),\n                company: cf7.querySelector('[name=\"your-company\"]'),\n                phone: cf7.querySelector('[name=\"your-phone\"]'),\n                email: cf7.querySelector('[name=\"your-email\"]'),\n                message: cf7.querySelector('[name=\"your-message\"]'),\n                privacy: cf7.querySelector('[name=\"acceptance-privacy\"]'),\n                submit: cf7.querySelector('input[type=\"submit\"], button[type=\"submit\"]'),\n            };\n        }\n\n        const f = {\n            firstName: form.querySelector('[name=\"first-name\"]'),\n            lastName: form.querySelector('[name=\"last-name\"]'),\n            country: form.querySelector('[name=\"country\"]'),\n            company: form.querySelector('[name=\"company\"]'),\n            phone: form.querySelector('[name=\"phone\"]'),\n            email: form.querySelector('[name=\"email\"]'),\n            message: form.querySelector('[name=\"message\"]'),\n            privacy: form.querySelector('[name=\"privacy\"]'),\n        };\n\n        let cf7 = getCf7();\n        let p = mapFields(cf7);\n        let submitTimer = null;\n\n        function setStatus(type, text) {\n            status.className = \"cta-proxy-status-v2 show \" + (type === \"ok\" ? \"ok\" : \"err\");\n            status.textContent = text;\n        }\n\n        function clearStatus() {\n            status.className = \"cta-proxy-status-v2\";\n            status.textContent = \"\";\n        }\n\n        function syncPrivacyUi() {\n            const field = form.querySelector('[data-name=\"privacy\"]');\n            if (!field) return;\n            field.classList.toggle(\"is-checked\", !!f.privacy.checked);\n        }\n\n        function resetButton() {\n            window.clearTimeout(submitTimer);\n            submitTimer = null;\n            button.disabled = false;\n            const span = button.querySelector(\"span\");\n            if (span) span.textContent = \"Envoyer la demande\";\n        }\n\n        function setSending() {\n            button.disabled = true;\n            const span = button.querySelector(\"span\");\n            if (span) span.textContent = \"Envoi en cours...\";\n        }\n\n        function bad(name, on) {\n            const el = form.querySelector('[data-name=\"' + name + '\"]');\n            if (el) el.classList.toggle(\"bad\", !!on);\n        }\n\n        function trimValue(el) {\n            return (el?.value || \"\").trim();\n        }\n\n        function validate() {\n            let ok = true;\n            const first = trimValue(f.firstName);\n            const last = trimValue(f.lastName);\n            const country = trimValue(f.country);\n            const email = trimValue(f.email);\n            const emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n            const privacyOk = !!f.privacy.checked;\n\n            bad(\"first-name\", !first);\n            if (!first) ok = false;\n\n            bad(\"last-name\", !last);\n            if (!last) ok = false;\n\n            bad(\"country\", !country);\n            if (!country) ok = false;\n\n            bad(\"email\", !emailOk);\n            if (!emailOk) ok = false;\n\n            bad(\"privacy\", !privacyOk);\n            if (!privacyOk) ok = false;\n\n            return ok;\n        }\n\n        function sync() {\n            cf7 = getCf7();\n            p = mapFields(cf7);\n            if (!cf7 || !p) return false;\n\n            const pairs = [\n                [p.firstName, trimValue(f.firstName)],\n                [p.lastName, trimValue(f.lastName)],\n                [p.country, trimValue(f.country)],\n                [p.company, trimValue(f.company)],\n                [p.phone, trimValue(f.phone)],\n                [p.email, trimValue(f.email)],\n                [p.message, trimValue(f.message)],\n            ];\n\n            pairs.forEach(([field, value]) => {\n                if (!field) return;\n                field.value = value;\n                field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n                field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n            });\n\n            if (p.privacy) {\n                p.privacy.checked = !!f.privacy.checked;\n                if (p.privacy.hasAttribute(\"aria-invalid\")) p.privacy.removeAttribute(\"aria-invalid\");\n                p.privacy.dispatchEvent(new MouseEvent(\"click\", { bubbles: true, cancelable: true, view: window }));\n                p.privacy.checked = !!f.privacy.checked;\n                p.privacy.dispatchEvent(new Event(\"input\", { bubbles: true }));\n                p.privacy.dispatchEvent(new Event(\"change\", { bubbles: true }));\n            }\n\n            return !!p.submit;\n        }\n\n        function fieldNameFromCf7Name(name) {\n            return (\n                {\n                    \"your-first-name\": \"first-name\",\n                    \"your-last-name\": \"last-name\",\n                    \"your-country\": \"country\",\n                    \"your-email\": \"email\",\n                    \"acceptance-privacy\": \"privacy\",\n                }[name] || null\n            );\n        }\n\n        syncPrivacyUi();\n\n        if (f.privacy) {\n            f.privacy.addEventListener(\"change\", function () {\n                syncPrivacyUi();\n                bad(\"privacy\", !f.privacy.checked);\n                clearStatus();\n            });\n        }\n\n        form.addEventListener(\"input\", function (e) {\n            const field = e.target.closest(\".cta-proxy-field-v2\");\n            if (field) field.classList.remove(\"bad\");\n            clearStatus();\n        });\n\n        form.addEventListener(\"change\", function (e) {\n            const field = e.target.closest(\".cta-proxy-field-v2\");\n            if (field) field.classList.remove(\"bad\");\n            clearStatus();\n        });\n\n        form.addEventListener(\"submit\", function (e) {\n            e.preventDefault();\n            e.stopPropagation();\n            clearStatus();\n\n            if (!validate()) {\n                if (!f.privacy.checked) {\n                    setStatus(\"err\", \"Veuillez confirmer votre consentement avant l\u2019envoi.\");\n                } else if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(trimValue(f.email))) {\n                    setStatus(\"err\", \"Veuillez saisir une adresse e-mail valide.\");\n                } else {\n                    setStatus(\"err\", \"Veuillez remplir les champs obligatoires.\");\n                }\n                return;\n            }\n\n            if (!sync()) {\n                setStatus(\"err\", \"Contact Form 7 est introuvable. Ajoutez le shortcode CF7 dans un widget Shortcode cach\u00e9 s\u00e9par\u00e9 avec la classe cta-cf7-hidden-v2.\");\n                return;\n            }\n\n            setSending();\n\n            if (typeof cf7.requestSubmit === \"function\") {\n                cf7.requestSubmit(p.submit || undefined);\n            } else if (p.submit) {\n                p.submit.click();\n            } else {\n                cf7.dispatchEvent(new Event(\"submit\", { bubbles: true, cancelable: true }));\n            }\n\n            submitTimer = window.setTimeout(function () {\n                if (button.disabled) {\n                    resetButton();\n                    setStatus(\"err\", \"L\u2019envoi du formulaire a commenc\u00e9, mais aucune r\u00e9ponse n\u2019a \u00e9t\u00e9 re\u00e7ue de Contact Form 7.\");\n                }\n            }, 12000);\n        });\n\n        document.addEventListener(\"wpcf7mailsent\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n            form.reset();\n            syncPrivacyUi();\n            clearStatus();\n            [\"first-name\", \"last-name\", \"country\", \"email\", \"privacy\"].forEach((name) => bad(name, false));\n            setStatus(\"ok\", \"Merci. Votre demande a \u00e9t\u00e9 envoy\u00e9e.\");\n        });\n\n        document.addEventListener(\"wpcf7mailfailed\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n            setStatus(\"err\", \"L\u2019envoi a \u00e9chou\u00e9. Veuillez r\u00e9essayer dans un instant.\");\n        });\n\n        document.addEventListener(\"wpcf7invalid\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n\n            const invalidFields = event?.detail?.apiResponse?.invalid_fields || [];\n            invalidFields.forEach((item) => {\n                const mapped = fieldNameFromCf7Name(item.field);\n                if (mapped) bad(mapped, true);\n            });\n\n            if (invalidFields.some((item) => item.field === \"acceptance-privacy\")) {\n                setStatus(\"err\", \"Veuillez confirmer votre consentement avant l\u2019envoi.\");\n                return;\n            }\n\n            if (invalidFields.some((item) => item.field === \"your-email\")) {\n                setStatus(\"err\", \"Veuillez saisir une adresse e-mail valide.\");\n                return;\n            }\n\n            setStatus(\"err\", \"Veuillez v\u00e9rifier les champs obligatoires.\");\n        });\n\n        document.addEventListener(\"wpcf7spam\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n            setStatus(\"err\", \"Le message a \u00e9t\u00e9 bloqu\u00e9 comme spam.\");\n        });\n    })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0920c5a cta-cf7-hidden-v2 elementor-widget elementor-widget-shortcode\" data-id=\"0920c5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9044-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"9044\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fr\/wp-json\/wp\/v2\/pages\/8400#wpcf7-f9044-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9044\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9044-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"Sapropel\" type=\"hidden\" name=\"form-source\" \/>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-first-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-last-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-country\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-country\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-privacy\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"acceptance-privacy\" value=\"1\" aria-invalid=\"false\" \/><\/span><\/span><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Envoyer\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>If the browser does not support video, the ::after fallback layer will be displayed Amendement naturel du sol Premiumsaprop\u00e8lepour votre sol Un produit organique naturel con\u00e7u pour am\u00e9liorer la structure du sol, augmenter la r\u00e9tention d\u2019humidit\u00e9 et cr\u00e9er des conditions de culture optimales pour les potagers, les serres, les cultures de plein champ et les [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8400","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/pages\/8400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/comments?post=8400"}],"version-history":[{"count":6,"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/pages\/8400\/revisions"}],"predecessor-version":[{"id":9204,"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/pages\/8400\/revisions\/9204"}],"wp:attachment":[{"href":"https:\/\/agro-tech-solution.com\/fr\/wp-json\/wp\/v2\/media?parent=8400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}