{"id":78866,"date":"2024-09-05T08:13:01","date_gmt":"2024-09-05T08:13:01","guid":{"rendered":"https:\/\/beststringer.com\/tennis-string-materials-history-natural-gut\/"},"modified":"2026-05-28T06:27:52","modified_gmt":"2026-05-28T06:27:52","slug":"tennis-string-materials-history-natural-gut","status":"publish","type":"post","link":"https:\/\/beststringer.com\/id\/tennis-string-materials-history-natural-gut\/","title":{"rendered":"Sejarah Bahan Senar Tenis – Natural Gut"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Senar<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Material Senar Tenis<\/strong><\/h5>\n\n\n\n

Pengenalan Natural Gut<\/mark> sebagai Senar Tenis<\/mark><\/strong><\/h2>\n\n\n\n

Natural gut tetap menjadi salah satu material senar tenis yang paling dihormati di industri ini. Meskipun bahan sintetis modern dan poliester mendominasi sebagian besar pasar, natural gut masih menjadi titik referensi utama. Banyak senar modern pada dasarnya dirancang untuk meniru kombinasi uniknya dalam hal elastisitas, kenyamanan, dan kekalan paun.

Bagi pemain tenis, memahami natural gut membantu memperjelas mengapa pengaturan senar tertentu terasa seperti itu. Bagi seorang Stringer profesional, menguasai bahan halus ini adalah sebuah tahap pembuktian diri. Bahkan Stringer bulu tangkis dan teknisi raket yang bekerja di berbagai olahraga mendapatkan manfaat dari memahami mengapa natural gut tetap menjadi titik acuan penting, karena ini memperdalam logika material mereka secara keseluruhan.

Di Best Stringer Worldwide, kami percaya bahwa pengetahuan material sangatlah penting. Panduan ini menjelaskan bagaimana natural gut bekerja, mengapa ia memiliki reputasi sejarah yang kuat, bagaimana perbandingannya dengan bahan sintetis umum, dan mengapa baik pemain maupun Stringer Bertauliah Internasional harus memahami kekuatan serta batas praktisnya.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Pendidik<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.2 Warisan Senar Natural Gut<\/strong><\/h5>\n\n\n\n

Mengapa Natural Gut Menjadi Tolok Ukur Sejarah<\/mark> dan Performa<\/mark><\/strong><\/h2>\n\n\n\n

Selama lebih dari satu abad, natural gut telah menjadi tolok ukur dalam senar tenis. Bahan ini membangun reputasi sejarah yang masif karena, sebelum kemajuan sintetis kompleks dan poliester, tidak ada hal lain yang bisa memberikan tingkat kenyamanan bermain (playability) yang sama. Bahkan saat ini, ketika produsen senar mengembangkan multifilamen premium baru, pemasaran mereka hampir selalu mengklaim bahwa senar tersebut “terasa paling mirip dengan natural gut.”

Alasan atas warisan yang terus berlanjut ini sederhana: natural gut memiliki struktur serat internal unik yang mempertahankan pound (lbs) dengan sangat brilian sekaligus tetap lembut saat terjadi benturan. Ini memberikan peredaman kejut dan pengembalian tenaga yang luar biasa. Meskipun poliester yang kaku mendominasi tur profesional untuk putaran (spin) dan kontrol, natural gut masih sangat relevan, sering digunakan dalam pengaturan hibrida untuk menambah stabilitas tapak tali dan feel<\/em> pada senar yang kaku.

Membahas natural gut bukan sekadar tentang sejarah; ini adalah bagian vital dari pendidikan stringing modern. Memahami mengapa bahan ini berkinerja sedemikian rupa memberi Anda garis dasar yang jauh lebih jelas untuk mengevaluasi kinerja setiap senar sintetis lain di pasar.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Pemain<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.3 Apa Itu Natural Gut & Bagaimana Cara Pembuatannya?<\/strong><\/h5>\n\n\n\n

Memahami Material<\/mark> dan Proses Manufaktur<\/mark><\/strong><\/h2>\n\n\n\n

Untuk menghargai natural gut, Anda harus memahami apa sebenarnya bahan itu. Secara historis, orang menyebutnya “catgut,” yang menyebabkan kebingungan besar. Dalam pasang tali raket tenis modern, natural gut premium diproduksi hampir secara eksklusif dari lapisan serosa usus sapi (beef intestines). Lapisan spesifik ini dipilih karena sangat elastis dan cukup kuat untuk menahan benturan tinggi.

Proses pembuatan senar natural gut sangat halus, padat karya, dan sangat terspesialisasi. Ini melibatkan pembersihan bahan baku secara hati-hati, memotongnya menjadi pita, merawatnya secara kimiawi untuk mengawetkan serat, dan memelintir pita-pita ini bersama-sama selama beberapa hari dalam lingkungan yang terkontrol. Senar harus dikeringkan perlahan untuk memastikan serat kolagen terikat dengan benar.

Pengerjaan intensif ini membantu menjelaskan baik performa luar biasa maupun biaya yang tinggi. Tidak seperti synthetic gut<\/em> atau poliester, yang diekstrusi dengan cepat oleh mesin dalam volume besar, natural gut membutuhkan kesabaran dan penanganan bahan organik. Hasilnya adalah matriks serat alami yang meredam bola saat benturan lebih baik daripada setara sintetis mana pun.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.4 Memahami Elastisitas Senar<\/strong><\/h5>\n\n\n\n

Bagaimana Elastisitas<\/mark> Mendorong Feel dan Pengembalian Tenaga<\/mark><\/strong><\/h2>\n\n\n\n

Natural gut sangat dihargai karena elastisitasnya yang luar biasa, yang secara langsung diterjemahkan menjadi pengembalian tenaga dan feel<\/em>. Memahami bagaimana hal ini bekerja adalah hal esensial di semua level:<\/p>\n\n\n\n

Pengembalian Tenaga Superior.<\/strong> Karena serat alaminya meregang dan kembali ke keadaan asalnya dengan kehilangan energi minimal, natural gut bertindak seperti trampolin yang sangat efisien. Ini memberikan kedalaman dan tenaga yang mudah dibandingkan dengan senar yang lebih kaku yang menyerap energi bola.<\/p>\n\n\n\n

Kenyamanan Luar Biasa.<\/strong> Elastisitas yang sama berarti natural gut menyerap kejut dengan sangat baik. Bagi pemain yang menderita tennis elbow<\/em> atau kelelahan lengan, natural gut memberikan benturan paling nyaman dari bahan senar apa pun di pasaran.<\/p>\n\n\n\n

Kekalan Paun.<\/strong> Tidak seperti banyak bahan sintetis yang meregang dan dengan cepat kehilangan tegangan, natural gut mempertahankan pound (lbs) secara konsisten sampai saat senar putus. Seorang Stringer profesional akan sering merekomendasikannya kepada pemain yang ingin raket mereka terasa sama pada hari ketiga puluh seperti pada hari pertama.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.5 Batas Praktis & Kekurangan<\/strong><\/h5>\n\n\n\n

Mengapa Natural Gut Tidak Otomatis<\/mark> Menjadi Pilihan Terbaik untuk Semua Orang<\/mark><\/strong><\/h2>\n\n\n\n

Kekurangan 1: Biaya Tinggi.<\/strong>
Karena proses pembuatan yang kompleks, natural gut adalah senar tenis paling mahal yang tersedia. Merekomendasikannya kepada pemain yang senarnya sering putus akibat topspin berat sering kali tidak praktis untuk anggaran mereka.<\/p>\n\n\n\n

Kekurangan 2: Sensitivitas Cuaca dan Kelembapan.<\/strong>
Meskipun pelapisan modern telah meningkat pesat, natural gut tetaplah bahan organik. Ia lebih rentan terhadap kelembapan, perubahan suhu ekstrem, dan air dibandingkan senar sintetis atau poliester, yang dapat memengaruhi umur dan feel<\/em>-nya.<\/p>\n\n\n\n

Kekurangan 3: Putus Akibat Gesekan Berat.<\/strong>
Natural gut sangat tangguh terhadap benturan langsung, tetapi cepat rusak di bawah gesekan yang parah. Pemain tingkat lanjut yang memukul dengan topspin ekstrem akan sering mengikis serat alami dengan cepat. Inilah sebabnya mengapa banyak pemain menggunakan pengaturan hibrida natural gut yang menggabungkannya dengan poliester tahan lama untuk menyeimbangkan biaya, kontrol, dan kenyamanan.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.6 Seni Pasang Tali Raket Natural Gut<\/strong><\/h5>\n\n\n\n

Mengapa Material Premium Membutuhkan Keterampilan<\/mark> Stringer Tingkat Lanjut<\/mark><\/strong><\/h2>\n\n\n\n

Bekerja dengan natural gut menguji kedisiplinan dan sentuhan seorang Stringer raket. Ia menuntut teknik presisi yang sama sekali tidak diperlukan untuk senar sintetis yang tangguh:<\/p>\n\n\n\n

Penanganan dan Pembukaan Gulungan.<\/strong> Natural gut sangat rentan tertekuk. Jika senar tertekuk selama pembukaan atau pemasangan, serat internal akan patah, menyebabkan senar putus prematur. Stringer harus membuka gulungan senar dengan sengaja dan melindunginya dari tekukan tajam apa pun.<\/p>\n\n\n\n

Pentingnya Pra-regang.<\/strong> Pra-regang sering dibahas saat melakukan stringing natural gut. Menerapkan pra-regang dengan lembut menghilangkan memori gulungan senar, membuatnya lebih mudah ditenun, dan membantu menstabilkan elastisitas sehingga dimainkan dengan konsisten sejak pukulan pertama.<\/p>\n\n\n\n

Manajemen Gesekan.<\/strong> Saat menenun senar silang, menarik natural gut terlalu cepat melawan senar utama menciptakan luka bakar gesekan. Stringer harus menenun dengan hati-hati dan menjaga kecepatan tarik yang tepat untuk mencegah terkikisnya lapisan pelindung. Simpul juga harus diikat dengan tekanan yang halus dan terkendali.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.7 Masa Depan Pasang Tali Raket Tenis<\/strong><\/h5>\n\n\n\n

Nilai Sertifikasi Stringer<\/mark> dan Pengetahuan Material<\/strong><\/h2>\n\n\n\n

Memahami natural gut meningkatkan pengetahuan stringing secara keseluruhan, bahkan jika seorang Stringer profesional lebih banyak memasang poliester setiap hari. Pendidikan material yang tepat adalah bagian inti dari kursus pasang tali raket berkualitas tinggi dan standar sertifikasi Stringer yang dihormati.<\/p>\n\n\n\n

Di Best Stringer Worldwide, kami percaya bahwa Stringer Bertauliah Internasional harus memahami ilmu di balik material senar tenis premium. Keajaiban tidak hanya ada pada pengoperasian mesin stringing, tetapi juga dalam logika konsultasi presisi yang digunakan Stringer untuk menyesuaikan kebutuhan pemain dengan bahan yang tepat\u2014mengetahui kapan pengaturan hibrida natural gut bermanfaat dan kapan sintetis praktis lebih cerdas.<\/p>\n\n\n\n

Dengan memprioritaskan penanganan yang hati-hati, kesadaran menjaga stabilitas tapak tali, dan konsultasi pemain yang jujur, sertifikasi Stringer kami memastikan bahwa setiap teknisi dapat dengan percaya diri menangani material yang paling menuntut. Hal ini membangun kepercayaan dengan klien, menghindari kesalahan penanganan yang mahal, dan meningkatkan standar profesi.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

FAQ Cepat<\/mark> Natural Gut<\/mark><\/h2>\n\n\n\n

Jawaban cepat berdasarkan definisi untuk pertanyaan umum tentang senar tenis natural gut.<\/p>\n\n\n

\n
\n\n

Apa itu natural gut<\/mark> dalam pasang tali raket tenis?<\/h3>\n\n\n\n

Natural gut adalah bahan senar tenis premium yang diproduksi terutama dari lapisan serosa yang sangat elastis dari usus sapi. Bahan ini dipuja karena feel<\/em>, pengembalian tenaga, dan kekalan paun yang tak tertandingi dibandingkan dengan senar sintetis.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa natural gut sangat dihormati<\/mark>?<\/h3>\n\n\n\n

Ia tetap menjadi standar emas karena serat alaminya memberikan elastisitas dan peredaman kejut yang luar biasa. Ini memberi pemain kenyamanan luar biasa, kekuatan yang mudah, dan feel<\/em> renyah yang masih sulit ditiru dengan sempurna oleh bahan sintetis.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah natural gut masih relevan<\/mark> dalam tenis modern?<\/h3>\n\n\n\n

Tentu saja. Meskipun poliester mendominasi pengaturan penuh (full-bed<\/em>) di tur profesional, natural gut masih banyak digunakan dalam pengaturan hibrida (mencampurnya dengan poli) untuk menambah kenyamanan, tenaga, dan feel<\/em> pada permainan putaran (spin<\/em>) berat modern.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bagaimana perbandingan natural gut dengan poliester<\/mark>?<\/h3>\n\n\n\n

Poliester itu kaku, sangat tahan terhadap gesekan, dan menawarkan kontrol maksimal untuk pemukul topspin besar. Natural gut sangat lembut, menawarkan pengembalian tenaga yang superior, mempertahankan pound (lbs) lebih lama, dan memberikan kenyamanan maksimal untuk lengan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apa itu pengaturan hibrida natural gut<\/mark>?<\/h3>\n\n\n\n

Pengaturan hibrida menggunakan natural gut baik pada senar utama maupun silang dan senar sintetis (biasanya poliester) pada senar lainnya. Ini memadukan daya tahan dan putaran ekstrem dari poli dengan kenyamanan dan tenaga dari gut.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa natural gut lebih sulit dipasang<\/mark>?<\/h3>\n\n\n\n

Karena ini adalah material organik yang halus, tekukan tajam, tarikan cepat, atau salah penanganan apa pun dapat menekuk senar atau menyebabkan luka bakar gesekan, mengorbankan serat dan menyebabkan putus lebih awal. Ia membutuhkan sentuhan yang hati-hati dan kedisiplinan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa Stringer Bertauliah Internasional harus memahami natural gut<\/mark>?<\/h3>\n\n\n\n

Sekalipun banyak klien menggunakan senar sintetis, natural gut adalah dasar untuk elastisitas senar dan perilaku pound (lbs). Seorang Stringer profesional menggunakan pengetahuan ini untuk mengevaluasi senar lain secara akurat dan merekomendasikan pengaturan yang tepat secara jujur.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah kursus pasang tali raket diperlukan untuk menangani gut<\/mark>?<\/h3>\n\n\n\n

Ya. Sertifikasi Stringer yang tepat mengajarkan teknik teliti yang diperlukan untuk bahan premium seperti pra-regang, membuka gulungan dengan aman, dan menenun lambat\u2014mencegah kesalahan merugikan yang merusak set senar mahal.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah natural gut pilihan terbaik<\/mark> untuk pemula?<\/h3>\n\n\n\n

Belum tentu. Meskipun sangat nyaman, biaya tinggi membuatnya kurang praktis bagi pemain yang masih belajar teknik. Synthetic gut<\/em> berkualitas tinggi atau multifilamen biasanya merupakan titik awal yang lebih praktis bagi pemain yang sedang berkembang.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Mekanika Elastisitas: Mengapa Natural Gut Penting<\/mark><\/h2>\n\n\n\n\n\n\n \n \n Simulator Manajemen Gesekan Natural Gut BSW<\/title>\n<\/head>\n<body>\n\n<div class=\"bsw-edu-module\" id=\"bsw-friction-simulator\">\n <style>\n \/* =========================================================\n BSW BRAND & MODULE CSS VARIABLES\n ========================================================= *\/\n .bsw-edu-module {\n --bsw-blue: #3249A4;\n --bsw-deep-blue: #203A8F;\n --bsw-green: #37BA2B;\n --bsw-white: #FFFFFF;\n --bsw-bg-tint: #EEF3FF;\n --bsw-bg-green: #EDF9EC;\n --bsw-border: #E9EEF5;\n --bsw-text-main: #203A8F;\n --bsw-text-sec: #4E5F8A;\n --bsw-red: #E5484D;\n --bsw-orange: #F59E0B;\n --bsw-gold: #FBBF24;\n \n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--bsw-white);\n max-width: 1100px;\n margin: 2rem auto;\n border-radius: 16px;\n border: 1px solid var(--bsw-border);\n box-shadow: 0 12px 36px rgba(32, 58, 143, 0.08);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n line-height: 1.5;\n }\n\n .bsw-edu-module *, .bsw-edu-module *::before, .bsw-edu-module *::after {\n box-sizing: inherit;\n }\n\n \/* =========================================================\n LAYOUT & HEADER\n ========================================================= *\/\n .bsw-edu-header {\n text-align: center;\n padding: 2.5rem 1.5rem 1.5rem;\n background: linear-gradient(180deg, var(--bsw-bg-tint) 0%, var(--bsw-white) 100%);\n border-bottom: 1px solid var(--bsw-border);\n }\n\n .bsw-edu-title {\n color: var(--bsw-deep-blue);\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 800;\n margin: 0 0 0.5rem 0;\n letter-spacing: -0.02em;\n }\n\n .bsw-edu-subtitle {\n color: var(--bsw-text-sec);\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n max-width: 750px;\n margin: 0 auto;\n }\n\n .bsw-edu-body {\n display: flex;\n flex-direction: column;\n padding: 2rem;\n gap: 2rem;\n }\n\n @media (min-width: 900px) {\n .bsw-edu-body {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n \/* =========================================================\n SIDEBAR & CONTROLS\n ========================================================= *\/\n .bsw-edu-sidebar {\n flex: 1;\n min-width: 320px;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .bsw-mode-selector {\n display: flex;\n background: var(--bsw-bg-tint);\n border-radius: 12px;\n padding: 0.375rem;\n gap: 0.375rem;\n }\n\n .bsw-mode-btn {\n flex: 1;\n background: transparent;\n border: none;\n padding: 0.875rem 0.5rem;\n border-radius: 8px;\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--bsw-text-sec);\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .bsw-mode-btn[aria-selected=\"true\"] {\n background: var(--bsw-white);\n color: var(--bsw-blue);\n box-shadow: 0 4px 12px rgba(32, 58, 143, 0.1);\n }\n\n .bsw-edu-explanation {\n background: var(--bsw-white);\n border: 1px solid var(--bsw-border);\n border-radius: 12px;\n padding: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.03);\n }\n\n .bsw-exp-title {\n color: var(--bsw-deep-blue);\n font-size: 1.25rem;\n font-weight: 800;\n margin: 0 0 1rem 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .bsw-edu-module[data-mode=\"slow\"] .bsw-exp-title { color: var(--bsw-green); }\n .bsw-edu-module[data-mode=\"fast\"] .bsw-exp-title { color: var(--bsw-red); }\n\n .bsw-exp-text {\n color: var(--bsw-text-sec);\n font-size: 1rem;\n margin: 0 0 1.25rem 0;\n line-height: 1.6;\n }\n\n .bsw-data-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 0;\n border-top: 1px solid var(--bsw-border);\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .bsw-data-label { color: var(--bsw-text-sec); width: 130px; }\n \n .bsw-metric-bar {\n flex: 1;\n height: 8px;\n background: var(--bsw-border);\n border-radius: 4px;\n margin-left: 1rem;\n overflow: hidden;\n }\n \n .bsw-metric-fill {\n height: 100%;\n border-radius: 4px;\n transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease;\n }\n\n \/* =========================================================\n SVG SCENE CONTAINER\n ========================================================= *\/\n .bsw-edu-scene {\n flex: 2;\n position: relative;\n background: #FAFCFF;\n border-radius: 16px;\n border: 1px solid var(--bsw-border);\n overflow: hidden;\n aspect-ratio: 16 \/ 11;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: inset 0 0 40px rgba(32, 58, 143, 0.03);\n }\n\n .bsw-svg-canvas {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* =========================================================\n SVG ELEMENTS & GRAPHICS\n ========================================================= *\/\n \n \/* Main Strings (Vertical) *\/\n .bsw-string-main {\n fill: none;\n stroke: #94A3B8;\n stroke-width: 16;\n stroke-linecap: round;\n }\n .bsw-string-main-shadow {\n fill: none;\n stroke: rgba(0,0,0,0.1);\n stroke-width: 16;\n stroke-linecap: round;\n transform: translate(3px, 3px);\n }\n\n \/* Cross String (Natural Gut) *\/\n .bsw-string-cross-base {\n fill: none;\n stroke: var(--bsw-gold);\n stroke-width: 18;\n stroke-linecap: round;\n }\n \n \/* The texture simulates the string sliding through the mains *\/\n .bsw-string-cross-texture {\n fill: none;\n stroke: #B45309;\n stroke-width: 18;\n stroke-linecap: round;\n stroke-dasharray: 4 24;\n opacity: 0.5;\n }\n\n \/* Clamp *\/\n .bsw-clamp-group {\n transform: translateX(0);\n }\n .bsw-clamp-body { fill: #334155; }\n .bsw-clamp-jaw { fill: #64748B; }\n .bsw-clamp-arm { fill: #94A3B8; stroke: #CBD5E1; stroke-width: 4; }\n\n \/* Friction Burn \/ Fraying *\/\n .bsw-fray-marks {\n opacity: 0;\n }\n .bsw-fray-hair {\n fill: none;\n stroke: #FDBA74;\n stroke-width: 2;\n stroke-linecap: round;\n }\n .bsw-fray-scorch {\n fill: none;\n stroke: #78350F;\n stroke-width: 18;\n stroke-linecap: round;\n opacity: 0.4;\n }\n\n \/* Glow Effects *\/\n .bsw-heat-glow {\n fill: url(#heatGradient);\n opacity: 0;\n transform-origin: center;\n }\n .bsw-safe-glow {\n fill: url(#safeGradient);\n opacity: 0;\n transform-origin: center;\n }\n\n \/* Text Overlays *\/\n .bsw-status-text {\n font-family: inherit;\n font-size: 20px;\n font-weight: 800;\n text-anchor: middle;\n opacity: 0;\n pointer-events: none;\n filter: drop-shadow(0 2px 4px rgba(255,255,255,0.9));\n }\n .bsw-text-danger { fill: var(--bsw-red); }\n .bsw-text-safe { fill: var(--bsw-green); }\n\n \/* Hotspots *\/\n .bsw-hotspot-zone { fill: transparent; cursor: pointer; }\n .bsw-hotspot-ring {\n fill: none;\n stroke: var(--bsw-deep-blue);\n stroke-width: 3;\n stroke-dasharray: 6 6;\n opacity: 0.3;\n transition: all 0.3s ease;\n transform-origin: center;\n }\n .bsw-hotspot-zone:hover + .bsw-hotspot-ring,\n .bsw-hotspot-zone:focus + .bsw-hotspot-ring {\n opacity: 1;\n stroke-dasharray: none;\n stroke-width: 4;\n transform: scale(1.1);\n }\n\n \/* SVG Action Button *\/\n .bsw-action-btn-group { cursor: pointer; }\n .bsw-action-btn-bg {\n fill: var(--bsw-deep-blue);\n transition: all 0.2s ease;\n }\n .bsw-action-btn-group:hover .bsw-action-btn-bg {\n fill: var(--bsw-blue);\n transform: scale(1.02);\n transform-origin: center;\n }\n .bsw-action-btn-group:active .bsw-action-btn-bg { transform: scale(0.98); }\n .bsw-action-btn-text {\n fill: var(--bsw-white);\n font-family: inherit;\n font-size: 16px;\n font-weight: 700;\n text-anchor: middle;\n pointer-events: none;\n }\n\n \/* Information Callout Tooltip *\/\n .bsw-info-tooltip {\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n .bsw-info-bg {\n fill: var(--bsw-white);\n stroke: var(--bsw-border);\n stroke-width: 2;\n rx: 8;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,0.08));\n }\n .bsw-info-title {\n font-family: inherit;\n font-size: 14px;\n font-weight: 800;\n fill: var(--bsw-deep-blue);\n }\n .bsw-info-desc {\n font-family: inherit;\n font-size: 13px;\n fill: var(--bsw-text-sec);\n }\n\n \/* Display Tooltip Logic *\/\n .show-hs-intersect .bsw-info-intersect { opacity: 1; }\n .show-hs-string .bsw-info-string { opacity: 1; }\n .show-hs-clamp .bsw-info-clamp { opacity: 1; }\n\n \/* =========================================================\n ANIMATION KEYFRAMES & STATES\n ========================================================= *\/\n\n \/* --- SLOW & CONTROLLED WEAVE --- *\/\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-string-cross-texture { \n animation: pullString 3.5s linear forwards; \n }\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-clamp-group { \n animation: clampMove 3.5s linear forwards; \n }\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-safe-glow { \n animation: safePulse 3.5s ease-in-out forwards; \n }\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-status-text.bsw-text-safe { \n animation: floatUp 3.5s ease-out forwards; \n }\n\n \/* --- FAST & UNCONTROLLED PULL --- *\/\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-string-cross-texture { \n animation: pullString 0.6s ease-in forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-clamp-group { \n animation: clampMove 0.6s ease-in forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-heat-glow { \n animation: heatPulse 0.8s ease-out forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-status-text.bsw-text-danger { \n animation: floatUpBurst 2s ease-out forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-fray-marks { \n animation: showFray 2s forwards; \n }\n\n \/* Permanently keep fray marks if the last action was 'fast' *\/\n .bsw-edu-module[data-mode=\"fast\"].is-damaged .bsw-fray-marks {\n opacity: 1;\n }\n\n \/* Keyframes *\/\n @keyframes pullString {\n from { stroke-dashoffset: 0; }\n to { stroke-dashoffset: -120; }\n }\n @keyframes clampMove {\n from { transform: translateX(0); }\n to { transform: translateX(50px); }\n }\n @keyframes safePulse {\n 0% { opacity: 0; transform: scale(0.8); }\n 20% { opacity: 0.6; transform: scale(1.2); }\n 80% { opacity: 0.6; transform: scale(1.2); }\n 100% { opacity: 0; transform: scale(1.5); }\n }\n @keyframes heatPulse {\n 0% { opacity: 0; transform: scale(0.5); }\n 30% { opacity: 0.9; transform: scale(1.5); }\n 100% { opacity: 0; transform: scale(2.5); }\n }\n @keyframes floatUp {\n 0% { opacity: 0; transform: translateY(10px); }\n 20% { opacity: 1; transform: translateY(-10px); }\n 80% { opacity: 1; transform: translateY(-20px); }\n 100% { opacity: 0; transform: translateY(-30px); }\n }\n @keyframes floatUpBurst {\n 0% { opacity: 0; transform: translateY(10px) scale(0.8); }\n 15% { opacity: 1; transform: translateY(-15px) scale(1.1); }\n 25% { opacity: 1; transform: translateY(-12px) scale(1); }\n 80% { opacity: 1; transform: translateY(-25px); }\n 100% { opacity: 0; transform: translateY(-40px); }\n }\n @keyframes showFray {\n 0%, 50% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n \/* Accessibility & Responsive *\/\n @media (prefers-reduced-motion: reduce) {\n .bsw-edu-module *, .bsw-edu-module *::before, .bsw-edu-module *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n @media (max-width: 600px) {\n .bsw-edu-body { padding: 1.25rem; gap: 1.5rem; }\n .bsw-action-btn-bg { rx: 24; height: 48px; y: 460; x: 250; width: 400;}\n .bsw-action-btn-text { font-size: 20px; y: 492; x: 450; }\n .bsw-edu-scene { aspect-ratio: 1 \/ 1; }\n .bsw-data-label { width: 100px; font-size: 0.8rem; }\n .bsw-info-bg { width: 300px; }\n }\n <\/style>\n\n <div class=\"bsw-edu-header\">\n <h3 class=\"bsw-edu-title\">Seni Pasang Tali Raket Natural Gut<\/h3>\n <p class=\"bsw-edu-subtitle\">Natural gut sangat tangguh terhadap benturan langsung tetapi menderita akibat gesekan parah. Ketuk titik interaksi untuk memeriksa, lalu pilih kecepatan tarik untuk menyimulasikan panas gesekan.<\/p>\n <\/div>\n\n <div class=\"bsw-edu-body\">\n \n <!-- SVG Scene (The Visual Teacher) -->\n <div class=\"bsw-edu-scene\">\n <svg class=\"bsw-svg-canvas\" viewBox=\"0 0 900 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Interactive stringing friction simulation\">\n <defs>\n <radialGradient id=\"heatGradient\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#E5484D\" stop-opacity=\"0.9\"\/>\n <stop offset=\"50%\" stop-color=\"#F59E0B\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#F59E0B\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"safeGradient\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#37BA2B\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#37BA2B\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n\n <!-- Background Elements -->\n <!-- Frame Edge -->\n <path d=\"M 50 100 Q 80 300 50 500\" fill=\"none\" stroke=\"#CBD5E1\" stroke-width=\"24\" stroke-linecap=\"round\"\/>\n <path d=\"M 50 100 Q 80 300 50 500\" fill=\"none\" stroke=\"#94A3B8\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n\n <!-- Layer 1: Vertical Mains (Behind) -->\n <!-- Main 1 -->\n <path class=\"bsw-string-main-shadow\" d=\"M 250 150 L 250 450\" \/>\n <path class=\"bsw-string-main\" d=\"M 250 150 L 250 450\" \/>\n <!-- Main 3 -->\n <path class=\"bsw-string-main-shadow\" d=\"M 650 150 L 650 450\" \/>\n <path class=\"bsw-string-main\" d=\"M 650 150 L 650 450\" \/>\n\n <!-- Layer 2: Horizontal Cross String (Natural Gut) -->\n <g class=\"bsw-string-cross-group\">\n <path class=\"bsw-string-cross-base\" d=\"M 60 300 L 800 300\" \/>\n <!-- Texture that animates to simulate pulling -->\n <path class=\"bsw-string-cross-texture\" d=\"M 60 300 L 800 300\" \/>\n \n <!-- Friction Burn Scorch Marks (Hidden initially) -->\n <g class=\"bsw-fray-marks\">\n <path class=\"bsw-fray-scorch\" d=\"M 230 300 L 270 300\" \/>\n <path class=\"bsw-fray-scorch\" d=\"M 430 300 L 470 300\" \/>\n <path class=\"bsw-fray-scorch\" d=\"M 630 300 L 670 300\" \/>\n \n <!-- Fray Hairs Intersection 1 -->\n <path class=\"bsw-fray-hair\" d=\"M 240 290 Q 250 280 235 285\" \/>\n <path class=\"bsw-fray-hair\" d=\"M 260 310 Q 265 320 275 315\" \/>\n \n <!-- Fray Hairs Intersection 2 -->\n <path class=\"bsw-fray-hair\" d=\"M 445 290 Q 435 280 455 285\" \/>\n <path class=\"bsw-fray-hair\" d=\"M 450 310 Q 460 325 440 315\" \/>\n\n <!-- Fray Hairs Intersection 3 -->\n <path class=\"bsw-fray-hair\" d=\"M 640 290 Q 645 275 630 285\" \/>\n <path class=\"bsw-fray-hair\" d=\"M 660 310 Q 670 320 655 315\" \/>\n <\/g>\n <\/g>\n\n <!-- Layer 3: Vertical Mains (In Front - creates the weave effect) -->\n <!-- Main 2 goes OVER the cross string -->\n <path class=\"bsw-string-main-shadow\" d=\"M 450 150 L 450 450\" \/>\n <path class=\"bsw-string-main\" d=\"M 450 150 L 450 450\" \/>\n\n <!-- Glow Effects at Intersections -->\n <g transform=\"translate(250, 300)\">\n <circle class=\"bsw-heat-glow\" cx=\"0\" cy=\"0\" r=\"40\" \/>\n <circle class=\"bsw-safe-glow\" cx=\"0\" cy=\"0\" r=\"30\" \/>\n <text class=\"bsw-status-text bsw-text-danger\" x=\"0\" y=\"-30\">BAKAR!<\/text>\n <text class=\"bsw-status-text bsw-text-safe\" x=\"0\" y=\"-30\">LUNCUR<\/text>\n <\/g>\n <g transform=\"translate(450, 300)\">\n <circle class=\"bsw-heat-glow\" cx=\"0\" cy=\"0\" r=\"40\" \/>\n <circle class=\"bsw-safe-glow\" cx=\"0\" cy=\"0\" r=\"30\" \/>\n <text class=\"bsw-status-text bsw-text-danger\" x=\"0\" y=\"-30\">BAKAR!<\/text>\n <text class=\"bsw-status-text bsw-text-safe\" x=\"0\" y=\"-30\">LUNCUR<\/text>\n <\/g>\n <g transform=\"translate(650, 300)\">\n <circle class=\"bsw-heat-glow\" cx=\"0\" cy=\"0\" r=\"40\" \/>\n <circle class=\"bsw-safe-glow\" cx=\"0\" cy=\"0\" r=\"30\" \/>\n <text class=\"bsw-status-text bsw-text-danger\" x=\"0\" y=\"-30\">BAKAR!<\/text>\n <text class=\"bsw-status-text bsw-text-safe\" x=\"0\" y=\"-30\">LUNCUR<\/text>\n <\/g>\n\n <!-- Tension Machine Clamp -->\n <g class=\"bsw-clamp-group\">\n <path class=\"bsw-clamp-arm\" d=\"M 850 300 L 900 300\" \/>\n <rect class=\"bsw-clamp-body\" x=\"780\" y=\"270\" width=\"70\" height=\"60\" rx=\"6\" \/>\n <rect class=\"bsw-clamp-jaw\" x=\"760\" y=\"285\" width=\"40\" height=\"30\" rx=\"4\" \/>\n <circle cx=\"815\" cy=\"300\" r=\"15\" fill=\"#475569\" \/>\n <\/g>\n\n <!-- Interactive Hotspots -->\n <!-- Intersection Hotspot -->\n <circle class=\"bsw-hotspot-zone\" cx=\"450\" cy=\"300\" r=\"40\" data-target=\"intersect\" tabindex=\"0\" role=\"button\" aria-label=\"Inspect Intersection\" \/>\n <circle class=\"bsw-hotspot-ring\" cx=\"450\" cy=\"300\" r=\"30\" pointer-events=\"none\" \/>\n \n <!-- String Coating Hotspot -->\n <circle class=\"bsw-hotspot-zone\" cx=\"150\" cy=\"300\" r=\"40\" data-target=\"string\" tabindex=\"0\" role=\"button\" aria-label=\"Inspect String Coating\" \/>\n <circle class=\"bsw-hotspot-ring\" cx=\"150\" cy=\"300\" r=\"30\" pointer-events=\"none\" \/>\n\n <!-- Clamp Hotspot -->\n <circle class=\"bsw-hotspot-zone\" cx=\"790\" cy=\"300\" r=\"45\" data-target=\"clamp\" tabindex=\"0\" role=\"button\" aria-label=\"Inspect Tension Clamp\" \/>\n <circle class=\"bsw-hotspot-ring\" cx=\"790\" cy=\"300\" r=\"35\" pointer-events=\"none\" \/>\n\n <!-- Callout Tooltips (Positioned absolutely via SVG coordinates) -->\n <g class=\"bsw-info-tooltip bsw-info-intersect\" transform=\"translate(290, 180)\">\n <rect class=\"bsw-info-bg\" x=\"0\" y=\"0\" width=\"320\" height=\"80\" \/>\n <text class=\"bsw-info-title\" x=\"15\" y=\"25\">Zona Risiko Gesekan<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"45\">Senar silang bergesekan dengan senar utama.<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"65\">Menarik terlalu cepat menghasilkan panas ekstrem.<\/text>\n <path d=\"M 160 80 L 170 90 L 180 80 Z\" fill=\"var(--bsw-white)\" \/>\n <\/g>\n\n <g class=\"bsw-info-tooltip bsw-info-string\" transform=\"translate(10, 180)\">\n <rect class=\"bsw-info-bg\" x=\"0\" y=\"0\" width=\"280\" height=\"80\" \/>\n <text class=\"bsw-info-title\" x=\"15\" y=\"25\">Lapisan Organik Halus<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"45\">Serat natural gut mudah terkikis<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"65\">jika tertekuk atau terjadi gesekan.<\/text>\n <path d=\"M 140 80 L 150 90 L 160 80 Z\" fill=\"var(--bsw-white)\" \/>\n <\/g>\n\n <g class=\"bsw-info-tooltip bsw-info-clamp\" transform=\"translate(560, 180)\">\n <rect class=\"bsw-info-bg\" x=\"0\" y=\"0\" width=\"300\" height=\"80\" \/>\n <text class=\"bsw-info-title\" x=\"15\" y=\"25\">Kecepatan Tarik Mesin<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"45\">Stringer profesional secara teliti<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"65\">mengontrol tarikan ini untuk mencegah kerusakan.<\/text>\n <path d=\"M 230 80 L 240 90 L 250 80 Z\" fill=\"var(--bsw-white)\" \/>\n <\/g>\n\n <!-- Embedded SVG Action Button -->\n <g class=\"bsw-action-btn-group\" id=\"bsw-svg-play-btn\" role=\"button\" tabindex=\"0\" aria-label=\"Simulate Weaving Pull\">\n <rect class=\"bsw-action-btn-bg\" x=\"325\" y=\"500\" width=\"250\" height=\"52\" rx=\"26\" \/>\n <text class=\"bsw-action-btn-text\" x=\"450\" y=\"532\">\u25b6 SIMULASIKAN TARIKAN<\/text>\n <\/g>\n <\/svg>\n <\/div>\n\n <!-- Sidebar \/ Context -->\n <div class=\"bsw-edu-sidebar\">\n \n <div class=\"bsw-mode-selector\" role=\"tablist\">\n <button class=\"bsw-mode-btn\" role=\"tab\" aria-selected=\"true\" data-select=\"slow\">Lambat & Terkendali<\/button>\n <button class=\"bsw-mode-btn\" role=\"tab\" aria-selected=\"false\" data-select=\"fast\">Tarikan Cepat<\/button>\n <\/div>\n\n <!-- Controlled Explanation -->\n <div class=\"bsw-edu-explanation\" id=\"bsw-panel-slow\">\n <h4 class=\"bsw-exp-title\">Protokol Tenun Aman<\/h4>\n <p class=\"bsw-exp-text\">Menarik senar secara perlahan mencegah penumpukan panas pada persilangan. Lapisan serosa alami tetap utuh, memastikan umur senar maksimal, elastisitas puncak, dan konsistensi pound (lbs) yang andal.<\/p>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Panas Gesekan<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 15%; background-color: var(--bsw-green);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Integritas Lapisan<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 98%; background-color: var(--bsw-blue);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Risiko Putus<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 10%; background-color: var(--bsw-green);\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- Fast\/Burn Explanation -->\n <div class=\"bsw-edu-explanation\" id=\"bsw-panel-fast\" style=\"display: none;\">\n <h4 class=\"bsw-exp-title\">Luka Bakar Gesekan (Terkikis)<\/h4>\n <p class=\"bsw-exp-text\">Menarik natural gut terlalu cepat di atas senar utama yang kaku menciptakan gesekan ekstrem. Ini secara harfiah membakar lapisan pelindung, merusak serat internal dan menyebabkan senar putus prematur sebelum raket sempat dimainkan.<\/p>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Panas Gesekan<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 95%; background-color: var(--bsw-red);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Integritas Lapisan<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 25%; background-color: var(--bsw-orange);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Risiko Putus<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 90%; background-color: var(--bsw-red);\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ Elements\n const moduleContainer = document.getElementById('bsw-friction-simulator');\n const modeBtns = moduleContainer.querySelectorAll('.bsw-mode-btn');\n const panelSlow = document.getElementById('bsw-panel-slow');\n const panelFast = document.getElementById('bsw-panel-fast');\n const playBtn = document.getElementById('bsw-svg-play-btn');\n const btnText = playBtn.querySelector('.bsw-action-btn-text');\n const zones = moduleContainer.querySelectorAll('.bsw-hotspot-zone');\n\n let isAnimating = false;\n\n \/\/ Mode Switching\n function setMode(mode) {\n if(isAnimating) return;\n \n moduleContainer.setAttribute('data-mode', mode);\n moduleContainer.classList.remove('is-damaged'); \/\/ Reset damage state when switching modes\n \n if(mode === 'slow') {\n panelSlow.style.display = 'block';\n panelFast.style.display = 'none';\n } else {\n panelSlow.style.display = 'none';\n panelFast.style.display = 'block';\n }\n\n modeBtns.forEach(btn => {\n btn.setAttribute('aria-selected', btn.getAttribute('data-select') === mode);\n });\n }\n\n modeBtns.forEach(btn => {\n btn.addEventListener('click', () => setMode(btn.getAttribute('data-select')));\n btn.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n setMode(btn.getAttribute('data-select'));\n }\n });\n });\n\n \/\/ Hotspot Logic\n function clearHotspots() {\n moduleContainer.classList.remove('show-hs-intersect', 'show-hs-string', 'show-hs-clamp');\n }\n\n zones.forEach(zone => {\n const target = zone.getAttribute('data-target');\n \n const triggerHotspot = () => {\n if (isAnimating) return;\n clearHotspots();\n moduleContainer.classList.add(`show-hs-${target}`);\n \n \/\/ Auto-hide after 4 seconds\n setTimeout(() => {\n moduleContainer.classList.remove(`show-hs-${target}`);\n }, 4000);\n };\n\n zone.addEventListener('click', triggerHotspot);\n zone.addEventListener('mouseenter', triggerHotspot);\n zone.addEventListener('mouseleave', clearHotspots);\n zone.addEventListener('focus', triggerHotspot);\n zone.addEventListener('blur', clearHotspots);\n \n zone.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n triggerHotspot();\n }\n });\n });\n\n \/\/ Play Animation Logic\n function playAnimation() {\n if (isAnimating) return;\n isAnimating = true;\n \n clearHotspots(); \/\/ Hide any tooltips\n \n const mode = moduleContainer.getAttribute('data-mode');\n \n \/\/ Reset states\n moduleContainer.classList.remove('is-playing', 'is-damaged');\n btnText.textContent = \"MENYIMULASIKAN...\";\n playBtn.style.opacity = '0.7';\n playBtn.style.pointerEvents = 'none';\n \n \/\/ Trigger reflow to restart CSS animations safely\n void moduleContainer.offsetWidth;\n \n \/\/ Start animation\n moduleContainer.classList.add('is-playing');\n\n \/\/ Timing based on mode\n const animDuration = mode === 'slow' ? 3500 : 2000; \/\/ fast finishes visual explosion at 2s\n\n setTimeout(() => {\n moduleContainer.classList.remove('is-playing');\n \n if (mode === 'fast') {\n moduleContainer.classList.add('is-damaged'); \/\/ Keeps the fray marks visible\n }\n\n btnText.textContent = \"\u25b6 ULANGI TARIKAN\";\n playBtn.style.opacity = '1';\n playBtn.style.pointerEvents = 'auto';\n isAnimating = false;\n }, animDuration);\n }\n\n \/\/ Action Button Events\n playBtn.addEventListener('click', playAnimation);\n playBtn.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n playAnimation();\n }\n });\n\n \/\/ Init Default\n setMode('slow');\n \n \/\/ Hide tooltips if clicking background\n moduleContainer.querySelector('.bsw-svg-canvas').addEventListener('click', (e) => {\n if (!e.target.classList.contains('bsw-hotspot-zone')) {\n clearHotspots();\n }\n });\n })();\n <\/script>\n<\/div>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-e4ec421e gbp-section__inner\">\n<div class=\"gb-container gb-container-4a0c4bf4\">\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Cek Pengetahuan Natural Gut<\/title>\n <style>\n \/* WordPress Conflict Fixes:\n 1. Scoped everything under #bsw-quiz-widget\n 2. Replaced the generic body tag styling with a wrapper class\n 3. Prefixed all classes and IDs with \"bsw-quiz-\" to avoid clashes\n 4. Reset box-sizing, margins, and button defaults\n *\/\n \n #bsw-quiz-widget {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px 0;\n margin: 0;\n background-color: transparent; \/* Lets your WP theme background show through *\/\n }\n\n #bsw-quiz-widget * {\n box-sizing: border-box;\n }\n\n #bsw-quiz-widget .bsw-quiz-container {\n width: 100%;\n max-width: 500px;\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n margin: 0 auto;\n }\n\n #bsw-quiz-widget .bsw-quiz-header {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n padding: 24px 20px;\n text-align: center;\n position: relative;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-quiz-header-accent {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, #FFD700, #FDB931, #FFD700);\n }\n\n #bsw-quiz-widget .bsw-score-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n padding: 6px 16px;\n border-radius: 20px;\n font-weight: 700;\n font-size: 14px;\n color: #0B2447;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card {\n padding: 14px 16px;\n border-radius: 10px;\n cursor: pointer;\n border: 2px solid #eee;\n background: #fff;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card:hover {\n border-color: #19376D;\n background: #F8FAFF;\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected {\n border-color: #0B2447;\n background: #F0F4F8;\n }\n\n #bsw-quiz-widget .bsw-radio-circle {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid #ccc;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.2s ease;\n margin: 0;\n padding: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-circle {\n border-color: #0B2447;\n background: #0B2447;\n }\n\n #bsw-quiz-widget .bsw-radio-dot {\n width: 8px;\n height: 8px;\n background: #FFD700;\n border-radius: 50%;\n opacity: 0;\n transform: scale(0);\n transition: all 0.2s ease;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-dot {\n opacity: 1;\n transform: scale(1);\n }\n\n #bsw-quiz-widget .bsw-nav-btn {\n flex: 1;\n padding: 14px;\n border: none;\n border-radius: 8px;\n font-weight: 700;\n font-size: 15px;\n cursor: pointer;\n transition: all 0.2s;\n margin: 0;\n text-align: center;\n line-height: normal;\n font-family: inherit;\n appearance: none;\n }\n\n #bsw-quiz-widget .bsw-btn-prev {\n background: #F0F4F8;\n color: #0B2447;\n border: 1px solid rgba(11,36,71,0.2);\n }\n\n #bsw-quiz-widget .bsw-btn-prev:not(:disabled):hover {\n background: #E2E8F0;\n }\n\n #bsw-quiz-widget .bsw-btn-next {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n }\n\n #bsw-quiz-widget .bsw-btn-next:not(:disabled):hover {\n box-shadow: 0 4px 12px rgba(11,36,71,0.3);\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-btn-next:disabled, \n #bsw-quiz-widget .bsw-btn-prev:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n \n #bsw-quiz-widget a {\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-quiz-widget\">\n <div class=\"bsw-quiz-container\">\n <div class=\"bsw-quiz-header\">\n <div class=\"bsw-quiz-header-accent\"><\/div>\n <div style=\"font-size: 22px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.5px; line-height: 1.2;\">\ud83c\udfbe Cek Pengetahuan Natural Gut<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Apakah Anda memahami tolok ukur material senar premium?<\/strong>\n <\/div>\n <div class=\"bsw-score-badge\">\n <span id=\"bsw-current-score-top\">0<\/span> \/ <span id=\"bsw-total-score-top\">8<\/span>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-main\" style=\"padding: 24px;\">\n <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; padding: 14px; background: #F0F4F8; border-radius: 10px; border: 1px solid rgba(11,36,71,0.15);\">\n <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n <div style=\"display: flex; align-items: center; gap: 12px;\">\n <div id=\"bsw-progress-circle\" style=\"width: 40px; height: 40px; border-radius: 50%; background: conic-gradient(#0B2447 0deg 0deg, #F0F4F8 0deg 360deg); display: flex; align-items: center; justify-content: center; font-weight: 800; color: #0B2447; font-size: 14px; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin: 0; padding: 0;\">1<\/div>\n <div style=\"margin: 0; padding: 0;\">\n <div style=\"font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 0; line-height: 1.2;\">Pertanyaan <span id=\"bsw-current-step\">1<\/span> dari 8<\/div>\n <div id=\"bsw-skill-label\" style=\"font-size: 11px; color: #19376D; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; line-height: 1.2;\">ILMU MATERIAL<\/div>\n <\/div>\n <\/div>\n <div id=\"bsw-question-tag\" style=\"font-size: 10px; color: #0B2447; background: #FFD700; padding: 5px 12px; border-radius: 12px; font-weight: 800; letter-spacing: 0.5px; margin: 0;\">SIFAT<\/div>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-card\" style=\"min-height: 250px;\">\n <div id=\"bsw-question-content\"><\/div>\n <\/div>\n\n <div style=\"display: flex; gap: 12px; margin-top: 28px;\">\n <button id=\"bsw-prev-btn\" class=\"bsw-nav-btn bsw-btn-prev\" disabled>\u2190 Sebelumnya<\/button>\n <button id=\"bsw-next-btn\" class=\"bsw-nav-btn bsw-btn-next\" disabled>Pertanyaan Berikutnya<\/button>\n <\/div>\n <\/div>\n\n <div id=\"bsw-result-screen\" style=\"text-align: center; padding: 40px 24px; display: none;\">\n <div id=\"bsw-result-emoji\" style=\"font-size: 56px; margin-bottom: 12px; animation: bounce 1s ease infinite; line-height: 1;\">\ud83c\udf89<\/div>\n <div id=\"bsw-result-title\" style=\"font-size: 24px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; line-height: 1.2;\">Analisis Selesai!<\/div>\n <div id=\"bsw-final-score\" style=\"font-size: 48px; font-weight: 900; background: linear-gradient(135deg, #0B2447, #19376D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 24px; line-height: 1;\">Siap<\/div>\n \n <div style=\"background: #F8FAFF; border-radius: 12px; padding: 20px; border: 1px solid #EEF2FF; margin-bottom: 28px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\">\n <p style=\"color:#444; font-size:15px; line-height:1.6; margin: 0;\">Kerja bagus! Sekarang setelah Anda memahami bagaimana natural gut berdampak pada performa, apakah Anda siap untuk meningkatkan pengetahuan teknis dengan stringing profesional?<\/p>\n <\/div>\n\n <a id=\"bsw-apply-btn\" href=\"https:\/\/beststringer.com\/stringing-course-application\/\" target=\"_blank\" style=\"display: block; padding: 18px; border-radius: 10px; font-weight: 800; font-size: 16px; background: linear-gradient(135deg, #0B2447, #19376D); color: #FFD700; text-decoration: none; box-shadow: 0 6px 20px rgba(11,36,71,0.25); border: 2px solid #FFD700; transition: all 0.3s ease;\">\n \ud83c\udf93 Daftar Kursus Stringer BSW\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n 'use strict';\n\n const DRILLS = [\n {q:\"Material manakah yang secara tradisional dianggap sebagai standar emas dalam senar tenis premium?\", opts:[\"Natural gut karena elastisitas dan feel-nya yang tinggi\", \"Poliester karena daya tahannya yang ekstrem\", \"Nilon karena sepenuhnya tahan cuaca\", \"Kevlar karena mempertahankan pound (lbs) dengan sempurna\"], correct:0, skill:\"TOLOK UKUR\", label:\"TRADISI\"},\n {q:\"Apa sumber bahan baku utama yang digunakan untuk senar tenis natural gut modern?\", opts:[\"Serat nilon sintetis\", \"Lapisan serosa dari usus sapi\", \"Secara eksklusif usus domba\", \"Polimer plastik daur ulang\"], correct:1, skill:\"ILMU MATERIAL\", label:\"SUMBER\"},\n {q:\"Mengapa natural gut sering digunakan dalam pengaturan senar hibrida?\", opts:[\"Itu membuat raket sama sekali tidak bisa patah\", \"Ini memadukan kenyamanan dan tenaga dari gut dengan kontrol dan daya tahan poliester\", \"Itu diwajibkan oleh aturan tenis profesional\", \"Itu membuat raket lebih berat untuk momentum lebih besar\"], correct:1, skill:\"PENGATURAN HIBRIDA\", label:\"PERFORMA\"},\n {q:\"Apakah full-bed natural gut pilihan terbaik untuk setiap pemain tenis?\", opts:[\"Ya, karena senar termahal selalu yang terbaik\", \"Tidak, itu tergantung pada anggaran pemain, kebiasaan pasang tali raket, dan kebutuhan akan daya tahan\", \"Ya, tetapi hanya jika dipasang di atas 60 lbs\", \"Tidak, karena natural gut memberikan tenaga yang sangat sedikit\"], correct:1, skill:\"KESESUAIAN\", label:\"PEMAIN\"},\n {q:\"Bagaimana performa natural gut terkait kekalan paun (tension retention)?\", opts:[\"Ia mempertahankan pound (lbs) dengan sangat baik dari waktu ke waktu dibandingkan dengan sebagian besar sintetis\", \"Ia kehilangan paun (lbs) dalam jam pertama permainan\", \"Ia secara alami meningkatkan tegangannya seiring bertambahnya usia\", \"Ia tidak bisa menahan tegangan di atas 40 lbs\"], correct:0, skill:\"LOGIKA PAUN\", label:\"STABILITAS\"},\n {q:\"Mengapa seorang Stringer raket harus sangat berhati-hati saat menangani natural gut?\", opts:[\"Terlalu berat untuk mesin stringing standar\", \"Ia rapuh, dan menekuk atau salah menangani senar dapat menyebabkan putus prematur\", \"Ia membutuhkan alat pemanas khusus untuk ditenun\", \"Memasang senar tanpa lisensi adalah ilegal\"], correct:1, skill:\"PENANGANAN\", label:\"SENI STRINGING\"},\n {q:\"Mengapa pra-regang sering dibahas saat pasang tali raket natural gut?\", opts:[\"Membuat senar terlihat lebih berkilau\", \"Menghilangkan memori gulungan dan membantu menstabilkan elastisitas senar sebelum dimainkan\", \"Mengubah warna seratnya\", \"Memungkinkan Stringer menggunakan lebih sedikit senar secara keseluruhan\"], correct:1, skill:\"PEMASANGAN\", label:\"PRA-REGANG\"},\n {q:\"Mengapa Stringer Bertauliah Internasional harus memahami natural gut meskipun klien menggunakan synthetic gut?\", opts:[\"Karena mereka diwajibkan secara hukum untuk menjualnya\", \"Karena natural gut adalah material acuan, dan memahaminya meningkatkan logika material secara keseluruhan\", \"Karena senar sintetis sedang dihentikan produksinya\", \"Karena itu satu-satunya senar yang bisa putus\"], correct:1, skill:\"KONSULTASI\", label:\"STRINGER\"}\n ];\n\n let current = 0;\n let answers = {};\n\n const el = {\n quizMain: document.getElementById('bsw-quiz-main'),\n resultScreen: document.getElementById('bsw-result-screen'),\n currentScoreTop: document.getElementById('bsw-current-score-top'),\n totalScoreTop: document.getElementById('bsw-total-score-top'),\n currentStep: document.getElementById('bsw-current-step'),\n progressCircle: document.getElementById('bsw-progress-circle'),\n skillLabel: document.getElementById('bsw-skill-label'),\n questionTag: document.getElementById('bsw-question-tag'),\n questionContent: document.getElementById('bsw-question-content'),\n prevBtn: document.getElementById('bsw-prev-btn'),\n nextBtn: document.getElementById('bsw-next-btn'),\n finalScore: document.getElementById('bsw-final-score'),\n resultEmoji: document.getElementById('bsw-result-emoji'),\n resultTitle: document.getElementById('bsw-result-title')\n };\n\n function updateProgress() {\n el.currentStep.textContent = current + 1;\n el.totalScoreTop.textContent = DRILLS.length;\n const answeredCount = Object.keys(answers).length;\n el.currentScoreTop.textContent = answeredCount;\n \n const progress = ((current + 1) \/ DRILLS.length) * 360;\n el.progressCircle.style.background = `conic-gradient(#0B2447 0deg ${progress}deg, #F0F4F8 ${progress}deg 360deg)`;\n el.progressCircle.textContent = current + 1;\n }\n\n function renderQuestion() {\n const drill = DRILLS[current];\n const answeredIndex = answers[current];\n let html = `<div style=\"font-size: 18px; font-weight: 700; color: #1a1a1a; line-height: 1.5; margin-bottom: 24px; margin-top: 0;\">${drill.q}<\/div><div style=\"display: grid; gap: 12px; margin: 0; padding: 0;\">`;\n \n drill.opts.forEach((opt, i) => {\n const isSelected = answeredIndex === i;\n html += `\n <div class=\"bsw-opt-card ${isSelected ? 'selected' : ''}\" data-index=\"${i}\">\n <div class=\"bsw-radio-circle\">\n <div class=\"bsw-radio-dot\"><\/div>\n <\/div>\n <div style=\"font-weight: 600; font-size: 15px; color: ${isSelected ? '#0B2447' : '#444'}; margin: 0; padding: 0; line-height: 1.4;\">${opt}<\/div>\n <\/div>`;\n });\n \n html += '<\/div>';\n el.questionContent.innerHTML = html;\n el.skillLabel.textContent = drill.skill;\n el.questionTag.textContent = drill.label;\n\n document.querySelectorAll('.bsw-opt-card').forEach(card => {\n card.addEventListener('click', function() {\n const idx = parseInt(this.getAttribute('data-index'));\n answers[current] = idx;\n renderQuestion();\n });\n });\n\n el.prevBtn.disabled = current === 0;\n el.nextBtn.textContent = current === DRILLS.length - 1 ? 'Lihat Penilaian \ud83c\udf89' : 'Pertanyaan Berikutnya';\n \n const isAnswered = answers[current] !== undefined;\n el.nextBtn.disabled = !isAnswered;\n \n updateProgress();\n }\n\n function calculateResults() {\n let score = 0;\n DRILLS.forEach((d, i) => {\n if (answers[i] === d.correct) {\n score++;\n }\n });\n\n el.quizMain.style.display = 'none';\n el.resultScreen.style.display = 'block';\n const percent = Math.round((score \/ DRILLS.length) * 100);\n \n el.finalScore.textContent = percent + '%';\n \n const emoji = percent >= 80 ? '\ud83c\udfc6' : '\ud83d\udc4d';\n const title = percent >= 80 ? 'Pemahaman Luar Biasa!' : 'Awal yang Baik';\n \n el.resultEmoji.textContent = emoji;\n el.resultTitle.textContent = title;\n }\n\n el.nextBtn.addEventListener('click', () => {\n if (current < DRILLS.length - 1) {\n current++;\n renderQuestion();\n } else {\n calculateResults();\n }\n });\n\n el.prevBtn.addEventListener('click', () => {\n if (current > 0) {\n current--;\n renderQuestion();\n }\n });\n\n \/\/ Initial render\n renderQuestion();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-5b3bc5e8\">\n\n<div class=\"gb-headline gb-headline-2f04cb32 gb-headline-text gbp-section__tagline\">Integritas Stringing<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bba2ffc2 gb-headline-text gbp-section__headline\">Spesifikasi <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Terbukti<\/mark><\/h2>\n\n\n\n<p>Pendekatan stringing kami didasarkan pada parameter material terverifikasi yang digunakan oleh profesional papan atas. Kami memprioritaskan keamanan lengan, evaluasi senar yang tepat, dan efisiensi gaya bermain di atas sekadar tren pound (lbs).<\/p>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-2631a86b\">\n<div class=\"gb-grid-column gb-grid-column-670ee1e4\"><div class=\"gb-container gb-container-670ee1e4\">\n\n<div class=\"gb-headline gb-headline-4ffecd9e gb-headline-text\">15+<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-a40d5ff4 gb-headline-text\">Tahun Menganalisis Senar<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-36c23c60\"><div class=\"gb-container gb-container-36c23c60\">\n\n<div class=\"gb-headline gb-headline-3944b2ff gb-headline-text\">100%<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-5dd5c27e gb-headline-text\">Akurasi Paun (lbs)<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-325bb028\"><div class=\"gb-container gb-container-325bb028\">\n\n<div class=\"gb-headline gb-headline-fb0a55b1 gb-headline-text\">Aman<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-135bc509 gb-headline-text\">Penanganan Material<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-b38becfe\"><div class=\"gb-container gb-container-b38becfe\">\n\n<div class=\"gb-headline gb-headline-7c2857fd gb-headline-text\">4<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-7d08250a gb-headline-text\">Langkah Alur Material<\/div>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Perbandingan Natural Gut vs. Alternatif Sintetis<\/title>\n<style>\n\/* WordPress Conflict Fixes:\n 1. Everything is scoped under #bsw-racquet-comparison\n 2. All class names are prefixed with \"bsw-\" to prevent clashes\n 3. Added specific overrides for common WP theme table defaults (borders, padding, background)\n*\/\n\n#bsw-racquet-comparison {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 20px 0;\n max-width: 100%;\n line-height: 1.5;\n color: #333;\n}\n\n#bsw-racquet-comparison * {\n box-sizing: border-box;\n}\n\n#bsw-racquet-comparison .bsw-header {\n text-align: center;\n margin-bottom: 20px;\n color: #2a3f90;\n font-size: 1.3em;\n font-weight: bold;\n line-height: 1.3;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Desktop Table View *\/\n#bsw-racquet-comparison .bsw-table {\n width: 100% !important;\n border-collapse: separate !important;\n border-spacing: 0 !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n border-radius: 8px;\n overflow: hidden;\n display: table !important;\n background: #fff;\n margin: 0;\n padding: 0;\n border: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table th,\n#bsw-racquet-comparison .bsw-table td {\n padding: 14px !important;\n text-align: left !important;\n vertical-align: top !important;\n border: none !important;\n border-bottom: 1px solid #e0e0e0 !important;\n background: none;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-table th {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%) !important;\n color: white !important;\n font-weight: 600 !important;\n font-size: 0.95em !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:last-child td {\n border-bottom: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:nth-child(even) td:not(.bsw-highlight) {\n background-color: #f8f9fa !important;\n}\n\n#bsw-racquet-comparison .bsw-table td:first-child {\n font-weight: 600;\n color: #1a2980;\n width: 20%;\n font-size: 0.9em;\n}\n\n#bsw-racquet-comparison .bsw-table td:nth-child(2) {\n color: #555;\n border-right: 1px solid #e0e0e0 !important;\n width: 40%;\n font-size: 0.85em;\n}\n\n#bsw-racquet-comparison .bsw-highlight {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3)) !important;\n width: 40%;\n border-left: 4px solid #37ba2b !important;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-highlight::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n\/* Mobile Card View *\/\n#bsw-racquet-comparison .bsw-mobile-cards {\n display: none;\n}\n\n#bsw-racquet-comparison .bsw-card {\n background: white;\n border-radius: 8px;\n margin-bottom: 16px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n}\n\n#bsw-racquet-comparison .bsw-card-header {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%);\n color: white;\n padding: 12px;\n font-weight: 600;\n font-size: 1em;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-card-content {\n padding: 16px;\n}\n\n#bsw-racquet-comparison .bsw-row {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#bsw-racquet-comparison .bsw-row:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n}\n\n#bsw-racquet-comparison .bsw-trad-opt {\n background-color: #f8f9fa;\n padding: 10px;\n border-radius: 4px;\n margin-bottom: 12px;\n font-size: 0.85em;\n color: #555;\n border-left: 3px solid #ccc;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3));\n padding: 10px;\n border-radius: 4px;\n border-left: 4px solid #37ba2b;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n}\n\n#bsw-racquet-comparison .bsw-label {\n font-weight: 700;\n font-size: 0.75em;\n margin-bottom: 6px;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: block;\n}\n\n\/* Responsive Breakpoints *\/\n@media (max-width: 768px) {\n #bsw-racquet-comparison .bsw-table {\n display: none !important;\n }\n #bsw-racquet-comparison .bsw-mobile-cards {\n display: block !important;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1.1em;\n padding: 0 10px;\n }\n}\n\n@media (max-width: 480px) {\n #bsw-racquet-comparison {\n margin: 10px 0;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1em;\n }\n #bsw-racquet-comparison .bsw-card-content {\n padding: 12px;\n }\n #bsw-racquet-comparison .bsw-row {\n margin-bottom: 12px;\n padding-bottom: 12px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-racquet-comparison\">\n <div class=\"bsw-header\">Perbandingan Natural Gut vs. Alternatif Sintetis<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Aspek Material<\/th>\n <th>Natural Gut (Premium)<\/th>\n <th>Poli \/ Sintetis (Modern)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Elastisitas & Tenaga<\/td>\n <td>Elastisitas luar biasa; bertindak seperti trampolin untuk kedalaman pukulan yang mudah.<\/td>\n <td class=\"bsw-highlight\">Lebih kaku; membutuhkan momentum ayunan pemain itu sendiri untuk menghasilkan tenaga.<\/td>\n <\/tr>\n <tr>\n <td>Kenyamanan & Peredaman<\/td>\n <td>Acuan absolut untuk kenyamanan lengan dan penyerapan getaran.<\/td>\n <td class=\"bsw-highlight\">Bisa keras bagi lengan; synthetic gut lebih baik, poli adalah yang paling kaku.<\/td>\n <\/tr>\n <tr>\n <td>Stabilitas Paun (lbs)<\/td>\n <td>Mempertahankan pound (lbs) dengan sangat baik hingga saat ia putus.<\/td>\n <td class=\"bsw-highlight\">Poliester kehilangan tegangannya dengan sangat cepat dan menjadi “mati.”<\/td>\n <\/tr>\n <tr>\n <td>Daya Tahan (Gesekan)<\/td>\n <td>Serat dapat terkikis dengan cepat di bawah gesekan topspin yang berat.<\/td>\n <td class=\"bsw-highlight\">Poliester sangat tahan terhadap gesekan, ideal untuk pemain topspin agresif.<\/td>\n <\/tr>\n <tr>\n <td>Biaya & Nilai<\/td>\n <td>Biaya awal termahal karena proses pembuatan yang rumit.<\/td>\n <td class=\"bsw-highlight\">Jauh lebih hemat biaya untuk pemain yang senarnya sering putus.<\/td>\n <\/tr>\n <tr>\n <td>Tingkat Kesulitan Stringing<\/td>\n <td>Rapuh; membutuhkan penanganan yang lambat, presisi, serta pra-regang yang hati-hati.<\/td>\n <td class=\"bsw-highlight\">Kuat dan tidak mudah tertekuk selama proses pasang tali raket.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"bsw-mobile-cards\">\n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Elastisitas & Kenyamanan<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Natural Gut (Premium):<\/span>\n <div class=\"bsw-trad-opt\">Elastisitas luar biasa; bertindak seperti trampolin untuk kedalaman pukulan yang mudah. Acuan absolut untuk kenyamanan lengan dan penyerapan getaran.<\/div>\n <span class=\"bsw-label\">Poli \/ Sintetis (Modern):<\/span>\n <div class=\"bsw-modern-opt\">Lebih kaku; membutuhkan momentum ayunan pemain itu sendiri untuk menghasilkan tenaga. Bisa keras bagi lengan; synthetic gut lebih baik, poli adalah yang paling kaku.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Stabilitas Paun (lbs) & Daya Tahan<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Natural Gut (Premium):<\/span>\n <div class=\"bsw-trad-opt\">Mempertahankan pound (lbs) dengan sangat baik hingga saat ia putus. Serat dapat terkikis dengan cepat di bawah gesekan topspin yang berat.<\/div>\n <span class=\"bsw-label\">Poli \/ Sintetis (Modern):<\/span>\n <div class=\"bsw-modern-opt\">Poliester kehilangan tegangannya dengan sangat cepat dan menjadi “mati.” Poliester sangat tahan terhadap gesekan, ideal untuk pemain topspin agresif.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Biaya & Tingkat Kesulitan Stringing<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Natural Gut (Premium):<\/span>\n <div class=\"bsw-trad-opt\">Biaya awal termahal karena proses pembuatan yang rumit. Rapuh; membutuhkan penanganan yang lambat, presisi, serta pra-regang yang hati-hati.<\/div>\n <span class=\"bsw-label\">Poli \/ Sintetis (Modern):<\/span>\n <div class=\"bsw-modern-opt\">Jauh lebih hemat biaya untuk pemain yang senarnya sering putus. Kuat dan tidak mudah tertekuk selama proses pasang tali raket.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n<div class=\"gb-container gb-container-69063730 gbp-section\">\n<div class=\"gb-container gb-container-c192804a gbp-section__inner\">\n<div class=\"gb-container gb-container-26552703\">\n\n<div class=\"gb-headline gb-headline-27edcbd1 gb-headline-text gbp-section__tagline\">Konsultasi<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bda1dc9d gb-headline-text gbp-section__headline\">Kuasai <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Pengetahuan Stringing Anda<\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">bersama Best Stringer Worldwide<\/mark><\/h2>\n\n\n\n<p><br>Siap untuk meningkatkan pengetahuan Anda? Best Stringer Worldwide menawarkan kursus pasang tali raket profesional untuk mengajarkan Anda bagaimana natural gut dan material premium lainnya memengaruhi performa secara aman. Kami melayani Stringer di seluruh dunia, terutama di Singapura, Hong Kong, Malaysia, Indonesia, Inggris, Prancis, dan Eropa. Hubungi kami untuk mempelajari lebih lanjut tentang sertifikasi Stringer dan menguasai pengaturan premium.<\/p>\n\n\n<div class=\"gb-container gb-container-4aa6efd2\">\n\n<a class=\"gb-button gb-button-1b494854 gb-button-text gbp-button--secondary\" href=\"https:\/\/beststringer.com\/stringing-course-application\/\">Pendaftaran<\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-ef62c7ce\">\n\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3983.512110481107!2d101.72853037497148!3d3.22182909675331!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc3940e852d0e3%3A0xe7b0509976b40fd3!2sBest%20Stringer%20Worldwide%20(BSW)!5e0!3m2!1sen!2smy!4v1771591572052!5m2!1sen!2smy\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>FAQ Cepat Natural Gut Jawaban cepat berdasarkan definisi untuk pertanyaan umum tentang senar tenis natural gut. Mekanika Elastisitas: Mengapa Natural Gut Penting Simulator Manajemen Gesekan Natural Gut BSW Seni Pasang Tali Raket Natural Gut Natural gut sangat tangguh terhadap benturan langsung tetapi menderita akibat gesekan parah. Ketuk titik interaksi untuk memeriksa, lalu pilih kecepatan tarik … <a title=\"Sejarah Bahan Senar Tenis – Natural Gut\" class=\"read-more\" href=\"https:\/\/beststringer.com\/id\/tennis-string-materials-history-natural-gut\/\" aria-label=\"Baca selengkapnya tentang Sejarah Bahan Senar Tenis – Natural Gut\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":71875,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[387],"tags":[],"class_list":["post-78866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tennis","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/posts\/78866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/comments?post=78866"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/posts\/78866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/media\/71875"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/media?parent=78866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/categories?post=78866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/tags?post=78866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}