{"id":23645,"date":"2025-11-19T10:29:45","date_gmt":"2025-11-19T02:29:45","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=23645"},"modified":"2025-11-26T13:16:44","modified_gmt":"2025-11-26T05:16:44","slug":"%d9%85%d9%8f%d8%b6%d8%a7%d9%81-%d9%85%d8%a7%d8%a6%d9%8a-%d9%85%d9%82%d8%a7%d9%88%d9%85-%d9%84%d9%84%d9%85%d8%a7%d8%a1-%d9%84%d9%84%d8%a3%d9%88%d8%b9%d9%8a%d8%a9-%d8%a7%d9%84%d8%b4%d8%b9%d8%b1%d9%8a","status":"publish","type":"page","link":"https:\/\/landu-china.com\/ar\/%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa\/%d9%85%d9%8f%d8%b6%d8%a7%d9%81-%d9%85%d8%a7%d8%a6%d9%8a-%d9%85%d9%82%d8%a7%d9%88%d9%85-%d9%84%d9%84%d9%85%d8%a7%d8%a1-%d9%84%d9%84%d8%a3%d9%88%d8%b9%d9%8a%d8%a9-%d8%a7%d9%84%d8%b4%d8%b9%d8%b1%d9%8a\/","title":{"rendered":"\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0639\u0632\u0644 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u064a\u0629 \u0644\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u2014 LANDU CCCW-Super-AD"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23645\" class=\"elementor elementor-23645\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dedd7cc e-con-full e-flex e-con e-parent\" data-id=\"dedd7cc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb455d elementor-widget elementor-widget-html\" data-id=\"2cb455d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"novastar-banner\">\r\n    <section class=\"novastar-banner-section\">\r\n        <div class=\"novastar-container\">\r\n            <div class=\"novastar-content\">\r\n                <div class=\"novastar-brand-badge\">\r\n                    <span class=\"novastar-badge-text\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"novastar-main-title\">\r\n                    <span class=\"novastar-title-line\">NOVASTAR<\/span>\r\n                    <span class=\"novastar-title-line\">CCCW-Super AD<\/span>\r\n                    <span class=\"novastar-title-sub\">\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"novastar-subtitle\">\r\n                    \u062e\u0631\u0633\u0627\u0646\u062a\u0643\u060c <span class=\"novastar-highlight\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629<\/span>.\r\n                <\/p>\r\n                \r\n                <div class=\"novastar-description\">\r\n                    <p>\u0628\u0646\u0627\u0621 \u062e\u0631\u0633\u0627\u0646\u0629 \u0645\u0627\u0646\u0639\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0629 \u0628\u0644\u0648\u0631\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0648\u0641\u0631 \u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644.<\/p>\r\n                    <p>\u064a\u062e\u0644\u0642 NOVASTAR CCCW-Super AD \u062d\u0627\u062c\u0632\u064b\u0627 \u063a\u064a\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0627\u062e\u062a\u0631\u0627\u0642 \u064a\u062e\u062a\u0645 \u0627\u0644\u0634\u0642\u0648\u0642 \u0628\u0646\u0634\u0627\u0637 \u0648\u064a\u0642\u0627\u0648\u0645 \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0642\u0627\u0633\u064a\u0629.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Core properties -->\r\n                <div class=\"novastar-properties\">\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-healing-icon\">\r\n                            <div class=\"novastar-healing-symbol\">\r\n                                <div class=\"novastar-crack-line\"><\/div>\r\n                                <div class=\"novastar-heal-fill\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621<\/div>\r\n                        <div class=\"novastar-property-desc\">\u064a\u062e\u062a\u0645 \u0627\u0644\u0634\u0642\u0648\u0642 \u22640.5 \u0645\u0645<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-permanent-icon\">\r\n                            <div class=\"novastar-shield-symbol\">\r\n                                <div class=\"novastar-shield-outer\"><\/div>\r\n                                <div class=\"novastar-shield-inner\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">\u062f\u0627\u0626\u0645<\/div>\r\n                        <div class=\"novastar-property-desc\">\u062c\u0631\u0639\u0629 1 \u0643\u062c\u0645\/\u0645\u00b3<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-resistant-icon\">\r\n                            <div class=\"novastar-pressure-symbol\">\r\n                                <div class=\"novastar-pressure-wave\"><\/div>\r\n                                <div class=\"novastar-pressure-core\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">\u0645\u0642\u0627\u0648\u0645<\/div>\r\n                        <div class=\"novastar-property-desc\">\u062d\u062a\u0649 20 \u0628\u0627\u0631 \u0636\u063a\u0637<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Additional features -->\r\n                <div class=\"novastar-features\">\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>\u0645\u0642\u0627\u0648\u0645 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u064b\u0627<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>\u0635\u064a\u063a\u0629 \u063a\u064a\u0631 \u0633\u0627\u0645\u0629<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>\u0633\u0647\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"novastar-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-btn novastar-btn-primary\">\r\n                        <span>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0627\u0644\u064a\u0648\u0645<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-visual-element\">\r\n                <!-- Product Image -->\r\n                <div class=\"novastar-product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-CCCW-Super-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"\u0645\u0646\u062a\u062c NOVASTAR CCCW-Super AD\" \/>\r\n                <\/div>\r\n\r\n                <!-- Technical specifications panel -->\r\n                <div class=\"novastar-tech-panel\">\r\n                    <div class=\"novastar-tech-header\">\r\n                        <div class=\"novastar-tech-title\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621<\/div>\r\n                        <div class=\"novastar-tech-status\">\r\n                            <div class=\"novastar-status-dot\"><\/div>\r\n                            <span>\u0645\u0639\u062a\u0645\u062f<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-tech-specs\">\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">\u0639\u0632\u0644 \u0645\u0627\u0626\u064a<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 95%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">20 \u0628\u0627\u0631<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 90%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">\u22640.5 \u0645\u0645<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">\u0627\u0644\u062c\u0631\u0639\u0629<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 85%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">1 \u0643\u062c\u0645\/\u0645\u00b3<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Waterproof rating display -->\r\n                <div class=\"novastar-rating-display\">\r\n                    <div class=\"novastar-rating-number\">20<\/div>\r\n                    <div class=\"novastar-rating-unit\">\u0628\u0627\u0631<\/div>\r\n                    <div class=\"novastar-rating-label\">\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0636\u063a\u0637<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .novastar-banner {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-banner *,\r\n    .novastar-banner *::before,\r\n    .novastar-banner *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-banner-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%);\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-content {\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* Brand badge *\/\r\n    .novastar-brand-badge {\r\n        display: inline-block;\r\n        padding: 8px 16px;\r\n        background: #ffffff;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 20px;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-badge-text {\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: #0284c7;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Title *\/\r\n    .novastar-main-title {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        margin-bottom: 1rem;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .novastar-title-line {\r\n        display: block;\r\n    }\r\n\r\n    .novastar-title-sub {\r\n        display: block;\r\n        font-size: 22px;\r\n        font-weight: 400;\r\n        color: #475569;\r\n        margin-top: 0.5rem;\r\n    }\r\n\r\n    .novastar-subtitle {\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 2rem;\r\n        letter-spacing: 0.3px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .novastar-highlight {\r\n        color: #0284c7;\r\n        position: relative;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .novastar-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n    }\r\n\r\n    .novastar-description {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .novastar-description p {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-description p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Core properties *\/\r\n    .novastar-properties {\r\n        display: flex;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .novastar-property-item {\r\n        text-align: center;\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-property-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        margin: 0 auto 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #ffffff;\r\n        border-radius: 18px;\r\n        border: 2px solid #0ea5e9;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Self-healing icon *\/\r\n    .novastar-healing-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-crack-line {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #ef4444;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        clip-path: polygon(0 0, 45% 0, 45% 100%, 0 100%);\r\n    }\r\n\r\n    .novastar-heal-fill {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        clip-path: polygon(45% 0, 100% 0, 100% 100%, 45% 100%);\r\n    }\r\n\r\n    \/* Permanent protection icon *\/\r\n    .novastar-shield-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-shield-outer {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0ea5e9;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n    }\r\n\r\n    .novastar-shield-inner {\r\n        position: absolute;\r\n        width: 60%;\r\n        height: 60%;\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        top: 20%;\r\n        left: 20%;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n    }\r\n\r\n    \/* Resistant icon *\/\r\n    .novastar-pressure-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .novastar-pressure-wave {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-pressure-core {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-property-label {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #0284c7;\r\n        margin-bottom: 0.25rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-property-desc {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Feature badges *\/\r\n    .novastar-features {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .novastar-feature-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 16px;\r\n        background: #ffffff;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-check-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .novastar-cta-buttons {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .novastar-btn {\r\n        padding: 16px 36px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        text-align: center;\r\n        font-family: inherit;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-btn > * {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-btn-primary {\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        color: #ffffff;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .novastar-btn-primary:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    \/* Visual element container *\/\r\n    .novastar-visual-element {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        height: 700px;\r\n    }\r\n\r\n    \/* Product Image *\/\r\n    .novastar-product-image {\r\n        width: 100%;\r\n        max-width: 550px;\r\n        border-radius: 24px;\r\n        overflow: visible;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n        background: #ffffff;\r\n        padding: 32px;\r\n        position: relative;\r\n        border: 1px solid #e2e8f0;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-product-image img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        border-radius: 16px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Technical specifications panel *\/\r\n    .novastar-tech-panel {\r\n        position: absolute;\r\n        top: 30px;\r\n        right: -40px;\r\n        width: 240px;\r\n        background: #ffffff;\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-tech-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .novastar-tech-title {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0284c7;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .novastar-tech-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        font-size: 10px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-status-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #10b981;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-tech-specs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .novastar-spec-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .novastar-spec-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-spec-bar {\r\n        height: 6px;\r\n        background: #e2e8f0;\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-spec-fill {\r\n        height: 100%;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n        border-radius: 3px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-spec-value {\r\n        font-size: 12px;\r\n        color: #0284c7;\r\n        font-weight: 700;\r\n        text-align: right;\r\n    }\r\n\r\n    \/* Waterproof rating display *\/\r\n    .novastar-rating-display {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: -40px;\r\n        background: #ffffff;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        text-align: center;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n        min-width: 150px;\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-rating-number {\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        color: #0284c7;\r\n        line-height: 1;\r\n    }\r\n\r\n    .novastar-rating-unit {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin-top: -5px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .novastar-rating-label {\r\n        font-size: 10px;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-top: 0.5rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Tablet Styles *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-banner-section {\r\n            padding: 20px;\r\n        }\r\n\r\n        .novastar-container {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .novastar-main-title {\r\n            font-size: 38px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            height: 600px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 450px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .novastar-tech-panel {\r\n            width: 220px;\r\n            right: -30px;\r\n        }\r\n\r\n        .novastar-rating-display {\r\n            min-width: 130px;\r\n            left: -30px;\r\n        }\r\n\r\n        .novastar-rating-number {\r\n            font-size: 40px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 768px) {\r\n        .novastar-banner-section {\r\n            padding: 16px;\r\n            min-height: auto;\r\n            padding-top: 3rem;\r\n            padding-bottom: 3rem;\r\n        }\r\n\r\n        .novastar-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .novastar-content {\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-brand-badge {\r\n            display: block;\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-description p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .novastar-property-item {\r\n            max-width: 220px;\r\n        }\r\n\r\n        .novastar-features {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-cta-buttons {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-btn {\r\n            width: 100%;\r\n            max-width: 320px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            order: -1;\r\n            height: 450px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 380px;\r\n        }\r\n\r\n        .novastar-tech-panel,\r\n        .novastar-rating-display {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .novastar-property-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            height: 350px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 300px;\r\n            padding: 20px;\r\n        }\r\n\r\n        .novastar-feature-badge {\r\n            font-size: 12px;\r\n            padding: 6px 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f2c2fa e-con-full e-flex e-con e-parent\" data-id=\"1f2c2fa\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a8952 elementor-widget elementor-widget-html\" data-id=\"25a8952\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"waterproof-crystalline\">\r\n    <section class=\"waterproof-crystalline-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"waterproof-bg-effects\">\r\n            <div class=\"waterproof-crystal-grid\">\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 12%; --y: 18%; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 28%; --y: 32%; --delay: 0.6s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 45%; --y: 22%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 62%; --y: 45%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 78%; --y: 28%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 88%; --y: 65%; --delay: 3s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating water droplets -->\r\n            <div class=\"waterproof-droplets\">\r\n                <div class=\"waterproof-droplet\" style=\"--x: 15%; --y: 25%; --size: 12px; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-droplet\" style=\"--x: 65%; --y: 35%; --size: 9px; --delay: 1.5s;\"><\/div>\r\n                <div class=\"waterproof-droplet\" style=\"--x: 40%; --y: 60%; --size: 11px; --delay: 3s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"waterproof-container\">\r\n            <!-- Hero Section -->\r\n            <div class=\"waterproof-hero\">\r\n                <div class=\"waterproof-hero-badge\">\r\n                    <div class=\"waterproof-badge-dot\"><\/div>\r\n                    <span class=\"waterproof-badge-text\">\u0639\u0632\u0644 \u0645\u0627\u0626\u064a \u0645\u062a\u0642\u062f\u0645<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"waterproof-hero-title\">\r\n                    \u0637\u0628\u0642\u0629 \u0628\u0644\u0648\u0631\u064a\u0629 \u0634\u0639\u064a\u0631\u064a\u0629<br>\r\n                    <span class=\"waterproof-hero-gradient\">\u0645\u0636\u0627\u0641\u0627\u062a \u0639\u0632\u0644 \u0645\u0627\u0626\u064a<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"waterproof-hero-description\">\r\n                    \u0647\u0644 \u0633\u0626\u0645\u062a \u0645\u0646 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0634\u0642\u0642 \u0648\u062a\u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u0627\u0621\u061f \u0647\u0630\u0627 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0644\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u062a\u0639\u0645\u0644 \u0643\u0627\u0644\u0633\u062d\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643\u060c \u0648\u062a\u062e\u0644\u0642 \u0628\u0644\u0648\u0631\u0627\u062a \u0635\u063a\u064a\u0631\u0629 \u062a\u0645\u0646\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0627\u0621.\r\n                <\/p>\r\n\r\n                <div class=\"waterproof-hero-highlights\">\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>\u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629<\/span>\r\n                    <\/div>\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>\u062a\u0637\u0628\u064a\u0642 \u0628\u0633\u064a\u0637<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Takeaways Section -->\r\n            <div class=\"waterproof-takeaways\">\r\n                <div class=\"waterproof-section-header\">\r\n                    <div class=\"waterproof-header-line\"><\/div>\r\n                    <h2 class=\"waterproof-section-title\">\u0627\u0644\u0648\u062c\u0628\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h2>\r\n                    <div class=\"waterproof-header-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"waterproof-features-grid\">\r\n                    <!-- Feature Card 1 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.2s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-healing\">\r\n                                <div class=\"waterproof-healing-animation\">\r\n                                    <div class=\"waterproof-crack\"><\/div>\r\n                                    <div class=\"waterproof-crystal-growth\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">\u0627\u0644\u0641\u0627\u0626\u062f\u0629:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u062d\u062a\u0649 0.5 \u0645\u0645 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">\u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0645\u0643\u0644\u0641\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 2 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.4s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-protection\">\r\n                                <div class=\"waterproof-shield-animation\">\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">\u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">\u0627\u0644\u0641\u0627\u0626\u062f\u0629:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">\u062a\u062f\u0648\u0645 \u0637\u0648\u0627\u0644 \u0639\u0645\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">\u0648\u0641\u0631 \u0627\u0644\u0645\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 3 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.6s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-easy\">\r\n                                <div class=\"waterproof-mixer-animation\">\r\n                                    <div class=\"waterproof-mixer-bowl\"><\/div>\r\n                                    <div class=\"waterproof-mixer-content\"><\/div>\r\n                                    <div class=\"waterproof-mixer-spoon\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">\u0633\u0647\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">\u0627\u0644\u0641\u0627\u0626\u062f\u0629:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">\u0641\u0642\u0637 \u0627\u0645\u0632\u062c 1 \u0643\u062c\u0645 \u0644\u0643\u0644 \u0645\u062a\u0631 \u0645\u0643\u0639\u0628<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">\u0639\u0645\u0644\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 \u0628\u0633\u064a\u0637\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 4 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.8s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-resistance\">\r\n                                <div class=\"waterproof-chemical-animation\">\r\n                                    <div class=\"waterproof-chemical-drop\"><\/div>\r\n                                    <div class=\"waterproof-chemical-barrier\"><\/div>\r\n                                    <div class=\"waterproof-chemical-ripple\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">\u0645\u0642\u0627\u0648\u0645\u0629 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">\u0627\u0644\u0641\u0627\u0626\u062f\u0629:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">\u064a\u062d\u0645\u064a \u0645\u0646 \u062a\u0644\u0641 \u0627\u0644\u0645\u0644\u062d \u0648\u0627\u0644\u0623\u062d\u0645\u0627\u0636<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">\u062e\u0631\u0633\u0627\u0646\u0629 \u0623\u0642\u0648\u0649 \u0648\u0623\u0637\u0648\u0644 \u0639\u0645\u0631\u064b\u0627<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stats Banner -->\r\n            <div class=\"waterproof-stats-banner\">\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">0.5\u0645\u0645<\/div>\r\n                    <div class=\"waterproof-stat-label\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 85%;\"><\/div>\r\n                <\/div>\r\n                <div class=\"waterproof-stat-divider\"><\/div>\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">1\u0643\u062c\u0645\/\u0645\u00b3<\/div>\r\n                    <div class=\"waterproof-stat-label\">\u062c\u0631\u0639\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 95%;\"><\/div>\r\n                <\/div>\r\n                <div class=\"waterproof-stat-divider\"><\/div>\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">\u0639\u0645\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/div>\r\n                    <div class=\"waterproof-stat-label\">\u0645\u062f\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 100%;\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .waterproof-crystalline {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .waterproof-crystalline *,\r\n    .waterproof-crystalline *::before,\r\n    .waterproof-crystalline *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .waterproof-crystalline-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #f8fafc 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .waterproof-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.12;\r\n    }\r\n\r\n    .waterproof-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: crystal-appear 1s ease-out var(--delay) forwards,\r\n                   crystal-rotate 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .waterproof-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 30px;\r\n        height: 30px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: crystal-pulse 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes crystal-appear {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.8); opacity: 0.3; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.2); opacity: 0.6; }\r\n    }\r\n\r\n    .waterproof-droplets {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-droplet {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #38bdf8, #0ea5e9);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: rotate(-45deg);\r\n        opacity: 0;\r\n        animation: droplet-fall 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes droplet-fall {\r\n        0% { opacity: 0; transform: rotate(-45deg) translateY(-20px); }\r\n        20% { opacity: 0.8; }\r\n        80% { opacity: 0.8; }\r\n        100% { opacity: 0; transform: rotate(-45deg) translateY(20px); }\r\n    }\r\n\r\n    .waterproof-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Hero Section - Compressed *\/\r\n    .waterproof-hero {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: hero-fade-in 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    @keyframes hero-fade-in {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .waterproof-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        animation: badge-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes badge-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }\r\n    }\r\n\r\n    .waterproof-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .waterproof-hero-title {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .waterproof-hero-gradient {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .waterproof-hero-description {\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 800px;\r\n        margin: 0 auto 1rem;\r\n    }\r\n\r\n    .waterproof-hero-highlights {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .waterproof-highlight-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #334155;\r\n        backdrop-filter: blur(10px);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .waterproof-highlight-item:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .waterproof-highlight-icon {\r\n        color: #10b981;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Section Header - Compressed *\/\r\n    .waterproof-section-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 2rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: section-header-appear 0.8s ease-out 0.5s forwards;\r\n    }\r\n\r\n    @keyframes section-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-header-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .waterproof-section-title {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Features Grid - Compressed *\/\r\n    .waterproof-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.25rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .waterproof-feature-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.25rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: card-appear 0.8s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .waterproof-feature-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 16px 40px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .waterproof-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 20px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .waterproof-feature-card:hover .waterproof-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .waterproof-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .waterproof-card-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .waterproof-card-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Icon Animations *\/\r\n    \/* Self-Healing Animation *\/\r\n    .waterproof-healing-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-crack {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, transparent, #ef4444, transparent);\r\n        transform: translateY(-50%);\r\n        animation: crack-pulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-crystal-growth {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 0;\r\n        height: 6px;\r\n        background: linear-gradient(90deg, #10b981, #059669);\r\n        transform: translateY(-50%);\r\n        border-radius: 3px;\r\n        animation: crystal-fill 3s ease-in-out infinite;\r\n        box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\r\n    }\r\n\r\n    @keyframes crack-pulse {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.3; }\r\n    }\r\n\r\n    @keyframes crystal-fill {\r\n        0%, 30% { width: 0; }\r\n        100% { width: 100%; }\r\n    }\r\n\r\n    \/* Shield Animation *\/\r\n    .waterproof-shield-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-shield-layer {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: shield-expand 2s ease-out infinite;\r\n    }\r\n\r\n    .waterproof-shield-layer:nth-child(2) {\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    .waterproof-shield-layer:nth-child(3) {\r\n        animation-delay: 0.8s;\r\n    }\r\n\r\n    @keyframes shield-expand {\r\n        0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }\r\n        100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }\r\n    }\r\n\r\n    \/* Mixer Animation *\/\r\n    .waterproof-mixer-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-mixer-bowl {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 24px;\r\n        height: 16px;\r\n        border: 2px solid #0ea5e9;\r\n        border-top: none;\r\n        border-radius: 0 0 12px 12px;\r\n    }\r\n\r\n    .waterproof-mixer-content {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 18px;\r\n        height: 0;\r\n        background: linear-gradient(180deg, #06b6d4, #0891b2);\r\n        border-radius: 0 0 8px 8px;\r\n        animation: mixer-fill 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-mixer-spoon {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 2px;\r\n        height: 18px;\r\n        background: #0ea5e9;\r\n        border-radius: 1px;\r\n        animation: mixer-stir 2s ease-in-out infinite;\r\n        transform-origin: center bottom;\r\n    }\r\n\r\n    @keyframes mixer-fill {\r\n        0%, 30% { height: 0; }\r\n        100% { height: 10px; }\r\n    }\r\n\r\n    @keyframes mixer-stir {\r\n        0%, 100% { transform: translateX(-50%) rotate(-15deg); }\r\n        50% { transform: translateX(-50%) rotate(15deg); }\r\n    }\r\n\r\n    \/* Chemical Animation *\/\r\n    .waterproof-chemical-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-chemical-drop {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 8px;\r\n        height: 10px;\r\n        background: linear-gradient(180deg, #f59e0b, #d97706);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n        animation: chemical-drop 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-chemical-barrier {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .waterproof-chemical-ripple {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 0;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        animation: chemical-ripple 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes chemical-drop {\r\n        0%, 30% { top: 0; opacity: 1; }\r\n        60% { top: 15px; opacity: 1; }\r\n        61% { opacity: 0; }\r\n        100% { top: 0; opacity: 0; }\r\n    }\r\n\r\n    @keyframes chemical-ripple {\r\n        0% { width: 0; height: 0; opacity: 1; }\r\n        100% { width: 30px; height: 30px; opacity: 0; }\r\n    }\r\n\r\n    \/* Card Body - Compressed *\/\r\n    .waterproof-card-body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-card-benefit,\r\n    .waterproof-card-result {\r\n        position: relative;\r\n        padding-left: 0.75rem;\r\n    }\r\n\r\n    .waterproof-benefit-label {\r\n        display: block;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .waterproof-benefit-text {\r\n        font-size: 15px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-card-result {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.5rem;\r\n        padding: 0.75rem;\r\n        background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.05));\r\n        border-left: 3px solid #10b981;\r\n        border-radius: 0 10px 10px 0;\r\n    }\r\n\r\n    .waterproof-result-icon {\r\n        font-size: 20px;\r\n        color: #10b981;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .waterproof-result-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #059669;\r\n        margin: 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Stats Banner - Compressed *\/\r\n    .waterproof-stats-banner {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr auto 1fr;\r\n        gap: 1.5rem;\r\n        padding: 1.5rem 2rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        opacity: 0;\r\n        animation: stats-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes stats-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-stat-box {\r\n        text-align: center;\r\n    }\r\n\r\n    .waterproof-stat-value {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        line-height: 1;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .waterproof-stat-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .waterproof-stat-bar {\r\n        height: 6px;\r\n        background: rgba(14, 165, 233, 0.1);\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .waterproof-stat-bar::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n        width: var(--progress);\r\n        background: linear-gradient(90deg, #0ea5e9, #06b6d4);\r\n        border-radius: 3px;\r\n        animation: stat-fill 1.5s ease-out 1.2s forwards;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n    }\r\n\r\n    @keyframes stat-fill {\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    .waterproof-stat-divider {\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .waterproof-features-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .waterproof-stats-banner {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .waterproof-stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .waterproof-crystalline-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .waterproof-hero {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .waterproof-hero-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .waterproof-hero-description {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .waterproof-hero-highlights {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .waterproof-section-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .waterproof-feature-card {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .waterproof-takeaways {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .waterproof-features-grid {\r\n            gap: 1rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .waterproof-crystalline-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .waterproof-hero-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .waterproof-section-header {\r\n            flex-direction: column;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .waterproof-header-line {\r\n            display: none;\r\n        }\r\n\r\n        .waterproof-card-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .waterproof-stat-value {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef8891e e-con-full e-flex e-con e-parent\" data-id=\"ef8891e\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27caee6 elementor-widget elementor-widget-html\" data-id=\"27caee6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"waterproof-explanation\">\r\n    <section class=\"waterproof-explanation-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"waterproof-exp-bg-effects\">\r\n            <div class=\"waterproof-exp-crystal-grid\">\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 8%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 22%; --y: 35%; --delay: 0.7s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 38%; --y: 18%; --delay: 1.4s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 58%; --y: 42%; --delay: 2.1s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 72%; --y: 25%; --delay: 2.8s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 90%; --y: 60%; --delay: 3.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"waterproof-exp-particles\">\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 18%; --y: 28%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 68%; --y: 38%; --size: 8px; --delay: 1.8s;\"><\/div>\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 45%; --y: 65%; --size: 12px; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"waterproof-exp-container\">\r\n            <!-- Main Title -->\r\n            <div class=\"waterproof-exp-header\">\r\n                <h2 class=\"waterproof-exp-main-title\">\r\n                    \u0645\u0627 \u0647\u0648 \u0628\u0627\u0644\u0636\u0628\u0637 CCCW-Super AD<br>\r\n                    <span class=\"waterproof-exp-title-highlight\">\u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629\u061f<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Content Grid -->\r\n            <div class=\"waterproof-exp-content-grid\">\r\n                <!-- Left Column: Text Content -->\r\n                <div class=\"waterproof-exp-text-column\">\r\n                    <!-- Introduction -->\r\n                    <div class=\"waterproof-exp-intro-box\">\r\n                        <div class=\"waterproof-exp-intro-icon\">\r\n                            <div class=\"waterproof-exp-lightbulb\">\r\n                                <div class=\"waterproof-exp-bulb-glow\"><\/div>\r\n                                <div class=\"waterproof-exp-bulb-body\"><\/div>\r\n                                <div class=\"waterproof-exp-bulb-filament\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-exp-intro-text\">\r\n                            <p>\u0641\u0643\u0631 \u0641\u064a \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0639\u0644\u0649 \u0623\u0646\u0647\u0627 <strong>\u0645\u0633\u0627\u0639\u062f \u062e\u0631\u0633\u0627\u0646\u0629 \u0630\u0643\u064a \u062c\u062f\u064b\u0627<\/strong>. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0639\u0646\u062f\u0645\u0627 \u062a\u062e\u0644\u0637\u0647\u0627 \u0645\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\u060c \u062a\u0628\u062f\u0623 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631. \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u062a\u062d\u062a\u0648\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629 \u0639\u0644\u0649 \u0645\u0648\u0627\u062f \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u062e\u0627\u0635\u0629 \u062a\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0645\u0627\u0621 \u0648\u0627\u0644\u0623\u0633\u0645\u0646\u062a.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Quote Box -->\r\n                    <div class=\"waterproof-exp-quote-box\">\r\n                        <div class=\"waterproof-exp-quote-mark\">\"<\/div>\r\n                        <p class=\"waterproof-exp-quote-text\">\r\n                            \u062a\u062d\u0648\u0644 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0625\u0644\u0649 \u0645\u0627\u062f\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0648\u062a\u062d\u0645\u064a \u0646\u0641\u0633\u0647\u0627\u060c \u0648\u062a\u0635\u0628\u062d \u0623\u0642\u0648\u0649 \u0645\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\r\n                        <\/p>\r\n                        <div class=\"waterproof-exp-quote-decoration\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"waterproof-exp-process-section\">\r\n                        <h3 class=\"waterproof-exp-process-title\">\r\n                            <span class=\"waterproof-exp-process-icon\">\u2699<\/span>\r\n                            \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0628\u0643\u0644\u0645\u0627\u062a \u0628\u0633\u064a\u0637\u0629:\r\n                        <\/h3>\r\n\r\n                        <div class=\"waterproof-exp-steps\">\r\n                            <!-- Step 1 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.2s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">1<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">\u0623\u0648\u0644\u0627\u064b<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">\u062a\u0636\u064a\u0641 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0631\u0637\u0628\u0629<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 2 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.4s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">2<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">\u062b\u0645<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">\u064a\u062e\u0644\u0637 \u0645\u0639 \u0627\u0644\u0623\u0633\u0645\u0646\u062a \u0648\u0627\u0644\u0645\u0627\u0621 \u0644\u062e\u0644\u0642 \u0628\u0644\u0648\u0631\u0627\u062a \u062e\u0627\u0635\u0629<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 3 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.6s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">3<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">\u0627\u0644\u062a\u0627\u0644\u064a<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">\u062a\u0646\u0645\u0648 \u0647\u0630\u0647 \u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644 \u062b\u0642\u0648\u0628 \u0635\u063a\u064a\u0631\u0629 \u0641\u064a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 4 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.8s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">4<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">\u0623\u062e\u064a\u0631\u064b\u0627<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">\u062a\u0645\u0646\u0639 \u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a \u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0627\u0621<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Product Image -->\r\n                <div class=\"waterproof-exp-image-column\">\r\n                    <div class=\"waterproof-exp-product-showcase\">\r\n                        <div class=\"waterproof-exp-image-wrapper\">\r\n                            <div class=\"waterproof-exp-image-frame\">\r\n                                <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/CCCW-Super-AD-powder.jpg\" \r\n                                     alt=\"\u0628\u0648\u062f\u0631\u0629 CCCW Super AD\" \r\n                                     class=\"waterproof-exp-product-image\">\r\n                                <div class=\"waterproof-exp-image-overlay\">\r\n                                    <div class=\"waterproof-exp-overlay-badge\">\r\n                                        <div class=\"waterproof-exp-badge-icon\">\u2713<\/div>\r\n                                        <div class=\"waterproof-exp-badge-text\">\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Floating Info Tags -->\r\n                            <div class=\"waterproof-exp-info-tag waterproof-exp-tag-top\" style=\"--tag-delay: 0.5s;\">\r\n                                <div class=\"waterproof-exp-tag-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <path d=\"M10 2L12.5 7.5L18 8L14 12.5L15 18L10 15L5 18L6 12.5L2 8L7.5 7.5L10 2Z\" fill=\"currentColor\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-tag-content\">\r\n                                    <div class=\"waterproof-exp-tag-label\">\u0635\u064a\u063a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"waterproof-exp-info-tag waterproof-exp-tag-bottom\" style=\"--tag-delay: 0.7s;\">\r\n                                <div class=\"waterproof-exp-tag-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n                                        <path d=\"M10 6V10L13 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-tag-content\">\r\n                                    <div class=\"waterproof-exp-tag-label\">\u062d\u0645\u0627\u064a\u0629<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">\u0639\u0645\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Product Features -->\r\n                        <div class=\"waterproof-exp-features-list\">\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.3s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">\u062a\u0641\u0639\u064a\u0644 \u0641\u0648\u0631\u064a<\/span>\r\n                            <\/div>\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.5s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a<\/span>\r\n                            <\/div>\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.7s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">\u062d\u062c\u0628 \u0627\u0644\u0645\u0627\u0621<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .waterproof-explanation {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .waterproof-explanation *,\r\n    .waterproof-explanation *::before,\r\n    .waterproof-explanation *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .waterproof-explanation-section {\r\n        background: linear-gradient(135deg, #fefefe 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .waterproof-exp-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .waterproof-exp-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-exp-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: exp-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   exp-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .waterproof-exp-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 25px;\r\n        height: 25px;\r\n        border: 2px solid rgba(6, 182, 212, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: exp-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes exp-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes exp-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.15); }\r\n    }\r\n\r\n    @keyframes exp-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .waterproof-exp-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-exp-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: exp-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes exp-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .waterproof-exp-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .waterproof-exp-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: exp-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes exp-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-title-highlight {\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2, #0e7490);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Content Grid *\/\r\n    .waterproof-exp-content-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Text Column *\/\r\n    .waterproof-exp-text-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n        opacity: 0;\r\n        animation: exp-text-slide 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes exp-text-slide {\r\n        from { opacity: 0; transform: translateX(-30px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    \/* Intro Box *\/\r\n    .waterproof-exp-intro-box {\r\n        display: flex;\r\n        gap: 1.25rem;\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.08);\r\n    }\r\n\r\n    .waterproof-exp-intro-icon {\r\n        flex-shrink: 0;\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(8, 145, 178, 0.1));\r\n        border: 2px solid rgba(6, 182, 212, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Lightbulb Animation *\/\r\n    .waterproof-exp-lightbulb {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 35px;\r\n    }\r\n\r\n    .waterproof-exp-bulb-glow {\r\n        position: absolute;\r\n        top: -5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 40px;\r\n        height: 40px;\r\n        background: radial-gradient(circle, rgba(251, 191, 36, 0.4), transparent 70%);\r\n        border-radius: 50%;\r\n        animation: exp-bulb-glow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-exp-bulb-body {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 20px;\r\n        height: 24px;\r\n        background: linear-gradient(180deg, #fbbf24, #f59e0b);\r\n        border-radius: 50% 50% 45% 45%;\r\n    }\r\n\r\n    .waterproof-exp-bulb-filament {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 12px;\r\n        height: 8px;\r\n        border: 2px solid #0891b2;\r\n        border-top: none;\r\n        border-radius: 0 0 4px 4px;\r\n    }\r\n\r\n    @keyframes exp-bulb-glow {\r\n        0%, 100% { opacity: 0.6; transform: translateX(-50%) scale(0.9); }\r\n        50% { opacity: 1; transform: translateX(-50%) scale(1.1); }\r\n    }\r\n\r\n    .waterproof-exp-intro-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .waterproof-exp-intro-text p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-intro-text strong {\r\n        color: #0891b2;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Quote Box *\/\r\n    .waterproof-exp-quote-box {\r\n        position: relative;\r\n        padding: 1.75rem 2rem 1.75rem 3.5rem;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(8, 145, 178, 0.05));\r\n        border-left: 4px solid #06b6d4;\r\n        border-radius: 0 18px 18px 0;\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.1);\r\n    }\r\n\r\n    .waterproof-exp-quote-mark {\r\n        position: absolute;\r\n        top: 1rem;\r\n        left: 1rem;\r\n        font-size: 48px;\r\n        font-weight: 700;\r\n        color: rgba(6, 182, 212, 0.2);\r\n        line-height: 1;\r\n    }\r\n\r\n    .waterproof-exp-quote-text {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: #0f172a;\r\n        font-weight: 500;\r\n        font-style: italic;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-quote-decoration {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 80px;\r\n        height: 80px;\r\n        background: radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.1), transparent 70%);\r\n        border-radius: 18px 0 18px 0;\r\n    }\r\n\r\n    \/* Process Section *\/\r\n    .waterproof-exp-process-section {\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.08);\r\n    }\r\n\r\n    .waterproof-exp-process-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 1.5rem 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-exp-process-icon {\r\n        font-size: 24px;\r\n        color: #06b6d4;\r\n    }\r\n\r\n    \/* Steps *\/\r\n    .waterproof-exp-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-step {\r\n        display: flex;\r\n        gap: 1rem;\r\n        position: relative;\r\n        opacity: 0;\r\n        animation: exp-step-appear 0.6s ease-out var(--step-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-step-number {\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        width: 45px;\r\n        height: 45px;\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3);\r\n    }\r\n\r\n    .waterproof-exp-number-text {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: white;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .waterproof-exp-number-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #06b6d4;\r\n        border-radius: 12px;\r\n        animation: exp-ring-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes exp-ring-pulse {\r\n        0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\r\n        100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    .waterproof-exp-step-content {\r\n        flex: 1;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    .waterproof-exp-step-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #06b6d4;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .waterproof-exp-step-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-step-connector {\r\n        position: absolute;\r\n        left: 22px;\r\n        top: 50px;\r\n        width: 2px;\r\n        height: calc(100% + 1rem);\r\n        background: linear-gradient(180deg, rgba(6, 182, 212, 0.3), transparent);\r\n    }\r\n\r\n    .waterproof-exp-step:last-child .waterproof-exp-step-connector {\r\n        display: none;\r\n    }\r\n\r\n    \/* Image Column *\/\r\n    .waterproof-exp-image-column {\r\n        opacity: 0;\r\n        animation: exp-image-slide 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes exp-image-slide {\r\n        from { opacity: 0; transform: translateX(30px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    .waterproof-exp-product-showcase {\r\n        position: sticky;\r\n        top: 2rem;\r\n    }\r\n\r\n    .waterproof-exp-image-wrapper {\r\n        position: relative;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .waterproof-exp-image-frame {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 10px 40px rgba(6, 182, 212, 0.15);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 50px rgba(6, 182, 212, 0.2);\r\n    }\r\n\r\n    .waterproof-exp-product-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover .waterproof-exp-product-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .waterproof-exp-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.8));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover .waterproof-exp-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .waterproof-exp-overlay-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 10px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .waterproof-exp-badge-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .waterproof-exp-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Info Tags *\/\r\n    .waterproof-exp-info-tag {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1px solid rgba(6, 182, 212, 0.3);\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 20px rgba(6, 182, 212, 0.15);\r\n        opacity: 0;\r\n        animation: exp-tag-appear 0.6s ease-out var(--tag-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-tag-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-tag-top {\r\n        top: 1rem;\r\n        right: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-bottom {\r\n        bottom: 1rem;\r\n        left: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(8, 145, 178, 0.1));\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #06b6d4;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .waterproof-exp-tag-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.125rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .waterproof-exp-tag-value {\r\n        font-size: 15px;\r\n        color: #0f172a;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Features List *\/\r\n    .waterproof-exp-features-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-exp-feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        animation: exp-feature-appear 0.6s ease-out var(--feature-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-feature-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-feature-item:hover {\r\n        transform: translateX(5px);\r\n        border-color: rgba(6, 182, 212, 0.4);\r\n        box-shadow: 0 6px 20px rgba(6, 182, 212, 0.15);\r\n    }\r\n\r\n    .waterproof-exp-feature-check {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .waterproof-exp-feature-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .waterproof-exp-content-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .waterproof-exp-product-showcase {\r\n            position: relative;\r\n            top: 0;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 36px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .waterproof-explanation-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .waterproof-exp-header {\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .waterproof-exp-intro-box {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .waterproof-exp-intro-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .waterproof-exp-quote-box {\r\n            padding: 1.5rem 1.5rem 1.5rem 2.5rem;\r\n        }\r\n\r\n        .waterproof-exp-process-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .waterproof-exp-info-tag {\r\n            position: static;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .waterproof-explanation-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .waterproof-exp-step {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .waterproof-exp-step-number {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        .waterproof-exp-number-text {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .waterproof-exp-quote-text {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13f5cb9 e-con-full e-flex e-con e-parent\" data-id=\"13f5cb9\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0d5f8 elementor-widget elementor-widget-html\" data-id=\"0e0d5f8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-benefits\">\r\n    <section class=\"cccw-benefits-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-bg-effects\">\r\n            <div class=\"cccw-crystal-grid\">\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 10%; --y: 22%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 30%; --y: 38%; --delay: 0.8s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 50%; --y: 15%; --delay: 1.6s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 70%; --y: 45%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 85%; --y: 28%; --delay: 3.2s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-particles\">\r\n                <div class=\"cccw-particle\" style=\"--x: 18%; --y: 28%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-particle\" style=\"--x: 68%; --y: 38%; --size: 8px; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-particle\" style=\"--x: 45%; --y: 65%; --size: 12px; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-header\">\r\n                <div class=\"cccw-header-badge\">\r\n                    <div class=\"cccw-badge-dot\"><\/div>\r\n                    <span class=\"cccw-badge-text\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0645\u064a\u0632<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-main-title\">\r\n                    \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <span class=\"cccw-title-highlight\">CCCW-Super AD<\/span><br>\r\n                    \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629\u061f\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-intro-text\">\r\n                    \u064a\u0639\u062f CCCW-Super AD \u0645\u0636\u0627\u0641\u064b\u0627 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062a\u0633\u0631\u0628 \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0641\u0625\u0646\u0647 \u064a\u0648\u0641\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644\u0647 \u0623\u0641\u0636\u0644 \u0645\u0646 \u0637\u0631\u0642 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0639\u0627\u062f\u064a\u0629. \u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u062a\u0645 \u0627\u062e\u062a\u0628\u0627\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0625\u062b\u0628\u0627\u062a \u0641\u0639\u0627\u0644\u064a\u062a\u0647 \u0641\u064a \u0638\u0631\u0648\u0641 \u0635\u0639\u0628\u0629.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefits Title -->\r\n            <div class=\"cccw-benefits-header\">\r\n                <div class=\"cccw-benefits-line\"><\/div>\r\n                <h3 class=\"cccw-benefits-title\">\r\n                    \u0641\u0648\u0627\u0626\u062f \u0645\u0630\u0647\u0644\u0629 \u0644\u0645\u0636\u0627\u0641 \u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062a\u0633\u0631\u0628 \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a\r\n                <\/h3>\r\n                <div class=\"cccw-benefits-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"cccw-benefits-grid\">\r\n                <!-- Benefit 1: Reduces cracks -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.1s;\">\r\n                    <div class=\"cccw-card-number\">01<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">60%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u0628\u0646\u0633\u0628\u0629 60%<\/h4>\r\n                        <p class=\"cccw-card-description\">\u0642\u0644\u0629 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u062a\u0639\u0646\u064a \u062e\u0631\u0633\u0627\u0646\u0629 \u0623\u0642\u0648\u0649<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Self-healing -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.2s;\">\r\n                    <div class=\"cccw-card-number\">02<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">\u062a\u0644\u0642\u0627\u0626\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u0642\u0648\u0629 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a<\/h4>\r\n                        <p class=\"cccw-card-description\">\u064a\u0635\u0644\u062d \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0644\u0627\u0645\u0633\u0647\u0627 \u0627\u0644\u0645\u0627\u0621<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: Permanent protection -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.3s;\">\r\n                    <div class=\"cccw-card-number\">03<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">\u221e<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629<\/h4>\r\n                        <p class=\"cccw-card-description\">\u064a\u0639\u0645\u0644 \u0637\u0648\u0627\u0644 \u0639\u0645\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: High pressure -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.4s;\">\r\n                    <div class=\"cccw-card-number\">04<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">12 \u0628\u0627\u0631<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u064a\u062a\u062d\u0645\u0644 \u0636\u063a\u0637 \u0639\u0627\u0644\u064a<\/h4>\r\n                        <p class=\"cccw-card-description\">\u064a\u0645\u0643\u0646\u0647 \u0645\u0642\u0627\u0648\u0645\u0629 \u0636\u063a\u0637 \u0627\u0644\u0645\u0627\u0621 \u062d\u062a\u0649 12 \u0628\u0627\u0631<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 5: Chemical resistance -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.5s;\">\r\n                    <div class=\"cccw-card-number\">05<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">100%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u0645\u0642\u0627\u0648\u0645\u0629 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/h4>\r\n                        <p class=\"cccw-card-description\">\u064a\u062d\u0645\u064a \u0645\u0646 \u062a\u0644\u0641 \u0627\u0644\u0645\u0644\u062d \u0648\u0627\u0644\u0623\u062d\u0645\u0627\u0636<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 6: Safe for drinking water -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.6s;\">\r\n                    <div class=\"cccw-card-number\">06<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">\u0622\u0645\u0646<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u0622\u0645\u0646 \u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0634\u0631\u0628<\/h4>\r\n                        <p class=\"cccw-card-description\">\u0644\u0646 \u064a\u0636\u0631 \u0627\u0644\u0646\u0627\u0633 \u0623\u0648 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 7: Saves water -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.7s;\">\r\n                    <div class=\"cccw-card-number\">07<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">-5%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u064a\u0648\u0641\u0631 \u0627\u0644\u0645\u0627\u0621<\/h4>\r\n                        <p class=\"cccw-card-description\">\u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0627\u0621 \u0628\u0646\u0633\u0628\u0629 \u062d\u0648\u0627\u0644\u064a 5%<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Stats Banner -->\r\n            <div class=\"cccw-stats-banner\">\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">01<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/div>\r\n                        <div class=\"cccw-stat-label\">\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u062b\u0628\u062a<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-stat-divider\"><\/div>\r\n\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">02<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">\u0645\u064f\u062e\u062a\u0628\u0631 \u0648\u0645\u062b\u0628\u062a<\/div>\r\n                        <div class=\"cccw-stat-label\">\u0638\u0631\u0648\u0641 \u0642\u0627\u0633\u064a\u0629<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-stat-divider\"><\/div>\r\n\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">03<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0641\u0636\u0644<\/div>\r\n                        <div class=\"cccw-stat-label\">\u0645\u0646 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0639\u0627\u062f\u064a\u0629<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-benefits *,\r\n    .cccw-benefits *::before,\r\n    .cccw-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-benefits-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-crystal-spin 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-crystal-spin {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: cccw-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-header-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .cccw-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-intro-text {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Benefits Header *\/\r\n    .cccw-benefits-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-benefits-header-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-benefits-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-benefits-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-benefits-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 1.25rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .cccw-benefit-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-card-appear 0.6s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-benefit-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 16px 40px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 20px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-benefit-card:hover .cccw-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-card-number {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        left: 1.5rem;\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-card-badge {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-value {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-card-body {\r\n        padding-top: 2.5rem;\r\n    }\r\n\r\n    .cccw-card-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.75rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-card-description {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Stats Banner *\/\r\n    .cccw-stats-banner {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr auto 1fr;\r\n        gap: 2rem;\r\n        padding: 2rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        opacity: 0;\r\n        animation: cccw-stats-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes cccw-stats-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-stat-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .cccw-stat-number {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-stat-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-stat-value {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-stat-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .cccw-stat-divider {\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-benefits-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        }\r\n\r\n        .cccw-stats-banner {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .cccw-stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-benefits-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-intro-text {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-benefits-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-benefits-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-benefits-title {\r\n            font-size: 24px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-benefits-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-card-number {\r\n            font-size: 36px;\r\n            top: 1.25rem;\r\n            left: 1.25rem;\r\n        }\r\n\r\n        .cccw-card-badge {\r\n            top: 1.25rem;\r\n            right: 1.25rem;\r\n            padding: 0.375rem 0.75rem;\r\n        }\r\n\r\n        .cccw-badge-value {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-card-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .cccw-stat-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3b3854 e-con-full e-flex e-con e-parent\" data-id=\"a3b3854\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a742647 elementor-widget elementor-widget-html\" data-id=\"a742647\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-specifications\">\r\n    <section class=\"cccw-specifications-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-spec-bg-effects\">\r\n            <div class=\"cccw-spec-crystal-grid\">\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 15%; --y: 25%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 35%; --y: 40%; --delay: 0.9s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 55%; --y: 20%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 75%; --y: 50%; --delay: 2.7s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 90%; --y: 30%; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating elements -->\r\n            <div class=\"cccw-spec-particles\">\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 20%; --y: 35%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 70%; --y: 45%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 50%; --y: 70%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-spec-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-spec-header\">\r\n                <div class=\"cccw-spec-badge\">\r\n                    <div class=\"cccw-spec-badge-dot\"><\/div>\r\n                    <span class=\"cccw-spec-badge-text\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-spec-main-title\">\r\n                    \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0640 <span class=\"cccw-spec-title-highlight\">CCCW-Super AD<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-spec-intro-text\">\r\n                    \u0641\u0647\u0645 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0641\u0646\u064a\u0629 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0628\u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d. \u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u062a\u0636\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0645\u0646 \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid: Image + Table -->\r\n            <div class=\"cccw-spec-main-grid\">\r\n                <!-- Left: Product Image Card -->\r\n                <div class=\"cccw-spec-image-card\">\r\n                    <div class=\"cccw-spec-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-Super-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"\u0645\u0646\u062a\u062c NOVASTAR CCCW-Super AD\" class=\"cccw-spec-product-image\" \/>\r\n                        <div class=\"cccw-spec-image-overlay\">\r\n                            <div class=\"cccw-spec-overlay-badge\">\r\n                                <span class=\"cccw-overlay-text\">\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Download Button -->\r\n                    <div class=\"cccw-spec-download-section\">\r\n                        <div class=\"cccw-download-info\">\r\n                            <div class=\"cccw-download-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" class=\"cccw-doc-icon\">\r\n                                    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n                                    <polyline points=\"14 2 14 8 20 8\"\/>\r\n                                    <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/>\r\n                                    <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"cccw-download-text\">\r\n                                <h4 class=\"cccw-download-title\">\u0648\u0631\u0642\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/h4>\r\n                                <p class=\"cccw-download-desc\">\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/TDS-LANDU-CCCW-SuperAD.pdf\" download class=\"cccw-download-button\">\r\n                            <svg viewbox=\"0 0 24 24\" class=\"cccw-download-arrow\">\r\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n                                <polyline points=\"7 10 12 15 17 10\"\/>\r\n                                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n                            <\/svg>\r\n                            <span>\u062a\u062d\u0645\u064a\u0644 PDF<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Quick Stats -->\r\n                    <div class=\"cccw-spec-quick-stats\">\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">1 \u0643\u062c\u0645\/\u0645\u00b3<\/div>\r\n                            <div class=\"cccw-stat-label\">\u0627\u0644\u062c\u0631\u0639\u0629<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">\u22640.5 \u0645\u0645<\/div>\r\n                            <div class=\"cccw-stat-label\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">20 \u0628\u0627\u0631<\/div>\r\n                            <div class=\"cccw-stat-label\">\u0636\u063a\u0637<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Specifications Table -->\r\n                <div class=\"cccw-spec-table-wrapper\">\r\n                    <div class=\"cccw-spec-table\">\r\n                        <!-- Table Header -->\r\n                        <div class=\"cccw-spec-table-header\">\r\n                            <div class=\"cccw-spec-header-cell\">\u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a<\/div>\r\n                            <div class=\"cccw-spec-header-cell\">\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Table Body -->\r\n                        <div class=\"cccw-spec-table-body\">\r\n                            <!-- Row 1: Color -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.2s;\">\r\n                                <div class=\"cccw-spec-row-number\">01<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: #ffffff; border: 2px solid #cbd5e1;\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u0644\u0648\u0646<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">\u0645\u0633\u062d\u0648\u0642 \u0623\u0628\u064a\u0636<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u0633\u0647\u0644 \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u064a\u0647<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 2: Form -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.3s;\">\r\n                                <div class=\"cccw-spec-row-number\">02<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #0ea5e9, #06b6d4);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u0634\u0643\u0644<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">\u0628\u0648\u062f\u0631\u0629 \u0646\u0627\u0639\u0645\u0629<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u064a\u062e\u0644\u0637 \u0628\u0633\u0647\u0648\u0644\u0629<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 3: Dosage -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.4s;\">\r\n                                <div class=\"cccw-spec-row-number\">03<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u0627\u0644\u062c\u0631\u0639\u0629<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">1 \u0643\u062c\u0645 \u0644\u0643\u0644 \u0645\u00b3<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u0641\u0639\u0651\u0627\u0644 \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 4: Crack Healing -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.5s;\">\r\n                                <div class=\"cccw-spec-row-number\">04<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #10b981, #059669);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u0639\u0644\u0627\u062c \u0627\u0644\u0634\u0642\u0648\u0642<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">\u062d\u062a\u0649 0.5 \u0645\u0645<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0625\u063a\u0644\u0627\u0642<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 5: Water Pressure -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.6s;\">\r\n                                <div class=\"cccw-spec-row-number\">05<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #0ea5e9, #0284c7);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u0636\u063a\u0637 \u0627\u0644\u0645\u0627\u0621<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">\u062d\u062a\u0649 20 \u0628\u0627\u0631<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u0645\u0642\u0627\u0648\u0645\u0629 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 6: Application -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.7s;\">\r\n                                <div class=\"cccw-spec-row-number\">06<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">\u062e\u0644\u0637 \u0645\u0628\u0627\u0634\u0631<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u0644\u0627 \u0623\u062f\u0648\u0627\u062a \u062e\u0627\u0635\u0629<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Info Cards -->\r\n            <div class=\"cccw-spec-info-grid\">\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.3s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">\u0633\u0647\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/h4>\r\n                        <p class=\"cccw-info-text\">\u0634\u0643\u0644 \u0628\u0648\u062f\u0631\u0629 \u0628\u0633\u064a\u0637 \u064a\u062e\u0644\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062e\u0644\u0637<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.5s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <path d=\"M12 6v6l4 2\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">\u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f<\/h4>\r\n                        <p class=\"cccw-info-text\">\u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629 \u062a\u062f\u0648\u0645 \u0637\u0648\u0627\u0644 \u0639\u0645\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.7s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <polyline points=\"12 22 12 12\"\/>\r\n                            <path d=\"M12 12L2 7\"\/>\r\n                            <path d=\"M12 12l10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">\u0623\u062f\u0627\u0621 \u0639\u0627\u0644\u064a<\/h4>\r\n                        <p class=\"cccw-info-text\">\u064a\u062a\u062d\u0645\u0644 \u0636\u063a\u0637 \u0645\u0627\u0621 \u0634\u062f\u064a\u062f \u064a\u0635\u0644 \u0625\u0644\u0649 20 \u0628\u0627\u0631<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-specifications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-specifications *,\r\n    .cccw-specifications *::before,\r\n    .cccw-specifications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-specifications-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-spec-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-spec-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-spec-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-spec-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-spec-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-spec-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-spec-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-spec-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-spec-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-spec-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-spec-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-spec-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: cccw-spec-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-spec-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-spec-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-spec-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-spec-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-spec-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-spec-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Main Grid: Image + Table *\/\r\n    .cccw-spec-main-grid {\r\n        display: grid;\r\n        grid-template-columns: 400px 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-spec-grid-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-grid-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Product Image Card *\/\r\n    .cccw-spec-image-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 40px rgba(14, 165, 233, 0.15);\r\n    }\r\n\r\n    .cccw-spec-product-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .cccw-spec-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.3));\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.25rem;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper:hover .cccw-spec-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-spec-overlay-badge {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 0.5rem 1rem;\r\n        border-radius: 8px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .cccw-overlay-text {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Download Section *\/\r\n    .cccw-spec-download-section {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-download-info {\r\n        display: flex;\r\n        gap: 1rem;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-download-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-doc-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .cccw-download-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-download-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.25rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-download-desc {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-download-button {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.625rem;\r\n        padding: 0.875rem 1.5rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-download-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-download-arrow {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: currentColor;\r\n        stroke-width: 2.5;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Quick Stats *\/\r\n    .cccw-spec-quick-stats {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-quick-stat-item {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 12px;\r\n        padding: 0.875rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.06);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-quick-stat-item:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.12);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-stat-value {\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #0ea5e9;\r\n        margin-bottom: 0.25rem;\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-stat-label {\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .cccw-spec-table-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cccw-spec-table {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n    }\r\n\r\n    \/* Table Header *\/\r\n    .cccw-spec-table-header {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 1.5rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-spec-header-cell {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    \/* Table Body *\/\r\n    .cccw-spec-table-body {\r\n        padding: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-table-row {\r\n        padding: 1rem 1.25rem;\r\n        margin-bottom: 0.625rem;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: 1px solid rgba(14, 165, 233, 0.1);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-spec-row-appear 0.6s ease-out var(--row-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-row-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-spec-table-row:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-color: rgba(14, 165, 233, 0.3);\r\n        transform: translateX(5px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-spec-row-highlight {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-color: rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-spec-row-number {\r\n        position: absolute;\r\n        top: 0.75rem;\r\n        right: 0.75rem;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-spec-cell-group {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 1.5rem;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-spec-property {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-property-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-property-dot {\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 50%;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .cccw-spec-property-label {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .cccw-spec-value {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.25rem;\r\n    }\r\n\r\n    .cccw-spec-value-text {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .cccw-value-highlight {\r\n        color: #0ea5e9;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cccw-spec-value-note {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Info Grid *\/\r\n    .cccw-spec-info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-spec-info-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-spec-info-appear 0.6s ease-out var(--info-delay) forwards;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    @keyframes cccw-spec-info-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-spec-info-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-info-icon-wrapper {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-info-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .cccw-info-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-info-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-spec-main-grid {\r\n            grid-template-columns: 350px 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cccw-spec-main-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-spec-image-card {\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-specifications-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-spec-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-spec-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-spec-cell-group {\r\n            grid-template-columns: 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-spec-table-header {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-spec-info-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-spec-quick-stats {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-specifications-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-spec-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-spec-table-row {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-spec-row-number {\r\n            font-size: 20px;\r\n            top: 0.625rem;\r\n            right: 0.625rem;\r\n        }\r\n\r\n        .cccw-spec-download-section {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-download-button {\r\n            padding: 0.75rem 1.25rem;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-140a9be e-con-full e-flex e-con e-parent\" data-id=\"140a9be\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64bc5dc elementor-widget elementor-widget-html\" data-id=\"64bc5dc\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-applications\">\r\n    <section class=\"cccw-applications-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-app-bg-effects\">\r\n            <div class=\"cccw-app-crystal-grid\">\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 12%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 32%; --y: 35%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 52%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 72%; --y: 42%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 88%; --y: 28%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-app-particles\">\r\n                <div class=\"cccw-app-particle\" style=\"--x: 22%; --y: 32%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-app-particle\" style=\"--x: 68%; --y: 48%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-app-particle\" style=\"--x: 48%; --y: 68%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-app-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-app-header\">\r\n                <div class=\"cccw-app-badge\">\r\n                    <div class=\"cccw-app-badge-dot\"><\/div>\r\n                    <span class=\"cccw-app-badge-text\">\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-app-main-title\">\r\n                    \u0623\u064a\u0646 \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <span class=\"cccw-app-title-highlight\">\u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629\u061f<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-app-intro-text\">\r\n                    \u064a\u0639\u0645\u0644 \u0645\u0636\u0627\u0641 \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0628\u0644\u0648\u0631\u064a \u0644\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0634\u0643\u0644 \u0645\u0645\u062a\u0627\u0632 \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629. \u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u0641\u0647\u0648 \u0645\u062b\u0627\u0644\u064a \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u062c\u062f\u064a\u062f \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0635\u0644\u0627\u062d. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646 \u062a\u062d\u062a\u0627\u062c \u0641\u064a\u0647 \u0625\u0644\u0649 \u062e\u0631\u0633\u0627\u0646\u0629 \u0642\u0648\u064a\u0629 \u0648\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Applications Title -->\r\n            <div class=\"cccw-app-subtitle\">\r\n                <div class=\"cccw-app-subtitle-line\"><\/div>\r\n                <h3 class=\"cccw-app-subtitle-text\">\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062a\u0634\u0645\u0644:<\/h3>\r\n                <div class=\"cccw-app-subtitle-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Applications Grid -->\r\n            <div class=\"cccw-app-grid\">\r\n                <!-- Application 1: Building foundations -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.1s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/11\/construction-manager-controlling-building-site-with-plan.jpg\" \r\n                             alt=\"\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0646\u064a\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">01<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0646\u064a<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0628\u064a\u0629 \u062c\u0627\u0641\u0629 \u0648\u0622\u0645\u0646\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 2: Swimming pools -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.2s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/swimming-pool.jpg\" \r\n                             alt=\"\u062d\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0628\u0627\u062d\u0629\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">02<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u062d\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0628\u0627\u062d\u0629<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u0645\u0646\u0639 \u0627\u0644\u062a\u0633\u0631\u0628 \u0648\u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0645\u0627\u0621<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 3: Water tanks -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.3s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/a-black-petro-chemical-tank-with-a-ladder-up-the-s-2025-10-16-11-46-30-utc-scaled.jpg\" \r\n                             alt=\"\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">03<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u0636\u0645\u0646 \u062a\u062e\u0632\u064a\u0646 \u0645\u064a\u0627\u0647 \u0646\u0638\u064a\u0641 \u0648\u0622\u0645\u0646<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 4: Tunnels -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.4s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/construction-of-the-underground-tunnel.jpg\" \r\n                             alt=\"\u0627\u0644\u0623\u0646\u0641\u0627\u0642\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">04<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u0627\u0644\u0623\u0646\u0641\u0627\u0642<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u062d\u0645\u064a \u0645\u0646 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u062c\u0648\u0641\u064a\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 5: Parking garages -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.5s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/underground-parking-2024-10-14-22-22-34-utc-scaled.jpg\" \r\n                             alt=\"\u0645\u0631\u0627\u0626\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">05<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u0645\u0631\u0627\u0626\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u0645\u0646\u0639 \u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0627\u0647 \u0645\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0637\u0642\u0633<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 6: Marine structures -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.6s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/vessels-in-marina-from-above-2025-03-23-22-17-08-utc-scaled.jpg\" \r\n                             alt=\"\u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0628\u062d\u0631\u064a\u0629\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">06<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0628\u062d\u0631\u064a\u0629<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u0642\u0627\u0648\u0645 \u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0645\u0627\u0644\u062d\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 7: Elevator pits -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.7s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/interior-of-modern-natural-oil-factory-the-piping-2025-10-16-10-32-51-utc-scaled.jpg\" \r\n                             alt=\"\u062d\u0641\u0631 \u0627\u0644\u0645\u0635\u0627\u0639\u062f\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">07<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u062d\u0641\u0631 \u0627\u0644\u0645\u0635\u0627\u0639\u062f<\/h4>\r\n                        <p class=\"cccw-app-description\">\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u062c\u0627\u0641\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Summary -->\r\n            <div class=\"cccw-app-summary\">\r\n                <div class=\"cccw-summary-content\">\r\n                    <div class=\"cccw-summary-icon\">\r\n                        <div class=\"cccw-summary-checkmark\">\u2713<\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-summary-text\">\r\n                        <h4 class=\"cccw-summary-title\">\u062d\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0644\u062c\u0645\u064a\u0639 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/h4>\r\n                        <p class=\"cccw-summary-description\">\u0645\u0646 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u064a\u0648\u0641\u0631 CCCW-Super AD \u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0645\u0646 \u0627\u0644\u062a\u0633\u0631\u0628 \u0644\u0644\u0645\u0627\u0621 \u0644\u0623\u064a \u062a\u0637\u0628\u064a\u0642<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-applications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-applications *,\r\n    .cccw-applications *::before,\r\n    .cccw-applications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-applications-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-app-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-app-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-app-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: app-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   app-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-app-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: app-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes app-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes app-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes app-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-app-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-app-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: app-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes app-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-app-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-app-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: app-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes app-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-app-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-app-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: app-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes app-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-app-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-app-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-app-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-app-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Subtitle *\/\r\n    .cccw-app-subtitle {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: app-subtitle-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes app-subtitle-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-app-subtitle-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-app-subtitle-text {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Applications Grid *\/\r\n    .cccw-app-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 1.25rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .cccw-app-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: app-card-appear 0.6s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes app-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-app-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-app-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 200px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-app-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-app-card:hover .cccw-app-image {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .cccw-app-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.8), rgba(6, 182, 212, 0.6));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-app-card:hover .cccw-app-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-app-number {\r\n        font-size: 64px;\r\n        font-weight: 800;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-app-content {\r\n        padding: 1.25rem;\r\n    }\r\n\r\n    .cccw-app-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-app-description {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Summary Section *\/\r\n    .cccw-app-summary {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: app-summary-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes app-summary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-summary-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-summary-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-summary-checkmark {\r\n        font-size: 32px;\r\n        color: white;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-summary-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-summary-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-summary-description {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-app-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-applications-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-app-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-app-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-app-subtitle {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-app-subtitle-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-app-subtitle-text {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-app-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-summary-content {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-applications-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-app-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-app-image-wrapper {\r\n            height: 180px;\r\n        }\r\n\r\n        .cccw-app-content {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-app-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-app-summary {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-summary-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .cccw-summary-checkmark {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-summary-title {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7110ac e-con-full e-flex e-con e-parent\" data-id=\"c7110ac\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a338f elementor-widget elementor-widget-html\" data-id=\"68a338f\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-application-method\">\r\n    <section class=\"cccw-method-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-method-bg-effects\">\r\n            <div class=\"cccw-method-crystal-grid\">\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 14%; --y: 22%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 34%; --y: 38%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 54%; --y: 16%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 74%; --y: 44%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 90%; --y: 26%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-method-particles\">\r\n                <div class=\"cccw-method-particle\" style=\"--x: 24%; --y: 34%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-method-particle\" style=\"--x: 70%; --y: 50%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-method-particle\" style=\"--x: 50%; --y: 70%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-method-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-method-header\">\r\n                <div class=\"cccw-method-badge\">\r\n                    <div class=\"cccw-method-badge-dot\"><\/div>\r\n                    <span class=\"cccw-method-badge-text\">\u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-method-main-title\">\r\n                    \u0643\u064a\u0641\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 Super-AD <span class=\"cccw-method-title-highlight\">\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-method-intro-text\">\r\n                    \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639 \u0628\u0633\u064a\u0637 \u062c\u062f\u064b\u0627. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0641\u0625\u0646 \u0627\u062a\u0628\u0627\u0639 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u064a\u0636\u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c. \u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u064a\u0636\u0645\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0635\u062d\u064a\u062d \u062d\u0645\u0627\u064a\u0629 \u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Primary Method: Easy Mixing -->\r\n            <div class=\"cccw-primary-method\">\r\n                <div class=\"cccw-primary-header\">\r\n                    <div class=\"cccw-primary-number\">01<\/div>\r\n                    <h3 class=\"cccw-primary-title\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062e\u0644\u0637 \u0627\u0644\u0633\u0647\u0644\u0629<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-primary-content\">\r\n                    <!-- Left: Image -->\r\n                    <div class=\"cccw-primary-image-wrapper\">\r\n                        <div class=\"cccw-primary-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Easy-Mixing-Method-scaled.jpg\" \r\n                                 alt=\"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062e\u0644\u0637 \u0627\u0644\u0633\u0647\u0644\u0629\" \r\n                                 class=\"cccw-primary-image\">\r\n                            <div class=\"cccw-primary-image-overlay\">\r\n                                <div class=\"cccw-primary-overlay-badge\">\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Right: Steps -->\r\n                    <div class=\"cccw-primary-steps\">\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.2s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">1<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">\u0623\u0648\u0644\u0627\u064b<\/div>\r\n                                <p class=\"cccw-step-text\">\u0623\u0636\u0641 \u0627\u0644\u0623\u0633\u0645\u0646\u062a \u0625\u0644\u0649 \u062e\u0644\u0627\u0637 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.3s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">2<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">\u062b\u0645<\/div>\r\n                                <p class=\"cccw-step-text\">\u0623\u0636\u0641 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.4s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">3<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">\u0627\u0644\u062a\u0627\u0644\u064a<\/div>\r\n                                <p class=\"cccw-step-text\">\u0627\u062e\u0644\u0637 \u0628\u0633\u0631\u0639\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u0645\u062f\u0629 10 \u062f\u0642\u0627\u0626\u0642<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.5s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">4<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">\u0628\u0639\u062f \u0630\u0644\u0643<\/div>\r\n                                <p class=\"cccw-step-text\">\u0623\u0636\u0641 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 \u0643\u0627\u0644\u0645\u0639\u062a\u0627\u062f<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.6s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">5<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">\u0623\u062e\u064a\u0631\u064b\u0627<\/div>\r\n                                <p class=\"cccw-step-text\">\u0635\u0628 \u0648\u0627\u0646\u0647\u0650 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0643\u0645\u0627 \u0647\u0648 \u0645\u0639\u062a\u0627\u062f<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Important Note -->\r\n                <div class=\"cccw-important-note\">\r\n                    <div class=\"cccw-note-icon\">!<\/div>\r\n                    <div class=\"cccw-note-content\">\r\n                        <div class=\"cccw-note-title\">\u062a\u0630\u0643\u0631:<\/div>\r\n                        <p class=\"cccw-note-text\">\u062f\u0627\u0626\u0645\u064b\u0627 \u0623\u0636\u0641 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u062f\u0627\u062e\u0644.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Alternative Methods Title -->\r\n            <div class=\"cccw-alternative-header\">\r\n                <div class=\"cccw-alternative-line\"><\/div>\r\n                <h3 class=\"cccw-alternative-title\">\u0637\u0631\u0642 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0628\u062f\u064a\u0644\u0629<\/h3>\r\n                <div class=\"cccw-alternative-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Alternative Methods Grid -->\r\n            <div class=\"cccw-alternative-grid\">\r\n                <!-- Method 1: Dry Shake - \u4f7f\u7528Brush\u56fe\u7247 -->\r\n                <div class=\"cccw-alt-method-card\" style=\"--alt-delay: 0.2s;\">\r\n                    <div class=\"cccw-alt-header\">\r\n                        <div class=\"cccw-alt-number\">02<\/div>\r\n                        <h4 class=\"cccw-alt-title\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0631\u0634 \u0627\u0644\u062c\u0627\u0641<\/h4>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"cccw-alt-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Brush-Application-scaled.jpg\" \r\n                             alt=\"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0631\u0634 \u0627\u0644\u062c\u0627\u0641\" \r\n                             class=\"cccw-alt-image\">\r\n                        <div class=\"cccw-alt-image-overlay\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-alt-content\">\r\n                        <ul class=\"cccw-alt-steps-list\">\r\n                            <li class=\"cccw-alt-step\">\u0631\u0634 1.5 \u0643\u062c\u0645 \u0644\u0643\u0644 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/li>\r\n                            <li class=\"cccw-alt-step\">\u0627\u0639\u0645\u0644\u0647\u0627 \u0641\u064a \u0627\u0644\u0633\u0637\u062d \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062c\u0631\u0641\u0629<\/li>\r\n                            <li class=\"cccw-alt-step\">\u0623\u0641\u0636\u0644 \u0644\u0644\u0623\u0633\u0637\u062d \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Method 2: Brush Application - \u4f7f\u7528Dry Shake\u56fe\u7247 -->\r\n                <div class=\"cccw-alt-method-card\" style=\"--alt-delay: 0.4s;\">\r\n                    <div class=\"cccw-alt-header\">\r\n                        <div class=\"cccw-alt-number\">03<\/div>\r\n                        <h4 class=\"cccw-alt-title\">\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0641\u0631\u0634\u0627\u0629<\/h4>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"cccw-alt-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Dry-Shake-Method-scaled.jpg\" \r\n                             alt=\"\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0641\u0631\u0634\u0627\u0629\" \r\n                             class=\"cccw-alt-image\">\r\n                        <div class=\"cccw-alt-image-overlay\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-alt-content\">\r\n                        <ul class=\"cccw-alt-steps-list\">\r\n                            <li class=\"cccw-alt-step\">\u0627\u0645\u0632\u062c \u0627\u0644\u0645\u0633\u062d\u0648\u0642 \u0628\u0627\u0644\u0645\u0627\u0621 \u0644\u0635\u0646\u0639 \u0645\u0639\u062c\u0648\u0646<\/li>\r\n                            <li class=\"cccw-alt-step\">\u0637\u0628\u0642\u0647 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u0631\u0634\u0627\u0629 \u0635\u0644\u0628\u0629 \u0639\u0644\u0649 \u0637\u0628\u0642\u062a\u064a\u0646<\/li>\r\n                            <li class=\"cccw-alt-step\">\u0645\u062b\u0627\u0644\u064a \u0644\u0644\u062c\u062f\u0631\u0627\u0646 \u0648\u0627\u0644\u0623\u0633\u0637\u062d \u0627\u0644\u0631\u0623\u0633\u064a\u0629<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-application-method {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-application-method *,\r\n    .cccw-application-method *::before,\r\n    .cccw-application-method *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-method-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-method-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-method-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-method-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: method-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   method-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-method-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: method-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes method-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes method-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes method-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-method-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-method-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: method-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes method-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-method-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-method-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: method-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes method-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-method-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-method-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: method-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes method-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-method-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-method-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-method-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-method-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Primary Method Section *\/\r\n    .cccw-primary-method {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: method-primary-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes method-primary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-primary-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1.5rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-primary-number {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-primary-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-primary-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 1.5rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Primary Image - \u51cf\u5c11\u9ad8\u5ea6\u4e09\u5206\u4e4b\u4e00 *\/\r\n    .cccw-primary-image-wrapper {\r\n        position: relative;\r\n        height: 280px;\r\n    }\r\n\r\n    .cccw-primary-image-frame {\r\n        position: relative;\r\n        height: 100%;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-primary-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-primary-image-frame:hover .cccw-primary-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .cccw-primary-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.8));\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.5rem;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .cccw-primary-image-frame:hover .cccw-primary-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-primary-overlay-badge {\r\n        padding: 0.5rem 1rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: white;\r\n    }\r\n\r\n    \/* Primary Steps *\/\r\n    .cccw-primary-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-step-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: method-step-appear 0.6s ease-out var(--step-delay) forwards;\r\n    }\r\n\r\n    @keyframes method-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-step-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-step-num {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-step-content {\r\n        flex: 1;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    .cccw-step-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-step-text {\r\n        font-size: 14px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Important Note *\/\r\n    .cccw-important-note {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        border: 1px solid rgba(251, 191, 36, 0.3);\r\n        border-left: 4px solid #fbbf24;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .cccw-note-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-note-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-note-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #f59e0b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-note-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Methods Header *\/\r\n    .cccw-alternative-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: method-alt-header-appear 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes method-alt-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-alternative-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-alternative-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Methods Grid *\/\r\n    .cccw-alternative-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-alt-method-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: method-alt-appear 0.6s ease-out var(--alt-delay) forwards;\r\n    }\r\n\r\n    @keyframes method-alt-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-alt-method-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-alt-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 1px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-alt-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-alt-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Image - \u589e\u52a0\u9ad8\u5ea6\u5e76\u4f7f\u7528cover *\/\r\n    .cccw-alt-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 280px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-alt-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-alt-method-card:hover .cccw-alt-image {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .cccw-alt-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.2));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .cccw-alt-method-card:hover .cccw-alt-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-alt-content {\r\n        padding: 1.25rem;\r\n    }\r\n\r\n    .cccw-alt-steps-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-alt-step {\r\n        position: relative;\r\n        padding-left: 1.5rem;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n    }\r\n\r\n    .cccw-alt-step::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0.4rem;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-primary-content {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 250px;\r\n        }\r\n\r\n        .cccw-alternative-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-method-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-method-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-method-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-primary-method {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-primary-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 220px;\r\n        }\r\n\r\n        .cccw-alternative-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-alternative-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-alternative-title {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-alt-image-wrapper {\r\n            height: 240px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-method-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-method-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-primary-method {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-primary-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-primary-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 200px;\r\n        }\r\n\r\n        .cccw-important-note {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-note-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cccw-alt-image-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7036fcf e-con-full e-flex e-con e-parent\" data-id=\"7036fcf\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90f7d elementor-widget elementor-widget-html\" data-id=\"1c90f7d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-cost-benefits\">\r\n    <section class=\"cccw-cost-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-cost-bg-effects\">\r\n            <div class=\"cccw-cost-crystal-grid\">\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 16%; --y: 24%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 36%; --y: 40%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 56%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 76%; --y: 46%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 92%; --y: 28%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-cost-particles\">\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 26%; --y: 36%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 72%; --y: 52%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 52%; --y: 72%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-cost-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-cost-header\">\r\n                <div class=\"cccw-cost-badge\">\r\n                    <div class=\"cccw-cost-badge-dot\"><\/div>\r\n                    <span class=\"cccw-cost-badge-text\">\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u062a\u0648\u0641\u064a\u0631<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-cost-main-title\">\r\n                    \u0641\u0648\u0627\u0626\u062f \u0627\u0644\u062a\u0648\u0641\u064a\u0631 \u0644\u0640 <span class=\"cccw-cost-title-highlight\">\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-cost-intro-text\">\r\n                    \u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u062a\u0643\u0644\u0641 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629\u060c \u0625\u0644\u0627 \u0623\u0646\u0647\u0627 \u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u062a\u062a\u062c\u0646\u0628 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u0644\u0641\u0629. \u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062f\u0627\u0626\u0645\u0629 \u062a\u0639\u0646\u064a \u0639\u062f\u0645 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0644\u0627\u0633\u062a\u0628\u062f\u0627\u0644.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Money-Saving Title -->\r\n            <div class=\"cccw-saving-header\">\r\n                <div class=\"cccw-saving-line\"><\/div>\r\n                <h3 class=\"cccw-saving-title\">\u0645\u0632\u0627\u064a\u0627 \u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0645\u0627\u0644:<\/h3>\r\n                <div class=\"cccw-saving-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"cccw-benefits-grid\">\r\n                <!-- Benefit 1: No waterproof membranes -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.2s;\">\r\n                    <div class=\"cccw-benefit-number\">01<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">\u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0623\u063a\u0634\u064a\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u064a\u0648\u0641\u0631 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Fewer repairs -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.3s;\">\r\n                    <div class=\"cccw-benefit-number\">02<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">\u0642\u0644 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a \u064a\u0642\u0644\u0644 \u0645\u0646 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: Longer concrete life -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.4s;\">\r\n                    <div class=\"cccw-benefit-number\">03<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">\u0639\u0645\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0623\u0637\u0648\u0644<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u064a\u062d\u0645\u064a \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u0644\u0639\u0642\u0648\u062f<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: No specialized contractors -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.5s;\">\r\n                    <div class=\"cccw-benefit-number\">04<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">\u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u064a\u0646<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u064a\u0645\u0643\u0646 \u0644\u0639\u0645\u0627\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u0647<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Cost Comparison Section -->\r\n            <div class=\"cccw-comparison-wrapper\">\r\n                <div class=\"cccw-comparison-card cccw-traditional\">\r\n                    <div class=\"cccw-comparison-header\">\r\n                        <div class=\"cccw-comparison-icon cccw-icon-traditional\">\r\n                            <span class=\"cccw-comparison-symbol\">$$$<\/span>\r\n                        <\/div>\r\n                        <h4 class=\"cccw-comparison-title\">\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629<\/h4>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-body\">\r\n                        <ul class=\"cccw-comparison-list\">\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">\u0623\u063a\u0634\u064a\u0629 \u0645\u0643\u0644\u0641\u0629<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">\u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0645\u062a\u0643\u0631\u0631\u0629<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u062e\u0635\u0635<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">\u0639\u0645\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0645\u062d\u062f\u0648\u062f<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">\u062a\u0643\u0644\u0641\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-high\">\u0639\u0627\u0644\u064a\u0629<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-vs-divider\">\r\n                    <div class=\"cccw-vs-circle\">VS<\/div>\r\n                    <div class=\"cccw-vs-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-comparison-card cccw-cccw-method\">\r\n                    <div class=\"cccw-comparison-header\">\r\n                        <div class=\"cccw-comparison-icon cccw-icon-cccw\">\r\n                            <span class=\"cccw-comparison-symbol\">$<\/span>\r\n                        <\/div>\r\n                        <h4 class=\"cccw-comparison-title\">CCCW-Super AD<\/h4>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-body\">\r\n                        <ul class=\"cccw-comparison-list\">\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">\u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0644\u0623\u063a\u0634\u064a\u0629<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">\u062a\u0637\u0628\u064a\u0642 \u0642\u064a\u0627\u0633\u064a<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">\u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">\u062a\u0643\u0644\u0641\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-low\">\u0645\u0646\u062e\u0641\u0636\u0629<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Summary -->\r\n            <div class=\"cccw-cost-summary\">\r\n                <div class=\"cccw-summary-icon\">\r\n                    <div class=\"cccw-summary-badge\">\r\n                        <span class=\"cccw-summary-percent\">50%<\/span>\r\n                        <span class=\"cccw-summary-label\">\u062a\u0648\u0641\u064a\u0631<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"cccw-summary-content\">\r\n                    <h4 class=\"cccw-summary-title\">\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0630\u0643\u064a \u0644\u062a\u0648\u0641\u064a\u0631 \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f<\/h4>\r\n                    <p class=\"cccw-summary-text\">\u0642\u062f \u064a\u0643\u0648\u0646 \u0644\u0640 CCCW-Super AD \u062a\u0643\u0644\u0641\u0629 \u0623\u0648\u0644\u064a\u0629 \u0623\u0639\u0644\u0649\u060c \u0644\u0643\u0646\u0647 \u064a\u0648\u0641\u0631 \u062a\u0648\u0641\u064a\u0631\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0639\u0644\u0649 \u0645\u062f\u0649 \u0639\u0645\u0631 \u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629\u060c \u0648\u0639\u062f\u0645 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u063a\u0634\u0627\u0621\u060c \u0648\u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062f\u0627\u0626\u0645\u0629 \u0645\u0646 \u0627\u0644\u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u0627\u0626\u064a.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u786e\u4fdd\u6240\u6709\u6837\u5f0f\u53ea\u4f5c\u7528\u4e8e cccw-cost-benefits \u5185\u90e8 *\/\r\n    .cccw-cost-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-cost-benefits *,\r\n    .cccw-cost-benefits *::before,\r\n    .cccw-cost-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-cost-benefits .cccw-cost-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-cost-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-cost-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-cost-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-cost-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-cost-benefits .cccw-cost-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-cost-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Saving Header *\/\r\n    .cccw-cost-benefits .cccw-saving-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-saving-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-saving-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-saving-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-saving-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-cost-benefits .cccw-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-cost-benefit-appear 0.6s ease-out var(--benefit-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-benefit-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 16px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card:hover .cccw-benefit-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-number {\r\n        position: absolute;\r\n        top: 1rem;\r\n        right: 1rem;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-icon-wrapper {\r\n        margin-bottom: 0.875rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-circle {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0ea5e9;\r\n        border-radius: 14px;\r\n        position: absolute;\r\n        animation: cccw-cost-icon-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-icon-pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-checkmark {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-content {\r\n        padding-right: 2.5rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-description {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Comparison Section *\/\r\n    .cccw-cost-benefits .cccw-comparison-wrapper {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-comparison-appear 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-comparison-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-header {\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 1px solid rgba(14, 165, 233, 0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-traditional {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        border: 2px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-cccw {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-symbol {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-traditional .cccw-comparison-symbol {\r\n        color: #ef4444;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-cccw .cccw-comparison-symbol {\r\n        color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-body {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.875rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-negative .cccw-item-icon {\r\n        background: linear-gradient(135deg, #ef4444, #dc2626);\r\n        color: white;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-positive .cccw-item-icon {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-text {\r\n        color: #475569;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-footer {\r\n        padding: 1.25rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-top: 1px solid rgba(14, 165, 233, 0.1);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-footer-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-footer-value {\r\n        padding: 0.375rem 0.875rem;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-value-high {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-value-low {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        color: #0ea5e9;\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    \/* VS Divider *\/\r\n    .cccw-cost-benefits .cccw-vs-divider {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-vs-circle {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: white;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-vs-line {\r\n        flex: 1;\r\n        width: 2px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Cost Summary *\/\r\n    .cccw-cost-benefits .cccw-cost-summary {\r\n        display: flex;\r\n        gap: 2rem;\r\n        padding: 2rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: cccw-cost-summary-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-summary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-icon {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-badge {\r\n        width: 100px;\r\n        height: 100px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-percent {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: white;\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-top: 0.25rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.75rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-text {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-cost-benefits .cccw-benefits-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cccw-cost-benefits .cccw-comparison-wrapper {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-vs-divider {\r\n            flex-direction: row;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-vs-line {\r\n            width: 100px;\r\n            height: 2px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-cost-benefits .cccw-cost-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-title {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-summary {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-badge {\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-cost-benefits .cccw-cost-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefit-number {\r\n            font-size: 32px;\r\n            top: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-comparison-header {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-comparison-body {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-summary {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-badge {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-percent {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-title {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52c3219 e-con-full e-flex e-con e-parent\" data-id=\"52c3219\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0051f9d elementor-widget elementor-widget-html\" data-id=\"0051f9d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-comparison-methods\">\r\n    <section class=\"cccw-methods-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-methods-bg-effects\">\r\n            <div class=\"cccw-methods-crystal-grid\">\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 18%; --y: 26%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 38%; --y: 42%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 58%; --y: 20%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 78%; --y: 48%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 94%; --y: 30%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-methods-particles\">\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 28%; --y: 38%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 74%; --y: 54%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 54%; --y: 74%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-methods-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-methods-header\">\r\n                <div class=\"cccw-methods-badge\">\r\n                    <div class=\"cccw-methods-badge-dot\"><\/div>\r\n                    <span class=\"cccw-methods-badge-text\">\u0645\u0642\u0627\u0631\u0646\u0629<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-methods-main-title\">\r\n                    \u0645\u0642\u0627\u0631\u0646\u0629 <span class=\"cccw-methods-title-highlight\">\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span> \u0628\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0623\u062e\u0631\u0649\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-methods-intro-text\">\r\n                    \u064a\u062a\u0633\u0627\u0621\u0644 \u0627\u0644\u0643\u062b\u064a\u0631\u0648\u0646 \u0639\u0646 \u0643\u064a\u0641\u064a\u0629 \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u064a\u0629 \u0628\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a. \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u0641\u0647\u064a \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0639\u0644\u0649 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Comparison Table -->\r\n            <div class=\"cccw-methods-table-wrapper\">\r\n                <div class=\"cccw-methods-table\">\r\n                    <!-- Table Header -->\r\n                    <div class=\"cccw-methods-table-header\">\r\n                        <div class=\"cccw-methods-header-cell cccw-col-method\">\u0637\u0631\u064a\u0642\u0629<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-durability\">\u0627\u0644\u0645\u062a\u0627\u0646\u0629<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-healing\">\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-cost\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0645\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Table Body -->\r\n                    <div class=\"cccw-methods-table-body\">\r\n                        <!-- Row 1: Crystalline (Highlighted) -->\r\n                        <div class=\"cccw-methods-table-row cccw-row-featured\" style=\"--row-delay: 0.2s;\">\r\n                            <div class=\"cccw-methods-row-badge\">\r\n                                <span class=\"cccw-badge-star\">\u2605<\/span>\r\n                                <span class=\"cccw-badge-label\">\u0623\u0641\u0636\u0644 \u062e\u064a\u0627\u0631<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon cccw-icon-featured\">01<\/div>\r\n                                    <span class=\"cccw-method-text\">\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-excellent\">\r\n                                    <span class=\"cccw-value-text\">\u0639\u0645\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-yes\">\r\n                                    <span class=\"cccw-value-icon\">\u2713<\/span>\r\n                                    <span class=\"cccw-value-text\">\u0646\u0639\u0645<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-low\">\r\n                                    <span class=\"cccw-value-text\">\u0645\u0646\u062e\u0641\u0636\u0629<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 2: Waterproof Membranes -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.3s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">02<\/div>\r\n                                    <span class=\"cccw-method-text\">\u0627\u0644\u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-medium\">\r\n                                    <span class=\"cccw-value-text\">10-20 \u0633\u0646\u0629<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-high\">\r\n                                    <span class=\"cccw-value-text\">\u0639\u0627\u0644\u064a\u0629<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 3: Coatings -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.4s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">03<\/div>\r\n                                    <span class=\"cccw-method-text\">\u0627\u0644\u0637\u0644\u0627\u0621\u0627\u062a<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-poor\">\r\n                                    <span class=\"cccw-value-text\">5-10 \u0633\u0646\u0648\u0627\u062a<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-veryhigh\">\r\n                                    <span class=\"cccw-value-text\">\u0645\u0631\u062a\u0641\u0639 \u062c\u062f\u064b\u0627<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 4: Sealers -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.5s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">04<\/div>\r\n                                    <span class=\"cccw-method-text\">\u0627\u0644\u0633\u062f\u0627\u062f\u0627\u062a<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-verypoor\">\r\n                                    <span class=\"cccw-value-text\">2-5 \u0633\u0646\u0648\u0627\u062a<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-veryhigh\">\r\n                                    <span class=\"cccw-value-text\">\u0645\u0631\u062a\u0641\u0639 \u062c\u062f\u064b\u0627<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Advantages -->\r\n            <div class=\"cccw-advantages-section\">\r\n                <h3 class=\"cccw-advantages-title\">\u0644\u0645\u0627\u0630\u0627 \u064a\u0628\u0631\u0632 CCCW-Super AD:<\/h3>\r\n                <div class=\"cccw-advantages-grid\">\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.2s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">\u221e<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">\u062d\u0645\u0627\u064a\u0629 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629<\/h4>\r\n                            <p class=\"cccw-advantage-text\">\u0639\u0644\u0649 \u0639\u0643\u0633 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0624\u0642\u062a\u0629\u060c \u062a\u0638\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u0641\u0639\u0627\u0644\u0629 \u0637\u0648\u0627\u0644 \u0639\u0645\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0646\u0641\u0633\u0647\u0627<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.3s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">\u2713<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">\u0642\u062f\u0631\u0629 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a<\/h4>\r\n                            <p class=\"cccw-advantage-text\">\u062a\u0635\u0644\u064a\u062d \u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0634\u0642\u0648\u0642 \u062d\u062a\u0649 0.5 \u0645\u0645\u060c \u0645\u0645\u0627 \u064a\u0644\u063a\u064a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u0644\u0641\u0629<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.4s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">$<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">\u062a\u0643\u0644\u0641\u0629 \u0623\u0642\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644<\/h4>\r\n                            <p class=\"cccw-advantage-text\">\u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0644\u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0623\u0648 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0627\u0644\u0645\u0627\u0644 \u0639\u0644\u0649 \u0645\u062f\u0649 \u0639\u0642\u0648\u062f<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-comparison-methods {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-comparison-methods *,\r\n    .cccw-comparison-methods *::before,\r\n    .cccw-comparison-methods *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-methods-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-methods-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-methods-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-methods-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: methods-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   methods-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-methods-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: methods-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes methods-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes methods-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes methods-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-methods-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-methods-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: methods-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes methods-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-methods-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-methods-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: methods-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes methods-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-methods-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-methods-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: methods-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes methods-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-methods-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-methods-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-methods-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-methods-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .cccw-methods-table-wrapper {\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: methods-table-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes methods-table-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-methods-table {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n    }\r\n\r\n    \/* Table Header *\/\r\n    .cccw-methods-table-header {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        gap: 1.25rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-methods-header-cell {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    \/* Table Body *\/\r\n    .cccw-methods-table-body {\r\n        padding: 0.5rem;\r\n    }\r\n\r\n    .cccw-methods-table-row {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        gap: 1.25rem;\r\n        padding: 1rem 1.25rem;\r\n        margin-bottom: 0.5rem;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: 1px solid rgba(14, 165, 233, 0.1);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: methods-row-appear 0.6s ease-out var(--row-delay) forwards;\r\n    }\r\n\r\n    @keyframes methods-row-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-methods-table-row:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-color: rgba(14, 165, 233, 0.3);\r\n        transform: translateX(5px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    \/* Featured Row (Crystalline) *\/\r\n    .cccw-row-featured {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        padding-top: 2.5rem;\r\n    }\r\n\r\n    .cccw-row-featured:hover {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(6, 182, 212, 0.15));\r\n        border-color: rgba(14, 165, 233, 0.5);\r\n    }\r\n\r\n    .cccw-methods-row-badge {\r\n        position: absolute;\r\n        top: 0.75rem;\r\n        right: 1.25rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.375rem;\r\n        padding: 0.25rem 0.75rem;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 8px;\r\n        box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-badge-star {\r\n        font-size: 14px;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-badge-label {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .cccw-methods-cell {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Method Name *\/\r\n    .cccw-method-name {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-method-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-icon-featured {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border: none;\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-method-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Value Badges *\/\r\n    .cccw-value-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.375rem;\r\n        padding: 0.375rem 0.875rem;\r\n        border-radius: 8px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-badge-excellent {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-medium {\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        color: #f59e0b;\r\n        border: 1px solid rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-badge-poor {\r\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));\r\n        color: #f97316;\r\n        border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .cccw-badge-verypoor {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-badge-yes {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-no {\r\n        background: linear-gradient(135deg, rgba(100, 116, 139, 0.1), rgba(71, 85, 105, 0.05));\r\n        color: #64748b;\r\n        border: 1px solid rgba(100, 116, 139, 0.3);\r\n    }\r\n\r\n    .cccw-badge-low {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-high {\r\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));\r\n        color: #f97316;\r\n        border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .cccw-badge-veryhigh {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-value-icon {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cccw-value-text {\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Advantages Section *\/\r\n    .cccw-advantages-section {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: methods-advantages-appear 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes methods-advantages-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-advantages-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        margin: 0 0 1.5rem 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .cccw-advantages-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-advantage-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: methods-adv-appear 0.6s ease-out var(--adv-delay) forwards;\r\n    }\r\n\r\n    @keyframes methods-adv-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-advantage-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-adv-number {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-advantage-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-advantage-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-advantage-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-methods-table-header,\r\n        .cccw-methods-table-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-methods-header-cell {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-methods-cell {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .cccw-methods-cell::before {\r\n            content: attr(data-label);\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .cccw-advantages-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-methods-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-methods-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-methods-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-methods-table-header,\r\n        .cccw-methods-table-row {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-methods-table-body {\r\n            padding: 0.25rem;\r\n        }\r\n\r\n        .cccw-advantages-section {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-advantages-title {\r\n            font-size: 22px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-methods-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-methods-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-methods-table-row {\r\n            padding: 0.875rem;\r\n        }\r\n\r\n        .cccw-row-featured {\r\n            padding-top: 2rem;\r\n        }\r\n\r\n        .cccw-methods-row-badge {\r\n            top: 0.5rem;\r\n            right: 0.875rem;\r\n            padding: 0.25rem 0.625rem;\r\n        }\r\n\r\n        .cccw-badge-label {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .cccw-advantages-section {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-advantage-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-advantage-icon {\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-833b9fc e-con-full e-flex e-con e-parent\" data-id=\"833b9fc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67135f1 elementor-widget elementor-widget-html\" data-id=\"67135f1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-faq\">\r\n    <section class=\"cccw-faq-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-faq-bg-effects\">\r\n            <div class=\"cccw-faq-crystal-grid\">\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 20%; --y: 28%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 40%; --y: 44%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 60%; --y: 22%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 80%; --y: 50%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 96%; --y: 32%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-faq-particles\">\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 30%; --y: 40%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 76%; --y: 56%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 56%; --y: 76%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-faq-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-faq-header\">\r\n                <div class=\"cccw-faq-badge\">\r\n                    <div class=\"cccw-faq-badge-dot\"><\/div>\r\n                    <span class=\"cccw-faq-badge-text\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-faq-main-title\">\r\n                    \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 <span class=\"cccw-faq-title-highlight\">\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u0631\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- FAQ Accordion -->\r\n            <div class=\"cccw-faq-accordion\">\r\n                <!-- Question 1 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.2s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-1\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-1\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">01<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u064a\u0633\u062a\u063a\u0631\u0642 \u0645\u0636\u0627\u0641 \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0628\u0644\u0648\u0631\u064a \u0644\u0644\u0639\u0645\u0644\u061f<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">\u064a\u0628\u062f\u0623 \u0645\u0636\u0627\u0641 \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0628\u0644\u0648\u0631\u064a \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0641\u0648\u0631 \u062e\u0644\u0637\u0647 \u0645\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u064a\u0635\u0628\u062d \u0623\u0643\u062b\u0631 \u0641\u0639\u0627\u0644\u064a\u0629 \u0645\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a \u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0646\u0645\u0648 \u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a \u0648\u062a\u0642\u0648\u064a\u062a\u0647\u0627.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Question 2 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.3s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-2\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-2\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">02<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0636\u0627\u0641 \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0628\u0644\u0648\u0631\u064a \u0641\u064a \u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u0628\u0627\u0631\u062f\u061f<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">\u0646\u0639\u0645\u060c \u0644\u0643\u0646 \u0627\u062a\u0628\u0639 \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0641\u064a \u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u0628\u0627\u0631\u062f. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0627\u062d\u0645\u0650 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0645\u0646 \u0627\u0644\u062a\u062c\u0645\u062f \u062d\u062a\u0649 \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0643\u0627\u0641\u064a\u0629.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Question 3 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.4s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-3\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-3\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">03<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">\u0647\u0644 \u0633\u064a\u063a\u064a\u0631 \u0645\u0636\u0627\u0641 \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0628\u0644\u0648\u0631\u064a \u0644\u0648\u0646 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\u061f<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">\u0627\u0644\u0645\u0636\u0627\u0641 \u0623\u0628\u064a\u0636 \u0648\u0639\u0627\u062f\u0629 \u0644\u0627 \u064a\u063a\u064a\u0631 \u0645\u0638\u0647\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0642\u062f \u064a\u062e\u0641\u0641 \u0642\u0644\u064a\u0644\u0627\u064b \u0645\u0646 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062e\u0644\u0637\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-faq {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-faq *,\r\n    .cccw-faq *::before,\r\n    .cccw-faq *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-faq-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-faq-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-faq-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-faq-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: faq-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   faq-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-faq-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: faq-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes faq-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes faq-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes faq-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-faq-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-faq-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: faq-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes faq-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-faq-container {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-faq-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: faq-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes faq-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-faq-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-faq-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: faq-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes faq-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-faq-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-faq-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-faq-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    .cccw-faq-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-faq-item {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: faq-item-appear 0.6s ease-out var(--faq-delay) forwards;\r\n    }\r\n\r\n    @keyframes faq-item-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-faq-item:hover {\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-faq-toggle {\r\n        display: none;\r\n    }\r\n\r\n    .cccw-faq-question {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 1.5rem;\r\n        cursor: pointer;\r\n        user-select: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-faq-question:hover {\r\n        background: rgba(14, 165, 233, 0.05);\r\n    }\r\n\r\n    .cccw-question-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-question-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-question-text {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-question-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-question-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cccw-question-toggle-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-toggle-plus,\r\n    .cccw-toggle-minus {\r\n        position: absolute;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-toggle-minus {\r\n        opacity: 0;\r\n        transform: rotate(-90deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-toggle-plus {\r\n        opacity: 0;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-toggle-minus {\r\n        opacity: 1;\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-question-toggle-icon {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-question-toggle-icon .cccw-toggle-minus {\r\n        color: white;\r\n    }\r\n\r\n    .cccw-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease, padding 0.4s ease;\r\n    }\r\n\r\n    .cccw-faq-toggle:checked ~ .cccw-faq-answer {\r\n        max-height: 500px;\r\n        padding: 0 1.5rem 1.5rem 1.5rem;\r\n    }\r\n\r\n    .cccw-answer-content {\r\n        display: flex;\r\n        gap: 0.75rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-radius: 12px;\r\n        border-left: 4px solid #0ea5e9;\r\n    }\r\n\r\n    .cccw-answer-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-answer-text {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .cccw-faq-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-faq-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-faq-question {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-question-content {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-question-number {\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-question-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-faq-toggle:checked ~ .cccw-faq-answer {\r\n            padding: 0 1.25rem 1.25rem 1.25rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-faq-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-faq-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-faq-question {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-question-text {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .cccw-question-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-answer-content {\r\n            flex-direction: column;\r\n            padding: 1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0649042 e-con-full e-flex e-con e-parent\" data-id=\"0649042\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0ae42 elementor-widget elementor-widget-html\" data-id=\"3c0ae42\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-cta-final\">\r\n    <section class=\"cccw-cta-final-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-cta-bg-effects\">\r\n            <div class=\"cccw-cta-crystal-grid\">\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 10%; --y: 15%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 25%; --y: 35%; --delay: 0.5s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 45%; --y: 20%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 65%; --y: 40%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 80%; --y: 25%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 90%; --y: 45%; --delay: 2.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Animated waves -->\r\n            <div class=\"cccw-cta-waves\">\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-cta-particles\">\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 15%; --y: 25%; --size: 8px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 35%; --y: 45%; --size: 10px; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 55%; --y: 30%; --size: 12px; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 75%; --y: 50%; --size: 9px; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 85%; --y: 35%; --size: 11px; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-cta-container\">\r\n            <!-- Main CTA Card -->\r\n            <div class=\"cccw-cta-main-card\">\r\n                <!-- Header -->\r\n                <div class=\"cccw-cta-header\">\r\n                    <div class=\"cccw-cta-badge\">\r\n                        <div class=\"cccw-cta-badge-dot\"><\/div>\r\n                        <span class=\"cccw-cta-badge-text\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"cccw-cta-main-title\">\r\n                        \u0627\u0628\u062f\u0623 \u0645\u0639 <span class=\"cccw-cta-title-highlight\">CCCW-Super AD<\/span> \u0627\u0644\u064a\u0648\u0645\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"cccw-cta-intro-text\">\r\n                        \u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u062a\u0648\u0641\u0631 \u0623\u0641\u0636\u0644 \u062d\u0645\u0627\u064a\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643. \u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u064a\u0648\u0641\u0631 CCCW-Super AD \u0623\u062f\u0627\u0621\u064b \u0645\u0648\u062b\u0648\u0642\u064b\u0627 \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0645\u062b\u0628\u062a\u0629. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0622\u0646 \u064a\u0648\u0641\u0631 \u0627\u0644\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0644\u0627\u062d\u0642\u064b\u0627.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Key Benefits Grid -->\r\n                <div class=\"cccw-cta-benefits\">\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.2s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">\u062d\u0645\u0627\u064a\u0629 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.3s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.4s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">\u062d\u0644 \u0641\u0639\u0627\u0644 \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.5s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">\u0633\u0647\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Warning Box -->\r\n                <div class=\"cccw-cta-warning\">\r\n                    <div class=\"cccw-warning-icon\">\u26a0<\/div>\r\n                    <div class=\"cccw-warning-content\">\r\n                        <h4 class=\"cccw-warning-title\">\u0644\u0627 \u062a\u0646\u062a\u0638\u0631 \u062d\u062a\u0649 \u062a\u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0627\u0647 \u062e\u0631\u0633\u0627\u0646\u062a\u0643<\/h4>\r\n                        <p class=\"cccw-warning-text\">\u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0630\u0644\u0643\u060c \u0627\u062d\u0645\u0650 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u0628\u0642\u0648\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0627\u062a\u0635\u0644 \u0628\u0640 LANDU NOVASTAR \u0627\u0644\u064a\u0648\u0645 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0645\u064f\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0634\u0639\u064a\u0631\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0631\u064a\u0629 \u0623\u0646 \u062a\u0641\u064a\u062f \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0642\u0627\u062f\u0645.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CTA Button Section -->\r\n                <div class=\"cccw-cta-action\">\r\n                    <div class=\"cccw-action-content\">\r\n                        <h3 class=\"cccw-action-title\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0644\u0645\u0646\u062a\u062c CCCW-Super AD \u0627\u0644\u064a\u0648\u0645!<\/h3>\r\n                        <p class=\"cccw-action-subtitle\">\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0627\u0644\u0622\u0644\u0627\u0641 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0631\u0627\u0636\u064a\u0646 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-action-buttons\">\r\n                        <a href=\"https:\/\/landu-china.com\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cccw-action-button cccw-button-primary\">\r\n                            <span class=\"cccw-button-icon\">\ud83d\udcac<\/span>\r\n                            <span class=\"cccw-button-text\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\r\n                            <span class=\"cccw-button-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Trust Indicators -->\r\n            <div class=\"cccw-trust-section\">\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.2s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">15+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.3s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">50+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">\u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.4s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">1000+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0646\u0627\u062c\u062d\u0629<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.5s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">24\/7<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-cta-final {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-cta-final *,\r\n    .cccw-cta-final *::before,\r\n    .cccw-cta-final *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-cta-final-section {\r\n        background: linear-gradient(135deg, #0c4a6e 0%, #075985 25%, #0369a1 50%, #0284c7 75%, #0ea5e9 100%);\r\n        padding: 2.5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-cta-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cta-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cta-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 8px;\r\n        height: 8px;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cta-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cta-crystal-twinkle 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-cta-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 32px;\r\n        height: 32px;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cta-crystal-pulse 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-crystal-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes cta-crystal-twinkle {\r\n        0%, 100% { opacity: 0.4; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes cta-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.8); opacity: 0.3; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.4); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Animated Waves *\/\r\n    .cccw-cta-waves {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-cta-wave {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: -100%;\r\n        width: 200%;\r\n        height: 100%;\r\n        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n        animation: cta-wave-move 20s linear var(--wave-delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-wave-move {\r\n        0% { transform: translateX(0) translateY(0); }\r\n        100% { transform: translateX(50%) translateY(-20px); }\r\n    }\r\n\r\n    .cccw-cta-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cta-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cta-particle-float 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.8; transform: translateY(-20px) scale(1.3); }\r\n        75% { opacity: 0.8; transform: translateY(20px) scale(0.8); }\r\n    }\r\n\r\n    .cccw-cta-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Main CTA Card *\/\r\n    .cccw-cta-main-card {\r\n        background: rgba(255, 255, 255, 0.98);\r\n        border-radius: 24px;\r\n        padding: 2rem;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n        backdrop-filter: blur(20px);\r\n        margin-bottom: 1.25rem;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: cta-card-appear 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    @keyframes cta-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Header *\/\r\n    .cccw-cta-header {\r\n        text-align: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-cta-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.625rem;\r\n    }\r\n\r\n    .cccw-cta-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cta-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cta-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-cta-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-cta-main-title {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.625rem;\r\n    }\r\n\r\n    .cccw-cta-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-cta-intro-text {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-cta-benefits {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 0.875rem;\r\n        margin-bottom: 1.25rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .cccw-cta-benefit-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        opacity: 0;\r\n        animation: cta-benefit-appear 0.6s ease-out var(--benefit-delay) forwards;\r\n    }\r\n\r\n    @keyframes cta-benefit-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-benefit-icon-wrapper {\r\n        width: 50px;\r\n        height: 50px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-benefit-icon-circle {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 3px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        animation: cta-icon-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes cta-icon-pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.4); opacity: 0; }\r\n    }\r\n\r\n    .cccw-benefit-icon-text {\r\n        position: relative;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cccw-benefit-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Warning Box *\/\r\n    .cccw-cta-warning {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        border: 2px solid rgba(251, 191, 36, 0.3);\r\n        border-left: 6px solid #fbbf24;\r\n        border-radius: 16px;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-warning-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 28px;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-warning-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-warning-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-warning-text {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* CTA Action *\/\r\n    .cccw-cta-action {\r\n        text-align: center;\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-radius: 20px;\r\n        border: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-action-content {\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-action-title {\r\n        font-size: 26px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .cccw-action-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-action-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-action-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 1.125rem 2.5rem;\r\n        border-radius: 14px;\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-button-primary {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 8px 25px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-button-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(14, 165, 233, 0.5);\r\n    }\r\n\r\n    .cccw-button-icon {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cccw-button-arrow {\r\n        font-size: 24px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .cccw-action-button:hover .cccw-button-arrow {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Trust Section *\/\r\n    .cccw-trust-section {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-trust-item {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 16px;\r\n        padding: 1rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cta-trust-appear 0.6s ease-out var(--trust-delay) forwards;\r\n    }\r\n\r\n    @keyframes cta-trust-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-trust-icon {\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .cccw-trust-number {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-trust-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-cta-benefits {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .cccw-trust-section {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-cta-final-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-cta-main-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-cta-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-cta-intro-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-cta-benefits {\r\n            grid-template-columns: 1fr;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-cta-warning {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-warning-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cccw-action-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .cccw-action-button {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cccw-trust-section {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-cta-final-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-cta-main-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cta-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .cccw-cta-action {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-action-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .cccw-action-button {\r\n            padding: 1rem 2rem;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-warning-title {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0628\u0644\u0648\u0631\u064a NOVASTAR CCCW-Super AD \u0645\u0636\u0627\u0641\u0627\u062a \u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a \u0644\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643\u060c \u062d\u0645\u0627\u064a\u0629 \u0630\u0627\u062a\u064a\u0629. \u0628\u0646\u0627\u0621 \u062e\u0631\u0633\u0627\u0646\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0645\u0627\u0621 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0629 \u0628\u0644\u0648\u0631\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0648\u0641\u0631 \u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644. \u064a\u062e\u0644\u0642 NOVASTAR CCCW-Super AD \u062d\u0627\u062c\u0632\u064b\u0627 \u063a\u064a\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0627\u062e\u062a\u0631\u0627\u0642 \u064a\u062e\u062a\u0645 \u0627\u0644\u0634\u0642\u0648\u0642 \u0628\u0646\u0634\u0627\u0637 \u0648\u064a\u0642\u0627\u0648\u0645 \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0642\u0627\u0633\u064a\u0629. \u064a\u062a\u0634\u0641\u064a \u0630\u0627\u062a\u064a\u064b\u0627\u060c \u064a\u062e\u062a\u0645 \u0627\u0644\u0634\u0642\u0648\u0642 \u22640.5 \u0645\u0645\u060c \u062c\u0631\u0639\u0629 1 \u0643\u062c\u0645\/\u0645\u00b3\u060c \u0645\u0642\u0627\u0648\u0645 \u062d\u062a\u0649 20 \u0628\u0627\u0631 [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":695,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/pages\/23645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/comments?post=23645"}],"version-history":[{"count":17,"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/pages\/23645\/revisions"}],"predecessor-version":[{"id":23670,"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/pages\/23645\/revisions\/23670"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/ar\/wp-json\/wp\/v2\/media?parent=23645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}