{"id":77310,"date":"2026-04-20T05:28:17","date_gmt":"2026-04-20T05:28:17","guid":{"rendered":"https:\/\/beststringer.com\/understanding-frame-stiffness-and-power\/"},"modified":"2026-05-14T07:21:47","modified_gmt":"2026-05-14T07:21:47","slug":"understanding-frame-stiffness-and-power","status":"publish","type":"post","link":"https:\/\/beststringer.com\/id\/understanding-frame-stiffness-and-power\/","title":{"rendered":"Memahami Kekakuan Frame dan Tenaga"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Diagram<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Dinamika Bingkai<\/strong><\/h5>\n\n\n\n

Memahami Kekakuan Bingkai<\/mark> dan Tenaga<\/mark><\/strong><\/h2>\n\n\n\n

Salah satu konsep paling esensial dalam perlengkapan badminton adalah bagaimana kekakuan bingkai memengaruhi transfer tenaga. Saat semua kondisi lainnya sama, bingkai raket badminton yang lebih kaku biasanya akan menghasilkan tenaga yang lebih besar. Ini terjadi karena bingkai yang lebih kokoh mengalami lebih sedikit deformasi saat benturan, mengurangi kehilangan tenaga yang tidak diinginkan dan memberikan respons shuttlecock yang sangat langsung.

Meskipun bingkai yang lebih kaku secara struktural mampu mengembalikan lebih banyak kekuatan pada shuttlecock, itu bukan jaminan ajaib untuk performa yang lebih baik bagi semua orang. Bingkai yang lebih kaku menuntut timing ayunan yang sangat baik dan kontak shuttlecock yang presisi. Jika teknik Anda tidak konsisten, kekakuan bingkai akan menghasilkan rasa kasar dan pukulan yang lebih lemah, alih-alih tenaga yang eksplosif.

Inilah sebabnya mengapa saran pengaturan yang tepat sangat penting. Langkah 1: Pahami bahwa bingkai yang lebih kaku memaksimalkan tenaga hanya pada pukulan yang bersih. Langkah 2: Evaluasi kecepatan ayunan dan kekuatan Anda sendiri dengan jujur. Langkah 3: Konsultasikan dengan Stringer Bertauliah Internasional untuk menyeimbangkan kekakuan bingkai alami raket Anda dengan pound (lbs) tali yang secara sempurna melengkapi tingkat permainan Anda.<\/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.2 Fisika Benturan<\/strong><\/h5>\n\n\n\n

Fisika Perlengkapan: Deformasi<\/mark> dan Transfer Tenaga<\/mark><\/strong><\/h2>\n\n\n\n

Untuk memahami mengapa bingkai raket badminton yang lebih kaku menghasilkan lebih banyak tenaga, Anda harus melihat pada momen pasti benturan. Saat shuttlecock mengenai tapak tali dengan kecepatan tinggi, bingkai yang fleksibel akan sedikit melengkung dan terpelintir di bawah tekanan. Deformasi bingkai ini menyerap sebagian energi ayunan Anda, yang berarti lebih sedikit energi yang ditransfer kembali ke kecepatan keluar shuttlecock.

Sebaliknya, bingkai yang lebih kaku mempertahankan integritas strukturalnya dengan sangat baik selama benturan. Dengan menahan deformasi, bingkai yang kokoh bertindak sebagai dasar yang solid untuk tapak tali. Energi dari ayunan Anda disalurkan dengan kuat dan langsung ke shuttlecock, menghasilkan smash yang lebih berat dan lebih tajam.

Namun, respons shuttlecock langsung ini datang dengan kompromi. Karena bingkai tidak melengkung untuk menyerap guncangan, ia kurang memaafkan dan menyalurkan lebih banyak getaran ke lengan Anda pada pukulan meleset. Mengevaluasi apakah Anda dapat menangani rasa yang menuntut ini adalah bagian penting dari pemilihan raket untuk setiap pemain badminton yang serius.<\/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 Perbedaan Kekakuan<\/strong><\/h5>\n\n\n\n

Memahami Kekakuan Bingkai<\/mark> vs Kekakuan Batang<\/mark><\/strong><\/h2>\n\n\n\n

Meskipun klaim bahwa bingkai yang lebih kaku menghasilkan lebih banyak tenaga secara teknis benar, pemain sering bingung antara kekakuan bingkai dengan kekakuan batang. Kekakuan bingkai murni merujuk pada kekakuan kepala raket pada momen benturan shuttlecock. Kekakuan batang merujuk pada seberapa banyak raket melengkung di dekat pegangan selama ayunan Anda.

Anda bisa memiliki raket dengan bingkai yang sangat kaku untuk transfer tenaga langsung, dipadukan dengan batang fleksibilitas sedang untuk membantu timing dan kecepatan ayunan. Jika bingkai dan batang keduanya sangat kaku, raket akan menuntut teknik yang tanpa cacat, menghukum setiap pukulan yang sedikit meleset dengan getaran yang sangat kasar dan mengganggu.

Oleh karena itu, pemain tingkat lanjut dengan kecepatan ayunan eksplosif dapat sepenuhnya membuka potensi kombinasi bingkai kaku\/batang kaku. Untuk pemain tingkat menengah, menemukan raket dengan bingkai kaku (untuk benturan yang tajam) tetapi perilaku batang yang sedikit lebih memaafkan sering kali menjadi kunci untuk memaksimalkan kenyamanan dan kecepatan murni shuttlecock.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Perbandingan<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.4 Interaksi Tapak Tali<\/strong><\/h5>\n\n\n\n

Bagaimana Pengaturan Tali<\/mark> Mengubah Pengalaman Bingkai Kaku<\/mark><\/strong><\/h2>\n\n\n\n

Bahkan bingkai raket badminton yang paling kaku dan bertenaga dapat terasa sama sekali tidak responsif jika pengaturan talinya salah. Seorang Stringer Bertauliah Internasional tahu bahwa pound (lbs) berinteraksi langsung dengan kekakuan bingkai.<\/p>\n\n\n\n

Pound (lbs) Tali dan Rasa Tenaga.<\/strong> Memasang tali pada bingkai yang sudah kaku dengan pound (lbs) yang terlalu tinggi (28+ lbs) menciptakan pengaturan dengan hampir nol deformasi. Jika Anda tidak memiliki kecepatan ayunan profesional, pengaturan ini akan terasa seperti memukul dengan papan kayu. Menurunkan pound (lbs) memungkinkan tapak tali melentur dan memberikan kedalaman yang mudah, melembutkan kekerasan dari bingkai yang kaku.<\/p>\n\n\n\n

Peran Kualitas Stringing.<\/strong> Konsistensi stringing yang buruk dapat sepenuhnya membingungkan umpan balik pemain. Jika pound (lbs) tidak merata, raket akan terasa tidak stabil dan lemah, mengarahkan pemain untuk keliru menyalahkan kekakuan bingkai.<\/p>\n\n\n\n

Pengaruh Stringer.<\/strong> Inilah sebabnya setiap kursus pasang tali raket badminton yang bereputasi mengajarkan sinergi pengaturan. Seorang Stringer badminton terlatih harus menganalisis kekakuan bingkai Anda dan menyesuaikan pound (lbs) untuk mengoptimalkan generasi tenaga spesifik Anda, alih-alih hanya menarik tali ke angka acak.<\/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 Kesalahan Umum<\/strong><\/h5>\n\n\n\n

Kesalahpahaman Umum Kekakuan Bingkai<\/mark><\/strong><\/h2>\n\n\n\n

Kesalahan 1: Percaya Kaku Berarti Tenaga Instan.<\/strong>
Walaupun bingkai raket badminton yang lebih kaku dapat menghasilkan tenaga yang lebih besar pada benturan yang sempurna, ia tidak menciptakan energi secara ajaib. Jika ayunan Anda lambat atau timing Anda meleset, kekakuan justru akan membuat raket terasa tidak bertenaga dan tidak memaafkan.<\/p>\n\n\n\n

Kesalahan 2: Membingungkan Kekakuan Bingkai dan Batang.<\/strong>
Banyak pemain membeli raket ‘ekstra kaku’ dengan mengharapkan tenaga bingkai murni, hanya untuk menemukan bahwa batangnya juga terlalu kaku untuk melengkung selama ayunan mereka, yang sepenuhnya merusak kedalaman pukulan clear (lob) mereka.<\/p>\n\n\n\n

Kesalahan 3: Mengabaikan Saran Stringer.<\/strong>
Menyalahkan bingkai karena terasa ‘mati’ tanpa menganalisis pengaturan tali adalah kesalahan yang sering terjadi. Dalam banyak kasus, berkonsultasi dengan Stringer badminton terlatih untuk sedikit menurunkan pound (lbs) akan langsung memulihkan rasa tenaga dari bingkai yang kaku.<\/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.6 Kerangka Pemilihan<\/strong><\/h5>\n\n\n\n

Panduan Pengaturan Tenaga Praktis<\/mark> Untuk Pemain<\/mark><\/strong><\/h2>\n\n\n\n

Saat mencari respons pukulan meleset yang lebih stabil, memahami batasan Anda sendiri adalah hal yang vital. Gunakan panduan ini untuk menavigasi kekakuan bingkai dengan aman:<\/p>\n\n\n\n

Langkah 1: Nilai Kualitas Kontak Anda.<\/strong> Dapatkah Anda secara konsisten mengenai sweet spot? Bingkai yang lebih kaku akan menghadiahi pukulan yang bersih dengan transfer energi yang besar, tetapi jika Anda sering memukul meleset, kekerasan dan kurangnya toleransi akan melebihi manfaat tenaganya.<\/p>\n\n\n\n

Langkah 2: Periksa Dinamika Raket Secara Keseluruhan.<\/strong> Evaluasi kekakuan bingkai bersama dengan berat raket dan keseimbangan. Raket kaku yang berat di kepala (head-heavy) adalah senjata bertenaga mutlak, tetapi menuntut kekuatan fisik elit untuk berayun dengan cepat.<\/p>\n\n\n\n

Langkah 3: Modifikasi dengan Pound (lbs) Tali.<\/strong> Gunakan jenis dan pound (lbs) tali untuk menyempurnakan rasa. Jika bingkai kaku baru Anda terasa terlalu menghukum, minta Stringer Anda untuk menurunkan pound (lbs) sebanyak 1-2 lbs untuk meningkatkan deformasi tapak tali dan memulihkan 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.7 Pembelajaran Lanjutan<\/strong><\/h5>\n\n\n\n

Nilai Sertifikasi Stringer<\/mark><\/strong><\/h2>\n\n\n\n

Penguasaan perlengkapan yang sesungguhnya melampaui klaim pemasaran sederhana. Inilah sebabnya kursus pasang tali raket badminton profesional menekankan interaksi antara kekakuan bingkai, respons tapak tali, dan kemampuan pemain yang sebenarnya.<\/p>\n\n\n\n

Di Best Stringer Worldwide, kami melatih Stringer untuk memahami bahwa bingkai yang lebih kaku membatasi deformasi dan meningkatkan transfer tenaga, tetapi hanya jika teknik pemain dapat mendukungnya. Seorang Stringer Bertauliah Internasional tidak akan secara membabi buta menyarankan pound (lbs) tinggi pada bingkai yang kaku jika pemain sudah kesulitan dengan kenyamanan.<\/p>\n\n\n\n

Sertifikasi Stringer memastikan bahwa saran teknis didasarkan pada kenyataan. Dengan memahami fisika deformasi bingkai raket badminton, Stringer kami memberikan rekomendasi pengaturan yang benar-benar meningkatkan generasi tenaga Anda sekaligus melindungi lengan Anda.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

FAQ Cepat Kekakuan Bingkai<\/mark><\/h2>\n\n\n\n

Jawaban yang jelas dan jujur tentang bagaimana kekakuan bingkai berdampak pada tenaga dan respons shuttlecock Anda.<\/p>\n\n\n

\n
\n\n

Apakah bingkai raket badminton yang lebih kaku menghasilkan lebih banyak tenaga<\/mark>?<\/h3>\n\n\n\n

Ya, pada kondisi yang serupa. Bingkai yang lebih kaku mengalami lebih sedikit deformasi saat benturan shuttlecock. Karena ia tidak melengkung dan menyerap energi ayunan Anda, ia mentransfer kekuatan tersebut lebih efisien ke shuttlecock, menghasilkan kecepatan keluar yang lebih berat dan lebih cepat.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa bingkai yang lebih kaku dapat terasa lebih bertenaga<\/mark>?<\/h3>\n\n\n\n

Ia memberikan dasar yang jauh lebih kokoh untuk tapak tali. Alih-alih seluruh kepala melengkung ke belakang saat mengenai shuttlecock, bingkai yang lebih kaku tetap solid, menciptakan respons shuttlecock yang sangat tajam dan langsung yang terasa sangat responsif pada pukulan yang bersih.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah kekakuan bingkai sama dengan kekakuan batang<\/mark>?<\/h3>\n\n\n\n

Tidak. Kekakuan bingkai berkaitan dengan kekakuan kepala raket pada momen pasti benturan. Kekakuan batang menentukan bagaimana tiang panjang raket melengkung dan menendang kembali selama fase ayunan yang sebenarnya sebelum benturan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah bingkai yang lebih kaku cocok untuk setiap pemain badminton<\/mark>?<\/h3>\n\n\n\n

Tidak. Karena ia menyerap sangat sedikit energi benturan, ia jauh lebih tidak memaafkan. Pukulan meleset akan bergetar dengan keras, dan jika pemain kurang memiliki timing dan kecepatan ayunan untuk menghasilkan tenaga, raket justru akan terasa sulit dan menghukum untuk digunakan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Dapatkah pound (lbs) tali mengubah rasa tenaga<\/mark>?<\/h3>\n\n\n\n

Ya, secara signifikan. Jika Anda memadukan bingkai kaku dengan pound (lbs) tali yang sangat tinggi, tapak tali juga tidak akan mengalami deformasi, menghasilkan rasa “mati” bagi sebagian besar pemain. Menurunkan pound (lbs) memungkinkan tali menjadi trampolin, mengembalikan kemudahan penggunaan pada bingkai yang kaku.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa stringing yang buruk dapat membingungkan umpan balik pemain<\/mark>?<\/h3>\n\n\n\n

Jika kualitas stringing tidak konsisten, pound (lbs) turun dengan cepat atau tidak merata. Ini menciptakan zona mati pada tapak tali, membuat bingkai kaku yang bertenaga terasa tidak jelas atau lemah, mengarahkan pemain untuk salah menilai kemampuan raket yang sebenarnya.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apa yang harus dipertimbangkan Stringer sebelum memberi saran<\/mark>?<\/h3>\n\n\n\n

Seorang Stringer badminton harus menilai teknik pemain dan batas kenyamanan. Menyarankan bingkai yang sangat kaku memerlukan verifikasi bahwa pemain dapat menangani berkurangnya rasa toleransi dan menyesuaikan pound (lbs) tali untuk mencegah cedera lengan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa sertifikasi dan pengetahuan kursus penting<\/mark>?<\/h3>\n\n\n\n

Kursus pasang tali raket badminton mengajarkan fisika deformasi bingkai dan sinergi pengaturan. Sertifikasi Stringer menjamin profesional memahami cara memanipulasi pound (lbs) tali untuk melengkapi respons tenaga secara sempurna dari bingkai yang lebih kaku.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Dapatkah bingkai fleksibel memukul lebih keras<\/mark>?<\/h3>\n\n\n\n

Ya, untuk pemain tertentu. Jika pemain memiliki ayunan yang lebih lambat, bingkai dan batang yang lebih fleksibel akan bertindak seperti ketapel, menghasilkan kedalaman mudah yang tidak dapat mereka capai dengan raket yang lebih kaku dan menuntut. Seorang Stringer Bertauliah Internasional membantu menemukan keseimbangan ini.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Fisika Tenaga: Mengapa Kekakuan Bingkai Penting<\/mark><\/h2>\n\n\n\n\n\n\n \n \n Kekakuan & Transfer Tenaga<\/title>\n <style>\n \/* Scoped styles for WordPress safety *\/\n .tne-wrapper {\n --bg-color: #ffffff;\n --panel-bg: #f0f4f8;\n --text-main: #0f172a;\n --text-muted: #64748b;\n --accent-flex: #0ea5e9; \n --accent-stiff: #ef4444; \n --frame-dark: #0f172a;\n --frame-mid: #334155;\n --string-color: #cbd5e1;\n --border-color: #cbd5e1;\n --grid-line: rgba(15, 23, 42, 0.08);\n --hud-bg: rgba(15, 23, 42, 0.95);\n --hud-text: #38bdf8;\n --hud-alert: #f87171;\n \n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 950px;\n margin: 0 auto;\n background: var(--bg-color);\n border-radius: 16px;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);\n border: 1px solid var(--border-color);\n overflow: hidden;\n color: var(--text-main);\n line-height: 1.5;\n user-select: none;\n }\n\n .tne-wrapper * { box-sizing: border-box; }\n\n .tne-header {\n padding: 30px 20px 20px;\n text-align: center;\n border-bottom: 1px solid var(--border-color);\n background-color: var(--bg-color);\n position: relative;\n overflow: hidden;\n }\n\n \/* Top header subtle tech styling *\/\n .tne-header::before {\n content: \"PELAJARAN INTERAKTIF\";\n position: absolute;\n top: 10px; right: 20px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 0.7rem;\n color: var(--text-muted);\n letter-spacing: 2px;\n }\n\n .tne-header h2 {\n font-size: 1.8rem;\n font-weight: 800;\n margin: 0 0 12px 0;\n color: var(--text-main);\n letter-spacing: -0.5px;\n text-transform: uppercase;\n }\n\n .tne-header p {\n color: var(--text-muted);\n font-size: 0.95rem;\n max-width: 750px;\n margin: 0 auto;\n }\n\n .tne-stage {\n display: flex;\n padding: 30px 20px 40px;\n gap: 20px;\n background: #e2e8f0; \/* Darker backplate for contrast *\/\n }\n\n @media (max-width: 800px) {\n .tne-stage { flex-direction: column; padding: 20px 15px; }\n }\n\n .tne-panel {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--panel-bg);\n border-radius: 8px;\n border: 1px solid #94a3b8;\n position: relative;\n overflow: hidden;\n box-shadow: inset 0 0 40px rgba(0,0,0,0.05);\n }\n\n \/* Scientific Grid Background & Crosshairs *\/\n .tne-panel::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-size: 20px 20px;\n background-image: \n linear-gradient(to right, var(--grid-line) 1px, transparent 1px),\n linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);\n z-index: 0;\n pointer-events: none;\n }\n \n .tne-panel::after {\n content: \"\";\n position: absolute;\n left: 50%; top: 0; bottom: 0;\n width: 1px;\n background: rgba(15, 23, 42, 0.2);\n z-index: 0;\n pointer-events: none;\n border-left: 1px dashed rgba(15, 23, 42, 0.4);\n }\n\n \/* Scanner Line Animation *\/\n .tne-scanner {\n position: absolute;\n top: -100px; left: 0; right: 0; height: 100px;\n background: linear-gradient(to bottom, transparent, rgba(14, 165, 233, 0.1) 90%, rgba(14, 165, 233, 0.4) 100%);\n z-index: 1;\n pointer-events: none;\n animation: tneScan 4s linear infinite;\n }\n @keyframes tneScan {\n 0% { transform: translateY(-10%); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(600%); opacity: 0; }\n }\n\n .tne-panel-header {\n position: relative;\n z-index: 2;\n width: 100%;\n padding: 20px 20px 10px;\n text-align: center;\n }\n\n .tne-racket-title {\n font-size: 1.1rem;\n font-weight: 800;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .tne-badge {\n font-size: 0.7rem;\n padding: 4px 8px;\n border-radius: 4px;\n font-weight: 700;\n text-transform: uppercase;\n font-family: 'Courier New', Courier, monospace;\n letter-spacing: 0.5px;\n background: var(--hud-bg);\n border: 1px solid var(--hud-text);\n }\n .tne-badge-flex { color: var(--accent-flex); border-color: var(--accent-flex); }\n .tne-badge-stiff { color: var(--accent-stiff); border-color: var(--accent-stiff); }\n\n \/* ADVANCED HUD Telemetry Display *\/\n .tne-hud {\n position: absolute;\n top: 70px;\n left: 15px;\n background: var(--hud-bg);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 4px;\n padding: 12px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 0.75rem;\n z-index: 10;\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n pointer-events: none;\n width: 180px;\n color: #94a3b8;\n }\n .tne-hud::before {\n content: \"DATA LANGSUNG\";\n display: block;\n font-size: 0.6rem;\n color: #10b981;\n margin-bottom: 8px;\n animation: tneBlink 1.5s infinite;\n }\n @keyframes tneBlink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }\n\n .tne-hud-row {\n display: flex;\n justify-content: space-between;\n margin-bottom: 6px;\n border-bottom: 1px dashed rgba(255,255,255,0.1);\n padding-bottom: 2px;\n }\n .tne-hud-row:last-child { margin-bottom: 0; border-bottom: none; }\n .tne-hud-val { font-weight: 800; font-size: 0.85rem; }\n \n .tne-hud-flex .tne-hud-val { color: var(--accent-flex); text-shadow: 0 0 5px rgba(14, 165, 233, 0.5); }\n .tne-hud-stiff .tne-hud-val { color: var(--accent-stiff); text-shadow: 0 0 5px rgba(239, 68, 68, 0.5); }\n\n \/* Energy Progress Bar in HUD *\/\n .tne-hud-bar-bg {\n width: 100%;\n height: 4px;\n background: #334155;\n margin-top: 4px;\n border-radius: 2px;\n overflow: hidden;\n }\n .tne-hud-bar-fill {\n height: 100%;\n width: 0%;\n background: #10b981;\n box-shadow: 0 0 8px #10b981;\n }\n\n \/* Interactive Zone *\/\n .tne-interaction-zone {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n cursor: pointer;\n position: relative;\n touch-action: none;\n z-index: 2;\n padding-bottom: 24px;\n }\n\n .tne-svg-wrap {\n width: 100%;\n max-width: 280px;\n aspect-ratio: 2 \/ 3.2;\n overflow: visible;\n pointer-events: none;\n margin-top: 10px;\n }\n\n .tne-instruction {\n margin-top: 15px;\n font-size: 0.85rem;\n font-weight: 800;\n color: var(--text-main);\n padding: 10px 24px;\n border: 2px solid var(--text-main);\n border-radius: 6px;\n background: #ffffff;\n transition: all 0.2s;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 4px 4px 0px rgba(15, 23, 42, 0.1);\n }\n\n \/* SVG Components *\/\n .tne-pivot {\n transform-origin: 150px 280px;\n transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .tne-shuttle { opacity: 0; }\n .tne-speed-trail { opacity: 0; }\n .tne-arc { opacity: 0; stroke-dasharray: 4,4; transition: opacity 0.3s; }\n .tne-stress-node { opacity: 0; transition: opacity 0.5s; }\n .tne-crosshair { stroke: rgba(15, 23, 42, 0.3); stroke-width: 1; fill: none; }\n\n \/* ================= STATES ================= *\/\n \n \/* 1. Pulling State *\/\n .tne-panel.is-pulling .tne-instruction {\n background: var(--text-main);\n color: #ffffff;\n transform: translate(2px, 2px);\n box-shadow: 2px 2px 0px rgba(15, 23, 42, 0.1);\n }\n .tne-panel.is-pulling .tne-shuttle { opacity: 1; transition: opacity 0.3s; }\n .tne-panel.is-pulling .tne-arc { opacity: 1; }\n .tne-panel.is-pulling .tne-stress-node { opacity: 1; }\n \n \/* Flex specific pull *\/\n .tne-panel-flex.is-pulling .tne-pivot { transform: rotate(-24.5deg); transition: transform 1.2s cubic-bezier(0.1, 0.7, 0.1, 1); }\n .tne-panel-flex.is-pulling .tne-hud-bar-fill { background: var(--accent-flex); box-shadow: 0 0 8px var(--accent-flex); }\n\n \/* Stiff specific pull *\/\n .tne-panel-stiff.is-pulling .tne-pivot { transform: rotate(-6.2deg); transition: transform 1.2s cubic-bezier(0.1, 0.7, 0.1, 1); }\n .tne-panel-stiff.is-pulling .tne-hud-bar-fill { background: var(--accent-stiff); box-shadow: 0 0 8px var(--accent-stiff); }\n\n \/* 2. Shooting State *\/\n @keyframes flexSnap {\n 0% { transform: rotate(calc(var(--snap-angle, -24.5) * 1deg)); }\n 20% { transform: rotate(calc(var(--snap-angle, -24.5) * -0.4deg)); }\n 50% { transform: rotate(calc(var(--snap-angle, -24.5) * 0.15deg)); }\n 100% { transform: rotate(0deg); }\n }\n @keyframes flexFly {\n 0% { transform: translate(12px, 0); opacity: 1; }\n 90% { transform: translate(250px, 15px); opacity: 1; } \n 100% { transform: translate(260px, 15px); opacity: 0; }\n }\n\n .tne-panel-flex.is-shooting .tne-pivot { animation: flexSnap var(--snap-dur, 0.8s) ease-out forwards; }\n .tne-panel-flex.is-shooting .tne-shuttle { animation: flexFly var(--fly-dur, 0.7s) ease-out forwards; }\n \n @keyframes stiffSnap {\n 0% { transform: rotate(calc(var(--snap-angle, -6.2) * 1deg)); }\n 15% { transform: rotate(calc(var(--snap-angle, -6.2) * -0.3deg)); }\n 40% { transform: rotate(calc(var(--snap-angle, -6.2) * 0.15deg)); }\n 100% { transform: rotate(0deg); }\n }\n @keyframes stiffFly {\n 0% { transform: translate(12px, 0); opacity: 1; }\n 90% { transform: translate(400px, 0); opacity: 1; } \n 100% { transform: translate(420px, 0); opacity: 0; }\n }\n @keyframes speedTrails {\n 0% { opacity: 0; transform: scaleX(0.5); }\n 10% { opacity: 1; transform: scaleX(1.2); }\n 60% { opacity: 0; transform: scaleX(2) translate(50px, 0); }\n 100% { opacity: 0; }\n }\n\n .tne-panel-stiff.is-shooting .tne-pivot { animation: stiffSnap var(--snap-dur, 0.6s) ease-out forwards; }\n .tne-panel-stiff.is-shooting .tne-shuttle { animation: stiffFly var(--fly-dur, 0.3s) ease-out forwards; }\n .tne-panel-stiff.is-shooting .tne-speed-trail { animation: speedTrails var(--fly-dur, 0.3s) ease-out forwards; }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"tne-wrapper\">\n <div class=\"tne-header\">\n <h2>Kekakuan & Tenaga<\/h2>\n <p><strong>Tekan dan tahan<\/strong> kepala raket untuk memuat energi, lalu <strong>lepaskan untuk menembak<\/strong>. Perhatikan bagaimana bingkai fleksibel melengkung tajam, menyerap energi, sementara bingkai yang lebih kaku menahan lengkungan untuk mentransfer kecepatan maksimum ke shuttlecock.<\/p>\n <\/div>\n\n <div class=\"tne-stage\">\n \n <!-- Left Panel: Flexible Racket -->\n <div class=\"tne-panel tne-panel-flex\" id=\"panelFlex\">\n <div class=\"tne-scanner\"><\/div>\n \n <div class=\"tne-panel-header\">\n <div class=\"tne-racket-title\">Bingkai Fleksibel <span class=\"tne-badge tne-badge-flex\">Lengkungan Tinggi<\/span><\/div>\n <\/div>\n\n <!-- Advanced Telemetry HUD -->\n <div class=\"tne-hud tne-hud-flex\">\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Sudut Lengkung:<\/span> <span class=\"tne-hud-val\" id=\"valDegFlex\">0.0\u00b0<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Beban Energi:<\/span> <span class=\"tne-hud-val\" id=\"valEnergyFlex\">0.0 J<\/span><\/div>\n <div class=\"tne-hud-bar-bg\"><div class=\"tne-hud-bar-fill\" id=\"barFlex\"><\/div><\/div>\n <div style=\"height: 6px;\"><\/div> <!-- Spacer -->\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Kecepatan Shuttlecock:<\/span> <span class=\"tne-hud-val\" id=\"valVelFlex\">TUNGGU<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Transfer Tenaga:<\/span> <span class=\"tne-hud-val\" id=\"valEffFlex\">TUNGGU<\/span><\/div>\n <\/div>\n \n <div class=\"tne-interaction-zone\" data-panel=\"panelFlex\" data-maxdeg=\"24.5\" data-maxenergy=\"85\" data-vel=\"215 km\/h\" data-eff=\"68%\">\n <div class=\"tne-svg-wrap\">\n <svg viewBox=\"0 0 300 420\" width=\"100%\" height=\"100%\">\n <defs>\n <pattern id=\"tneStringsFlex\" width=\"6\" height=\"12\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 6 0 L 0 0 0 12\" fill=\"none\" stroke=\"var(--string-color)\" stroke-width=\"0.8\"\/>\n <\/pattern>\n <linearGradient id=\"frameGradFlex\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#94a3b8\"\/><stop offset=\"50%\" stop-color=\"#3b82f6\"\/><stop offset=\"100%\" stop-color=\"#1e3a8a\"\/>\n <\/linearGradient>\n <!-- Stress Heatmap Gradient -->\n <radialGradient id=\"stressHeatFlex\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#ef4444\" stop-opacity=\"0.9\"\/>\n <stop offset=\"40%\" stop-color=\"#f59e0b\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#f59e0b\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n\n <!-- Scientific Crosshairs -->\n <circle cx=\"150\" cy=\"120\" r=\"100\" class=\"tne-crosshair\" stroke-dasharray=\"2,6\"\/>\n <line x1=\"0\" y1=\"120\" x2=\"300\" y2=\"120\" class=\"tne-crosshair\" stroke-dasharray=\"4,4\"\/>\n\n <!-- Static Handle -->\n <g>\n <path d=\"M 143 280 L 157 280 L 160 310 L 140 310 Z\" fill=\"#334155\"\/>\n <rect x=\"140\" y=\"310\" width=\"20\" height=\"70\" fill=\"#1e293b\" rx=\"2\"\/>\n <circle cx=\"150\" cy=\"280\" r=\"4\" fill=\"#0ea5e9\" \/> <!-- Pivot Joint Marker -->\n <text x=\"165\" y=\"284\" font-family=\"monospace\" font-size=\"10\" fill=\"#64748b\">Y:280 POROS<\/text>\n <\/g>\n\n <!-- Measurement Arc -->\n <path class=\"tne-arc\" d=\"M 150 150 A 130 130 0 0 0 95 160\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\"\/>\n\n <!-- Pivoting Top Section -->\n <g class=\"tne-pivot\">\n <!-- Shaft -->\n <rect x=\"146\" y=\"195\" width=\"8\" height=\"85\" fill=\"url(#frameGradFlex)\"\/>\n <!-- Stress Heatmap Node (Appears on flex midpoint) -->\n <ellipse cx=\"150\" cy=\"240\" rx=\"15\" ry=\"30\" fill=\"url(#stressHeatFlex)\" class=\"tne-stress-node\"\/>\n \n <!-- Head -->\n <ellipse cx=\"150\" cy=\"120\" rx=\"18\" ry=\"75\" fill=\"none\" stroke=\"url(#frameGradFlex)\" stroke-width=\"8\"\/>\n <ellipse cx=\"150\" cy=\"120\" rx=\"15\" ry=\"72\" fill=\"url(#tneStringsFlex)\"\/>\n \n <!-- Shuttlecock -->\n <g class=\"tne-shuttle\" transform=\"translate(12, 0)\">\n <path d=\"M 150,115 L 130,108 L 128,132 L 150,125 Z\" fill=\"#f8fafc\" stroke=\"#cbd5e1\" stroke-width=\"1\"\/>\n <path d=\"M 150,114 A 6,6 0 0,1 150,126 Z\" fill=\"#ffffff\" stroke=\"#94a3b8\" stroke-width=\"1\"\/>\n <line x1=\"152\" y1=\"114\" x2=\"152\" y2=\"126\" stroke=\"#0284c7\" stroke-width=\"1.5\"\/>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tne-instruction\" id=\"instFlex\">Tarik untuk Memuat<\/div>\n <\/div>\n <\/div>\n\n <!-- Right Panel: Stiff Racket -->\n <div class=\"tne-panel tne-panel-stiff\" id=\"panelStiff\">\n <div class=\"tne-scanner\"><\/div>\n \n <div class=\"tne-panel-header\">\n <div class=\"tne-racket-title\">Bingkai Kaku <span class=\"tne-badge tne-badge-stiff\">Lengkungan Rendah<\/span><\/div>\n <\/div>\n\n <!-- Advanced Telemetry HUD -->\n <div class=\"tne-hud tne-hud-stiff\">\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Sudut Lengkung:<\/span> <span class=\"tne-hud-val\" id=\"valDegStiff\">0.0\u00b0<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Beban Energi:<\/span> <span class=\"tne-hud-val\" id=\"valEnergyStiff\">0.0 J<\/span><\/div>\n <div class=\"tne-hud-bar-bg\"><div class=\"tne-hud-bar-fill\" id=\"barStiff\"><\/div><\/div>\n <div style=\"height: 6px;\"><\/div> <!-- Spacer -->\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Kecepatan Shuttlecock:<\/span> <span class=\"tne-hud-val\" id=\"valVelStiff\">TUNGGU<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Transfer Tenaga:<\/span> <span class=\"tne-hud-val\" id=\"valEffStiff\">TUNGGU<\/span><\/div>\n <\/div>\n \n <div class=\"tne-interaction-zone\" data-panel=\"panelStiff\" data-maxdeg=\"6.2\" data-maxenergy=\"115\" data-vel=\"285 km\/h\" data-eff=\"94%\">\n <div class=\"tne-svg-wrap\">\n <svg viewBox=\"0 0 300 420\" width=\"100%\" height=\"100%\">\n <defs>\n <pattern id=\"tneStringsStiff\" width=\"6\" height=\"12\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 6 0 L 0 0 0 12\" fill=\"none\" stroke=\"var(--string-color)\" stroke-width=\"0.8\"\/>\n <\/pattern>\n <linearGradient id=\"frameGradStiff\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#94a3b8\"\/><stop offset=\"50%\" stop-color=\"#475569\"\/><stop offset=\"100%\" stop-color=\"#0f172a\"\/>\n <\/linearGradient>\n <!-- Stress Heatmap Gradient (Smaller\/cooler for stiff) -->\n <radialGradient id=\"stressHeatStiff\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#f59e0b\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#f59e0b\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n\n <!-- Scientific Crosshairs -->\n <circle cx=\"150\" cy=\"120\" r=\"100\" class=\"tne-crosshair\" stroke-dasharray=\"2,6\"\/>\n <line x1=\"0\" y1=\"120\" x2=\"300\" y2=\"120\" class=\"tne-crosshair\" stroke-dasharray=\"4,4\"\/>\n\n <!-- Static Handle -->\n <g>\n <path d=\"M 143 280 L 157 280 L 160 310 L 140 310 Z\" fill=\"#334155\"\/>\n <rect x=\"140\" y=\"310\" width=\"20\" height=\"70\" fill=\"#1e293b\" rx=\"2\"\/>\n <circle cx=\"150\" cy=\"280\" r=\"4\" fill=\"#dc2626\" \/>\n <text x=\"165\" y=\"284\" font-family=\"monospace\" font-size=\"10\" fill=\"#64748b\">Y:280 POROS<\/text>\n <\/g>\n\n <!-- Measurement Arc (Smaller for stiff) -->\n <path class=\"tne-arc\" d=\"M 150 150 A 130 130 0 0 0 135 151\" fill=\"none\" stroke=\"#dc2626\" stroke-width=\"2\"\/>\n\n <!-- Pivoting Top Section -->\n <g class=\"tne-pivot\">\n <!-- Shaft (Thicker) -->\n <rect x=\"145\" y=\"195\" width=\"10\" height=\"85\" fill=\"url(#frameGradStiff)\"\/>\n <!-- Stress Heatmap Node (Minimal on stiff) -->\n <ellipse cx=\"150\" cy=\"260\" rx=\"10\" ry=\"15\" fill=\"url(#stressHeatStiff)\" class=\"tne-stress-node\"\/>\n \n <!-- Head -->\n <ellipse cx=\"150\" cy=\"120\" rx=\"18\" ry=\"75\" fill=\"none\" stroke=\"url(#frameGradStiff)\" stroke-width=\"9\"\/>\n <ellipse cx=\"150\" cy=\"120\" rx=\"15\" ry=\"72\" fill=\"url(#tneStringsStiff)\"\/>\n \n <!-- Shuttlecock & Trails -->\n <g class=\"tne-speed-trail\">\n <line x1=\"150\" y1=\"116\" x2=\"210\" y2=\"116\" stroke=\"#fca5a5\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line x1=\"150\" y1=\"124\" x2=\"210\" y2=\"124\" stroke=\"#fca5a5\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line x1=\"150\" y1=\"120\" x2=\"240\" y2=\"120\" stroke=\"#dc2626\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <\/g>\n <g class=\"tne-shuttle\" transform=\"translate(12, 0)\">\n <path d=\"M 150,115 L 130,108 L 128,132 L 150,125 Z\" fill=\"#f8fafc\" stroke=\"#cbd5e1\" stroke-width=\"1\"\/>\n <path d=\"M 150,114 A 6,6 0 0,1 150,126 Z\" fill=\"#ffffff\" stroke=\"#94a3b8\" stroke-width=\"1\"\/>\n <line x1=\"152\" y1=\"114\" x2=\"152\" y2=\"126\" stroke=\"#dc2626\" stroke-width=\"1.5\"\/>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tne-instruction\" id=\"instStiff\">Tarik untuk Memuat<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n const zones = document.querySelectorAll('.tne-interaction-zone');\n\n zones.forEach(zone => {\n const panelId = zone.getAttribute('data-panel');\n const panel = document.getElementById(panelId);\n const inst = document.getElementById(panelId === 'panelFlex' ? 'instFlex' : 'instStiff');\n \n \/\/ HUD Elements\n const valDeg = document.getElementById(panelId === 'panelFlex' ? 'valDegFlex' : 'valDegStiff');\n const valEnergy = document.getElementById(panelId === 'panelFlex' ? 'valEnergyFlex' : 'valEnergyStiff');\n const barFill = document.getElementById(panelId === 'panelFlex' ? 'barFlex' : 'barStiff');\n const valVel = document.getElementById(panelId === 'panelFlex' ? 'valVelFlex' : 'valVelStiff');\n const valEff = document.getElementById(panelId === 'panelFlex' ? 'valEffFlex' : 'valEffStiff');\n \n \/\/ Physics Data attached to HTML dataset\n const maxDeg = parseFloat(zone.getAttribute('data-maxdeg'));\n const maxEnergy = parseFloat(zone.getAttribute('data-maxenergy'));\n const finalVel = zone.getAttribute('data-vel');\n const finalEff = zone.getAttribute('data-eff');\n\n let isPulling = false;\n let pullStartTime = 0;\n let currentEaseOut = 0;\n let animationFrameId;\n let shootTimeout;\n let scrambleInterval;\n\n \/\/ Mathematical animation function for Live HUD numbers\n const updateTelemetry = () => {\n if(!isPulling) return;\n \n const elapsed = Date.now() - pullStartTime;\n const progress = Math.min(elapsed \/ 1200, 1); \/\/ 1.2s to fully load\n \n \/\/ Ease out cubic logic for numbers to match CSS physical transition\n currentEaseOut = 1 - Math.pow(1 - progress, 3);\n \n const currentDeg = (maxDeg * currentEaseOut).toFixed(1);\n const currentEnergy = (maxEnergy * currentEaseOut).toFixed(1);\n \n valDeg.innerText = currentDeg + \"\u00b0\";\n valEnergy.innerText = currentEnergy + \" J\";\n barFill.style.width = (progress * 100) + \"%\";\n\n if(progress < 1) {\n animationFrameId = requestAnimationFrame(updateTelemetry);\n }\n };\n\n \/\/ Simulates high-speed computer processing before showing result\n const scrambleResults = (callback) => {\n let ticks = 0;\n scrambleInterval = setInterval(() => {\n valVel.innerText = Math.floor(Math.random() * 300) + \" km\/h\";\n valEff.innerText = Math.floor(Math.random() * 99) + \"%\";\n ticks++;\n if(ticks > 8) { \/\/ run for ~400ms\n clearInterval(scrambleInterval);\n callback();\n }\n }, 50);\n };\n\n const startInteraction = (e) => {\n e.preventDefault(); \n if(panel.classList.contains('is-shooting')) return; \n \n isPulling = true;\n currentEaseOut = 0;\n clearInterval(scrambleInterval); \/\/ Reset any running scrambles\n \n panel.classList.remove('is-shooting');\n panel.classList.add('is-pulling');\n inst.innerHTML = \"MEMUAT ENERGI...\";\n \n \/\/ Reset HUD stats for a new pull\n valVel.innerText = \"KALK...\";\n valEff.innerText = \"KALK...\";\n barFill.style.width = \"0%\";\n \n pullStartTime = Date.now();\n updateTelemetry();\n };\n\n const endInteraction = (e) => {\n if(!isPulling) return;\n isPulling = false;\n cancelAnimationFrame(animationFrameId);\n \n \/\/ Calculate dynamics based on load time BEFORE shooting\n let loadRatio = Math.max(0.05, currentEaseOut); \/\/ Set floor to avoid zero math\n \n \/\/ Dynamically set CSS variables to adjust the physics animation curve\n panel.style.setProperty('--snap-angle', -(maxDeg * currentEaseOut));\n \n if (panelId === 'panelFlex') {\n panel.style.setProperty('--fly-dur', (1.4 - loadRatio * 0.8) + 's');\n panel.style.setProperty('--snap-dur', (1.0 - loadRatio * 0.2) + 's');\n } else {\n panel.style.setProperty('--fly-dur', (0.8 - loadRatio * 0.6) + 's');\n panel.style.setProperty('--snap-dur', (0.7 - loadRatio * 0.2) + 's');\n }\n \n panel.classList.remove('is-pulling');\n void panel.offsetWidth; \/\/ Trigger reflow\n panel.classList.add('is-shooting');\n \n inst.innerHTML = \"SHUTTLECOCK DITEMBAKKAN!\";\n\n \/\/ Snap back initial readings\n valDeg.innerText = \"0.0\u00b0\"; \n valEnergy.innerText = \"0.0 J\";\n barFill.style.width = \"0%\";\n\n \/\/ Dynamic Results Calculation based on Load\n let calcVel = Math.round(parseInt(finalVel) * loadRatio) + \" km\/h\";\n let calcEff = Math.round(parseInt(finalEff) * (0.8 + loadRatio * 0.2)) + \"%\";\n\n \/\/ Trigger Scientific Scramble Effect\n scrambleResults(() => {\n valVel.innerText = calcVel;\n valEff.innerText = calcEff;\n });\n\n \/\/ Reset Instructions\n clearTimeout(shootTimeout);\n shootTimeout = setTimeout(() => {\n panel.classList.remove('is-shooting');\n inst.innerHTML = \"Tarik untuk Memuat\";\n }, 2000);\n };\n\n zone.addEventListener('mousedown', startInteraction);\n zone.addEventListener('touchstart', startInteraction, {passive: false});\n\n window.addEventListener('mouseup', endInteraction);\n window.addEventListener('touchend', endInteraction);\n });\n });\n<\/script>\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>Kuis Kekakuan Bingkai Raket Badminton & Tenaga<\/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\udff8 Kuis Kekakuan Bingkai Raket Badminton & Tenaga<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Apakah Anda memahami bagaimana bingkai yang lebih kaku memengaruhi tenaga dan rasa?<\/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;\">BIOMEKANIK<\/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;\">MEKANIKA<\/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 Selanjutnya<\/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! Kini setelah Anda memahami bagaimana kekakuan bingkai berdampak pada tenaga dan respons langsung, apakah Anda siap untuk meningkatkan pengetahuan teknis Anda 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:\"Saat kondisi lainnya serupa, mengapa bingkai yang lebih kaku biasanya menghasilkan tenaga yang lebih besar?\", opts:[\"Ia mengalami lebih sedikit deformasi, mentransfer lebih banyak energi langsung ke shuttlecock\", \"Itu secara aktif menciptakan energi dari ketiadaan\", \"Ia menggunakan tali khusus yang tidak bisa putus\", \"Itu memaksa pemain untuk berayun lebih lambat\"], correct:0, skill:\"power\", label:\"DEFORMASI\"},\n {q:\"Apa perbedaan utama antara kekakuan bingkai dan kekakuan batang?\", opts:[\"Tidak ada perbedaan; keduanya identik\", \"Kekakuan bingkai adalah kekakuan kepala raket saat benturan; kekakuan batang adalah lengkungan selama ayunan\", \"Kekakuan bingkai hanya untuk pro; kekakuan batang untuk pemula\", \"Stringer badminton hanya mengukur kekakuan batang\"], correct:1, skill:\"physics\", label:\"KEKAKUAN\"},\n {q:\"Mengapa bingkai yang lebih kaku tidak menjamin hasil yang lebih baik untuk setiap pemain badminton?\", opts:[\"Karena bingkai yang lebih kaku secara teknis dilarang\", \"Karena ia kurang memaafkan dan membutuhkan timing yang sangat baik untuk pukulan bersih\", \"Karena selalu terlalu berat untuk diangkat\", \"Karena selalu mematahkan shuttlecock secara instan\"], correct:1, skill:\"suitability\", label:\"PEMAIN\"},\n {q:\"Bagaimana rasa bingkai yang sangat kaku saat pemain meleset memukul shuttlecock?\", opts:[\"Sangat lembut dan nyaman\", \"Seperti mengenai sweet spot yang sempurna\", \"Kasar, dengan peningkatan getaran dan respons yang lemah\", \"Ini secara alami menghilangkan semua getaran sepenuhnya\"], correct:2, skill:\"feedback\", label:\"RASA\"},\n {q:\"Bagaimana pound (lbs) tali memengaruhi persepsi pemain tentang tenaga pada bingkai kaku?\", opts:[\"Pound (lbs) tidak berpengaruh pada bingkai kaku\", \"Pound (lbs) sangat tinggi membuatnya terasa mati tanpa teknik pro; menurunkan pound (lbs) memulihkan kemudahan penggunaan\", \"Pound (lbs) rendah sepenuhnya merusak bingkai kaku\", \"Pound (lbs) tali hanya mengubah warna raket\"], correct:1, skill:\"tension\", label:\"PENGATURAN\"},\n {q:\"Mengapa seorang Stringer badminton harus menghindari pemberian saran yang hanya berdasarkan kekakuan bingkai?\", opts:[\"Karena rekomendasi yang tepat harus mencakup teknik pemain dan preferensi pound (lbs) tali\", \"Karena kekakuan bingkai tidak ada\", \"Karena Stringer seharusnya hanya menjual raket termahal\", \"Karena tidak mungkin mengetahui apakah sebuah bingkai itu kaku\"], correct:0, skill:\"consultation\", label:\"STRINGER\"},\n {q:\"Apa yang diajarkan kursus pasang tali raket badminton tentang kekakuan bingkai?\", opts:[\"Cara mengabaikan bingkai dan hanya menarik tali\", \"Sinergi teknis antara deformasi bingkai, kehilangan energi, dan pengaturan tali\", \"Cara meyakinkan pemain bahwa mereka membutuhkan bingkai yang lebih kaku\", \"Cara membuat bingkai fleksibel menjadi kaku secara buatan\"], correct:1, skill:\"education\", label:\"KURSUS\"},\n {q:\"Jika seorang pemain mendapati raket kaku mereka terlalu menuntut dan lemah, apa yang mungkin direkomendasikan oleh Stringer Bertauliah Internasional?\", opts:[\"Menurunkan pound (lbs) tali sedikit untuk memungkinkan lebih banyak deformasi tapak tali dan toleransi\", \"Menyuruh mereka berayun dua kali lebih keras lain kali\", \"Meningkatkan pound (lbs) ke 30 lbs\", \"Langsung menjual raket yang lebih kaku lagi kepada mereka\"], correct:0, skill:\"evaluation\", label:\"SARAN\"}\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 Selanjutnya';\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\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Spesifikasi<\/mark> Terbukti<\/h2>\n\n\n\n<p>Pendekatan stringing kami didasarkan pada parameter perlengkapan terverifikasi yang digunakan oleh profesional papan atas. Kami memprioritaskan keselamatan lengan, evaluasi bingkai raket yang tepat, dan efisiensi gaya bermain daripada sekadar sensasi pound (lbs) semata.<\/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 Spesifikasi<\/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 Pound (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\">Pemeliharaan Bingkai<\/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 Pemilihan<\/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>Dampak Karakteristik pada Gaya Bermain<\/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\">Respons Tenaga: Bingkai Kaku vs Fleksibel<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Sifat Raket & Pengaturan<\/th>\n <th>Bingkai Lebih Kaku (Kondisi lainnya sama)<\/th>\n <th>Bingkai Fleksibel (Kondisi lainnya sama)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Tingkat Langsung Respons<\/td>\n <td>Kecepatan keluar shuttlecock instan dan langsung saat benturan.<\/td>\n <td class=\"bsw-highlight\">Sedikit tertunda, menahan shuttlecock lebih lama sebelum dilepaskan.<\/td>\n <\/tr>\n <tr>\n <td>Transfer Tenaga pada Pukulan Bersih<\/td>\n <td>Pengembalian energi maksimum, menghasilkan puncak tenaga yang lebih tinggi.<\/td>\n <td class=\"bsw-highlight\">Sebagian energi diserap oleh deformasi bingkai.<\/td>\n <\/tr>\n <tr>\n <td>Toleransi & Kenyamanan<\/td>\n <td>Getaran lebih keras, menuntut teknik dan timing yang baik.<\/td>\n <td class=\"bsw-highlight\">Sangat memaafkan, rasa benturan yang lebih lembut di lengan.<\/td>\n <\/tr>\n <tr>\n <td>Kesesuaian Pemain<\/td>\n <td>Pemain badminton tingkat lanjut dengan kecepatan ayunan yang sangat baik.<\/td>\n <td class=\"bsw-highlight\">Pemula hingga menengah yang mencari kedalaman mudah dan kenyamanan.<\/td>\n <\/tr>\n <tr>\n <td>Sensitivitas Pengaturan<\/td>\n <td>Sangat sensitif terhadap perubahan pound (lbs) tali; mudah terasa mati.<\/td>\n <td class=\"bsw-highlight\">Lebih toleran terhadap stringing tidak sempurna atau penurunan pound (lbs).<\/td>\n <\/tr>\n <tr>\n <td>Saran dari Stringer Bertauliah Internasional<\/td>\n <td>Seimbangkan pound (lbs) dengan cermat untuk mencegah kekerasan berlebihan.<\/td>\n <td class=\"bsw-highlight\">Optimalkan pengaturan untuk membantu menghasilkan kedalaman pukulan clear (lob) dengan mudah.<\/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\">Transfer Tenaga & Respons<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Bingkai Lebih Kaku:<\/span>\n <div class=\"bsw-trad-opt\">Kecepatan keluar shuttlecock instan dan langsung saat benturan. Pengembalian energi maksimum pada pukulan bersih.<\/div>\n <span class=\"bsw-label\">Bingkai Fleksibel:<\/span>\n <div class=\"bsw-modern-opt\">Sedikit tertunda. Sebagian energi diserap oleh deformasi bingkai.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Toleransi & Tingkat Pemain<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Bingkai Lebih Kaku:<\/span>\n <div class=\"bsw-trad-opt\">Getaran lebih keras. Terbaik untuk pemain badminton tingkat lanjut dengan kecepatan ayunan yang sangat baik.<\/div>\n <span class=\"bsw-label\">Bingkai Fleksibel:<\/span>\n <div class=\"bsw-modern-opt\">Sangat memaafkan. Sempurna untuk pemula hingga menengah yang mencari kedalaman mudah.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Pengaturan & Saran Stringer<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Bingkai Lebih Kaku:<\/span>\n <div class=\"bsw-trad-opt\">Sangat sensitif terhadap pound (lbs). Seimbangkan pound (lbs) dengan cermat untuk mencegah kekerasan berlebihan.<\/div>\n <span class=\"bsw-label\">Bingkai Fleksibel:<\/span>\n <div class=\"bsw-modern-opt\">Lebih toleran terhadap stringing tidak sempurna. Optimalkan pengaturan untuk membantu menghasilkan kedalaman mudah.<\/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\">Pengaturan Raket<\/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 meningkatkan pengetahuan Anda? Best Stringer Worldwide menawarkan konsultasi stringing profesional untuk mengajari Anda bagaimana kekakuan bingkai dan pengaturan tali memengaruhi tenaga dengan aman. Kami melayani pemain badminton di seluruh dunia terutama di Singapura, Hong Kong, Malaysia, Indonesia, Inggris, Perancis, dan Eropa. Dapatkan sertifikasi Stringer Bertauliah Internasional untuk menemukan pound (lbs) dan ketebalan yang sempurna untuk pemain di mana saja.<\/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>","protected":false},"excerpt":{"rendered":"<p>FAQ Cepat Kekakuan Bingkai Jawaban yang jelas dan jujur tentang bagaimana kekakuan bingkai berdampak pada tenaga dan respons shuttlecock Anda. Fisika Tenaga: Mengapa Kekakuan Bingkai Penting Kekakuan & Transfer Tenaga Kekakuan & Tenaga Tekan dan tahan kepala raket untuk memuat energi, lalu lepaskan untuk menembak. Perhatikan bagaimana bingkai fleksibel melengkung tajam, menyerap energi, sementara bingkai … <a title=\"Memahami Kekakuan Frame dan Tenaga\" class=\"read-more\" href=\"https:\/\/beststringer.com\/id\/understanding-frame-stiffness-and-power\/\" aria-label=\"Baca selengkapnya tentang Memahami Kekakuan Frame dan Tenaga\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":69344,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[180],"tags":[],"class_list":["post-77310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-badminton","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/posts\/77310","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=77310"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/posts\/77310\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/media\/69344"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/media?parent=77310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/categories?post=77310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/id\/wp-json\/wp\/v2\/tags?post=77310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}