{"id":23672,"date":"2025-11-26T16:15:14","date_gmt":"2025-11-26T08:15:14","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=23672"},"modified":"2025-11-26T16:15:49","modified_gmt":"2025-11-26T08:15:49","slug":"novastar-cccw-ad-aditif-kedap-air-kapiler-kristalin","status":"publish","type":"page","link":"https:\/\/landu-china.com\/id\/produk\/novastar-cccw-ad-aditif-kedap-air-kapiler-kristalin\/","title":{"rendered":"Admixture Waterproofing Kapiler Kristalin CCCW-AD NOVASTAR\u2122"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23672\" class=\"elementor elementor-23672\" 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-ad-banner\">\r\n    <section class=\"novastar-ad-banner-section\">\r\n        <div class=\"novastar-ad-container\">\r\n            <div class=\"novastar-ad-content\">\r\n                <div class=\"novastar-ad-brand-badge\">\r\n                    <span class=\"novastar-ad-badge-text\">TEKNOLOGI KAPILER KRISTAL INTEGRAL<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"novastar-ad-main-title\">\r\n                    <span class=\"novastar-ad-title-line\">NOVASTAR\u2122<\/span>\r\n                    <span class=\"novastar-ad-title-line\">CCCW-AD<\/span>\r\n                    <span class=\"novastar-ad-title-sub\">Admixture Kedap Air Kapiler Kristal Beton<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"novastar-ad-subtitle\">\r\n                    Perlindungan Kedap Air Permanen <span class=\"novastar-ad-highlight\">Dari Dalam<\/span>.\r\n                <\/p>\r\n                \r\n                <div class=\"novastar-ad-description\">\r\n                    <p>Perlindungan kristalin yang dapat memperbaiki diri dirancang untuk terowongan, ruang bawah tanah, reservoir, dan semua struktur beton.<\/p>\r\n                    <p>NOVASTAR\u2122 CCCW-AD terintegrasi langsung ke dalam campuran beton Anda, menciptakan penghalang kedap air permanen yang aktif dan regenerasi seiring waktu.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Core properties -->\r\n                <div class=\"novastar-ad-properties\">\r\n                    <div class=\"novastar-ad-property-item\">\r\n                        <div class=\"novastar-ad-property-icon novastar-ad-integral-icon\">\r\n                            <div class=\"novastar-ad-integral-symbol\">\r\n                                <div class=\"novastar-ad-crystal-grid\"><\/div>\r\n                                <div class=\"novastar-ad-crystal-core\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-property-label\">Integral<\/div>\r\n                        <div class=\"novastar-ad-property-desc\">Perlindungan bawaan<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-ad-property-item\">\r\n                        <div class=\"novastar-ad-property-icon novastar-ad-lifetime-icon\">\r\n                            <div class=\"novastar-ad-lifetime-symbol\">\r\n                                <div class=\"novastar-ad-infinity-path\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-property-label\">Umur Pakai<\/div>\r\n                        <div class=\"novastar-ad-property-desc\">Solusi permanen<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-ad-property-item\">\r\n                        <div class=\"novastar-ad-property-icon novastar-ad-regenerate-icon\">\r\n                            <div class=\"novastar-ad-regenerate-symbol\">\r\n                                <div class=\"novastar-ad-cycle-arrow\"><\/div>\r\n                                <div class=\"novastar-ad-cycle-center\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-property-label\">Regenerasi<\/div>\r\n                        <div class=\"novastar-ad-property-desc\">Kristal penyembuh sendiri<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application areas -->\r\n                <div class=\"novastar-ad-applications\">\r\n                    <div class=\"novastar-ad-app-title\">Aplikasi Ideal<\/div>\r\n                    <div class=\"novastar-ad-app-list\">\r\n                        <div class=\"novastar-ad-app-badge\">\r\n                            <svg class=\"novastar-ad-location-icon\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                            <\/svg>\r\n                            <span>Terowongan<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-app-badge\">\r\n                            <svg class=\"novastar-ad-location-icon\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                            <\/svg>\r\n                            <span>Balkon<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-app-badge\">\r\n                            <svg class=\"novastar-ad-location-icon\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                            <\/svg>\r\n                            <span>Reservoir<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-app-badge\">\r\n                            <svg class=\"novastar-ad-location-icon\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                            <\/svg>\r\n                            <span>Semua Struktur<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Additional features -->\r\n                <div class=\"novastar-ad-features\">\r\n                    <div class=\"novastar-ad-feature-badge\">\r\n                        <svg class=\"novastar-ad-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Penetrasi Dalam<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-ad-feature-badge\">\r\n                        <svg class=\"novastar-ad-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Integrasi Campuran Mudah<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-ad-feature-badge\">\r\n                        <svg class=\"novastar-ad-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Tidak Perlu Perawatan<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"novastar-ad-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/id\/hubungi-kami\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-ad-btn novastar-ad-btn-primary\">\r\n                        <span>Permintaan Data Teknis<\/span>\r\n                        <svg class=\"novastar-ad-arrow-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-ad-visual-element\">\r\n                <!-- Crystalline animation background -->\r\n                <div class=\"novastar-ad-crystal-bg\">\r\n                    <div class=\"novastar-ad-crystal-particle\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-particle\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-particle\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-particle\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-particle\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-particle\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Technology showcase panel -->\r\n                <div class=\"novastar-ad-tech-panel\">\r\n                    <div class=\"novastar-ad-tech-header\">\r\n                        <div class=\"novastar-ad-tech-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-tech-title\">Cara Kerja<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-ad-tech-process\">\r\n                        <div class=\"novastar-ad-process-step\">\r\n                            <div class=\"novastar-ad-step-number\">1<\/div>\r\n                            <div class=\"novastar-ad-step-text\">Integrasi Campuran<\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-process-line\"><\/div>\r\n                        <div class=\"novastar-ad-process-step\">\r\n                            <div class=\"novastar-ad-step-number\">2<\/div>\r\n                            <div class=\"novastar-ad-step-text\">Pembentukan Kristal<\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-ad-process-line\"><\/div>\r\n                        <div class=\"novastar-ad-process-step\">\r\n                            <div class=\"novastar-ad-step-number\">3<\/div>\r\n                            <div class=\"novastar-ad-step-text\">Segel Permanen<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Lifetime protection badge -->\r\n                <div class=\"novastar-ad-lifetime-badge\">\r\n                    <div class=\"novastar-ad-lifetime-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\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=\"novastar-ad-lifetime-text\">\r\n                        <div class=\"novastar-ad-lifetime-title\">SEUMUR HIDUP<\/div>\r\n                        <div class=\"novastar-ad-lifetime-desc\">Perlindungan<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Waterproofing indicator -->\r\n                <div class=\"novastar-ad-waterproof-indicator\">\r\n                    <div class=\"novastar-ad-indicator-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-ad-indicator-label\">100% Tahan Air<\/div>\r\n                <\/div>\r\n\r\n                <!-- Large crystal decoration -->\r\n                <div class=\"novastar-ad-crystal-decoration\">\r\n                    <div class=\"novastar-ad-crystal-large\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-medium\"><\/div>\r\n                    <div class=\"novastar-ad-crystal-small\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .novastar-ad-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-ad-banner *,\r\n    .novastar-ad-banner *::before,\r\n    .novastar-ad-banner *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-ad-banner-section {\r\n        background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);\r\n        min-height: 66vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Animated background elements *\/\r\n    .novastar-ad-banner-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -20%;\r\n        width: 800px;\r\n        height: 800px;\r\n        background: radial-gradient(circle, rgba(14, 165, 233, 0.1) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float 20s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-ad-banner-section::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -30%;\r\n        left: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float 15s ease-in-out infinite reverse;\r\n    }\r\n\r\n    @keyframes float {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.1); }\r\n    }\r\n\r\n    .novastar-ad-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: 2.5rem;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-ad-content {\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* Brand badge *\/\r\n    .novastar-ad-brand-badge {\r\n        display: inline-block;\r\n        padding: 6px 14px;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 25px;\r\n        margin-bottom: 1rem;\r\n        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\r\n    }\r\n\r\n    .novastar-ad-badge-text {\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Title *\/\r\n    .novastar-ad-main-title {\r\n        font-size: 38px;\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin-bottom: 0.75rem;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .novastar-ad-title-line {\r\n        display: block;\r\n        background: linear-gradient(135deg, #1e293b, #3b82f6);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-ad-title-sub {\r\n        display: block;\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        color: #64748b;\r\n        margin-top: 0.5rem;\r\n        background: none;\r\n        -webkit-text-fill-color: #64748b;\r\n    }\r\n\r\n    .novastar-ad-subtitle {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 1.25rem;\r\n        letter-spacing: 0.3px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .novastar-ad-highlight {\r\n        color: #3b82f6;\r\n        position: relative;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .novastar-ad-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #3b82f6, #2563eb);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .novastar-ad-description {\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-ad-description p {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .novastar-ad-description p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Core properties *\/\r\n    .novastar-ad-properties {\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-ad-property-item {\r\n        text-align: center;\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-ad-property-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        margin: 0 auto 0.75rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border-radius: 16px;\r\n        border: 2px solid #3b82f6;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\r\n    }\r\n\r\n    \/* Integral icon - crystal grid *\/\r\n    .novastar-ad-integral-symbol {\r\n        width: 35px;\r\n        height: 35px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-ad-crystal-grid {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: \r\n            linear-gradient(90deg, #3b82f6 1px, transparent 1px),\r\n            linear-gradient(0deg, #3b82f6 1px, transparent 1px);\r\n        background-size: 12px 12px;\r\n        opacity: 0.4;\r\n    }\r\n\r\n    .novastar-ad-crystal-core {\r\n        position: absolute;\r\n        width: 16px;\r\n        height: 16px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);\r\n    }\r\n\r\n    \/* Lifetime icon - infinity symbol *\/\r\n    .novastar-ad-lifetime-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-ad-infinity-path {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 50%;\r\n        top: 25%;\r\n        border: 2.5px solid #3b82f6;\r\n        border-radius: 50%;\r\n        clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\r\n    }\r\n\r\n    .novastar-ad-infinity-path::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        right: -100%;\r\n        border: 2.5px solid #3b82f6;\r\n        border-radius: 50%;\r\n        clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\r\n    }\r\n\r\n    \/* Regenerate icon - cycle arrows *\/\r\n    .novastar-ad-regenerate-symbol {\r\n        width: 35px;\r\n        height: 35px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-ad-cycle-arrow {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2.5px solid #3b82f6;\r\n        border-radius: 50%;\r\n        border-right-color: transparent;\r\n        animation: rotate 3s linear infinite;\r\n    }\r\n\r\n    .novastar-ad-cycle-arrow::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -2.5px;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 5px solid transparent;\r\n        border-right: 5px solid transparent;\r\n        border-bottom: 8px solid #3b82f6;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n    }\r\n\r\n    .novastar-ad-cycle-center {\r\n        position: absolute;\r\n        width: 10px;\r\n        height: 10px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 50%;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    @keyframes rotate {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    .novastar-ad-property-label {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        margin-bottom: 0.2rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-ad-property-desc {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Applications section *\/\r\n    .novastar-ad-applications {\r\n        margin-bottom: 1.25rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, #ffffff, #f8fafc);\r\n        border-radius: 14px;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .novastar-ad-app-title {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .novastar-ad-app-list {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 0.6rem;\r\n    }\r\n\r\n    .novastar-ad-app-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.4rem;\r\n        padding: 6px 12px;\r\n        background: #ffffff;\r\n        border: 1.5px solid #3b82f6;\r\n        border-radius: 18px;\r\n        font-size: 12px;\r\n        color: #1e293b;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-ad-app-badge:hover {\r\n        background: #eff6ff;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\r\n    }\r\n\r\n    .novastar-ad-location-icon {\r\n        width: 14px;\r\n        height: 14px;\r\n        fill: #3b82f6;\r\n    }\r\n\r\n    \/* Feature badges *\/\r\n    .novastar-ad-features {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-ad-feature-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.4rem;\r\n        padding: 7px 14px;\r\n        background: #ffffff;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 20px;\r\n        font-size: 12px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-ad-feature-badge:hover {\r\n        border-color: #3b82f6;\r\n        background: #eff6ff;\r\n    }\r\n\r\n    .novastar-ad-check-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: #3b82f6;\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-ad-cta-buttons {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .novastar-ad-btn {\r\n        padding: 14px 32px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 15px;\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-ad-btn > * {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-ad-btn-primary {\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        color: #ffffff;\r\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\r\n    }\r\n\r\n    .novastar-ad-btn-primary::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, #2563eb, #1d4ed8);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .novastar-ad-btn-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(59, 130, 246, 0.5);\r\n    }\r\n\r\n    .novastar-ad-btn-primary:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .novastar-ad-arrow-icon {\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        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .novastar-ad-btn-primary:hover .novastar-ad-arrow-icon {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Visual element container *\/\r\n    .novastar-ad-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: 460px;\r\n    }\r\n\r\n    \/* Crystalline animation background *\/\r\n    .novastar-ad-crystal-bg {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle {\r\n        position: absolute;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 2px;\r\n        opacity: 0.4;\r\n        animation: crystallize 8s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle:nth-child(1) {\r\n        top: 15%;\r\n        left: 10%;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle:nth-child(2) {\r\n        top: 60%;\r\n        left: 85%;\r\n        animation-delay: 2s;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle:nth-child(3) {\r\n        top: 80%;\r\n        left: 20%;\r\n        animation-delay: 4s;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle:nth-child(4) {\r\n        top: 30%;\r\n        left: 75%;\r\n        animation-delay: 6s;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle:nth-child(5) {\r\n        top: 45%;\r\n        left: 50%;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .novastar-ad-crystal-particle:nth-child(6) {\r\n        top: 70%;\r\n        left: 60%;\r\n        animation-delay: 5s;\r\n    }\r\n\r\n    @keyframes crystallize {\r\n        0%, 100% {\r\n            transform: translate(0, 0) rotate(0deg) scale(1);\r\n            opacity: 0.4;\r\n        }\r\n        25% {\r\n            transform: translate(20px, -20px) rotate(90deg) scale(1.5);\r\n            opacity: 0.7;\r\n        }\r\n        50% {\r\n            transform: translate(40px, 0) rotate(180deg) scale(1);\r\n            opacity: 0.4;\r\n        }\r\n        75% {\r\n            transform: translate(20px, 20px) rotate(270deg) scale(1.5);\r\n            opacity: 0.7;\r\n        }\r\n    }\r\n\r\n    \/* Technology showcase panel *\/\r\n    .novastar-ad-tech-panel {\r\n        position: absolute;\r\n        top: 30px;\r\n        right: 0;\r\n        width: 200px;\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 20px;\r\n        padding: 1.25rem;\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.25);\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-ad-tech-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .novastar-ad-tech-icon {\r\n        width: 26px;\r\n        height: 26px;\r\n    }\r\n\r\n    .novastar-ad-tech-icon svg {\r\n        width: 100%;\r\n        height: 100%;\r\n        stroke: #3b82f6;\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    .novastar-ad-tech-title {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-ad-tech-process {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n    }\r\n\r\n    .novastar-ad-process-step {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .novastar-ad-step-number {\r\n        width: 26px;\r\n        height: 26px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        color: #ffffff;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-ad-step-text {\r\n        font-size: 11px;\r\n        color: #475569;\r\n        font-weight: 600;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .novastar-ad-process-line {\r\n        width: 2px;\r\n        height: 16px;\r\n        background: linear-gradient(180deg, #3b82f6, #93c5fd);\r\n        margin-left: 12px;\r\n        margin-top: 4px;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    \/* Lifetime protection badge *\/\r\n    .novastar-ad-lifetime-badge {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 0;\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 18px;\r\n        padding: 1.25rem 1.5rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.25);\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-ad-lifetime-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\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    }\r\n\r\n    .novastar-ad-lifetime-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        stroke: #ffffff;\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    .novastar-ad-lifetime-text {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .novastar-ad-lifetime-title {\r\n        font-size: 16px;\r\n        font-weight: 900;\r\n        color: #3b82f6;\r\n        line-height: 1;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-ad-lifetime-desc {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 600;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    \/* Waterproofing indicator *\/\r\n    .novastar-ad-waterproof-indicator {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 50%;\r\n        width: 100px;\r\n        height: 100px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.25);\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-ad-indicator-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-ad-indicator-icon svg {\r\n        width: 100%;\r\n        height: 100%;\r\n        fill: #3b82f6;\r\n    }\r\n\r\n    .novastar-ad-indicator-label {\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Large crystal decoration *\/\r\n    .novastar-ad-crystal-decoration {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 200px;\r\n        height: 200px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-ad-crystal-large,\r\n    .novastar-ad-crystal-medium,\r\n    .novastar-ad-crystal-small {\r\n        position: absolute;\r\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.1));\r\n        border: 2px solid rgba(59, 130, 246, 0.3);\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .novastar-ad-crystal-large {\r\n        width: 120px;\r\n        height: 120px;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: crystalFloat 6s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-ad-crystal-medium {\r\n        width: 70px;\r\n        height: 70px;\r\n        top: 20%;\r\n        right: 10%;\r\n        animation: crystalFloat 5s ease-in-out infinite reverse;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .novastar-ad-crystal-small {\r\n        width: 40px;\r\n        height: 40px;\r\n        bottom: 15%;\r\n        left: 15%;\r\n        animation: crystalFloat 4s ease-in-out infinite;\r\n        animation-delay: 2s;\r\n    }\r\n\r\n    @keyframes crystalFloat {\r\n        0%, 100% {\r\n            transform: translate(-50%, -50%) rotate(45deg) scale(1);\r\n            opacity: 0.3;\r\n        }\r\n        50% {\r\n            transform: translate(-50%, -60%) rotate(65deg) scale(1.1);\r\n            opacity: 0.5;\r\n        }\r\n    }\r\n\r\n    \/* Tablet Styles *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-ad-banner-section {\r\n            padding: 16px;\r\n            min-height: 55vh;\r\n        }\r\n\r\n        .novastar-ad-container {\r\n            gap: 2rem;\r\n        }\r\n\r\n        .novastar-ad-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .novastar-ad-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .novastar-ad-subtitle {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-ad-visual-element {\r\n            height: 400px;\r\n        }\r\n\r\n        .novastar-ad-properties {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .novastar-ad-tech-panel {\r\n            width: 180px;\r\n        }\r\n\r\n        .novastar-ad-waterproof-indicator {\r\n            width: 90px;\r\n            height: 90px;\r\n        }\r\n\r\n        .novastar-ad-crystal-decoration {\r\n            width: 160px;\r\n            height: 160px;\r\n        }\r\n\r\n        .novastar-ad-crystal-large {\r\n            width: 100px;\r\n            height: 100px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 768px) {\r\n        .novastar-ad-banner-section {\r\n            padding: 12px;\r\n            min-height: auto;\r\n            padding-top: 2rem;\r\n            padding-bottom: 2rem;\r\n        }\r\n\r\n        .novastar-ad-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .novastar-ad-content {\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-ad-brand-badge {\r\n            display: block;\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-ad-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-ad-title-sub {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .novastar-ad-subtitle {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-ad-description p {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .novastar-ad-properties {\r\n            flex-direction: column;\r\n            gap: 1.25rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .novastar-ad-property-item {\r\n            max-width: 200px;\r\n        }\r\n\r\n        .novastar-ad-applications {\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-ad-app-list {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-ad-features {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-ad-cta-buttons {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-ad-btn {\r\n            width: 100%;\r\n            max-width: 300px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-ad-visual-element {\r\n            order: -1;\r\n            height: 320px;\r\n        }\r\n\r\n        .novastar-ad-tech-panel,\r\n        .novastar-ad-lifetime-badge,\r\n        .novastar-ad-waterproof-indicator {\r\n            display: none;\r\n        }\r\n\r\n        .novastar-ad-crystal-decoration {\r\n            width: 140px;\r\n            height: 140px;\r\n        }\r\n\r\n        .novastar-ad-crystal-large {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .novastar-ad-crystal-medium {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .novastar-ad-crystal-small {\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-ad-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-ad-title-sub {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .novastar-ad-subtitle {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .novastar-ad-properties {\r\n            gap: 1rem;\r\n        }\r\n\r\n        .novastar-ad-property-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .novastar-ad-visual-element {\r\n            height: 280px;\r\n        }\r\n\r\n        .novastar-ad-feature-badge {\r\n            font-size: 11px;\r\n            padding: 6px 12px;\r\n        }\r\n\r\n        .novastar-ad-app-badge {\r\n            font-size: 11px;\r\n            padding: 5px 10px;\r\n        }\r\n\r\n        .novastar-ad-crystal-decoration {\r\n            width: 120px;\r\n            height: 120px;\r\n        }\r\n\r\n        .novastar-ad-crystal-large {\r\n            width: 70px;\r\n            height: 70px;\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=\"novastar-cccw-section\">\r\n    <section class=\"novastar-cccw-intro\">\r\n        <div class=\"novastar-cccw-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"novastar-cccw-header\">\r\n                <div class=\"novastar-cccw-header-badge\">\r\n                    <span class=\"novastar-cccw-badge-dot\"><\/span>\r\n                    <span class=\"novastar-cccw-badge-text\">TEKNOLOGI WATERPROOFING INTEGRAL MAJU<\/span>\r\n                <\/div>\r\n                <h2 class=\"novastar-cccw-main-title\">\r\n                    <span class=\"novastar-cccw-title-highlight\">NOVASTAR\u2122 CCCW-AD<\/span>\r\n                    <span class=\"novastar-cccw-title-normal\">Admixture Kedap Air Kapiler Kristal Beton<\/span>\r\n                <\/h2>\r\n                <p class=\"novastar-cccw-subtitle\">Teknologi Waterproofing Integral Canggih untuk Sistem Beton &amp; Semen<\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid -->\r\n            <div class=\"novastar-cccw-content-grid\">\r\n                <!-- Left: Description -->\r\n                <div class=\"novastar-cccw-description\">\r\n                    <div class=\"novastar-cccw-desc-card\">\r\n                        <div class=\"novastar-cccw-desc-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-cccw-desc-content\">\r\n                            <p>Admixture waterproofing kristalin integral NOVASTAR\u2122 CCCW-AD adalah bahan tambahan waterproofing berkinerja tinggi yang dirancang menggunakan teknologi pertumbuhan kristal canggih dan senyawa anorganik aktif premium.<\/p>\r\n                            <p>Dirancang khusus untuk waterproofing beton, lapisan berbasis semen, dan mortar campuran, CCCW-AD meningkatkan densifikasi internal dengan membentuk kristal jarum permanen yang menutup pori-pori kapiler dan retakan mikro.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Performance Stats -->\r\n                    <div class=\"novastar-cccw-stats\">\r\n                        <div class=\"novastar-cccw-stat-item\">\r\n                            <div class=\"novastar-cccw-stat-number\">200-500\u00d7<\/div>\r\n                            <div class=\"novastar-cccw-stat-label\">Peningkatan Ketahanan Tembus Air<\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-cccw-stat-divider\"><\/div>\r\n                        <div class=\"novastar-cccw-stat-item\">\r\n                            <div class=\"novastar-cccw-stat-number\">2-4%<\/div>\r\n                            <div class=\"novastar-cccw-stat-label\">Dosis Pemakaian<\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-cccw-stat-divider\"><\/div>\r\n                        <div class=\"novastar-cccw-stat-item\">\r\n                            <div class=\"novastar-cccw-stat-number\">Umur Pakai<\/div>\r\n                            <div class=\"novastar-cccw-stat-label\">Perpanjangan Masa Pakai<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Application Note -->\r\n                    <div class=\"novastar-cccw-application-note\">\r\n                        <div class=\"novastar-cccw-note-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                                <path d=\"M12 16v-4M12 8h.01\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <p>Digunakan pada 2%\u20134% dari total bahan semen, admixture waterproofing kristalin CCCW-AD memberikan peningkatan ketahanan tembus air sebesar 200\u2013500\u00d7, secara dramatis memperpanjang umur layanan beton tanpa mempengaruhi kekuatan, daya nafas, atau daya tahan. Banyak digunakan sebagai bahan baku utama untuk pembuatan lapisan waterproofing kristalin berbasis semen dan mortar kristalin campuran.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Product Image -->\r\n                <div class=\"novastar-cccw-image-container\">\r\n                    <div class=\"novastar-cccw-image-wrapper\">\r\n                        <div class=\"novastar-cccw-image-glow\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-Crystalline-Capillary-Waterproofing-Admixture-AD.jpg\" alt=\"NOVASTAR CCCW-AD Admixture Kedap Air Kapiler Kristalin Berbasis Semen\" class=\"novastar-cccw-product-img\" \/>\r\n                        \r\n                        <!-- Image Badge -->\r\n                        <div class=\"novastar-cccw-image-badge\">\r\n                            <div class=\"novastar-cccw-badge-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span>Bahan Baku Utama<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Usage Info -->\r\n                    <div class=\"novastar-cccw-usage-info\">\r\n                        <div class=\"novastar-cccw-usage-title\">Banyak Digunakan Untuk:<\/div>\r\n                        <div class=\"novastar-cccw-usage-list\">\r\n                            <div class=\"novastar-cccw-usage-item\">\r\n                                <span class=\"novastar-cccw-usage-dot\"><\/span>\r\n                                <span>Lapisan Waterproofing Kristalin Berbasis Semen<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-cccw-usage-item\">\r\n                                <span class=\"novastar-cccw-usage-dot\"><\/span>\r\n                                <span>Mortar Kristalin Campuran<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Key Features Section -->\r\n    <section class=\"novastar-cccw-features\">\r\n        <div class=\"novastar-cccw-container\">\r\n            <div class=\"novastar-cccw-features-header\">\r\n                <h2 class=\"novastar-cccw-main-title\">\r\n                    <span class=\"novastar-cccw-title-highlight\">Fitur Utama &amp; Keunggulan<\/span>\r\n                    <span class=\"novastar-cccw-title-normal\">dari Admixture Waterproofing Kristalin NOVASTAR\u2122 CCCW-AD<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-cccw-features-grid\">\r\n                <!-- Feature 1 -->\r\n                <div class=\"novastar-cccw-feature-card\">\r\n                    <div class=\"novastar-cccw-feature-number\">01<\/div>\r\n                    <div class=\"novastar-cccw-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4 class=\"novastar-cccw-feature-title\">Pelapis Tahan Air Kristal yang Menembus Dalam<\/h4>\r\n                    <p class=\"novastar-cccw-feature-desc\">Additif pelapis tahan air kristal CCCW-AD membentuk kristal panjang, padat, seperti jarum yang menembus matriks beton.<\/p>\r\n                    <ul class=\"novastar-cccw-feature-list\">\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Meningkatkan ketahanan terhadap kebocoran dengan <strong>200\u2013500\u00d7<\/strong><\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Memberikan perlindungan tahan air internal seumur hidup<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Secara permanen memblokir jalur air di dalam pori kapiler<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Feature 2 -->\r\n                <div class=\"novastar-cccw-feature-card\">\r\n                    <div class=\"novastar-cccw-feature-number\">02<\/div>\r\n                    <div class=\"novastar-cccw-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4 class=\"novastar-cccw-feature-title\">Teknologi Pelapis Tahan Air &amp; Penyembuhan Mandiri<\/h4>\r\n                    <p class=\"novastar-cccw-feature-desc\">Campuran pelapis integral NOVASTAR\u2122 CCCW-AD secara aktif merespons kelembapan dan menutup kembali mikroretak di masa depan.<\/p>\r\n                    <ul class=\"novastar-cccw-feature-list\">\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Menyembuhkan retak hingga <strong>0,4 mm<\/strong><\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Mempertahankan ketahanan air meskipun lapisan pelapis permukaan hilang<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Aktivitas kristal reaktif setiap kali air hadir<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Feature 3 -->\r\n                <div class=\"novastar-cccw-feature-card\">\r\n                    <div class=\"novastar-cccw-feature-number\">03<\/div>\r\n                    <div class=\"novastar-cccw-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4 class=\"novastar-cccw-feature-title\">Ketahanan Kimia &amp; Lingkungan Tinggi<\/h4>\r\n                    <p class=\"novastar-cccw-feature-desc\">Serbuk pelapis tahan air kristal CCCW-AD meningkatkan ketahanan terhadap kondisi beton yang keras.<\/p>\r\n                    <ul class=\"novastar-cccw-feature-list\">\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Klorida, sulfat, limbah industri<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Siklus beku\u2013pencairan<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Lingkungan alkalin pH 9\u201313<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"novastar-cccw-feature-note\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                        <\/svg>\r\n                        <span>Ideal untuk terowongan, instalasi pengolahan limbah, beton laut, dan fasilitas kimia.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 4 -->\r\n                <div class=\"novastar-cccw-feature-card\">\r\n                    <div class=\"novastar-cccw-feature-number\">04<\/div>\r\n                    <div class=\"novastar-cccw-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4 class=\"novastar-cccw-feature-title\">Bernapas namun Sangat Tahan Air<\/h4>\r\n                    <p class=\"novastar-cccw-feature-desc\">Campuran pelapis CCCW-AD menciptakan struktur yang permeabel uap yang memastikan kinerja jangka panjang.<\/p>\r\n                    <ul class=\"novastar-cccw-feature-list\">\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Mencegah tekanan kelembapan internal<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Tahan terhadap tekanan air positif dan negatif<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Menjamin stabilitas dimensi jangka panjang dan daya tahan<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Feature 5 -->\r\n                <div class=\"novastar-cccw-feature-card\">\r\n                    <div class=\"novastar-cccw-feature-number\">05<\/div>\r\n                    <div class=\"novastar-cccw-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4 class=\"novastar-cccw-feature-title\">Pelapis kedap air yang aman dan tidak beracun<\/h4>\r\n                    <p class=\"novastar-cccw-feature-desc\">Cocok untuk struktur air minum, reservoir, tangki, kolam renang, dan pekerjaan umum<\/p>\r\n                    <ul class=\"novastar-cccw-feature-list\">\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Aman secara lingkungan<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Tidak beracun, tanpa bau<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"novastar-cccw-check\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 6L9 17l-5-5\"\/>\r\n                            <\/svg>\r\n                            <span>Tanpa VOC dan logam berat<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"novastar-cccw-feature-highlight\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M5 13l4 4L19 7\"\/>\r\n                        <\/svg>\r\n                        <span>Disetujui untuk Air Minum &amp; Infrastruktur Umum<\/span>\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    .novastar-cccw-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-cccw-section *,\r\n    .novastar-cccw-section *::before,\r\n    .novastar-cccw-section *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-cccw-container {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== Intro Section ========== *\/\r\n    .novastar-cccw-intro {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 75%, #ffffff 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u6dfb\u52a0\u52a8\u6001\u80cc\u666f\u88c5\u9970 *\/\r\n    .novastar-cccw-intro::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -40%;\r\n        right: -15%;\r\n        width: 700px;\r\n        height: 700px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-intro 18s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-cccw-intro::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -35%;\r\n        left: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(14, 165, 233, 0.06) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-intro 22s ease-in-out infinite reverse;\r\n    }\r\n\r\n    @keyframes float-intro {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(40px, -40px) scale(1.15); }\r\n    }\r\n\r\n    \/* Header *\/\r\n    .novastar-cccw-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-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: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 1px solid #3b82f6;\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\r\n    }\r\n\r\n    .novastar-cccw-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #3b82f6;\r\n        border-radius: 50%;\r\n        animation: pulse-dot 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse-dot {\r\n        0%, 100% { opacity: 1; transform: scale(1); }\r\n        50% { opacity: 0.5; transform: scale(1.2); }\r\n    }\r\n\r\n    .novastar-cccw-badge-text {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* \u7edf\u4e00\u7684\u4e3b\u6807\u9898\u6837\u5f0f *\/\r\n    .novastar-cccw-main-title {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-cccw-title-highlight {\r\n        display: block;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-cccw-title-normal {\r\n        display: block;\r\n        color: #1e293b;\r\n        font-size: 28px;\r\n    }\r\n\r\n    .novastar-cccw-subtitle {\r\n        font-size: 16px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Content Grid *\/\r\n    .novastar-cccw-content-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Description *\/\r\n    .novastar-cccw-description {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-cccw-desc-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 2rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-cccw-desc-card:hover {\r\n        box-shadow: 0 8px 20px rgba(59, 130, 246, 0.12);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .novastar-cccw-desc-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .novastar-cccw-desc-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #ffffff;\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    .novastar-cccw-desc-content p {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-cccw-desc-content p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Stats *\/\r\n    .novastar-cccw-stats {\r\n        display: flex;\r\n        align-items: center;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.15);\r\n    }\r\n\r\n    .novastar-cccw-stat-item {\r\n        flex: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .novastar-cccw-stat-number {\r\n        font-size: 28px;\r\n        font-weight: 900;\r\n        color: #3b82f6;\r\n        line-height: 1;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-cccw-stat-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-cccw-stat-divider {\r\n        width: 1px;\r\n        height: 40px;\r\n        background: linear-gradient(180deg, transparent, #3b82f6, transparent);\r\n        margin: 0 1rem;\r\n    }\r\n\r\n    \/* Application Note *\/\r\n    .novastar-cccw-application-note {\r\n        display: flex;\r\n        gap: 1rem;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border-left: 4px solid #3b82f6;\r\n        border-radius: 8px;\r\n        padding: 1.25rem;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-cccw-note-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-cccw-note-icon svg {\r\n        width: 100%;\r\n        height: 100%;\r\n        stroke: #3b82f6;\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    .novastar-cccw-application-note p {\r\n        font-size: 13px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Image Container *\/\r\n    .novastar-cccw-image-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-cccw-image-wrapper {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(59, 130, 246, 0.2);\r\n    }\r\n\r\n    .novastar-cccw-image-glow {\r\n        position: absolute;\r\n        top: -20px;\r\n        left: -20px;\r\n        right: -20px;\r\n        bottom: -20px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, transparent 70%);\r\n        z-index: -1;\r\n        animation: glow-pulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes glow-pulse {\r\n        0%, 100% { opacity: 0.5; }\r\n        50% { opacity: 0.8; }\r\n    }\r\n\r\n    .novastar-cccw-product-img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .novastar-cccw-image-badge {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 20px;\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 12px;\r\n        padding: 0.75rem 1.25rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .novastar-cccw-badge-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    .novastar-cccw-badge-icon svg {\r\n        width: 100%;\r\n        height: 100%;\r\n        stroke: #3b82f6;\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    .novastar-cccw-image-badge span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n    }\r\n\r\n    \/* Usage Info *\/\r\n    .novastar-cccw-usage-info {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-cccw-usage-title {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-cccw-usage-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .novastar-cccw-usage-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 14px;\r\n        color: #475569;\r\n    }\r\n\r\n    .novastar-cccw-usage-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #3b82f6;\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* ========== Features Section ========== *\/\r\n    .novastar-cccw-features {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 30%, #eff6ff 60%, #e0f2fe 85%, #f8fafc 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u6dfb\u52a0\u7f51\u683c\u56fe\u6848 *\/\r\n    .novastar-cccw-features::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: \r\n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\r\n        background-size: 60px 60px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u6dfb\u52a0\u5149\u6655\u88c5\u9970 *\/\r\n    .novastar-cccw-features::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 30%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 900px;\r\n        height: 500px;\r\n        background: radial-gradient(ellipse, rgba(59, 130, 246, 0.06) 0%, transparent 70%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-cccw-features-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Features Grid - \u6539\u4e3a\u6bcf\u884c3\u4e2a *\/\r\n    .novastar-cccw-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 2rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-cccw-feature-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-cccw-feature-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #3b82f6, #2563eb);\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .novastar-cccw-feature-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.18);\r\n        border-color: #3b82f6;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n    }\r\n\r\n    .novastar-cccw-feature-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .novastar-cccw-feature-number {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        color: #f1f5f9;\r\n        line-height: 1;\r\n    }\r\n\r\n    .novastar-cccw-feature-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-cccw-feature-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #3b82f6;\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    .novastar-cccw-feature-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.75rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .novastar-cccw-feature-desc {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .novastar-cccw-feature-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    .novastar-cccw-feature-list li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        font-size: 13px;\r\n        color: #475569;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .novastar-cccw-check {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: #3b82f6;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .novastar-cccw-feature-list strong {\r\n        color: #3b82f6;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .novastar-cccw-feature-note {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        margin-top: 1.25rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border-radius: 10px;\r\n        border-left: 3px solid #3b82f6;\r\n    }\r\n\r\n    .novastar-cccw-feature-note svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #3b82f6;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .novastar-cccw-feature-note span {\r\n        font-size: 12px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .novastar-cccw-feature-highlight {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        margin-top: 1.25rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .novastar-cccw-feature-highlight svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #ffffff;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-cccw-feature-highlight span {\r\n        font-size: 13px;\r\n        color: #ffffff;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1400px) {\r\n        .novastar-cccw-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .novastar-cccw-content-grid {\r\n            gap: 2rem;\r\n        }\r\n\r\n        .novastar-cccw-main-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .novastar-cccw-title-normal {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-cccw-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .novastar-cccw-intro,\r\n        .novastar-cccw-features {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        .novastar-cccw-content-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .novastar-cccw-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-cccw-title-normal {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-cccw-stats {\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .novastar-cccw-stat-divider {\r\n            width: 100%;\r\n            height: 1px;\r\n            margin: 0;\r\n        }\r\n\r\n        .novastar-cccw-features-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-cccw-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .novastar-cccw-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-cccw-title-normal {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-cccw-desc-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-cccw-feature-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-cccw-stat-number {\r\n            font-size: 24px;\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=\"novastar-specs-section\">\r\n    <!-- Specifications Section -->\r\n    <section class=\"novastar-specs-table-section\">\r\n        <div class=\"novastar-specs-container\">\r\n            <div class=\"novastar-specs-header\">\r\n                <h2 class=\"novastar-specs-main-title\">\r\n                    <span class=\"novastar-specs-title-highlight\">Spesifikasi<\/span>\r\n                    <span class=\"novastar-specs-title-normal\">Data Teknis Kedap Air Kristalin CCCW-AD<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-specs-table-wrapper\">\r\n                <table class=\"novastar-specs-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Item<\/th>\r\n                            <th>Spesifikasi<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td class=\"novastar-specs-label\">\r\n                                <div class=\"novastar-specs-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Komposisi<\/span>\r\n                            <\/td>\r\n                            <td>Silicon aktif, senyawa anorganik aktif (reaktif kedap air kristalin)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"novastar-specs-label\">\r\n                                <div class=\"novastar-specs-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/>\r\n                                        <path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Penampilan<\/span>\r\n                            <\/td>\r\n                            <td>Serbuk berwarna putih atau abu-abu muda<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"novastar-specs-label\">\r\n                                <div class=\"novastar-specs-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Paket<\/span>\r\n                            <\/td>\r\n                            <td>Ember plastik putih 20 kg \/ 25 kg untuk aplikasi kedap air berbasis semen<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n\r\n            <!-- Technical Badge with Link -->\r\n            <div class=\"novastar-specs-badge-container\">\r\n                <a href=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/TDS-LANDU-CCCW-AD.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-specs-tech-badge\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                    <\/svg>\r\n                    <span>Spesifikasi Teknis Bersertifikat<\/span>\r\n                    <svg class=\"novastar-specs-download-icon\" viewbox=\"0 0 24 24\">\r\n                        <path d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Applications Section -->\r\n    <section class=\"novastar-apps-section\">\r\n        <div class=\"novastar-specs-container\">\r\n            <div class=\"novastar-apps-header\">\r\n                <h2 class=\"novastar-specs-main-title\">\r\n                    <span class=\"novastar-specs-title-highlight\">Aplikasi<\/span>\r\n                    <span class=\"novastar-specs-title-normal\">Di mana CCCW-AD Campuran Kedap Air Kristalin Berbasis Semen Berfungsi Terbaik<\/span>\r\n                <\/h2>\r\n                <p class=\"novastar-apps-intro\">Admixture kedap air kapiler kristalin CCCW-AD berbasis semen digunakan secara luas dalam proyek infrastruktur besar yang membutuhkan kedap air beton integral dan teknologi kristalin yang otomatis menutup sendiri:<\/p>\r\n            <\/div>\r\n\r\n            <!-- Applications Grid -->\r\n            <div class=\"novastar-apps-grid\">\r\n                <!-- Application 1: Tunnels -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/Tunnel-Linings.jpg\" alt=\"Terowongan - Kedap Air Kristalin\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Terowongan<\/h3>\r\n                        <p class=\"novastar-app-desc\">Kedap air kristalin untuk struktur bawah tanah<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 2: Dams -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/water-cascading-over-the-reservoir-over-flow-outle-2025-02-11-16-43-34-utc-scaled.jpg\" alt=\"Bendungan - Kedap Air Kristalin\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Bendungan<\/h3>\r\n                        <p class=\"novastar-app-desc\">Ketahanan air tekanan tinggi untuk struktur berskala besar<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 3: Underground Buildings -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\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\" alt=\"Bangunan Bawah Tanah &amp; Basement\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Bangunan Bawah Tanah &amp; Basement<\/h3>\r\n                        <p class=\"novastar-app-desc\">Perlindungan permanen terhadap infiltrasi air tanah<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 4: Bridges -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/construction-of-highway-overpass-bridge-and-rail-transit-infrastructure-in-progress.jpg\" alt=\"Jembatan &amp; Struktur Tinggi\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 16h16\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Jembatan &amp; Struktur Beton Tinggi<\/h3>\r\n                        <p class=\"novastar-app-desc\">Peningkatan daya tahan untuk beton yang terbuka<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 5: Sewage Treatment Plants -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/storage-tank-in-rotterdam-europoort-2025-03-11-23-50-50-utc-scaled.jpg\" alt=\"Pabrik Pengolahan Limbah\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Pabrik Pengolahan Limbah<\/h3>\r\n                        <p class=\"novastar-app-desc\">Pelapis kedap air tahan bahan kimia untuk lingkungan yang keras<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 6: Chemical Plants -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/the-largest-air-pollutant-in-city-dnipro-ukraine-i-2025-10-16-05-57-34-utc-scaled.jpg\" alt=\"Pabrik Kimia\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Pabrik Kimia<\/h3>\r\n                        <p class=\"novastar-app-desc\">Ketahanan bahan kimia tinggi untuk fasilitas industri<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 7: Reservoirs -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/aerial-view-directly-above-storage-tanks-and-silos-2025-01-09-01-52-52-utc-scaled.jpeg\" alt=\"Reservoir, Tangki Air &amp; Menara\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Embung, Tangki Air &amp; Menara Air<\/h3>\r\n                        <p class=\"novastar-app-desc\">Pelapis kedap air kristalin yang aman untuk air minum<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 8: Swimming Pools -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/swimming-pool.jpg\" alt=\"Kolam Renang &amp; Zona Penampungan Air\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Kolam Renang &amp; Zona Penampungan Air<\/h3>\r\n                        <p class=\"novastar-app-desc\">Pelapis kedap air yang aman dan tidak beracun untuk fasilitas rekreasi<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 9: Precast Concrete -->\r\n                <div class=\"novastar-app-card\">\r\n                    <div class=\"novastar-app-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/Precast-Concrete.jpg\" alt=\"Elemen Beton Pracetak\" \/>\r\n                        <div class=\"novastar-app-overlay\">\r\n                            <div class=\"novastar-app-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-app-content\">\r\n                        <h3 class=\"novastar-app-title\">Elemen Beton Pracetak<\/h3>\r\n                        <p class=\"novastar-app-desc\">Pelapis kedap air integral untuk komponen PC<\/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    .novastar-specs-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-specs-section *,\r\n    .novastar-specs-section *::before,\r\n    .novastar-specs-section *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-specs-container {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== Specifications Table Section ========== *\/\r\n    .novastar-specs-table-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 30%, #f8fafc 70%, #ffffff 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u6dfb\u52a0\u52a8\u6001\u80cc\u666f\u88c5\u9970 *\/\r\n    .novastar-specs-table-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-bg 15s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-specs-table-section::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -30%;\r\n        left: -5%;\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(14, 165, 233, 0.06) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-bg 20s ease-in-out infinite reverse;\r\n    }\r\n\r\n    @keyframes float-bg {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.1); }\r\n    }\r\n\r\n    .novastar-specs-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* \u7edf\u4e00\u7684\u4e3b\u6807\u9898\u6837\u5f0f *\/\r\n    .novastar-specs-main-title {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-specs-title-highlight {\r\n        display: block;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-specs-title-normal {\r\n        display: block;\r\n        color: #1e293b;\r\n        font-size: 28px;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .novastar-specs-table-wrapper {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(59, 130, 246, 0.15);\r\n        border: 1px solid #e2e8f0;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-specs-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n    }\r\n\r\n    .novastar-specs-table thead {\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n    }\r\n\r\n    .novastar-specs-table thead th {\r\n        padding: 1.5rem 2rem;\r\n        text-align: left;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-specs-table tbody tr {\r\n        border-bottom: 1px solid #e2e8f0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-specs-table tbody tr:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .novastar-specs-table tbody tr:hover {\r\n        background: linear-gradient(90deg, #f0f9ff 0%, #ffffff 100%);\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .novastar-specs-table tbody td {\r\n        padding: 1.5rem 2rem;\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-specs-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        min-width: 200px;\r\n    }\r\n\r\n    .novastar-specs-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 10px;\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    .novastar-specs-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        stroke: #3b82f6;\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    \/* Technical Badge with Link *\/\r\n    .novastar-specs-badge-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 2rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-specs-tech-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 1rem 2rem;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50px;\r\n        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3);\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-specs-tech-badge::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, #059669, #047857);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .novastar-specs-tech-badge:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4);\r\n    }\r\n\r\n    .novastar-specs-tech-badge:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .novastar-specs-tech-badge > * {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-specs-tech-badge svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #ffffff;\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    .novastar-specs-tech-badge span {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .novastar-specs-download-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #ffffff;\r\n        stroke-width: 2.5;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .novastar-specs-tech-badge:hover .novastar-specs-download-icon {\r\n        transform: translateY(3px);\r\n    }\r\n\r\n    \/* ========== Applications Section ========== *\/\r\n    .novastar-apps-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 25%, #eff6ff 50%, #e0f2fe 75%, #f8fafc 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u6dfb\u52a0\u7f51\u683c\u56fe\u6848\u80cc\u666f *\/\r\n    .novastar-apps-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: \r\n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u6dfb\u52a0\u5149\u6655\u88c5\u9970 *\/\r\n    .novastar-apps-section::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 800px;\r\n        height: 400px;\r\n        background: radial-gradient(ellipse, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-apps-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-apps-intro {\r\n        font-size: 16px;\r\n        color: #64748b;\r\n        line-height: 1.7;\r\n        max-width: 1100px;\r\n        margin: 1.5rem auto 0;\r\n    }\r\n\r\n    \/* Applications Grid - \u6bcf\u884c5\u4e2a *\/\r\n    .novastar-apps-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(5, 1fr);\r\n        gap: 1.5rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-app-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-app-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 15px 40px rgba(59, 130, 246, 0.2);\r\n        border-color: #3b82f6;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n    }\r\n\r\n    .novastar-app-image {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 180px;\r\n        overflow: hidden;\r\n        background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\r\n    }\r\n\r\n    .novastar-app-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .novastar-app-card:hover .novastar-app-image img {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .novastar-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(59, 130, 246, 0.9), rgba(37, 99, 235, 0.9));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .novastar-app-card:hover .novastar-app-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .novastar-app-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border: 2px solid #ffffff;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transform: scale(0.8);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .novastar-app-card:hover .novastar-app-icon {\r\n        transform: scale(1);\r\n    }\r\n\r\n    .novastar-app-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #ffffff;\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    .novastar-app-content {\r\n        padding: 1.25rem;\r\n        background: linear-gradient(180deg, transparent 0%, rgba(248, 250, 252, 0.5) 100%);\r\n    }\r\n\r\n    .novastar-app-title {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.5rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .novastar-app-desc {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        line-height: 1.5;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1600px) {\r\n        .novastar-apps-grid {\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1400px) {\r\n        .novastar-apps-grid {\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        .novastar-apps-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .novastar-specs-main-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .novastar-specs-title-normal {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-apps-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .novastar-specs-table-section,\r\n        .novastar-apps-section {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        .novastar-specs-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-specs-title-normal {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-specs-table-wrapper {\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .novastar-specs-table thead th,\r\n        .novastar-specs-table tbody td {\r\n            padding: 1rem 1.25rem;\r\n        }\r\n\r\n        .novastar-specs-label {\r\n            min-width: 150px;\r\n        }\r\n\r\n        .novastar-apps-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .novastar-app-image {\r\n            height: 180px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-specs-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .novastar-specs-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-specs-title-normal {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-specs-table thead th {\r\n            font-size: 13px;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .novastar-specs-table tbody td {\r\n            font-size: 13px;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .novastar-specs-label {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.5rem;\r\n            min-width: auto;\r\n        }\r\n\r\n        .novastar-specs-icon {\r\n            width: 36px;\r\n            height: 36px;\r\n        }\r\n\r\n        .novastar-specs-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n\r\n        .novastar-specs-tech-badge {\r\n            padding: 0.75rem 1.5rem;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-specs-tech-badge span {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .novastar-app-image {\r\n            height: 160px;\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=\"novastar-mix-section\">\r\n    <!-- Mix Proportion Section -->\r\n    <section class=\"novastar-mix-proportion\">\r\n        <div class=\"novastar-mix-container\">\r\n            <div class=\"novastar-mix-header\">\r\n                <h2 class=\"novastar-mix-main-title\">\r\n                    <span class=\"novastar-mix-title-highlight\">Perbandingan Campuran yang Direkomendasikan<\/span>\r\n                    <span class=\"novastar-mix-title-normal\">untuk Pelapis Kedap Air Kapiler Kristalin Berbasis Semen (Menurut Berat)<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-mix-table-wrapper\">\r\n                <table class=\"novastar-mix-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Bahan<\/th>\r\n                            <th>Dosis<\/th>\r\n                            <th>Peran dalam Pelapis Kedap Air Berbasis Semen<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td class=\"novastar-mix-material\">\r\n                                <div class=\"novastar-mix-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Semen<\/span>\r\n                            <\/td>\r\n                            <td class=\"novastar-mix-dosage\">64%<\/td>\r\n                            <td>Pengikat utama (Gunakan P.O 42.5 atau lebih tinggi untuk reaksi kristalin terbaik)<\/td>\r\n                        <\/tr>\r\n                        <tr class=\"novastar-mix-highlight-row\">\r\n                            <td class=\"novastar-mix-material\">\r\n                                <div class=\"novastar-mix-icon novastar-mix-icon-primary\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>NOVASTAR\u2122 CCCW-AD<\/span>\r\n                            <\/td>\r\n                            <td class=\"novastar-mix-dosage novastar-mix-dosage-primary\">2\u20134%<\/td>\r\n                            <td><strong>Katalis kristalin inti<\/strong>; kristal yang menyumbat kapiler<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"novastar-mix-material\">\r\n                                <div class=\"novastar-mix-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Pasir Kuarsa<\/span>\r\n                            <\/td>\r\n                            <td class=\"novastar-mix-dosage\">30%<\/td>\r\n                            <td>Pengisi (mesh 60\u2013100; meningkatkan kekuatan pelapis)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"novastar-mix-material\">\r\n                                <div class=\"novastar-mix-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Perbandingan Air\u2013Semen<\/span>\r\n                            <\/td>\r\n                            <td class=\"novastar-mix-dosage\">0.3:1<\/td>\r\n                            <td>Optimal untuk pertumbuhan kapiler kristalin<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n\r\n            <!-- Mix Info Card -->\r\n            <div class=\"novastar-mix-info-card\">\r\n                <div class=\"novastar-mix-info-icon\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"novastar-mix-info-content\">\r\n                    <div class=\"novastar-mix-info-title\">Formula Teroptimasi<\/div>\r\n                    <p>Proporsi ini memastikan pembentukan kristal maksimal dan kinerja kedap air jangka panjang<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Application Instructions Section -->\r\n    <section class=\"novastar-app-instructions\">\r\n        <div class=\"novastar-mix-container\">\r\n            <div class=\"novastar-app-header\">\r\n                <h2 class=\"novastar-mix-main-title\">\r\n                    <span class=\"novastar-mix-title-highlight\">Petunjuk Aplikasi<\/span>\r\n                    <span class=\"novastar-mix-title-normal\">Cara Menggunakan Admixture Kedap Air Kristalin Beton CCCW-AD<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-app-methods\">\r\n                <!-- Method 1: Pre-Blending -->\r\n                <div class=\"novastar-app-method-card\">\r\n                    <div class=\"novastar-app-method-header\">\r\n                        <div class=\"novastar-app-method-number\">01<\/div>\r\n                        <div class=\"novastar-app-method-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-method-info\">\r\n                            <h3 class=\"novastar-app-method-title\">Metode Pencampuran Awal<\/h3>\r\n                            <p class=\"novastar-app-method-subtitle\">Kedap Air Integral \u2013 Pencampuran Internal<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-method-intro\">\r\n                        <p>NOVASTAR\u2122 CCCW-AD dapat ditambahkan langsung di pabrik pencampuran atau saat pencampuran di lokasi.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-method-options\">\r\n                        <!-- Option A -->\r\n                        <div class=\"novastar-app-option\">\r\n                            <div class=\"novastar-app-option-badge\">Opsi A<\/div>\r\n                            <h4 class=\"novastar-app-option-title\">Di Pabrik Pencampuran<\/h4>\r\n                            <ul class=\"novastar-app-option-steps\">\r\n                                <li>\r\n                                    <span class=\"novastar-app-step-bullet\">1<\/span>\r\n                                    <span>Tambahkan saat transfer agregat halus<\/span>\r\n                                <\/li>\r\n                                <li>\r\n                                    <span class=\"novastar-app-step-bullet\">2<\/span>\r\n                                    <span>Aduk selama 3\u20135 menit untuk mengaktifkan dispersi kristal<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <!-- Option B -->\r\n                        <div class=\"novastar-app-option\">\r\n                            <div class=\"novastar-app-option-badge\">Opsi B<\/div>\r\n                            <h4 class=\"novastar-app-option-title\">Dalam Truk Mixer Beton<\/h4>\r\n                            <ul class=\"novastar-app-option-steps\">\r\n                                <li>\r\n                                    <span class=\"novastar-app-step-bullet\">1<\/span>\r\n                                    <span>Siapkan lumpur (perbandingan 1:1 dengan air)<\/span>\r\n                                <\/li>\r\n                                <li>\r\n                                    <span class=\"novastar-app-step-bullet\">2<\/span>\r\n                                    <span>Tambahkan ke drum saat berputar<\/span>\r\n                                <\/li>\r\n                                <li>\r\n                                    <span class=\"novastar-app-step-bullet\">3<\/span>\r\n                                    <span>Campurkan minimal 5 menit<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Method 2: Post-Blending -->\r\n                <div class=\"novastar-app-method-card\">\r\n                    <div class=\"novastar-app-method-header\">\r\n                        <div class=\"novastar-app-method-number\">02<\/div>\r\n                        <div class=\"novastar-app-method-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-method-info\">\r\n                            <h3 class=\"novastar-app-method-title\">Metode Setelah Pengadukan<\/h3>\r\n                            <p class=\"novastar-app-method-subtitle\">Pelapis Kedap Air Kristalin Kering untuk Lantai<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-method-intro\">\r\n                        <p>Serbuk kedap air kristalin CCCW-AD meningkatkan ketahanan dan kedap air permukaan lantai.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-method-options\">\r\n                        <!-- Method 1 -->\r\n                        <div class=\"novastar-app-option\">\r\n                            <div class=\"novastar-app-option-badge\">Metode 1<\/div>\r\n                            <div class=\"novastar-app-dosage-highlight\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\r\n                                <\/svg>\r\n                                <span>Terapkan <strong>1,5 kg\/m\u00b2<\/strong> sebelum pengecoran beton<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Method 2 -->\r\n                        <div class=\"novastar-app-option\">\r\n                            <div class=\"novastar-app-option-badge\">Metode 2<\/div>\r\n                            <div class=\"novastar-app-dosage-highlight\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                <\/svg>\r\n                                <span>Terapkan setelah pengecoran tetapi <strong>sebelum pengerasan<\/strong><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Method 3: Brush Coating -->\r\n                <div class=\"novastar-app-method-card\">\r\n                    <div class=\"novastar-app-method-header\">\r\n                        <div class=\"novastar-app-method-number\">03<\/div>\r\n                        <div class=\"novastar-app-method-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-method-info\">\r\n                            <h3 class=\"novastar-app-method-title\">Metode Lapisan Kuas<\/h3>\r\n                            <p class=\"novastar-app-method-subtitle\">Lapisan Kedap Air Kristalin Berbasis Semen<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-method-intro\">\r\n                        <div class=\"novastar-app-ideal-for\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M5 13l4 4L19 7\"\/>\r\n                            <\/svg>\r\n                            <span>Sangat cocok untuk tangki, kolam renang, ruang bawah tanah, terowongan<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-coating-steps\">\r\n                        <div class=\"novastar-app-coating-step\">\r\n                            <div class=\"novastar-app-coating-layer\">\r\n                                <div class=\"novastar-app-layer-icon\">Pertama<\/div>\r\n                                <div class=\"novastar-app-layer-info\">\r\n                                    <div class=\"novastar-app-layer-title\">Lapisan Pertama<\/div>\r\n                                    <div class=\"novastar-app-layer-dosage\">0,6\u20130,8 kg\/m\u00b2<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-coating-arrow\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-coating-step\">\r\n                            <div class=\"novastar-app-coating-layer\">\r\n                                <div class=\"novastar-app-layer-icon\">Kedua<\/div>\r\n                                <div class=\"novastar-app-layer-info\">\r\n                                    <div class=\"novastar-app-layer-title\">Lapisan Kedua<\/div>\r\n                                    <div class=\"novastar-app-layer-note\">Aplikasi tegak lurus<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-coating-arrow\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-coating-step\">\r\n                            <div class=\"novastar-app-coating-total\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                <\/svg>\r\n                                <div class=\"novastar-app-total-info\">\r\n                                    <div class=\"novastar-app-total-label\">Total Cakupan<\/div>\r\n                                    <div class=\"novastar-app-total-value\">1,2\u20131,5 kg\/m\u00b2<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Method 4: Spray Application -->\r\n                <div class=\"novastar-app-method-card\">\r\n                    <div class=\"novastar-app-method-header\">\r\n                        <div class=\"novastar-app-method-number\">04<\/div>\r\n                        <div class=\"novastar-app-method-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-method-info\">\r\n                            <h3 class=\"novastar-app-method-title\">Metode Aplikasi Semprot<\/h3>\r\n                            <p class=\"novastar-app-method-subtitle\">Pelapis Tahan Air Kristalin Berkecepatan Tinggi<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-app-spray-specs\">\r\n                        <div class=\"novastar-app-spec-item\">\r\n                            <div class=\"novastar-app-spec-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-app-spec-content\">\r\n                                <div class=\"novastar-app-spec-label\">Peralatan<\/div>\r\n                                <div class=\"novastar-app-spec-value\">Corong atau semprotan<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-spec-item\">\r\n                            <div class=\"novastar-app-spec-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-app-spec-content\">\r\n                                <div class=\"novastar-app-spec-label\">Aplikasi<\/div>\r\n                                <div class=\"novastar-app-spec-value\">Dua lapis<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-spec-item\">\r\n                            <div class=\"novastar-app-spec-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-app-spec-content\">\r\n                                <div class=\"novastar-app-spec-label\">Total Cakupan<\/div>\r\n                                <div class=\"novastar-app-spec-value\">1,2\u20131,5 kg\/m\u00b2<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-app-spec-item\">\r\n                            <div class=\"novastar-app-spec-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-app-spec-content\">\r\n                                <div class=\"novastar-app-spec-label\">Ketebalan<\/div>\r\n                                <div class=\"novastar-app-spec-value\">1 mm<\/div>\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    .novastar-mix-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-mix-section *,\r\n    .novastar-mix-section *::before,\r\n    .novastar-mix-section *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-mix-container {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== Mix Proportion Section ========== *\/\r\n    .novastar-mix-proportion {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 30%, #f8fafc 70%, #ffffff 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-mix-proportion::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-mix 15s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes float-mix {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.1); }\r\n    }\r\n\r\n    .novastar-mix-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-mix-main-title {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-mix-title-highlight {\r\n        display: block;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-mix-title-normal {\r\n        display: block;\r\n        color: #1e293b;\r\n        font-size: 28px;\r\n    }\r\n\r\n    \/* Table *\/\r\n    .novastar-mix-table-wrapper {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(59, 130, 246, 0.15);\r\n        border: 1px solid #e2e8f0;\r\n        position: relative;\r\n        z-index: 1;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .novastar-mix-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n    }\r\n\r\n    .novastar-mix-table thead {\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n    }\r\n\r\n    .novastar-mix-table thead th {\r\n        padding: 1.5rem 2rem;\r\n        text-align: left;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-mix-table tbody tr {\r\n        border-bottom: 1px solid #e2e8f0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-mix-table tbody tr:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .novastar-mix-table tbody tr:hover {\r\n        background: linear-gradient(90deg, #f0f9ff 0%, #ffffff 100%);\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .novastar-mix-highlight-row {\r\n        background: linear-gradient(90deg, #eff6ff 0%, #f8fafc 100%);\r\n    }\r\n\r\n    .novastar-mix-highlight-row:hover {\r\n        background: linear-gradient(90deg, #dbeafe 0%, #f0f9ff 100%);\r\n    }\r\n\r\n    .novastar-mix-table tbody td {\r\n        padding: 1.5rem 2rem;\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-mix-material {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-mix-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 10px;\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    .novastar-mix-icon-primary {\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-color: #1d4ed8;\r\n    }\r\n\r\n    .novastar-mix-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        stroke: #3b82f6;\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    .novastar-mix-icon-primary svg {\r\n        stroke: #ffffff;\r\n    }\r\n\r\n    .novastar-mix-dosage {\r\n        font-size: 20px;\r\n        font-weight: 800;\r\n        color: #3b82f6;\r\n    }\r\n\r\n    .novastar-mix-dosage-primary {\r\n        font-size: 24px;\r\n        color: #2563eb;\r\n    }\r\n\r\n    .novastar-mix-table tbody td strong {\r\n        color: #3b82f6;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Info Card *\/\r\n    .novastar-mix-info-card {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 16px;\r\n        padding: 1.5rem 2rem;\r\n        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3);\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-mix-info-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: rgba(255, 255, 255, 0.2);\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    }\r\n\r\n    .novastar-mix-info-icon svg {\r\n        width: 32px;\r\n        height: 32px;\r\n        stroke: #ffffff;\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    .novastar-mix-info-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-mix-info-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-mix-info-content p {\r\n        font-size: 14px;\r\n        color: rgba(255, 255, 255, 0.95);\r\n        margin: 0;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ========== Application Instructions Section ========== *\/\r\n    .novastar-app-instructions {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 25%, #eff6ff 50%, #e0f2fe 75%, #f8fafc 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-app-instructions::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: \r\n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-app-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Method Cards *\/\r\n    .novastar-app-methods {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-app-method-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-app-method-card:hover {\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.15);\r\n        transform: translateY(-3px);\r\n        border-color: #3b82f6;\r\n    }\r\n\r\n    .novastar-app-method-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n        border-bottom: 2px solid #e2e8f0;\r\n    }\r\n\r\n    .novastar-app-method-number {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        font-weight: 900;\r\n        color: #ffffff;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-app-method-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\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    }\r\n\r\n    .novastar-app-method-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #3b82f6;\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    .novastar-app-method-info {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-app-method-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-app-method-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-app-method-intro {\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-app-method-intro p {\r\n        font-size: 15px;\r\n        color: #475569;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n    }\r\n\r\n    .novastar-app-ideal-for {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 25px;\r\n        color: #ffffff;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .novastar-app-ideal-for svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #ffffff;\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    \/* Options *\/\r\n    .novastar-app-method-options {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-app-option {\r\n        background: linear-gradient(135deg, #f8fafc, #ffffff);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .novastar-app-option-badge {\r\n        display: inline-block;\r\n        padding: 6px 14px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        color: #ffffff;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        border-radius: 20px;\r\n        margin-bottom: 1rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-app-option-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-app-option-steps {\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    .novastar-app-option-steps li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-app-step-bullet {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        color: #ffffff;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-app-dosage-highlight {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border-left: 4px solid #3b82f6;\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        color: #475569;\r\n    }\r\n\r\n    .novastar-app-dosage-highlight svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #3b82f6;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-app-dosage-highlight strong {\r\n        color: #3b82f6;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Coating Steps *\/\r\n    .novastar-app-coating-steps {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .novastar-app-coating-step {\r\n        flex: 1;\r\n        min-width: 200px;\r\n    }\r\n\r\n    .novastar-app-coating-layer {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .novastar-app-layer-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        color: #ffffff;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 900;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-app-layer-info {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-app-layer-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-app-layer-dosage {\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #3b82f6;\r\n    }\r\n\r\n    .novastar-app-layer-note {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-app-coating-arrow {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-app-coating-arrow svg {\r\n        width: 32px;\r\n        height: 32px;\r\n        stroke: #3b82f6;\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    .novastar-app-coating-total {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .novastar-app-coating-total svg {\r\n        width: 32px;\r\n        height: 32px;\r\n        stroke: #ffffff;\r\n        stroke-width: 2.5;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-app-total-info {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-app-total-label {\r\n        font-size: 12px;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-app-total-value {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* Spray Specs *\/\r\n    .novastar-app-spray-specs {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-app-spec-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 1px solid #3b82f6;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .novastar-app-spec-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\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    .novastar-app-spec-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #ffffff;\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    .novastar-app-spec-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-app-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        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-app-spec-value {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-mix-main-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .novastar-mix-title-normal {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-app-coating-steps {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .novastar-app-coating-arrow {\r\n            transform: rotate(90deg);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .novastar-mix-proportion,\r\n        .novastar-app-instructions {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        .novastar-mix-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-mix-title-normal {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-mix-table-wrapper {\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .novastar-mix-table thead th,\r\n        .novastar-mix-table tbody td {\r\n            padding: 1rem 1.25rem;\r\n        }\r\n\r\n        .novastar-app-method-header {\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .novastar-app-method-options {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .novastar-app-spray-specs {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-mix-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .novastar-mix-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-mix-title-normal {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-mix-material {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .novastar-app-method-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-app-method-number {\r\n            width: 50px;\r\n            height: 50px;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-app-coating-step {\r\n            min-width: 100%;\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=\"novastar-trouble-section\">\r\n    <!-- Troubleshooting Guide Section -->\r\n    <section class=\"novastar-trouble-guide\">\r\n        <div class=\"novastar-trouble-container\">\r\n            <div class=\"novastar-trouble-header\">\r\n                <h2 class=\"novastar-trouble-main-title\">\r\n                    <span class=\"novastar-trouble-title-highlight\">Panduan Pemecahan Masalah<\/span>\r\n                    <span class=\"novastar-trouble-title-normal\">untuk Pelapis Tahan Air Kristalin CCCW-AD<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-trouble-content\">\r\n                <!-- Left: Product Image -->\r\n                <div class=\"novastar-trouble-image\">\r\n                    <div class=\"novastar-trouble-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/CCCW-AD-Crystalline-Capillary-Waterproofing-Admixture-1.jpg\" alt=\"Pemecahan Masalah CCCW-AD\" \/>\r\n                        <div class=\"novastar-trouble-image-badge\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\r\n                            <\/svg>\r\n                            <span>Dukungan Teknis<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Troubleshooting Cards -->\r\n                <div class=\"novastar-trouble-cards\">\r\n                    <!-- Issue 1: Surface Powdering -->\r\n                    <div class=\"novastar-trouble-card\">\r\n                        <div class=\"novastar-trouble-issue\">\r\n                            <div class=\"novastar-trouble-issue-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-trouble-issue-content\">\r\n                                <div class=\"novastar-trouble-issue-label\">Masalah<\/div>\r\n                                <div class=\"novastar-trouble-issue-title\">Pengelupasan Permukaan<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-trouble-solution\">\r\n                            <div class=\"novastar-trouble-solution-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-trouble-solution-content\">\r\n                                <div class=\"novastar-trouble-solution-label\">Solusi<\/div>\r\n                                <div class=\"novastar-trouble-solution-text\">Tambahkan <strong>&lt;1% RDP<\/strong> untuk meningkatkan kekuatan film<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Issue 2: Low Viscosity -->\r\n                    <div class=\"novastar-trouble-card\">\r\n                        <div class=\"novastar-trouble-issue\">\r\n                            <div class=\"novastar-trouble-issue-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-trouble-issue-content\">\r\n                                <div class=\"novastar-trouble-issue-label\">Masalah<\/div>\r\n                                <div class=\"novastar-trouble-issue-title\">Viskositas Rendah<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-trouble-solution\">\r\n                            <div class=\"novastar-trouble-solution-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-trouble-solution-content\">\r\n                                <div class=\"novastar-trouble-solution-label\">Solusi<\/div>\r\n                                <div class=\"novastar-trouble-solution-text\">Tambahkan <strong>HPMC (&lt;2\u2030)<\/strong> untuk pekerjaan yang lebih baik<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Issue 3: Surface Cracking -->\r\n                    <div class=\"novastar-trouble-card\">\r\n                        <div class=\"novastar-trouble-issue\">\r\n                            <div class=\"novastar-trouble-issue-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-trouble-issue-content\">\r\n                                <div class=\"novastar-trouble-issue-label\">Masalah<\/div>\r\n                                <div class=\"novastar-trouble-issue-title\">Retak Permukaan<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-trouble-solution\">\r\n                            <div class=\"novastar-trouble-solution-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"novastar-trouble-solution-content\">\r\n                                <div class=\"novastar-trouble-solution-label\">Solusi<\/div>\r\n                                <div class=\"novastar-trouble-solution-text\">Tingkatkan <strong>perbandingan pasir kuarsa<\/strong><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Packaging & Storage Section -->\r\n    <section class=\"novastar-package-section\">\r\n        <div class=\"novastar-trouble-container\">\r\n            <div class=\"novastar-package-header\">\r\n                <h2 class=\"novastar-trouble-main-title\">\r\n                    <span class=\"novastar-trouble-title-highlight\">Pengemasan &amp; Penyimpanan<\/span>\r\n                    <span class=\"novastar-trouble-title-normal\">Penanganan Admixture Kristalin<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-package-content\">\r\n                <!-- Left: Info -->\r\n                <div class=\"novastar-package-info\">\r\n                    <!-- Package Specs -->\r\n                    <div class=\"novastar-package-specs-card\">\r\n                        <div class=\"novastar-package-specs-header\">\r\n                            <div class=\"novastar-package-specs-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <h3 class=\"novastar-package-specs-title\">Spesifikasi Kemasan<\/h3>\r\n                        <\/div>\r\n                        <div class=\"novastar-package-specs-content\">\r\n                            <div class=\"novastar-package-spec-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Ember plastik putih 20 kg \/ 25 kg<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Storage Instructions -->\r\n                    <div class=\"novastar-storage-card\">\r\n                        <div class=\"novastar-storage-header\">\r\n                            <div class=\"novastar-storage-icon\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <h3 class=\"novastar-storage-title\">Petunjuk Penyimpanan<\/h3>\r\n                        <\/div>\r\n                        <div class=\"novastar-storage-list\">\r\n                            <div class=\"novastar-storage-item\">\r\n                                <div class=\"novastar-storage-item-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Simpan di dalam ruangan, tertutup rapat, bebas dari kelembapan<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-storage-item\">\r\n                                <div class=\"novastar-storage-item-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <span>Jauhkan dari sinar matahari; tutup rapat wadahnya<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Shelf Life -->\r\n                    <div class=\"novastar-shelf-life-card\">\r\n                        <div class=\"novastar-shelf-life-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-shelf-life-content\">\r\n                            <div class=\"novastar-shelf-life-label\">Umur simpan<\/div>\r\n                            <div class=\"novastar-shelf-life-value\">12 Bulan<\/div>\r\n                            <div class=\"novastar-shelf-life-note\">(Belum dibuka, disimpan dengan benar)<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Warning Badge -->\r\n                    <div class=\"novastar-warning-badge\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                        <\/svg>\r\n                        <span>Selalu ikuti panduan penanganan dan penyimpanan yang tepat untuk menjaga kualitas produk<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Image -->\r\n                <div class=\"novastar-package-images\">\r\n                    <div class=\"novastar-package-image-main\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/12\/DSC2396-scaled.jpg\" alt=\"Kemasan CCCW-AD\" \/>\r\n                        <div class=\"novastar-package-image-badge\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\r\n                            <\/svg>\r\n                            <span>Kemasan Premium<\/span>\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    .novastar-trouble-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-trouble-section *,\r\n    .novastar-trouble-section *::before,\r\n    .novastar-trouble-section *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-trouble-container {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== Troubleshooting Guide Section ========== *\/\r\n    .novastar-trouble-guide {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #dbeafe 50%, #f0f9ff 75%, #ffffff 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-trouble-guide::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-trouble 15s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-trouble-guide::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -40%;\r\n        left: -8%;\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(14, 165, 233, 0.06) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-trouble 20s ease-in-out infinite reverse;\r\n    }\r\n\r\n    @keyframes float-trouble {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.1); }\r\n    }\r\n\r\n    .novastar-trouble-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-trouble-main-title {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-trouble-title-highlight {\r\n        display: block;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-trouble-title-normal {\r\n        display: block;\r\n        color: #1e293b;\r\n        font-size: 28px;\r\n    }\r\n\r\n    \/* Content Layout *\/\r\n    .novastar-trouble-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Product Image *\/\r\n    .novastar-trouble-image {\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-trouble-image-wrapper {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(59, 130, 246, 0.2);\r\n        background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\r\n    }\r\n\r\n    .novastar-trouble-image-wrapper img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .novastar-trouble-image-badge {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 50px;\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .novastar-trouble-image-badge svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #3b82f6;\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    .novastar-trouble-image-badge span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n    }\r\n\r\n    \/* Troubleshooting Cards *\/\r\n    .novastar-trouble-cards {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-trouble-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-trouble-card:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.15);\r\n        border-color: #3b82f6;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n    }\r\n\r\n    .novastar-trouble-issue {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding-bottom: 1rem;\r\n        margin-bottom: 1rem;\r\n        border-bottom: 2px dashed #e2e8f0;\r\n    }\r\n\r\n    .novastar-trouble-issue-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #fef3c7, #fde68a);\r\n        border: 2px solid #f59e0b;\r\n        border-radius: 10px;\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    .novastar-trouble-issue-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #f59e0b;\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    .novastar-trouble-issue-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-trouble-issue-label {\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        color: #f59e0b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-trouble-issue-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-trouble-solution {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .novastar-trouble-solution-icon {\r\n        width: 32px;\r\n        height: 32px;\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        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-trouble-solution-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: #ffffff;\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    .novastar-trouble-solution-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-trouble-solution-label {\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        color: #10b981;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-trouble-solution-text {\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-trouble-solution-text strong {\r\n        color: #10b981;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* ========== Packaging & Storage Section ========== *\/\r\n    .novastar-package-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 25%, #eff6ff 50%, #e0f2fe 75%, #f8fafc 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-package-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: \r\n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-package-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-package-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Package Images - \u73b0\u5728\u5728\u53f3\u4fa7 *\/\r\n    .novastar-package-images {\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-package-image-main {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(59, 130, 246, 0.2);\r\n    }\r\n\r\n    .novastar-package-image-main img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .novastar-package-image-badge {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background: linear-gradient(135deg, #ffffff, #f0f9ff);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 50px;\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .novastar-package-image-badge svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #3b82f6;\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    .novastar-package-image-badge span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n    }\r\n\r\n    \/* Package Info - \u73b0\u5728\u5728\u5de6\u4fa7 *\/\r\n    .novastar-package-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-package-specs-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-package-specs-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-package-specs-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .novastar-package-specs-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        stroke: #ffffff;\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    .novastar-package-specs-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-package-spec-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 15px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-package-spec-item svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #10b981;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Storage Card *\/\r\n    .novastar-storage-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-storage-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-storage-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .novastar-storage-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        stroke: #ffffff;\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    .novastar-storage-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-storage-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .novastar-storage-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-storage-item-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border-radius: 6px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .novastar-storage-item-icon svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: #3b82f6;\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    \/* Shelf Life Card *\/\r\n    .novastar-shelf-life-card {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border: 2px solid #3b82f6;\r\n        border-radius: 16px;\r\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.15);\r\n    }\r\n\r\n    .novastar-shelf-life-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\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    }\r\n\r\n    .novastar-shelf-life-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #ffffff;\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    .novastar-shelf-life-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-shelf-life-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #3b82f6;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-shelf-life-value {\r\n        font-size: 28px;\r\n        font-weight: 900;\r\n        color: #1e293b;\r\n        line-height: 1;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-shelf-life-note {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Warning Badge *\/\r\n    .novastar-warning-badge {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, #fef3c7, #fde68a);\r\n        border-left: 4px solid #f59e0b;\r\n        border-radius: 10px;\r\n        font-size: 13px;\r\n        color: #92400e;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-warning-badge svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #f59e0b;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-trouble-main-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .novastar-trouble-title-normal {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-trouble-content,\r\n        .novastar-package-content {\r\n            gap: 2rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .novastar-trouble-guide,\r\n        .novastar-package-section {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        .novastar-trouble-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-trouble-title-normal {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-trouble-content,\r\n        .novastar-package-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .novastar-trouble-image,\r\n        .novastar-package-images {\r\n            order: -1;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-trouble-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .novastar-trouble-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-trouble-title-normal {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-trouble-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .novastar-shelf-life-value {\r\n            font-size: 24px;\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=\"novastar-sample-section\">\r\n    <section class=\"novastar-sample-request\">\r\n        <div class=\"novastar-sample-container\">\r\n            <!-- Header -->\r\n            <div class=\"novastar-sample-header\">\r\n                <div class=\"novastar-sample-badge\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\/>\r\n                    <\/svg>\r\n                    <span>SAMPEL GRATIS TERSEDIA<\/span>\r\n                <\/div>\r\n                <h2 class=\"novastar-sample-main-title\">\r\n                    <span class=\"novastar-sample-title-highlight\">Minta Sampel Gratis<\/span>\r\n                    <span class=\"novastar-sample-title-normal\">untuk Proyek Pelapis Tahan Air Beton<\/span>\r\n                <\/h2>\r\n                <p class=\"novastar-sample-subtitle\">Uji Admixture Pelapis Tahan Air Kristalin Cementitious NOVASTAR\u2122 CCCW-AD dalam Campuran Beton Anda<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-sample-content\">\r\n                <!-- Left: Product Image & Info -->\r\n                <div class=\"novastar-sample-left\">\r\n                    <div class=\"novastar-sample-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-CCCW-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"Contoh Gratis NOVASTAR CCCW-AD\" \/>\r\n                        <div class=\"novastar-sample-image-badge\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                            <\/svg>\r\n                            <span>Sampel Gratis Tersedia<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"novastar-sample-intro-card\">\r\n                        <div class=\"novastar-sample-intro-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <p>Tingkatkan daya tahan dan kedap air struktur beton Anda dengan LANDU NOVASTAR\u2122 CCCW-AD, admixture pelapis tahan air kristalin berbasis semen berkinerja tinggi kami.<\/p>\r\n                        <p>Kami mengundang pabrik beton, pemasok beton siap pakai, kontraktor, dan firma teknik untuk meminta sampel gratis dan mengevaluasi kinerja langsung dalam desain campuran beton Anda.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Applications & Benefits -->\r\n                <div class=\"novastar-sample-right\">\r\n                    <!-- Applications -->\r\n                    <div class=\"novastar-sample-applications\">\r\n                        <h3 class=\"novastar-sample-section-title\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\r\n                            <\/svg>\r\n                            <span>Ideal untuk Aplikasi Beton<\/span>\r\n                        <\/h3>\r\n                        <div class=\"novastar-sample-app-list\">\r\n                            <div class=\"novastar-sample-app-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Balkon, fondasi &amp; dinding penahan<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-app-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Tangki air, reservoir, struktur limbah<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-app-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Terowongan, kereta bawah tanah &amp; struktur bawah tanah<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-app-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Deck jembatan &amp; struktur parkir<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-app-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Lingkungan laut dan kelembapan tinggi<\/span>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-app-item\">\r\n                                <svg viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M5 13l4 4L19 7\"\/>\r\n                                <\/svg>\r\n                                <span>Komponen beton pracetak<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- What You'll Receive -->\r\n                    <div class=\"novastar-sample-benefits\">\r\n                        <h3 class=\"novastar-sample-section-title\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7\"\/>\r\n                            <\/svg>\r\n                            <span>Apa yang Akan Anda Terima<\/span>\r\n                        <\/h3>\r\n                        <div class=\"novastar-sample-benefit-cards\">\r\n                            <div class=\"novastar-sample-benefit-card\">\r\n                                <div class=\"novastar-sample-benefit-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <p>Contoh gratis NOVASTAR\u2122 CCCW-AD untuk uji coba beton laboratorium atau lapangan<\/p>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-benefit-card\">\r\n                                <div class=\"novastar-sample-benefit-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <p>Rekomendasi desain campuran untuk berbagai tingkat beton<\/p>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-benefit-card\">\r\n                                <div class=\"novastar-sample-benefit-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <p>Panduan penyesuaian daya kerja &amp; waktu pengaturan<\/p>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-benefit-card\">\r\n                                <div class=\"novastar-sample-benefit-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <p>Dukungan teknis untuk pengujian permeabilitas, daya tahan &amp; kekuatan<\/p>\r\n                            <\/div>\r\n                            <div class=\"novastar-sample-benefit-card\">\r\n                                <div class=\"novastar-sample-benefit-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <p>Pengiriman cepat global &amp; pasokan stabil untuk proyek beton besar<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact Section -->\r\n            <div class=\"novastar-sample-contact\">\r\n                <div class=\"novastar-sample-contact-header\">\r\n                    <h3 class=\"novastar-sample-contact-title\">Bicara dengan Ahli Waterproofing Beton Kami<\/h3>\r\n                    <p class=\"novastar-sample-contact-subtitle\">Dapatkan sampel gratis dan dukungan teknis hari ini<\/p>\r\n                <\/div>\r\n                <div class=\"novastar-sample-contact-methods\">\r\n                    <a href=\"mailto:sales@landu-china.com\" class=\"novastar-sample-contact-card\">\r\n                        <div class=\"novastar-sample-contact-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-sample-contact-info\">\r\n                            <div class=\"novastar-sample-contact-label\">Email<\/div>\r\n                            <div class=\"novastar-sample-contact-value\">sales@landu-china.com<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/8615069353616\" target=\"_blank\" class=\"novastar-sample-contact-card\" rel=\"noopener\">\r\n                        <div class=\"novastar-sample-contact-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-sample-contact-info\">\r\n                            <div class=\"novastar-sample-contact-label\">WhatsApp<\/div>\r\n                            <div class=\"novastar-sample-contact-value\">+86 15069353616<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <div class=\"novastar-sample-contact-card novastar-sample-contact-brand\">\r\n                        <div class=\"novastar-sample-contact-icon\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"novastar-sample-contact-info\">\r\n                            <div class=\"novastar-sample-contact-label\">LANDU<\/div>\r\n                            <div class=\"novastar-sample-contact-value\">Solusi Waterproofing Beton Berkinerja Tinggi<\/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    .novastar-sample-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-sample-section *,\r\n    .novastar-sample-section *::before,\r\n    .novastar-sample-section *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-sample-container {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== Sample Request Section ========== *\/\r\n    .novastar-sample-request {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #dbeafe 50%, #f0f9ff 75%, #ffffff 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-sample-request::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-sample 15s ease-in-out infinite;\r\n    }\r\n\r\n    .novastar-sample-request::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -40%;\r\n        left: -8%;\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(16, 185, 129, 0.06) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-sample 20s ease-in-out infinite reverse;\r\n    }\r\n\r\n    @keyframes float-sample {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.1); }\r\n    }\r\n\r\n    \/* Header *\/\r\n    .novastar-sample-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-sample-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 10px 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50px;\r\n        margin-bottom: 1.5rem;\r\n        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3);\r\n        animation: pulse-badge 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse-badge {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.05); }\r\n    }\r\n\r\n    .novastar-sample-badge svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #ffffff;\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    .novastar-sample-badge span {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .novastar-sample-main-title {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-sample-title-highlight {\r\n        display: block;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-sample-title-normal {\r\n        display: block;\r\n        color: #1e293b;\r\n        font-size: 28px;\r\n    }\r\n\r\n    .novastar-sample-subtitle {\r\n        font-size: 16px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Content Layout *\/\r\n    .novastar-sample-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Left Side *\/\r\n    .novastar-sample-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2rem;\r\n    }\r\n\r\n    .novastar-sample-image-wrapper {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(16, 185, 129, 0.2);\r\n    }\r\n\r\n    .novastar-sample-image-wrapper img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .novastar-sample-image-badge {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50px;\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .novastar-sample-image-badge svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #ffffff;\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    .novastar-sample-image-badge span {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .novastar-sample-intro-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 2rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-sample-intro-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-sample-intro-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #ffffff;\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    .novastar-sample-intro-card p {\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.7;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-sample-intro-card p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Right Side *\/\r\n    .novastar-sample-right {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2rem;\r\n    }\r\n\r\n    .novastar-sample-section-title {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-sample-section-title svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #3b82f6;\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    \/* Applications *\/\r\n    .novastar-sample-applications {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 2rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-sample-app-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .novastar-sample-app-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 14px;\r\n        color: #475569;\r\n        padding: 0.75rem;\r\n        background: linear-gradient(90deg, #f0f9ff 0%, transparent 100%);\r\n        border-radius: 8px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-sample-app-item:hover {\r\n        background: linear-gradient(90deg, #dbeafe 0%, #f0f9ff 100%);\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .novastar-sample-app-item svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: #10b981;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Benefits *\/\r\n    .novastar-sample-benefits {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 2rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .novastar-sample-benefit-cards {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .novastar-sample-benefit-card {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, #eff6ff, #dbeafe);\r\n        border-left: 3px solid #3b82f6;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .novastar-sample-benefit-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        border-radius: 8px;\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    .novastar-sample-benefit-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #ffffff;\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    .novastar-sample-benefit-card p {\r\n        font-size: 13px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Contact Section *\/\r\n    .novastar-sample-contact {\r\n        background: linear-gradient(135deg, #1e293b, #0f172a);\r\n        border-radius: 24px;\r\n        padding: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .novastar-sample-contact-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .novastar-sample-contact-title {\r\n        font-size: 28px;\r\n        font-weight: 900;\r\n        color: #ffffff;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-sample-contact-subtitle {\r\n        font-size: 15px;\r\n        color: #94a3b8;\r\n    }\r\n\r\n    .novastar-sample-contact-methods {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .novastar-sample-contact-card {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, #334155, #1e293b);\r\n        border: 1px solid #475569;\r\n        border-radius: 16px;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .novastar-sample-contact-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);\r\n        border-color: #3b82f6;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n    }\r\n\r\n    .novastar-sample-contact-brand {\r\n        cursor: default;\r\n    }\r\n\r\n    .novastar-sample-contact-brand:hover {\r\n        transform: translateY(-5px);\r\n        border-color: #10b981;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n    }\r\n\r\n    .novastar-sample-contact-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: rgba(255, 255, 255, 0.1);\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    }\r\n\r\n    .novastar-sample-contact-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #ffffff;\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    .novastar-sample-contact-info {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-sample-contact-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #94a3b8;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .novastar-sample-contact-value {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-sample-main-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .novastar-sample-title-normal {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-sample-content {\r\n            gap: 2rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .novastar-sample-request {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        .novastar-sample-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-sample-title-normal {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-sample-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .novastar-sample-contact {\r\n            padding: 2rem;\r\n        }\r\n\r\n        .novastar-sample-contact-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-sample-contact-methods {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-sample-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .novastar-sample-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-sample-title-normal {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-sample-intro-card,\r\n        .novastar-sample-applications,\r\n        .novastar-sample-benefits {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-sample-contact {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-sample-contact-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-3e08b6e e-con-full e-flex e-con e-parent\" data-id=\"3e08b6e\" 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-4dabc80 elementor-widget elementor-widget-html\" data-id=\"4dabc80\" 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-why-faq-section\">\r\n    <!-- Why Choose Section -->\r\n    <section class=\"novastar-why-choose\">\r\n        <div class=\"novastar-why-container\">\r\n            <div class=\"novastar-why-header\">\r\n                <h2 class=\"novastar-why-main-title\">\r\n                    <span class=\"novastar-why-title-highlight\">Mengapa Memilih Landu \/ NOVASTAR\u2122<\/span>\r\n                    <span class=\"novastar-why-title-normal\">untuk Admixture Waterproofing Kristalin?<\/span>\r\n                <\/h2>\r\n                <p class=\"novastar-why-intro\">LANDU, produsen admixture waterproofing kristalin NOVASTAR\u2122 CCCW-AD, menawarkan keahlian yang tak tertandingi:<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-why-features\">\r\n                <!-- Feature 1 -->\r\n                <div class=\"novastar-why-feature-card\">\r\n                    <div class=\"novastar-why-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-why-feature-content\">\r\n                        <h3 class=\"novastar-why-feature-title\">Lebih dari 20 Tahun Pengalaman<\/h3>\r\n                        <p class=\"novastar-why-feature-desc\">Keahlian luas dalam aditif waterproofing berbasis semen<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 2 -->\r\n                <div class=\"novastar-why-feature-card\">\r\n                    <div class=\"novastar-why-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-why-feature-content\">\r\n                        <h3 class=\"novastar-why-feature-title\">Teknologi Canggih<\/h3>\r\n                        <p class=\"novastar-why-feature-desc\">Teknologi pertumbuhan kristalin kapiler<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 3 -->\r\n                <div class=\"novastar-why-feature-card\">\r\n                    <div class=\"novastar-why-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-why-feature-content\">\r\n                        <h3 class=\"novastar-why-feature-title\">Formulasi Kustom<\/h3>\r\n                        <p class=\"novastar-why-feature-desc\">Dukungan untuk pabrik beton, produsen mortar, EPC, dan perusahaan teknik<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 4 -->\r\n                <div class=\"novastar-why-feature-card\">\r\n                    <div class=\"novastar-why-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-why-feature-content\">\r\n                        <h3 class=\"novastar-why-feature-title\">Dukungan Teknis Penuh<\/h3>\r\n                        <p class=\"novastar-why-feature-desc\">Dukungan di lokasi kerja untuk pencampuran, pelapisan, dan penyemprotan<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 5 -->\r\n                <div class=\"novastar-why-feature-card\">\r\n                    <div class=\"novastar-why-feature-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-why-feature-content\">\r\n                        <h3 class=\"novastar-why-feature-title\">Pasokan &amp; QC Global<\/h3>\r\n                        <p class=\"novastar-why-feature-desc\">Rantai pasokan yang stabil dan pengendalian kualitas yang ketat<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CTA Banner -->\r\n            <div class=\"novastar-why-cta\">\r\n                <div class=\"novastar-why-cta-content\">\r\n                    <div class=\"novastar-why-cta-icon\">\r\n                        <svg viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"novastar-why-cta-text\">\r\n                        <div class=\"novastar-why-cta-title\">Dipercaya oleh Perusahaan Konstruksi Terkemuka di Seluruh Dunia<\/div>\r\n                        <div class=\"novastar-why-cta-subtitle\">Bermitra dengan LANDU untuk solusi waterproofing kristalin yang andal<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"novastar-faq-section\">\r\n        <div class=\"novastar-why-container\">\r\n            <div class=\"novastar-faq-header\">\r\n                <h2 class=\"novastar-why-main-title\">\r\n                    <span class=\"novastar-why-title-highlight\">Pertanyaan yang Sering Diajukan<\/span>\r\n                    <span class=\"novastar-why-title-normal\">Tentang CCCW-AD Waterproofing Kristalin<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-faq-grid\">\r\n                <!-- FAQ 1 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">01<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Apa itu aditif waterproofing kapiler kristalin berbasis semen?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <p>Ini adalah teknologi waterproofing internal yang membentuk kristal tidak larut di dalam beton untuk memblokir jaringan pori secara permanen.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 2 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">02<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Apakah CCCW-AD akan mempengaruhi kekuatan beton?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <p>Tidak. Biasanya meningkatkan kekuatan tekan karena densifikasi yang lebih baik.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 3 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">03<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Bisakah CCCW-AD digunakan pada struktur air minum?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <div class=\"novastar-faq-highlight\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                            <\/svg>\r\n                            <span>Ya. Tidak beracun, tidak berbau, dan aman secara lingkungan.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 4 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">04<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Berapa dosis yang ideal?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <p>Biasanya <strong>2%\u20134%<\/strong> berdasarkan berat bahan berbasis semen.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 5 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">05<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Bisakah itu menyembuhkan retakan di masa depan secara otomatis?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <div class=\"novastar-faq-highlight\">\r\n                            <svg viewbox=\"0 0 24 24\">\r\n                                <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n                            <\/svg>\r\n                            <span>Ya. Ketika air masuk kembali, bahan dormant bereaksi dan membentuk kristal baru di retakan mikro <strong>\u22640,4 mm<\/strong>.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 6 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">06<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Apakah CCCW-AD kompatibel dengan admixture lain?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <p>Ya. Dapat digunakan bersama PCE, RDP, HPMC, defoamer, dan sebagian besar aditif semen.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 7 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">07<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Bisakah CCCW-AD menggantikan membran kedap air eksternal?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <p>Ini secara signifikan mengurangi atau menghilangkan kebutuhan akan membran eksternal dalam banyak kondisi, tetapi keputusan desain bergantung pada persyaratan proyek.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 8 -->\r\n                <div class=\"novastar-faq-item\">\r\n                    <div class=\"novastar-faq-question\">\r\n                        <div class=\"novastar-faq-number\">08<\/div>\r\n                        <h3 class=\"novastar-faq-q-text\">Apakah ini mempengaruhi waktu pengerasan beton?<\/h3>\r\n                    <\/div>\r\n                    <div class=\"novastar-faq-answer\">\r\n                        <p>Retardasi ringan mungkin terjadi tetapi tetap dalam kisaran normal.<\/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    .novastar-why-faq-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .novastar-why-faq-section *,\r\n    .novastar-why-faq-section *::before,\r\n    .novastar-why-faq-section *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-why-container {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== Why Choose Section ========== *\/\r\n    .novastar-why-choose {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #dbeafe 50%, #f0f9ff 75%, #ffffff 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-why-choose::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: float-why 15s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes float-why {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.1); }\r\n    }\r\n\r\n    .novastar-why-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-why-main-title {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-why-title-highlight {\r\n        display: block;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .novastar-why-title-normal {\r\n        display: block;\r\n        color: #1e293b;\r\n        font-size: 28px;\r\n    }\r\n\r\n    .novastar-why-intro {\r\n        font-size: 16px;\r\n        color: #64748b;\r\n        line-height: 1.7;\r\n        max-width: 900px;\r\n        margin: 1rem auto 0;\r\n    }\r\n\r\n    \/* Features Grid *\/\r\n    .novastar-why-features {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 2rem;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-why-feature-card {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 2rem;\r\n        display: flex;\r\n        gap: 1.5rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-why-feature-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.15);\r\n        border-color: #3b82f6;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n    }\r\n\r\n    .novastar-why-feature-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\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    }\r\n\r\n    .novastar-why-feature-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: #ffffff;\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    .novastar-why-feature-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-why-feature-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-why-feature-desc {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* CTA Banner *\/\r\n    .novastar-why-cta {\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-why-cta-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 2rem;\r\n    }\r\n\r\n    .novastar-why-cta-icon {\r\n        width: 72px;\r\n        height: 72px;\r\n        background: rgba(255, 255, 255, 0.2);\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    }\r\n\r\n    .novastar-why-cta-icon svg {\r\n        width: 40px;\r\n        height: 40px;\r\n        stroke: #ffffff;\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    .novastar-why-cta-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-why-cta-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .novastar-why-cta-subtitle {\r\n        font-size: 15px;\r\n        color: rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    \/* ========== FAQ Section ========== *\/\r\n    .novastar-faq-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 25%, #eff6ff 50%, #e0f2fe 75%, #f8fafc 100%);\r\n        padding: 4rem 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-faq-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: \r\n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .novastar-faq-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* FAQ Grid *\/\r\n    .novastar-faq-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 2rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-faq-item {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 2rem;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .novastar-faq-item:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 30px rgba(59, 130, 246, 0.15);\r\n        border-color: #3b82f6;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\r\n    }\r\n\r\n    .novastar-faq-question {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n        margin-bottom: 1rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid #e2e8f0;\r\n    }\r\n\r\n    .novastar-faq-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n        color: #ffffff;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 900;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .novastar-faq-q-text {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        line-height: 1.4;\r\n        margin: 0;\r\n    }\r\n\r\n    .novastar-faq-answer {\r\n        font-size: 14px;\r\n        color: #475569;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .novastar-faq-answer p {\r\n        margin: 0;\r\n    }\r\n\r\n    .novastar-faq-answer strong {\r\n        color: #3b82f6;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .novastar-faq-highlight {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, #d1fae5, #a7f3d0);\r\n        border-left: 3px solid #10b981;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .novastar-faq-highlight svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: #10b981;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .novastar-faq-highlight span {\r\n        font-size: 14px;\r\n        color: #065f46;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-faq-highlight strong {\r\n        color: #047857;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-why-main-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .novastar-why-title-normal {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-why-features {\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .novastar-faq-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 1.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .novastar-why-choose,\r\n        .novastar-faq-section {\r\n            padding: 3rem 0;\r\n        }\r\n\r\n        .novastar-why-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .novastar-why-title-normal {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-why-features,\r\n        .novastar-faq-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .novastar-why-cta-content {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-why-cta-title {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-why-container {\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .novastar-why-main-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .novastar-why-title-normal {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-why-feature-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-faq-item {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-why-cta {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .novastar-why-cta-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n\r\n        .novastar-why-cta-icon svg {\r\n            width: 32px;\r\n            height: 32px;\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>TEKNOLOGI KAPILER KRISTAL INTEGRAL NOVASTAR\u2122 CCCW-AD Campuran Waterproofing Kristal Capillary Beton Berkelanjutan Waterproofing Permanen dari Dalam. Perlindungan kristal yang dapat menyembuhkan sendiri yang dirancang untuk terowongan, basement, reservoir, dan semua struktur beton. NOVASTAR\u2122 CCCW-AD terintegrasi langsung ke dalam campuran beton Anda, menciptakan penghalang kedap air permanen yang aktif dan regenerasi seiring waktu. Perlindungan bawaan Terintegrasi Solusi permanen seumur hidup Regenerasi Kristal yang dapat menyembuhkan sendiri [\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-23672","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/23672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/comments?post=23672"}],"version-history":[{"count":16,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/23672\/revisions"}],"predecessor-version":[{"id":23698,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/23672\/revisions\/23698"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/media?parent=23672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}