{"id":31,"date":"2026-06-14T04:13:10","date_gmt":"2026-06-14T04:13:10","guid":{"rendered":"https:\/\/jaiyenmma.com\/?page_id=31"},"modified":"2026-06-14T11:49:23","modified_gmt":"2026-06-14T11:49:23","slug":"home","status":"publish","type":"page","link":"https:\/\/jaiyenmma.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Jaiyen MMA Silom Bangkok<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@400;500;700;900&family=DM+Sans:wght@300;400;500&family=Racing+Sans+One&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n\r\n \/* \u2500\u2500 THEME TOKENS \u2500\u2500 *\/\r\n [data-theme=\"dark\"]{\r\n --bg: #0B0B0B;\r\n --bg-texture: radial-gradient(circle, rgba(31,94,43,0.08) 1px, transparent 1px);\r\n --bg2: #171717;\r\n --bg3: #1A1A1A;\r\n --surface: #212121;\r\n --border: rgba(31,94,43,0.15);\r\n --text: #F2EDE3;\r\n --text2: #B9B6AE;\r\n --text3: #6B6B6B;\r\n --green: #1F5E2B;\r\n --bright: #1F5E2B;\r\n --olive: #8A9B4A;\r\n --nav-bg: rgba(11,11,11,0.9);\r\n --card: #1A1A1A;\r\n --card2: #212121;\r\n --form-bg: rgba(242,237,227,0.04);\r\n --form-border:rgba(31,94,43,0.25);\r\n --invert-logo: 0;\r\n }\r\n [data-theme=\"light\"]{\r\n --bg: #F5F7F3;\r\n --bg2: #ECEEE9;\r\n --bg3: #E4E8DF;\r\n --surface: #FFFFFF;\r\n --border: rgba(31,94,43,0.15);\r\n --text: #0F1A0C;\r\n --text2: #3D5239;\r\n --text3: #7A8C76;\r\n --green: #1F5E2B;\r\n --bright: #256e32;\r\n --olive: #6A7B2A;\r\n --nav-bg: rgba(245,247,243,0.92);\r\n --card: #FFFFFF;\r\n --card2: #EFF2EC;\r\n --form-bg: rgba(31,94,43,0.04);\r\n --form-border:rgba(31,94,43,0.2);\r\n --invert-logo: 1;\r\n }\r\n\r\n html{scroll-behavior:smooth;overflow-x:hidden}\r\n body{overflow-x:hidden}\r\n body{\r\n background:var(--bg);\r\n color:var(--text);\r\n font-family:'DM Sans',sans-serif;\r\n font-size:16px;line-height:1.65;\r\n -webkit-font-smoothing:antialiased;\r\n transition:background .3s,color .3s;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n #announce-bar{position:sticky;top:0;z-index:1001}\r\n nav{\r\n position:sticky;top:0;left:0;right:0;z-index:1000;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:0 52px;height:64px;\r\n background:transparent;\r\n backdrop-filter:blur(0px);\r\n border-bottom:1px solid transparent;\r\n transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease;\r\n }\r\n nav.nav-solid{\r\n background:var(--nav-bg);\r\n backdrop-filter:blur(20px);\r\n border-bottom:1px solid var(--border);\r\n }\r\n \/* Nav links white over hero *\/\r\n nav:not(.nav-solid) .nav-links a:not(.btn-nav){color:rgba(255,255,255,.8)}\r\n nav:not(.nav-solid) .nav-links a:not(.btn-nav):hover{color:#fff}\r\n nav:not(.nav-solid) .theme-toggle{color:rgba(255,255,255,.7)}\r\n .nav-logo img{\r\n height:36px;width:auto;display:block;\r\n }\r\n .nav-links{display:flex;gap:28px;list-style:none;align-items:center}\r\n .nav-links a{\r\n font-family:'DM Sans',sans-serif;\r\n font-size:13px;font-weight:600;\r\n color:var(--text3);text-decoration:none;\r\n transition:color .2s;\r\n position:relative;\r\n }\r\n .nav-links a:not(.btn-nav)::after{\r\n content:'';\r\n position:absolute;bottom:-3px;left:0;right:0;\r\n height:2px;background:var(--bright);border-radius:2px;\r\n transform:scaleX(0);transform-origin:left;\r\n transition:transform .25s ease;\r\n }\r\n .nav-links a:not(.btn-nav):hover::after{transform:scaleX(1)}\r\n .nav-links a:hover{color:var(--bright)}\r\n\r\n \/* \u2500\u2500 THEME TOGGLE (icon only) \u2500\u2500 *\/\r\n .theme-toggle{\r\n background:none;border:none;cursor:pointer;\r\n padding:6px;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;\r\n color:var(--text3);\r\n transition:color .2s, background .2s;\r\n }\r\n .theme-toggle:hover{color:var(--bright);background:rgba(31,94,43,.08)}\r\n .toggle-icon{width:18px;height:18px;transition:opacity .2s}\r\n \/* Show sun in dark mode (click\u2192light), moon in light mode (click\u2192dark) *\/\r\n [data-theme=\"dark\"] .icon-moon{display:none}\r\n [data-theme=\"light\"] .icon-sun{display:none}\r\n\r\n .btn-nav{\r\n background:#1F5E2B;color:#ffffff !important;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:13px;font-weight:700;\r\n text-decoration:none;\r\n padding:9px 20px;border-radius:50px;\r\n transition:all .2s;\r\n white-space:nowrap;\r\n }\r\n .btn-nav:hover{background:#256e32;color:#ffffff !important;box-shadow:0 4px 16px rgba(31,94,43,.3)}\r\n\r\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n .btn{\r\n display:inline-flex;align-items:center;gap:7px;\r\n font-family:'DM Sans',sans-serif;font-weight:500;font-size:14px;\r\n text-decoration:none;padding:13px 26px;border-radius:50px;\r\n transition:all .22s ease;cursor:pointer;border:none;\r\n }\r\n .btn svg{width:15px;height:15px;flex-shrink:0}\r\n .btn-primary{background:#1F5E2B;color:#ffffff !important}\r\n .btn-primary:hover{background:#256e32;color:#ffffff !important;transform:translateY(-2px);box-shadow:0 8px 28px rgba(31,94,43,.3)}\r\n .btn-outline{\r\n background:transparent;color:var(--text);\r\n border:1.5px solid var(--border);\r\n }\r\n .btn-outline:hover{border-color:var(--bright);background:rgba(31,94,43,.07);transform:translateY(-2px)}\r\n \/* On hero (dark overlay) make outline button visible *\/\r\n .hero .btn-outline{\r\n color:#fff;\r\n border-color:rgba(255,255,255,.5);\r\n }\r\n .hero .btn-outline:hover{\r\n border-color:#fff;\r\n background:rgba(255,255,255,.1);\r\n }\r\n .btn-dark{background:var(--green);color:var(--text)}\r\n .btn-dark:hover{background:#256e32;transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,94,43,.4)}\r\n .btn-cream{background:var(--text);color:var(--bg)}\r\n .btn-cream:hover{opacity:.9;transform:translateY(-2px)}\r\n .btn-full{width:100%;justify-content:center}\r\n .btn-lg{padding:15px 32px;font-size:15px}\r\n\r\n \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n .wrap{max-width:1180px;margin:0 auto;padding:90px 52px}\r\n .border-t{border-top:1px solid var(--border)}\r\n .dark-band{background:var(--bg2);width:100%}\r\n\r\n \/* \u2500\u2500 SECTION LABELS \u2500\u2500 *\/\r\n .sec-label{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:5px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:11px;font-weight:500;\r\n line-height:1;\r\n letter-spacing:.12em;text-transform:uppercase;\r\n color:var(--text);\r\n background:#fff;\r\n border:1px solid rgba(0,0,0,.1);\r\n padding:5px 14px;\r\n border-radius:100px;\r\n margin-bottom:14px;\r\n opacity:0;\r\n transform:translateX(-10px);\r\n transition:opacity .4s ease, transform .4s ease;\r\n }\r\n [data-theme=\"dark\"] .sec-label{\r\n background:rgba(255,255,255,.1);\r\n color:#fff;\r\n border-color:rgba(255,255,255,.12);\r\n }\r\n .sec-label.line-done{opacity:1;transform:translateX(0)}\r\n .sec-label::before{display:none!important}\r\n .sec-label svg{\r\n width:11px;height:11px;\r\n flex-shrink:0;\r\n display:inline-block;\r\n vertical-align:middle;\r\n position:relative;\r\n top:-1px;\r\n color:var(--bright);\r\n }\r\n h2{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:clamp(30px,4vw,50px);font-weight:900;\r\n letter-spacing:-.025em;color:var(--text);\r\n margin-bottom:14px;line-height:1.0;\r\n transition:color .3s;\r\n }\r\n .section-desc{\r\n font-size:15px;color:var(--text2);\r\n max-width:520px;margin-bottom:48px;\r\n transition:color .3s;\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero-outer{\r\n min-height:calc(100vh - 37px);\r\n display:flex;align-items:center;\r\n position:relative;overflow:hidden;\r\n }\r\n .hero-bg-img{\r\n position:absolute;inset:0;z-index:0;\r\n background-image:url('https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/Hero1.png');\r\n background-size:cover;\r\n background-position:center 20%;\r\n }\r\n .hero-outer::before{\r\n content:'';position:absolute;inset:0;z-index:1;\r\n background:linear-gradient(105deg,rgba(10,12,10,.88) 0%,rgba(10,12,10,.6) 50%,rgba(10,12,10,.25) 100%);\r\n pointer-events:none;\r\n }\r\n [data-theme=\"light\"] .hero-outer::before{\r\n background:\r\n radial-gradient(ellipse 65% 55% at 70% 50%,rgba(31,94,43,.08) 0%,transparent 65%);\r\n }\r\n .hero{\r\n max-width:1180px;width:100%;\r\n margin:0 auto;\r\n padding:80px 52px 80px;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n align-items:center;\r\n gap:64px;\r\n position:relative;z-index:2;\r\n }\r\n .hero-left{position:relative;z-index:2}\r\n .hero-right{\r\n position:relative;z-index:2;\r\n display:flex;\r\n flex-direction:column;\r\n gap:14px;\r\n }\r\n .hero-eyebrow{\r\n display:inline-flex;align-items:center;gap:6px;\r\n font-family:'League Spartan',sans-serif;\r\n font-size:11px;font-weight:500;\r\n letter-spacing:.28em;text-transform:uppercase;\r\n color:var(--bright);margin-bottom:22px;\r\n }\r\n .hero-eyebrow svg{width:12px;height:12px}\r\n h1{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:clamp(52px,6.5vw,84px);font-weight:900;\r\n line-height:.92;letter-spacing:-.03em;\r\n color:var(--text);margin-bottom:14px;\r\n transition:color .3s;\r\n }\r\n h1 .racing{\r\n font-family:'Racing Sans One',sans-serif;\r\n color:var(--bright);display:block;\r\n font-size:1.06em;letter-spacing:-.01em;\r\n line-height:.92;\r\n margin-top:-.15em;\r\n }\r\n .hero-sub{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:clamp(15px,1.7vw,19px);font-weight:500;\r\n color:var(--text2);line-height:1.4;\r\n margin-bottom:26px;max-width:460px;\r\n }\r\n .hero-desc{\r\n font-size:15px;color:var(--text3);\r\n line-height:1.75;margin-bottom:32px;max-width:430px;\r\n }\r\n\r\n \/* Badges *\/\r\n .badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}\r\n .badge{\r\n display:inline-flex;align-items:center;gap:6px;\r\n font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;\r\n padding:6px 13px;\r\n background:var(--form-bg);\r\n border:1px solid var(--border);\r\n border-radius:50px;color:var(--text2);\r\n transition:background .3s,border-color .3s,color .3s;\r\n }\r\n .badge svg{width:12px;height:12px;color:var(--bright)}\r\n .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:0}\r\n\r\n \/* Hero image right *\/\r\n\r\n .img-ph{\r\n width:100%;\r\n aspect-ratio:4\/5;\r\n \/* only for placeholders *\/\r\n background:var(--bg3);\r\n border:1px dashed rgba(31,94,43,.25);\r\n border-radius:16px;\r\n display:flex;flex-direction:column;\r\n align-items:center;justify-content:center;gap:14px;\r\n transition:background .3s;\r\n }\r\n .img-ph svg{width:44px;height:44px;color:rgba(31,94,43,.25)}\r\n .img-ph p{\r\n font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;\r\n letter-spacing:.16em;text-transform:uppercase;\r\n color:var(--text3);opacity:.6;\r\n }\r\n .hero-stats{\r\n display:grid;grid-template-columns:repeat(3,1fr);gap:2px;\r\n margin-top:4px;\r\n }\r\n .stat-box{\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.15);\r\n backdrop-filter:blur(8px);\r\n padding:14px 16px;\r\n }\r\n .stat-box:first-child{border-radius:8px 0 0 8px}\r\n .stat-box:last-child{border-radius:0 8px 8px 0}\r\n .stat-num{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:26px;font-weight:900;\r\n color:#fff;line-height:1;letter-spacing:-.02em;\r\n }\r\n .stat-lbl{\r\n font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;\r\n letter-spacing:.1em;text-transform:uppercase;\r\n color:rgba(255,255,255,.55);margin-top:2px;\r\n }\r\n\r\n \/* \u2500\u2500 IMG STRIP \u2500\u2500 *\/\r\n\r\n \/* \u2500\u2500 CARDS \u2500\u2500 *\/\r\n .card{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:32px 28px;\r\n transition:background .3s,border-color .2s,box-shadow .2s;\r\n }\r\n .card:hover{\r\n border-color:rgba(31,94,43,.35);\r\n box-shadow:0 8px 32px rgba(31,94,43,.08);\r\n }\r\n\r\n \/* \u2500\u2500 WHY JAIYEN \u2500\u2500 *\/\r\n .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}\r\n .icon-box{\r\n width:42px;height:42px;\r\n background:rgba(31,94,43,.1);border-radius:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n margin-bottom:18px;flex-shrink:0;\r\n }\r\n .icon-box svg{width:20px;height:20px;color:var(--bright)}\r\n .card h3{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:19px;font-weight:700;letter-spacing:-.01em;\r\n color:var(--text);margin-bottom:8px;\r\n transition:color .3s;\r\n }\r\n .card p{font-size:14px;color:var(--text2);line-height:1.7;transition:color .3s}\r\n\r\n \/* \u2500\u2500 CLASSES \u2500\u2500 *\/\r\n .class-card{\r\n background:var(--card);border:1px solid var(--border);\r\n border-radius:14px;overflow:hidden;\r\n transition:background .3s,border-color .2s,box-shadow .2s;\r\n }\r\n .class-card:hover{border-color:rgba(31,94,43,.35);box-shadow:0 8px 28px rgba(31,94,43,.1)}\r\n .class-img{\r\n aspect-ratio:16\/9;background:var(--bg2);\r\n border-bottom:1px solid var(--border);\r\n display:flex;flex-direction:column;\r\n align-items:center;justify-content:center;gap:8px;\r\n transition:background .3s;\r\n }\r\n .class-img svg{width:30px;height:30px;color:rgba(31,94,43,.2)}\r\n .class-img span{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);opacity:.45}\r\n .class-body{padding:22px}\r\n .class-tag{\r\n display:inline-block;font-size:10px;font-weight:500;\r\n letter-spacing:.16em;text-transform:uppercase;\r\n color:var(--bright);background:rgba(31,94,43,.1);\r\n border-radius:50px;padding:4px 10px;margin-bottom:10px;\r\n }\r\n .class-body h3{font-size:18px;margin-bottom:7px}\r\n .class-body p{font-size:13px}\r\n\r\n \/* \u2500\u2500 FOR WHO \u2500\u2500 *\/\r\n .forwho-card{\r\n display:flex;align-items:flex-start;gap:16px;\r\n }\r\n .forwho-card .icon-box{flex-shrink:0}\r\n .forwho-card h3{font-size:17px;margin-bottom:5px}\r\n\r\n \/* \u2500\u2500 PLANS \u2500\u2500 *\/\r\n .plan-card{\r\n background:var(--card);border:1px solid var(--border);\r\n border-radius:16px;padding:30px 24px;\r\n transition:background .3s,border-color .2s,box-shadow .2s;\r\n }\r\n .plan-card:hover{border-color:rgba(31,94,43,.4);box-shadow:0 8px 32px rgba(31,94,43,.08)}\r\n .plan-card.champion{background:var(--green);border-color:var(--bright)}\r\n .plan-badge{\r\n display:inline-flex;align-items:center;gap:5px;\r\n font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;\r\n color:rgba(31,94,43,.65);margin-bottom:14px;\r\n }\r\n .champion .plan-badge{color:rgba(242,237,227,.6)}\r\n .plan-badge svg{width:10px;height:10px}\r\n .plan-name{\r\n font-family:'League Spartan',sans-serif;font-size:24px;font-weight:900;\r\n letter-spacing:-.01em;color:var(--text);margin-bottom:3px;transition:color .3s;\r\n }\r\n .champion .plan-name{color:#F2EDE3}\r\n .plan-sub{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:18px}\r\n .champion .plan-sub{color:rgba(242,237,227,.5)}\r\n .plan-price{\r\n font-family:'League Spartan',sans-serif;font-size:42px;font-weight:900;\r\n letter-spacing:-.02em;color:var(--bright);line-height:1;\r\n }\r\n .champion .plan-price{color:#F2EDE3}\r\n .plan-price small{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;color:var(--text3);margin-left:3px}\r\n .champion .plan-price small{color:rgba(242,237,227,.5)}\r\n .plan-features{\r\n list-style:none;margin-top:18px;\r\n border-top:1px solid var(--border);padding-top:16px;\r\n display:flex;flex-direction:column;gap:9px;\r\n }\r\n .champion .plan-features{border-top-color:rgba(242,237,227,.15)}\r\n .plan-features li{font-size:13px;color:var(--text2);display:flex;align-items:center;gap:9px;transition:color .3s}\r\n .champion .plan-features li{color:rgba(242,237,227,.85)}\r\n .plan-features li svg{width:13px;height:13px;color:var(--bright);flex-shrink:0}\r\n .champion .plan-features li svg{color:rgba(242,237,227,.55)}\r\n\r\n \/* savings *\/\r\n .savings-label{\r\n font-family:'League Spartan',sans-serif;font-size:11px;font-weight:500;\r\n letter-spacing:.26em;text-transform:uppercase;color:var(--bright);margin-bottom:10px;\r\n }\r\n .savings-table{\r\n display:grid;grid-template-columns:1fr 1fr;gap:1px;\r\n background:var(--border);border:1px solid var(--border);\r\n border-radius:12px;overflow:hidden;\r\n }\r\n .srow{\r\n background:var(--card);\r\n display:flex;justify-content:space-between;align-items:center;\r\n padding:13px 18px;gap:12px;transition:background .3s;\r\n }\r\n .srow:nth-child(even){background:var(--card2)}\r\n .srow-label{font-size:13px;color:var(--text2)}\r\n .srow-right{text-align:right;flex-shrink:0}\r\n .srow-price{font-family:'League Spartan',sans-serif;font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.01em}\r\n .srow-save{font-size:11px;font-weight:500;color:var(--bright)}\r\n\r\n \/* tables *\/\r\n .gtable{border:1px solid var(--border);border-radius:10px;overflow:hidden;width:100%}\r\n .gtable-head{display:grid;background:var(--green);padding:11px 18px}\r\n .gtable-head span{font-family:'League Spartan',sans-serif;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,237,227,.8)}\r\n .gtable-row{display:grid;padding:13px 18px;border-bottom:1px solid var(--border);align-items:center;transition:background .3s}\r\n .gtable-row:last-child{border-bottom:none}\r\n .gtable-row:nth-child(odd){background:var(--card)}\r\n .gtable-row:nth-child(even){background:var(--card2)}\r\n .row-name{font-size:14px;font-weight:500;color:var(--text)}\r\n .row-sub{font-size:12px;color:var(--text3);margin-top:1px}\r\n .row-price{font-family:'League Spartan',sans-serif;font-size:19px;font-weight:700;color:var(--bright);letter-spacing:-.01em;text-align:right}\r\n .row-save{font-size:11px;font-weight:500;color:var(--bright);text-align:right}\r\n .t3 .gtable-head,.t3 .gtable-row{grid-template-columns:1fr 2fr auto;gap:12px}\r\n .t2 .gtable-head,.t2 .gtable-row{grid-template-columns:1fr auto;gap:12px}\r\n .t4 .gtable-head,.t4 .gtable-row{grid-template-columns:1.3fr .9fr .9fr .9fr;gap:8px}\r\n .t4 .row-price{font-size:17px;text-align:center}\r\n .t4 .row-save{text-align:center}\r\n .t4 .gtable-head span{text-align:center}\r\n .t4 .gtable-head span:first-child,.t4 .gtable-row .row-name{text-align:left}\r\n\r\n \/* private *\/\r\n .private-card{\r\n background:var(--card);border:1px solid var(--border);\r\n border-radius:12px;padding:24px;transition:background .3s,box-shadow .2s;\r\n }\r\n .private-card:hover{box-shadow:0 6px 24px rgba(31,94,43,.08)}\r\n .pc-format{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:3px}\r\n .pc-discipline{font-family:'League Spartan',sans-serif;font-size:20px;font-weight:700;color:var(--text);margin-bottom:14px;transition:color .3s}\r\n .pc-prices{display:flex;gap:26px}\r\n .pc-price .lbl{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:3px}\r\n .pc-price .val{font-family:'League Spartan',sans-serif;font-size:24px;font-weight:700;color:var(--text);transition:color .3s}\r\n .pc-price .val.accent{color:var(--bright)}\r\n .pc-price .na{font-family:'League Spartan',sans-serif;font-size:18px;color:var(--border)}\r\n\r\n \/* starters *\/\r\n .starter-card{\r\n background:var(--card);border:1px solid var(--border);\r\n border-radius:12px;padding:24px;transition:background .3s,border-color .2s,box-shadow .2s;\r\n }\r\n .starter-card:hover{border-color:rgba(31,94,43,.35);box-shadow:0 8px 28px rgba(31,94,43,.1)}\r\n .sc-name{font-family:'Racing Sans One',sans-serif;font-size:20px;color:var(--text);margin-bottom:12px;transition:color .3s}\r\n .sc-list{list-style:none;margin-bottom:18px}\r\n .sc-list li{font-size:13px;color:var(--text2);padding:5px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}\r\n .sc-list li svg{width:12px;height:12px;color:var(--bright);flex-shrink:0}\r\n .sc-price{font-family:'League Spartan',sans-serif;font-size:30px;font-weight:900;color:var(--bright);letter-spacing:-.02em}\r\n\r\n \/* open gym extras *\/\r\n .two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}\r\n\r\n \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\r\n .cta-banner-wrap{\r\n max-width:1180px;margin:0 auto;padding:0 52px;\r\n }\r\n .cta-banner{\r\n background:var(--green);\r\n padding:48px 52px;\r\n border-radius:16px;\r\n display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;\r\n }\r\n .cta-banner h2{color:#F2EDE3;margin-bottom:10px}\r\n .cta-banner p{font-size:15px;color:rgba(242,237,227,.65);max-width:420px}\r\n\r\n \/* \u2500\u2500 LOCATION \u2500\u2500 *\/\r\n .location-wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}\r\n .map-ph{\r\n aspect-ratio:4\/3;background:var(--bg2);border:1px dashed rgba(31,94,43,.2);\r\n border-radius:14px;display:flex;flex-direction:column;\r\n align-items:center;justify-content:center;gap:12px;transition:background .3s;\r\n }\r\n .map-ph svg{width:36px;height:36px;color:rgba(31,94,43,.25)}\r\n .map-ph p{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);opacity:.5}\r\n .loc-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:32px}\r\n .loc-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text2)}\r\n .loc-list li svg{width:17px;height:17px;color:var(--bright);flex-shrink:0}\r\n .loc-list li strong{color:var(--text)}\r\n\r\n \/* \u2500\u2500 DISCIPLINE COLOR TAGS \u2500\u2500 *\/\r\n .class-tag{display:inline-block;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;border-radius:50px;padding:4px 10px;margin-bottom:10px}\r\n .tag-striking{background:rgba(31,94,43,.12);color:#1F5E2B;border:1px solid rgba(31,94,43,.25)}\r\n .tag-grappling{background:rgba(59,130,246,.1);color:#60A5FA;border:1px solid rgba(59,130,246,.2)}\r\n [data-theme=\"light\"] .tag-grappling{background:rgba(37,99,235,.08);color:#1D4ED8;border-color:rgba(37,99,235,.25)}\r\n .tag-mma{background:rgba(251,146,60,.1);color:#FB923C;border:1px solid rgba(251,146,60,.2)}\r\n [data-theme=\"light\"] .tag-mma{background:rgba(234,88,12,.08);color:#C2410C;border-color:rgba(234,88,12,.25)}\r\n .tag-fitness{background:rgba(167,139,250,.1);color:#A78BFA;border:1px solid rgba(167,139,250,.2)}\r\n [data-theme=\"light\"] .tag-fitness{background:rgba(109,40,217,.07);color:#6D28D9;border-color:rgba(109,40,217,.25)}\r\n .tag-private{background:rgba(251,191,36,.1);color:#FBBF24;border:1px solid rgba(251,191,36,.2)}\r\n [data-theme=\"light\"] .tag-private{background:rgba(180,130,0,.08);color:#B45309;border-color:rgba(180,130,0,.25)}\r\n \/* Discipline names in private cards use Racing Sans *\/\r\n .disc-name{font-family:'Racing Sans One',sans-serif;letter-spacing:.01em;font-size:22px}\r\n\r\n \/* \u2500\u2500 CULTURE \u2500\u2500 *\/\r\n .culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;overflow:hidden}\r\n .culture-ph{\r\n aspect-ratio:1;background:var(--bg2);\r\n border:1px dashed rgba(31,94,43,.12);\r\n display:flex;flex-direction:column;\r\n align-items:center;justify-content:center;gap:8px;\r\n transition:background .3s;overflow:hidden;min-width:0;\r\n }\r\n .culture-ph.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:280px}\r\n .culture-ph svg{width:26px;height:26px;color:rgba(31,94,43,.2);flex-shrink:0}\r\n .culture-ph span{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);opacity:.4;text-align:center;padding:0 8px}\r\n\r\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\n .reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}\r\n .reveal.s1{transition-delay:.06s}.reveal.s2{transition-delay:.14s}.reveal.s3{transition-delay:.22s}\r\n .reveal.s4{transition-delay:.30s}.reveal.s5{transition-delay:.38s}.reveal.s6{transition-delay:.46s}\r\n .reveal.visible{opacity:1;transform:translateY(0)}\r\n \/* Hero entrance *\/\r\n .hero-left>*{opacity:0;transform:translateY(18px);animation:hIn .6s ease forwards}\r\n .hero-left>*:nth-child(1){animation-delay:.1s}\r\n .hero-left>*:nth-child(2){animation-delay:.2s}\r\n .hero-left>*:nth-child(3){animation-delay:.3s}\r\n .hero-left>*:nth-child(4){animation-delay:.38s}\r\n .hero-left>*:nth-child(5){animation-delay:.46s}\r\n .hero-left>*:nth-child(6){animation-delay:.54s}\r\n .hero-right{opacity:0;transform:translateX(22px);animation:hRight .65s ease .28s forwards}\r\n @keyframes hIn{to{opacity:1;transform:translateY(0)}}\r\n @keyframes hRight{to{opacity:1;transform:translateX(0)}}\r\n @media(prefers-reduced-motion:reduce){\r\n .reveal,.hero-left>*,.hero-right{animation:none;opacity:1;transform:none;transition:opacity .3s}\r\n }\r\n\r\n \/* \u2500\u2500 COACHES \u2500\u2500 *\/\r\n .coach-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:background .3s}\r\n .coach-ph{\r\n aspect-ratio:3\/4;background:var(--bg2);border-bottom:1px solid var(--border);\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:background .3s;\r\n }\r\n .coach-ph svg{width:32px;height:32px;color:rgba(31,94,43,.2)}\r\n .coach-ph span{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);opacity:.35}\r\n .coach-body{padding:20px}\r\n .coach-name{font-family:'League Spartan',sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:3px;transition:color .3s}\r\n .coach-role{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bright);margin-bottom:10px}\r\n .coach-body p{font-size:13px;color:var(--text2)}\r\n\r\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n .testimonial{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px;transition:background .3s}\r\n .stars{display:flex;gap:3px;margin-bottom:14px}\r\n .stars svg{width:13px;height:13px;color:var(--bright)}\r\n .testimonial blockquote{font-size:14px;color:var(--text2);line-height:1.7;font-style:italic;margin-bottom:18px}\r\n .t-author{display:flex;align-items:center;gap:10px}\r\n .t-avatar{width:34px;height:34px;border-radius:50%;background:rgba(31,94,43,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n .t-avatar svg{width:16px;height:16px;color:var(--bright)}\r\n .t-name{font-size:13px;font-weight:500;color:var(--text)}\r\n .t-tag{font-size:11px;color:var(--text3)}\r\n\r\n \/* \u2500\u2500 FORM \u2500\u2500 *\/\r\n .trial-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}\r\n .perks{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\r\n .perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text2)}\r\n .perks li svg{width:15px;height:15px;color:var(--bright);flex-shrink:0}\r\n .form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:background .3s}\r\n .form-card h3{font-family:'League Spartan',sans-serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:5px}\r\n .form-card>p{font-size:13px;color:var(--text3);margin-bottom:22px}\r\n .fg{margin-bottom:13px}\r\n .fg label{display:block;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:5px}\r\n .fg input,.fg select{\r\n width:100%;font-family:'DM Sans',sans-serif;font-size:14px;\r\n background:var(--form-bg);border:1px solid var(--form-border);\r\n border-radius:10px;padding:11px 14px;color:var(--text);\r\n outline:none;transition:border-color .2s,background .3s,color .3s;\r\n appearance:none;\r\n }\r\n .fg input::placeholder{color:var(--text3)}\r\n .fg input:focus,.fg select:focus{border-color:var(--bright)}\r\n .fg select option{background:var(--bg2);color:var(--text)}\r\n\r\n \/* \u2500\u2500 FINAL CTA \u2500\u2500 *\/\r\n .final-cta{\r\n text-align:center;padding:100px 52px;\r\n position:relative;overflow:hidden;\r\n }\r\n .final-cta::before{\r\n content:'';position:absolute;inset:0;\r\n background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(31,94,43,.12) 0%,transparent 70%);\r\n pointer-events:none;\r\n }\r\n .final-cta h2{font-size:clamp(34px,5vw,60px);margin-bottom:14px}\r\n .final-cta>p{font-size:16px;color:var(--text2);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto}\r\n .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}\r\n .contact-row{display:flex;gap:24px;justify-content:center;margin-top:28px;flex-wrap:wrap}\r\n .contact-row a{\r\n display:inline-flex;align-items:center;gap:7px;\r\n font-size:13px;font-weight:500;color:var(--text3);text-decoration:none;transition:color .2s;\r\n }\r\n .contact-row a:hover{color:var(--bright)}\r\n .contact-row a svg{width:15px;height:15px;color:var(--bright)}\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer{\r\n background:var(--bg2);\r\n border-top:1px solid var(--border);\r\n padding:0;\r\n transition:background .3s;\r\n }\r\n .footer-top{\r\n display:grid;\r\n grid-template-columns:1fr auto 1fr;\r\n align-items:center;\r\n gap:40px;\r\n padding:28px 52px;\r\n border-bottom:1px solid var(--border);\r\n max-width:none;\r\n }\r\n \/* Col 1: logo + tagline *\/\r\n .footer-brand{}\r\n .footer-brand p{\r\n font-size:12px;color:var(--text3);margin-top:3px;\r\n font-family:'DM Sans',sans-serif;line-height:1.4;\r\n }\r\n \/* Col 2: contact links \u2014 ic\u00f4ne pill cards *\/\r\n .footer-contacts{\r\n display:flex;gap:8px;flex-wrap:wrap;justify-content:center;\r\n }\r\n .fc-pill{\r\n display:inline-flex;align-items:center;gap:7px;\r\n font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;\r\n text-decoration:none;\r\n padding:7px 13px;\r\n background:rgba(255,255,255,0.06);\r\n border:none;\r\n border-radius:50px;\r\n color:var(--text2);\r\n transition:background .2s,color .2s;\r\n white-space:nowrap;\r\n }\r\n [data-theme=\"light\"] .fc-pill{background:rgba(0,0,0,.05)}\r\n .fc-pill svg{width:14px;height:14px;color:var(--bright);flex-shrink:0}\r\n .fc-pill:hover{background:rgba(31,94,43,.12);color:var(--text)}\r\n \/* Col 3: toggle + legal right-aligned *\/\r\n .footer-right{\r\n display:flex;flex-direction:column;align-items:flex-end;gap:10px;\r\n }\r\n .footer-note{\r\n font-size:11px;color:var(--text3);opacity:.5;\r\n text-align:right;line-height:1.6;\r\n font-family:'DM Sans',sans-serif;\r\n }\r\n \/* Bottom bar *\/\r\n .footer-bottom{\r\n padding:12px 52px;\r\n display:none;\r\n align-items:center;justify-content:space-between;gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n .footer-bottom p{\r\n font-size:11px;color:var(--text3);opacity:.4;\r\n font-family:'DM Sans',sans-serif;\r\n }\r\n .footer-bottom a{\r\n font-size:11px;color:var(--text3);opacity:.5;\r\n text-decoration:none;font-family:'DM Sans',sans-serif;\r\n }\r\n .footer-bottom a:hover{color:var(--bright);opacity:1}\r\n @media(max-width:960px){\r\n .footer-top{grid-template-columns:1fr;gap:20px;padding:24px 16px;text-align:center}\r\n .footer-brand{display:flex;flex-direction:column;align-items:center}\r\n .footer-right{align-items:center}\r\n .footer-note{text-align:center}\r\n .footer-bottom{padding:12px 16px;flex-direction:column;text-align:center;gap:6px}\r\n }\r\n\r\n \/* sub-labels *\/\r\n .sub-label{\r\n font-family:'League Spartan',sans-serif;font-size:11px;font-weight:500;\r\n letter-spacing:.2em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media(max-width:960px){\r\n nav{padding:0 16px}\r\n \/* Mobile nav: hide all links and toggle, keep only logo + CTA *\/\r\n .nav-links>li{display:none}\r\n .nav-links>li:last-child{display:flex}\r\n .hero-outer{min-height:auto}\r\n .hero{grid-template-columns:1fr;padding:90px 20px 50px;gap:28px}\r\n .hero-right{display:none}\r\n .hero-right{order:-1}\r\n .img-ph{aspect-ratio:16\/9}\r\n .hero-stats{grid-template-columns:repeat(3,1fr)}\r\n h1{font-size:clamp(44px,12vw,72px)}\r\n .hero-sub,.hero-desc{max-width:100%}\r\n .badges{gap:6px}\r\n .badge{font-size:11px;padding:5px 10px}\r\n .wrap{padding:56px 16px}\r\n .cta-banner-wrap{padding:0 16px}\r\n .cta-banner{padding:28px 20px;flex-direction:column;text-align:center;border-radius:12px}\r\n .grid-2,.grid-3,.savings-table,.two-col,.trial-wrap,.location-wrap{grid-template-columns:1fr;gap:12px}\r\n .culture-grid{grid-template-columns:1fr 1fr}\r\n .culture-ph.big{grid-column:span 2;grid-row:span 1;aspect-ratio:4\/3;min-height:180px}\r\n .img-strip{grid-template-columns:repeat(2,1fr)}\r\n div[style*=\"margin-top:-60px\"]{padding:0 16px;margin-top:-40px}\r\n .final-cta{padding:60px 16px}\r\n \/* footer responsive *\/\r\n .footer-bottom{display:flex}\r\n .footer-top{grid-template-columns:1fr;padding:20px 16px;gap:16px;text-align:center}\r\n .footer-brand{align-items:center;display:flex;flex-direction:column}\r\n .footer-right{align-items:center}\r\n .footer-note{text-align:center}\r\n .footer-bottom{padding:10px 16px;flex-direction:column;text-align:center;gap:4px}\r\n .footer-contacts{justify-content:center}\r\n .t3 .gtable-head,.t3 .gtable-row{grid-template-columns:1fr auto;gap:8px}\r\n .t3 .gtable-row>*:nth-child(2){display:none}\r\n .t3 .gtable-head>*:nth-child(2){display:none}\r\n .t4 .gtable-head,.t4 .gtable-row{grid-template-columns:1fr 1fr;gap:6px}\r\n .t4 .gtable-row>*:nth-child(2),.t4 .gtable-head>*:nth-child(2){display:none}\r\n .pc-prices{flex-direction:column;gap:12px}\r\n .hero-ctas{flex-direction:column}\r\n .hero-ctas .btn{justify-content:center}\r\n }\r\n\r\n \/* \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500 *\/\r\n #scroll-bar{\r\n position:fixed;top:0;left:0;z-index:2000;\r\n height:3px;width:0%;\r\n background:linear-gradient(90deg,var(--green),var(--bright));\r\n transition:width .08s linear;\r\n pointer-events:none;\r\n }\r\n\r\n \/* \u2500\u2500 STICKY BAR (merged with contact buttons) \u2500\u2500 *\/\r\n \/* \u2500\u2500 STICKY BAR \u2014 mobile only \u2500\u2500 *\/\r\n\r\n \/* \u2500\u2500 COUNTERS \u2500\u2500 *\/\r\n .counters-row{\r\n display:grid;grid-template-columns:repeat(4,1fr);\r\n gap:2px;background:var(--border);\r\n border:1px solid var(--border);border-radius:14px;overflow:hidden;\r\n margin-top:56px;\r\n }\r\n .counter-box{\r\n background:var(--card);padding:32px 24px;text-align:center;\r\n transition:background .3s;\r\n }\r\n .counter-box:hover{background:var(--card2)}\r\n .counter-num{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:clamp(36px,5vw,52px);font-weight:900;\r\n color:var(--bright);letter-spacing:-.03em;line-height:1;\r\n display:block;\r\n }\r\n .counter-suffix{font-size:.55em;opacity:.7}\r\n .counter-lbl{\r\n font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;\r\n color:var(--text2);margin-top:6px;\r\n }\r\n @media(max-width:960px){\r\n .counters-row{grid-template-columns:repeat(2,1fr)}\r\n }\r\n\r\n \/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n .faq-list{display:flex;flex-direction:column;gap:2px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}\r\n .faq-item{background:var(--card);transition:background .3s}\r\n .faq-item:hover{background:var(--card2)}\r\n .faq-q{\r\n width:100%;background:none;border:none;text-align:left;cursor:pointer;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:20px 24px;gap:16px;\r\n }\r\n .faq-q span{\r\n font-family:'League Spartan',sans-serif;font-size:16px;font-weight:700;\r\n letter-spacing:-.01em;color:var(--text);\r\n }\r\n .faq-icon{\r\n width:22px;height:22px;flex-shrink:0;\r\n border:1.5px solid var(--border);border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;\r\n transition:border-color .2s,transform .3s;\r\n }\r\n .faq-icon svg{width:11px;height:11px;color:var(--bright);transition:transform .3s}\r\n .faq-item.open .faq-icon{border-color:var(--bright);transform:none}\r\n .faq-item.open .faq-icon svg{transform:rotate(45deg)}\r\n .faq-a{\r\n max-height:0;overflow:hidden;\r\n transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .3s;\r\n padding:0 24px;\r\n }\r\n .faq-item.open .faq-a{max-height:200px;padding:0 24px 20px}\r\n .faq-a p{font-size:14px;color:var(--text2);line-height:1.7;margin:0}\r\n\r\n \/* \u2500\u2500 PLAN CARD HOVER FEATURE CASCADE \u2500\u2500 *\/\r\n .plan-features li{\r\n transition:opacity .2s, transform .2s;\r\n }\r\n .plan-card:hover .plan-features li:nth-child(1){transition-delay:.03s}\r\n .plan-card:hover .plan-features li:nth-child(2){transition-delay:.07s}\r\n .plan-card:hover .plan-features li:nth-child(3){transition-delay:.11s}\r\n .plan-card:hover .plan-features li:nth-child(4){transition-delay:.15s}\r\n .plan-card:hover .plan-features li:nth-child(5){transition-delay:.19s}\r\n .plan-card:not(:hover) .plan-features li{opacity:.65}\r\n .plan-card:hover .plan-features li{opacity:1}\r\n\r\n \/* \u2500\u2500 ANNOUNCEMENT BAR \u2500\u2500 *\/\r\n #announce-bar{\r\n background:var(--green);\r\n padding:8px 20px;\r\n display:flex;align-items:center;justify-content:center;gap:16px;\r\n flex-wrap:wrap;\r\n }\r\n .announce-text{\r\n font-family:'DM Sans',sans-serif;\r\n font-size:12px;font-weight:500;\r\n color:rgba(242,237,227,.85);\r\n display:flex;align-items:center;gap:8px;\r\n flex-wrap:wrap;justify-content:center;\r\n }\r\n .announce-text strong{color:#fff;font-weight:700}\r\n .announce-sep{color:rgba(242,237,227,.3);margin:0 2px}\r\n #countdown{\r\n display:inline-flex;align-items:baseline;gap:6px;\r\n font-family:'League Spartan',sans-serif;\r\n font-size:13px;font-weight:700;\r\n color:#fff;\r\n background:rgba(0,0,0,.18);\r\n border-radius:4px;\r\n padding:3px 8px;\r\n }\r\n .cd-unit{\r\n display:inline-flex;align-items:baseline;gap:2px;\r\n }\r\n .cd-unit span:first-child{\r\n font-family:'League Spartan',sans-serif;\r\n font-weight:700;font-size:13px;\r\n min-width:18px;text-align:right;\r\n }\r\n .cd-label{\r\n font-size:9px;font-weight:600;opacity:.7;\r\n font-family:'DM Sans',sans-serif;\r\n letter-spacing:.04em;\r\n }\r\n .cd-sep{\r\n color:rgba(255,255,255,.35);\r\n font-size:11px;\r\n margin:0 1px;\r\n }\r\n\r\n\r\n \/* \u2500\u2500 BACKGROUND TEXTURE \u2500\u2500 *\/\r\n body::before{\r\n content:'';\r\n position:fixed;inset:0;\r\n pointer-events:none;\r\n z-index:0;\r\n background-image:radial-gradient(circle, rgba(31,94,43,0.055) 1px, transparent 1px);\r\n background-size:28px 28px;\r\n opacity:1;\r\n }\r\n [data-theme=\"light\"] body::before{\r\n background-image:radial-gradient(circle, rgba(31,94,43,0.07) 1px, transparent 1px);\r\n }\r\n \/* ensure content stays above texture *\/\r\n nav,#announce-bar,#sticky-cta,.hero,.wrap,section,footer,.img-strip,.cta-banner,.final-cta{\r\n position:relative;z-index:1;\r\n }\r\n\r\n \/* \u2500\u2500 INTERACTIVE PRICING SELECTOR \u2500\u2500 *\/\r\n .price-selector{\r\n display:flex;flex-direction:column;gap:28px;\r\n max-width:760px;\r\n position:relative;z-index:10;\r\n }\r\n .ps-step{}\r\n .ps-step-label{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;\r\n color:var(--bright);margin-bottom:12px;\r\n }\r\n .ps-tabs{display:flex;gap:8px;flex-wrap:wrap}\r\n .ps-tab{\r\n display:flex;flex-direction:column;align-items:flex-start;gap:2px;\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:12px;padding:12px 18px;\r\n font-family:'League Spartan',sans-serif;\r\n font-size:15px;font-weight:700;letter-spacing:-.01em;\r\n color:var(--text2);cursor:pointer;user-select:none;pointer-events:all;\r\n transition:all .2s;\r\n flex:1;min-width:120px;\r\n text-align:left;\r\n }\r\n .ps-tab svg{color:var(--text3);margin-bottom:4px;transition:color .2s}\r\n .ps-tab span{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400;color:var(--text3);letter-spacing:0}\r\n .ps-tab:hover{border-color:var(--bright);color:var(--text)}\r\n .ps-tab.active{\r\n background:rgba(31,94,43,.1);\r\n border-color:var(--bright);\r\n color:var(--text);\r\n }\r\n .ps-tab.active svg{color:var(--bright)}\r\n .ps-tabs-sm .ps-tab{\r\n flex-direction:row;align-items:center;gap:8px;\r\n font-size:13px;padding:9px 16px;min-width:0;\r\n }\r\n .ps-save{\r\n background:rgba(31,94,43,.15);color:var(--bright);\r\n font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;\r\n padding:2px 7px;border-radius:50px;\r\n }\r\n .ps-result{\r\n background:var(--card);border:1px solid var(--border);\r\n border-radius:16px;padding:32px;\r\n display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;\r\n transition:background .3s;\r\n }\r\n .ps-price-label{\r\n font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;\r\n letter-spacing:.1em;text-transform:uppercase;color:var(--text3);\r\n margin-bottom:8px;\r\n }\r\n .ps-big-price{\r\n display:flex;align-items:baseline;gap:8px;margin-bottom:12px;\r\n }\r\n #ps-price{\r\n font-family:'League Spartan',sans-serif;\r\n font-size:52px;font-weight:900;letter-spacing:-.03em;\r\n color:var(--bright);line-height:1;\r\n transition:all .25s ease;\r\n }\r\n .ps-per{font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text3)}\r\n .ps-note{font-size:13px;color:var(--text2);line-height:1.6}\r\n .ps-features{display:flex;flex-direction:column;gap:10px}\r\n .ps-feat{\r\n display:flex;align-items:center;gap:9px;\r\n font-size:13px;color:var(--text2);\r\n }\r\n .ps-dropin{grid-column:span 2}\r\n @media(max-width:680px){\r\n .ps-result{grid-template-columns:1fr;gap:20px}\r\n .ps-save{display:none}\r\n .ps-cta-wrap{align-items:flex-start !important}\r\n .ps-dropin{grid-column:span 1}\r\n #ps-price{font-size:40px}\r\n }\r\n\r\n \/* \u2500\u2500 BACKGROUND DOT GRID \u2500\u2500 *\/\r\n body{position:relative}\r\n body::before{\r\n content:'';\r\n position:fixed;inset:0;\r\n pointer-events:none;z-index:0;\r\n background-image:radial-gradient(circle, rgba(31,94,43,0.07) 1px, transparent 1px);\r\n background-size:28px 28px;\r\n }\r\n [data-theme=\"light\"] body::before{\r\n background-image:radial-gradient(circle, rgba(31,94,43,0.06) 1px, transparent 1px);\r\n }\r\n nav,#announce-bar,#sticky-cta,.hero,.wrap,.img-strip,.cta-banner,.final-cta,footer,\r\n .dark-band,[class*=\"section\"]{position:relative;z-index:1;}\r\n\r\n \/* \u2500\u2500 MOBILE BOTTOM BAR \u2500\u2500 *\/\r\n #mobile-bar{\r\n display:none;\r\n }\r\n @media(max-width:768px){\r\n #mobile-bar{\r\n display:flex;\r\n position:fixed;\r\n bottom:-90px;\r\n left:0;right:0;\r\n width:100%;\r\n box-sizing:border-box;\r\n z-index:9999;\r\n background:#1F5E2B;\r\n padding:10px 16px;\r\n gap:10px;\r\n align-items:center;\r\n transition:bottom .35s cubic-bezier(.4,0,.2,1);\r\n box-shadow:0 -4px 24px rgba(0,0,0,.45);\r\n overflow:hidden;\r\n }\r\n #mobile-bar.up{ bottom:0; }\r\n\r\n \/* Two icon pills on the left *\/\r\n .mb-icon{\r\n width:44px; height:44px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.15);\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;\r\n text-decoration:none;\r\n transition:background .2s,transform .15s;\r\n }\r\n .mb-icon:active{ background:rgba(255,255,255,.28); transform:scale(.93); }\r\n .mb-icon svg{ width:22px;height:22px; }\r\n\r\n \/* Divider *\/\r\n .mb-div{\r\n width:1px; height:26px;\r\n background:rgba(255,255,255,.2);\r\n flex-shrink:0;\r\n }\r\n\r\n \/* CTA button fills remaining width *\/\r\n .mb-cta{\r\n flex:1;\r\n height:44px;\r\n background:#fff;\r\n color:#1F5E2B !important;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:14px;font-weight:700;\r\n letter-spacing:.01em;\r\n text-decoration:none;\r\n border-radius:50px;\r\n display:inline-flex;\r\n align-items:center;justify-content:center;\r\n gap:7px;\r\n transition:background .2s,transform .15s;\r\n white-space:nowrap;\r\n }\r\n .mb-cta:active{ background:#e8f5e3; transform:scale(.97); }\r\n .mb-cta svg{ width:15px;height:15px;color:#1F5E2B;flex-shrink:0; }\r\n\r\n \/* Push body content up so bar doesn't overlap *\/\r\n body{ padding-bottom:72px; }\r\n }\r\n\r\n \/* Class img with photo *\/\r\n .class-img.has-photo{\r\n position:relative;overflow:hidden;border:none;\r\n aspect-ratio:16\/9;\r\n }\r\n .class-img.has-photo img{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n }\r\n .class-img.has-photo::after{\r\n content:'PLACEHOLDER';\r\n position:absolute;top:50%;left:50%;\r\n transform:translate(-50%,-50%) rotate(-25deg);\r\n font-family:'League Spartan',sans-serif;\r\n font-size:13px;font-weight:900;letter-spacing:.18em;\r\n color:rgba(255,255,255,0.45);\r\n pointer-events:none;white-space:nowrap;z-index:10;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ENHANCED ANIMATIONS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n \/* \u2500\u2500 Scroll progress bar glow \u2500\u2500 *\/\r\n #scroll-bar{\r\n box-shadow:0 0 8px rgba(31,94,43,.6);\r\n }\r\n\r\n \/* \u2500\u2500 Hero title word-by-word \u2500\u2500 *\/\r\n .hero-word{\r\n display:inline-block;\r\n opacity:0;\r\n transform:translateY(24px);\r\n animation:wordIn .55s ease forwards;\r\n }\r\n .hero-word.racing-word{\r\n display:block;\r\n }\r\n @keyframes wordIn{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n\r\n \/* \u2500\u2500 Hero badges cascade with bounce \u2500\u2500 *\/\r\n .badge{\r\n opacity:0;\r\n transform:translateY(10px) scale(.92);\r\n animation:badgeIn .4s cubic-bezier(.34,1.56,.64,1) forwards;\r\n }\r\n @keyframes badgeIn{\r\n to{opacity:1;transform:translateY(0) scale(1)}\r\n }\r\n\r\n \/* \u2500\u2500 Section label line sweep \u2500\u2500 *\/\r\n .sec-label{\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .sec-label::before{\r\n content:'';\r\n position:absolute;\r\n left:0;bottom:0;\r\n width:0;height:1px;\r\n background:var(--bright);\r\n transition:width .5s ease .2s;\r\n }\r\n .sec-label.line-done::before{\r\n width:100%;\r\n }\r\n\r\n \/* \u2500\u2500 Card hover elevation \u2500\u2500 *\/\r\n .card{\r\n transition:background .3s,border-color .2s,box-shadow .25s,transform .25s;\r\n }\r\n .card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 12px 36px rgba(31,94,43,.13);\r\n }\r\n .class-card{\r\n transition:background .3s,border-color .2s,box-shadow .25s,transform .25s;\r\n }\r\n .class-card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 12px 36px rgba(31,94,43,.13);\r\n }\r\n .class-card:hover .class-tag{\r\n transform:translateY(-2px);\r\n transition:transform .2s ease;\r\n }\r\n .forwho-card{\r\n transition:background .25s,border-color .2s,box-shadow .25s,transform .25s;\r\n }\r\n .forwho-card:hover{\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 28px rgba(31,94,43,.1);\r\n }\r\n .plan-card{\r\n transition:background .3s,border-color .2s,box-shadow .25s,transform .25s;\r\n }\r\n .plan-card:hover{\r\n transform:translateY(-4px);\r\n }\r\n .starter-card{\r\n transition:background .3s,border-color .2s,box-shadow .25s,transform .25s;\r\n }\r\n .starter-card:hover{\r\n transform:translateY(-3px);\r\n }\r\n .faq-item{\r\n transition:background .2s,transform .15s;\r\n }\r\n\r\n \/* \u2500\u2500 Image strip slide from bottom \u2500\u2500 *\/\r\n .strip-item{\r\n opacity:0;\r\n transform:translateY(32px);\r\n transition:opacity .45s ease, transform .45s ease;\r\n }\r\n .strip-item.strip-visible{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 Price pulse on enter \u2500\u2500 *\/\r\n @keyframes pricePulse{\r\n 0%{transform:scale(1)}\r\n 40%{transform:scale(1.06)}\r\n 70%{transform:scale(.97)}\r\n 100%{transform:scale(1)}\r\n }\r\n .price-pulsed{\r\n animation:pricePulse .5s ease forwards;\r\n }\r\n\r\n \/* \u2500\u2500 FAQ bounce open \u2500\u2500 *\/\r\n .faq-item.open .faq-a{\r\n animation:faqOpen .3s cubic-bezier(.34,1.3,.64,1) forwards;\r\n }\r\n @keyframes faqOpen{\r\n 0%{max-height:0;opacity:0}\r\n 100%{max-height:200px;opacity:1}\r\n }\r\n\r\n \/* \u2500\u2500 Counter number pop \u2500\u2500 *\/\r\n .counter-num{\r\n display:block;\r\n transition:color .3s;\r\n }\r\n .counter-box:hover .counter-num{\r\n color:var(--text);\r\n }\r\n\r\n \/* Respect reduced motion *\/\r\n @media(prefers-reduced-motion:reduce){\r\n .hero-word,.badge,.strip-item{\r\n opacity:1;transform:none;animation:none;transition:none;\r\n }\r\n .card:hover,.class-card:hover,.forwho-card:hover,.plan-card:hover,.starter-card:hover{\r\n transform:none;\r\n }\r\n }\r\n\r\n \/* Hero always white text (dark overlay) *\/\r\n .hero-eyebrow{color:rgba(31,94,43,1)!important}\r\n .hero-sub{color:rgba(255,255,255,.75)!important}\r\n .hero-desc{color:rgba(255,255,255,.55)!important}\r\n h1{color:#fff!important}\r\n .hero-stats{\r\n margin-top:40px;\r\n display:grid;grid-template-columns:repeat(3,auto);\r\n gap:2px;width:fit-content;\r\n }\r\n .stat-box{\r\n background:rgba(255,255,255,.07);\r\n border:1px solid rgba(255,255,255,.12);\r\n backdrop-filter:blur(8px);\r\n }\r\n .stat-box:first-child{border-radius:8px 0 0 8px}\r\n .stat-box:last-child{border-radius:0 8px 8px 0}\r\n .stat-num{color:#fff}\r\n .stat-lbl{color:rgba(255,255,255,.5)}\r\n \/* Sentinel for nav transparency *\/\r\n #hero-sentinel{position:absolute;bottom:0;left:0;right:0;height:1px;pointer-events:none;z-index:0}\r\n\r\n \/* \u2500\u2500 SPLIT SECTIONS \u2500\u2500 *\/\r\n .split-section{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n }\r\n .split-green{\r\n background:var(--green);\r\n padding:80px 60px;\r\n display:flex;flex-direction:column;justify-content:center;\r\n }\r\n .split-green h2{color:#fff;margin-bottom:12px}\r\n .split-green .section-desc{color:rgba(255,255,255,.65);margin-bottom:0}\r\n .split-green .sec-label{background:rgba(255,255,255,.15);color:#fff}\r\n .split-dark{\r\n background:var(--bg2);\r\n padding:80px 60px;\r\n display:flex;flex-direction:column;justify-content:center;\r\n gap:14px;\r\n }\r\n \/* Why Jaiyen cards inside split *\/\r\n .split-dark .why-grid{\r\n display:flex;flex-direction:column;gap:14px;\r\n }\r\n .split-dark .card{padding:22px 24px}\r\n .split-dark .card h3{font-size:16px;margin-bottom:4px}\r\n .split-dark .card p{font-size:13px}\r\n .split-dark .icon-box{width:36px;height:36px;margin-bottom:12px}\r\n \/* For Who pills inside split *\/\r\n .split-dark .forwho-grid{\r\n display:flex;flex-direction:column;gap:10px;\r\n }\r\n .split-dark .forwho-card{padding:16px 18px}\r\n .split-dark .forwho-card h3{font-size:15px;margin-bottom:3px}\r\n .split-dark .forwho-card p{font-size:12px}\r\n .split-dark .forwho-card .icon-box{width:34px;height:34px;flex-shrink:0}\r\n @media(max-width:960px){\r\n .split-section{grid-template-columns:1fr}\r\n .split-green{padding:56px 20px}\r\n .split-dark{padding:40px 20px}\r\n }\r\n\r\n \/* Hero badges always visible (hero has dark overlay) *\/\r\n .hero .badge{\r\n background:rgba(255,255,255,.12);\r\n border-color:rgba(255,255,255,.25);\r\n color:rgba(255,255,255,.9);\r\n }\r\n .hero .badge svg{color:rgba(255,255,255,.7)}\r\n [data-theme=\"light\"] .hero .badge{\r\n background:rgba(255,255,255,.18);\r\n border-color:rgba(255,255,255,.4);\r\n color:#fff;\r\n }\r\n\r\n \/* \u2500\u2500 IMAGE STRIP \u2500\u2500 *\/\r\n .img-strip-outer{\r\n background:var(--bg2);\r\n padding:0;\r\n }\r\n .img-strip{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:0;\r\n }\r\n .strip-item{\r\n aspect-ratio:3\/4;\r\n background:var(--bg2);\r\n border-right:1px solid var(--border);\r\n display:flex;flex-direction:column;\r\n align-items:center;justify-content:center;gap:8px;\r\n transition:background .2s;\r\n }\r\n .strip-item:last-child{border-right:none}\r\n .strip-item svg{width:28px;height:28px;color:rgba(31,94,43,.2)}\r\n .strip-item span{\r\n font-size:10px;font-weight:500;\r\n letter-spacing:.14em;text-transform:uppercase;\r\n color:var(--text3);opacity:.5;\r\n }\r\n @media(max-width:768px){\r\n .img-strip{grid-template-columns:repeat(2,1fr)}\r\n }\r\n\r\n \/* \u2500\u2500 STRIP CARDS \u2500\u2500 *\/\r\n .strip-card{\r\n position:relative;\r\n overflow:hidden;\r\n aspect-ratio:3\/4;\r\n cursor:pointer;\r\n }\r\n .strip-card-bg{\r\n position:absolute;inset:0;\r\n background-size:cover;\r\n background-position:center;\r\n filter:brightness(.35) saturate(.7);\r\n transform:scale(1);\r\n transition:transform .6s ease, filter .6s ease;\r\n }\r\n .strip-card-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(13,15,13,0) 30%,\r\n rgba(13,15,13,.5) 100%\r\n );\r\n transition:background .4s ease;\r\n }\r\n .strip-card-label{\r\n position:absolute;\r\n inset:0;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-family:'League Spartan',sans-serif;\r\n font-size:clamp(22px,3vw,36px);\r\n font-weight:900;\r\n letter-spacing:-.01em;\r\n color:#fff;\r\n text-shadow:0 2px 16px rgba(0,0,0,.5);\r\n z-index:2;\r\n transition:transform .4s ease, letter-spacing .4s ease;\r\n }\r\n \/* Hover effects *\/\r\n .strip-card:hover .strip-card-bg{\r\n filter:brightness(.55) saturate(1);\r\n transform:scale(1.06);\r\n }\r\n .strip-card:hover .strip-card-overlay{\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(31,94,43,.2) 0%,\r\n rgba(13,15,13,.6) 100%\r\n );\r\n }\r\n .strip-card:hover .strip-card-label{\r\n letter-spacing:.04em;\r\n text-shadow:0 2px 24px rgba(31,94,43,.6);\r\n }\r\n \/* Separator between cards *\/\r\n .strip-card + .strip-card{\r\n border-left:1px solid rgba(255,255,255,.06);\r\n }\r\n @media(max-width:768px){\r\n .strip-card-label{font-size:20px}\r\n }\r\n\r\n \/* \u2500\u2500 DECORATIVE BACKGROUND ICONS \u2500\u2500 *\/\r\n .deco-icon{\r\n position:absolute;\r\n pointer-events:none;\r\n z-index:0;\r\n opacity:.04;\r\n color:var(--bright);\r\n }\r\n .deco-icon svg{\r\n width:100%;height:100%;\r\n display:block;\r\n }\r\n \/* Sections need position:relative to contain deco *\/\r\n #location .wrap,\r\n #classes .wrap,\r\n #why .split-green,\r\n #trial .wrap,\r\n #forwho .wrap,\r\n .final-cta{\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"scroll-bar\"><\/div>\r\n\r\n<!-- MOBILE BOTTOM BAR -->\r\n<div id=\"mobile-bar\">\r\n <a href=\"https:\/\/wa.me\/66000000000\" class=\"mb-icon\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"white\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/line.me\/ti\/p\/@jaiyenmma\" class=\"mb-icon\" target=\"_blank\" rel=\"noopener\" aria-label=\"LINE\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"white\">\r\n <path d=\"M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.627-.63h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.627-.63.349 0 .631.285.631.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.281.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314\"\/>\r\n <\/svg>\r\n <\/a>\r\n <div class=\"mb-div\"><\/div>\r\n <a href=\"#trial\" class=\"mb-cta\">\r\n Book Now\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n<\/div>\r\n\r\n<!-- ANNOUNCEMENT BAR -->\r\n<div id=\"announce-bar\">\r\n <div class=\"announce-text\">\r\n <span>Opening <strong>20 July 2026<\/strong><\/span>\r\n <span class=\"announce-sep\">\u00b7<\/span>\r\n<span id=\"countdown\" style=\"font-family:'League Spartan',sans-serif;font-weight:700;font-size:13px;background:rgba(0,0,0,.2);padding:3px 10px;border-radius:4px\"><span id=\"cd-d\">--<\/span> days<\/span>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <a href=\"https:\/\/jaiyenmma.com\"><img decoding=\"async\" src=\"https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/Logo_jaiyen.png\" alt=\"Jaiyen MMA\" style=\"height:40px;width:auto;display:block;flex-shrink:0\" \/><\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#why\">Why Jaiyen<\/a><\/li>\r\n <li><a href=\"#classes\">Classes<\/a><\/li>\r\n <li><a href=\"#plans\">Pricing<\/a><\/li>\r\n <li><a href=\"#location\">Location<\/a><\/li>\r\n <li>\r\n <button class=\"theme-toggle\" onclick=\"toggleTheme()\" aria-label=\"Toggle theme\" title=\"Toggle light\/dark mode\">\r\n <svg class=\"toggle-icon icon-sun\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"\/><\/svg>\r\n <svg class=\"toggle-icon icon-moon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z\"\/><\/svg>\r\n <\/button>\r\n <\/li>\r\n <li><a href=\"#trial\" class=\"btn-nav\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"width:13px;height:13px;margin-right:5px;vertical-align:middle\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>Book Free Trial<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero-outer\">\r\n<div class=\"hero-bg-img\"><\/div>\r\n<div id=\"hero-sentinel\"><\/div>\r\n<div class=\"hero\">\r\n <!-- Left: title + CTA buttons -->\r\n <div class=\"hero-left\">\r\n <p class=\"hero-eyebrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg>\r\n Silom \u00b7 Bang Rak \u00b7 Bangkok\r\n <\/p>\r\n <h1>Bangkok's<br>New Fight<br><span class=\"racing\">Community.<\/span><\/h1>\r\n <p class=\"hero-sub\">Modern training. Real progression. Everyone welcome.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#trial\" class=\"btn btn-primary btn-lg\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n Book Free Trial\r\n <\/a>\r\n <a href=\"#trial\" class=\"btn btn-outline btn-lg\">Join Waitlist<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right: desc + badges + stats -->\r\n <div class=\"hero-right\">\r\n <p class=\"hero-desc\">Muay Thai, BJJ and MMA in a fully air-conditioned facility, minutes from BTS Silom. Beginner-friendly and serious enough to take you far.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg>Central Silom<\/span>\r\n <span class=\"badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><\/svg>BTS 2 min walk<\/span>\r\n <span class=\"badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>All Levels Welcome<\/span>\r\n <span class=\"badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>Community First<\/span>\r\n <span class=\"badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>Full A\/C<\/span>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-box\"><div class=\"stat-num\">3+<\/div><div class=\"stat-lbl\">Disciplines<\/div><\/div>\r\n <div class=\"stat-box\"><div class=\"stat-num\">AC<\/div><div class=\"stat-lbl\">Full A\/C<\/div><\/div>\r\n <div class=\"stat-box\"><div class=\"stat-num\">\u0e3f600<\/div><div class=\"stat-lbl\">From \/ class<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- stats moved into hero-left -->\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- IMG STRIP \u2014 boxed -->\r\n<div class=\"img-strip-outer\">\r\n <div class=\"img-strip\">\r\n <div class=\"strip-card\">\r\n <div class=\"strip-card-bg\" style=\"background-image:url('https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/1.jpg')\"><\/div>\r\n <div class=\"strip-card-overlay\"><\/div>\r\n <span class=\"strip-card-label\">Muay Thai<\/span>\r\n <\/div>\r\n <div class=\"strip-card\">\r\n <div class=\"strip-card-bg\" style=\"background-image:url('https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/2.jpg')\"><\/div>\r\n <div class=\"strip-card-overlay\"><\/div>\r\n <span class=\"strip-card-label\">BJJ<\/span>\r\n <\/div>\r\n <div class=\"strip-card\">\r\n <div class=\"strip-card-bg\" style=\"background-image:url('https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/3.jpg')\"><\/div>\r\n <div class=\"strip-card-overlay\"><\/div>\r\n <span class=\"strip-card-label\">MMA<\/span>\r\n <\/div>\r\n <div class=\"strip-card\">\r\n <div class=\"strip-card-bg\" style=\"background-image:url('https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/4.jpg')\"><\/div>\r\n <div class=\"strip-card-overlay\"><\/div>\r\n <span class=\"strip-card-label\">The Gym<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY JAIYEN \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"why\" class=\"dark-band\">\r\n <div class=\"wrap\">\r\n <p class=\"sec-label reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Why Jaiyen<\/p>\r\n <h2>A gym built different.<\/h2>\r\n <p class=\"section-desc\">Not just a place to train. A community where everyone belongs from total beginners to serious fighters.<\/p>\r\n <div class=\"grid-2\">\r\n <div class=\"card reveal s1\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg><\/div><h3>Central & convenient.<\/h3><p>Train in Silom, one of Bangkok's easiest areas to reach. Two minutes from BTS Silom, right in the heart of the city.<\/p><\/div>\r\n <div class=\"card reveal s2\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div><h3>Beginner-friendly energy.<\/h3><p>No ego, no pressure. Just strong coaching and supportive classes. Whether it's your first session or your hundredth, you belong here.<\/p><\/div>\r\n <div class=\"card reveal s3\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg><\/div><h3>Well-designed space.<\/h3><p>Clean, modern, fully air-conditioned. A facility that feels premium without being intimidating. Built for performance and comfort.<\/p><\/div>\r\n <div class=\"card reveal s4\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg><\/div><h3>Community-first culture.<\/h3><p>A place to grow, sweat and connect. Real people, real training, real bonds. That's what makes Jaiyen different.<\/p><\/div>\r\n <\/div>\r\n\r\n <!-- COUNTERS -->\r\n <div class=\"counters-row\" id=\"counters\">\r\n <div class=\"counter-box reveal s1\">\r\n <span class=\"counter-num\" data-target=\"3\" data-suffix=\"+\">0<\/span>\r\n <p class=\"counter-lbl\">Disciplines available<\/p>\r\n <\/div>\r\n <div class=\"counter-box reveal s2\">\r\n <span class=\"counter-num\" data-target=\"2\" data-suffix=\" min\">0<\/span>\r\n <p class=\"counter-lbl\">Walk from BTS Silom<\/p>\r\n <\/div>\r\n <div class=\"counter-box reveal s3\">\r\n <span class=\"counter-num\" data-target=\"600\" data-prefix=\"\u0e3f\">0<\/span>\r\n <p class=\"counter-lbl\">From per class<\/p>\r\n <\/div>\r\n <div class=\"counter-box reveal s4\">\r\n <span class=\"counter-num\" data-target=\"100\" data-suffix=\"%\">0<\/span>\r\n <p class=\"counter-lbl\">Air-conditioned<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CLASSES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"classes\" class=\"border-t dark-band\" style=\"position:relative;overflow:hidden\">\r\n <div class=\"deco-icon\" style=\"right:-140px;bottom:-140px;width:700px;height:700px\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wrap\">\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>What You Can Train<\/p>\r\n <h2>Classes for every level.<\/h2>\r\n <p class=\"section-desc\">From your very first class to competitive-level sparring we have the right training for where you are now.<\/p>\r\n <div class=\"grid-3\">\r\n <div class=\"class-card reveal s1\"><div class=\"class-img\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Photo placeholder<\/span><\/div><div class=\"class-body\"><span class=\"class-tag tag-striking\">Striking<\/span><h3>Muay Thai<\/h3><p>The art of eight limbs. Build technique, footwork and confidence in Bangkok's most iconic discipline. Open to all levels.<\/p><\/div><\/div>\r\n <div class=\"class-card reveal s2\"><div class=\"class-img\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Photo placeholder<\/span><\/div><div class=\"class-body\"><span class=\"class-tag tag-grappling\">Grappling<\/span><h3>BJJ \/ Grappling<\/h3><p>Brazilian Jiu-Jitsu and No-Gi grappling for all levels. Learn technique, build confidence and train safely. Gi and No-Gi options available.<\/p><\/div><\/div>\r\n <div class=\"class-card reveal s3\"><div class=\"class-img\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Photo placeholder<\/span><\/div><div class=\"class-body\"><span class=\"class-tag tag-mma\">MMA \/ Combat<\/span><h3>MMA Fundamentals<\/h3><p>Combine striking and grappling in structured MMA classes. Train the full game in a safe, coached environment.<\/p><\/div><\/div>\r\n <div class=\"class-card reveal s4\"><div class=\"class-img\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Photo placeholder<\/span><\/div><div class=\"class-body\"><span class=\"class-tag tag-striking\">Striking<\/span><h3>Boxing \/ Striking Drills<\/h3><p>Technical boxing and pad work sessions. Hands, combinations and movement. Great on its own or alongside Muay Thai.<\/p><\/div><\/div>\r\n <div class=\"class-card reveal s5\"><div class=\"class-img\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Photo placeholder<\/span><\/div><div class=\"class-body\"><span class=\"class-tag tag-fitness\">Fitness<\/span><h3>Conditioning<\/h3><p>Fight-fitness conditioning built around martial arts movement. Build strength, endurance and athleticism to complement your technical training.<\/p><\/div><\/div>\r\n <div class=\"class-card reveal s6\"><div class=\"class-img\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Photo placeholder<\/span><\/div><div class=\"class-body\"><span class=\"class-tag tag-private\">Private<\/span><h3>Private Training<\/h3><p>One-on-one or small group sessions with our coaches. Accelerate your progress and train on your own schedule.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOR WHO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"forwho\" class=\"border-t\">\r\n <div class=\"wrap\">\r\n <p class=\"sec-label reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>For Who<\/p>\r\n <h2>You belong here.<\/h2>\r\n <p class=\"section-desc\">Jaiyen MMA is built for everyone \u2014 no matter where you're starting from.<\/p>\r\n <div class=\"grid-2\">\r\n <div class=\"card forwho-card reveal s1\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><div><h3>Beginners<\/h3><p>Zero experience needed. We make it easy, safe and motivating from day one.<\/p><\/div><\/div>\r\n <div class=\"card forwho-card reveal s2\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg><\/div><div><h3>Expats & Locals<\/h3><p>Central Bangkok gym, easy BTS access. Train before or after work.<\/p><\/div><\/div>\r\n <div class=\"card forwho-card reveal s3\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg><\/div><div><h3>Fitness with Purpose<\/h3><p>Build real skills, discipline and mental toughness through structured training.<\/p><\/div><\/div>\r\n <div class=\"card forwho-card reveal s4\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div><div><h3>Serious Fighters<\/h3><p>Real coaching, strong rounds. Sparring, drilling and fight camp support.<\/p><\/div><\/div>\r\n <div class=\"card forwho-card reveal s5\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg><\/div><div><h3>Community Seekers<\/h3><p>New to Bangkok? Find your people in Silom. Train together, grow together.<\/p><\/div><\/div>\r\n <div class=\"card forwho-card reveal s6\"><div class=\"icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div><div><h3>Busy Schedules<\/h3><p>Train before work, after work or between meetings. Flexible times, great location.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICING \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"plans\" class=\"border-t dark-band\">\r\n <div class=\"wrap\">\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>Pricing<\/p>\r\n <h2>Simple, transparent pricing.<\/h2>\r\n <p class=\"section-desc\">Pick your training type and commitment. All memberships include open gym and app scheduling.<\/p>\r\n\r\n <!-- INTERACTIVE PRICING SELECTOR -->\r\n <div class=\"price-selector\" id=\"price-selector\">\r\n\r\n <!-- Step 1: Training type -->\r\n <div class=\"ps-step\">\r\n <p class=\"ps-step-label\">What do you want to train?<\/p>\r\n <div class=\"ps-tabs\" id=\"ps-type\">\r\n <button class=\"ps-tab active\" data-type=\"striker\" onclick=\"setPriceType('striker',this)\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n Striking\r\n <span>Muay Thai + Boxing<\/span>\r\n <\/button>\r\n <button class=\"ps-tab\" data-type=\"grappler\" onclick=\"setPriceType('grappler',this)\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\r\n Grappling\r\n <span>BJJ + No-Gi + MMA<\/span>\r\n <\/button>\r\n <button class=\"ps-tab\" data-type=\"champion\" onclick=\"setPriceType('champion',this)\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n All Access\r\n <span>Every discipline<\/span>\r\n <\/button>\r\n <button class=\"ps-tab\" data-type=\"dropin\" onclick=\"setPriceType('dropin',this)\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Flexible\r\n <span>Drop-in or packs<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2: Duration (hidden for dropin) -->\r\n <div class=\"ps-step\" id=\"ps-duration-step\">\r\n <p class=\"ps-step-label\">Commitment?<\/p>\r\n <div class=\"ps-tabs ps-tabs-sm\" id=\"ps-duration\">\r\n <button class=\"ps-tab active\" data-months=\"1\" onclick=\"setPriceDuration(1,this)\">Monthly<\/button>\r\n <button class=\"ps-tab\" data-months=\"6\" onclick=\"setPriceDuration(6,this)\">6 Months <span class=\"ps-save\">Save \u0e3f2,600<\/span><\/button>\r\n <button class=\"ps-tab\" data-months=\"12\" onclick=\"setPriceDuration(12,this)\">12 Months <span class=\"ps-save\">Save \u0e3f6,600<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Price display -->\r\n <div class=\"ps-result\">\r\n <!-- Left col: price -->\r\n <div class=\"ps-price-block\">\r\n <div class=\"ps-price-label\" id=\"ps-plan-name\">Striker \u2014 Monthly<\/div>\r\n <div class=\"ps-big-price\">\r\n <span id=\"ps-price\">\u0e3f4,600<\/span>\r\n <span id=\"ps-per\" class=\"ps-per\">\/ month<\/span>\r\n <\/div>\r\n <div id=\"ps-note\" class=\"ps-note\">Unlimited Muay Thai + Boxing + MMA group classes<\/div>\r\n <\/div>\r\n <!-- Right col: features + CTA -->\r\n <div style=\"display:flex;flex-direction:column;justify-content:space-between;gap:16px\">\r\n <div class=\"ps-features\" id=\"ps-features\">\r\n <div class=\"ps-feat\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1F5E2B\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Unlimited classes in your discipline<\/div>\r\n <div class=\"ps-feat\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1F5E2B\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>MMA group classes included<\/div>\r\n <div class=\"ps-feat\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1F5E2B\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Open gym access<\/div>\r\n <div class=\"ps-feat\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1F5E2B\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>App scheduling<\/div>\r\n <\/div>\r\n <div class=\"ps-cta-wrap\" style=\"display:flex;flex-direction:column;align-items:flex-end;gap:6px\">\r\n <a href=\"#trial\" class=\"btn btn-primary\" style=\"display:inline-flex\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n Book Free Trial\r\n <\/a>\r\n <p style=\"font-size:11px;color:var(--text3);text-align:right\">Cancel anytime \u00b7 30 days notice<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Drop-in sub-selector (shown only for dropin type) -->\r\n <div class=\"ps-dropin\" id=\"ps-dropin\" style=\"display:none\">\r\n <div class=\"gtable t2\" style=\"margin-top:0\">\r\n <div class=\"gtable-head\"><span>Option<\/span><span style=\"text-align:right\">Price<\/span><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">Single Class<\/div><div class=\"row-sub\">Any one group class<\/div><\/div><div class=\"row-price\">\u0e3f600<\/div><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">All-Day Pass<\/div><div class=\"row-sub\">Unlimited classes + open gym<\/div><\/div><div class=\"row-price\">\u0e3f1,100<\/div><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">3-Day Pass<\/div><div class=\"row-sub\">3 consecutive days, unlimited<\/div><\/div><div class=\"row-price\">\u0e3f2,750<\/div><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">Week Pass<\/div><div class=\"row-sub\">7 days, unlimited<\/div><\/div><div class=\"row-price\">\u0e3f3,850<\/div><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">6 Classes<\/div><div class=\"row-sub\">Valid 30 days \u00b7 save \u0e3f600<\/div><\/div><div class=\"row-price\">\u0e3f3,000<\/div><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">12 Classes<\/div><div class=\"row-sub\">Valid 60 days \u00b7 save \u0e3f1,200<\/div><\/div><div class=\"row-price\">\u0e3f6,000<\/div><\/div>\r\n <div class=\"gtable-row\"><div><div class=\"row-name\">24 Classes<\/div><div class=\"row-sub\">Valid 90 days \u00b7 save \u0e3f3,600<\/div><\/div><div class=\"row-price\">\u0e3f10,800<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MID CTA -->\r\n<div style=\"padding:48px 0 0\">\r\n<div class=\"cta-banner-wrap\">\r\n<div class=\"cta-banner\">\r\n <div class=\"cta-banner-text\">\r\n <h2>Opening soon in Silom.<br>Get in early.<\/h2>\r\n <p>Founding members get locked-in rates and priority class booking from day one.<\/p>\r\n <\/div>\r\n <a href=\"#trial\" class=\"btn btn-cream btn-lg\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n Join Early Access\r\n <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LOCATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"location\" style=\"position:relative\">\r\n <div class=\"deco-icon\" style=\"left:-120px;top:50%;transform:translateY(-50%);width:600px;height:600px\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wrap\">\r\n <div class=\"location-wrap\">\r\n <div style=\"aspect-ratio:4\/3;border-radius:14px;overflow:hidden;border:1px solid var(--border)\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d969.19!2d100.52485!3d13.72687!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29f999b7f9df3%3A0x4e397c99f7e196!2sJaiyen%20MMA!5e0!3m2!1sen!2sth!4v1700000000\"\r\n width=\"100%\" height=\"100%\" style=\"border:0;display:block;filter:grayscale(25%)\"\r\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Jaiyen MMA \u2014 Silom Bangkok\">\r\n <\/iframe>\r\n <\/div>\r\n <div>\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg>Location<\/p>\r\n <h2>Right in the heart of Silom.<\/h2>\r\n <p class=\"section-desc\">Close to BTS and easy to reach from Bangkok's main business and lifestyle areas. Train before work, after work or between meetings.<\/p>\r\n <ul class=\"loc-list\">\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><\/svg><span><strong>BTS Silom<\/strong> 2 min walk<\/span><\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg><span><strong>Silom, Bang Rak<\/strong> Bangkok<\/span><\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><span>Classes 7 days a week <strong>schedule TBA<\/strong><\/span><\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg><span>Full A\/C facility <strong>always comfortable<\/strong><\/span><\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><span>Parking info <strong>TBA<\/strong><\/span><\/li>\r\n <\/ul>\r\n <a href=\"#trial\" class=\"btn btn-primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n Book Your Free Trial\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CULTURE \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"culture\" class=\"border-t dark-band\" style=\"position:relative;overflow:hidden\">\r\n <div class=\"deco-icon\" style=\"right:-120px;bottom:-120px;width:580px;height:580px\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wrap\">\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>The Vibe<\/p>\r\n <h2>Train hard. Feel welcome.<br>Grow together.<\/h2>\r\n <p class=\"section-desc\" style=\"margin-bottom:36px\">This isn't just a gym. It's a community where people push each other, celebrate each other and show up for each other.<\/p>\r\n <div class=\"culture-grid\">\r\n <div class=\"culture-ph big\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Community \/ Atmosphere Photo<\/span><\/div>\r\n <div class=\"culture-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Training Photo<\/span><\/div>\r\n <div class=\"culture-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Coach + Member<\/span><\/div>\r\n <div class=\"culture-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>BJJ \/ Grappling<\/span><\/div>\r\n <div class=\"culture-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span>Muay Thai Pads<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 COACHES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"coaches\" class=\"border-t\">\r\n <div class=\"wrap\">\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>The Team<\/p>\r\n <h2>Your coaches.<\/h2>\r\n <p class=\"section-desc\">World-class coaches dedicated to your progression whatever your level, whatever your goal.<\/p>\r\n <div class=\"grid-3\">\r\n <div class=\"coach-card\"><div class=\"coach-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><span>Coach Photo<\/span><\/div><div class=\"coach-body\"><p class=\"coach-name\">Coach Name TBA<\/p><p class=\"coach-role\">Muay Thai Head Coach<\/p><p>Bio placeholder credentials, experience, and training philosophy coming soon.<\/p><\/div><\/div>\r\n <div class=\"coach-card\"><div class=\"coach-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><span>Coach Photo<\/span><\/div><div class=\"coach-body\"><p class=\"coach-name\">Coach Name TBA<\/p><p class=\"coach-role\">BJJ Head Coach<\/p><p>Bio placeholder credentials, experience, and training philosophy coming soon.<\/p><\/div><\/div>\r\n <div class=\"coach-card\"><div class=\"coach-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><span>Coach Photo<\/span><\/div><div class=\"coach-body\"><p class=\"coach-name\">Coach Name TBA<\/p><p class=\"coach-role\">MMA \/ Conditioning<\/p><p>Bio placeholder credentials, experience, and training philosophy coming soon.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SOCIAL PROOF \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"social\" class=\"border-t dark-band\">\r\n <div class=\"wrap\">\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>Social Proof<\/p>\r\n <h2>What people are saying.<\/h2>\r\n <p class=\"section-desc\">Early members, community testers, and training partners on what makes Jaiyen different.<\/p>\r\n <div class=\"grid-3\">\r\n <div class=\"testimonial\"><div class=\"stars\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><blockquote>\"Testimonial placeholder early member quote about the training environment and community feel.\"<\/blockquote><div class=\"t-author\"><div class=\"t-avatar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div><div><div class=\"t-name\">Name TBA<\/div><div class=\"t-tag\">Early Member<\/div><\/div><\/div><\/div>\r\n <div class=\"testimonial\"><div class=\"stars\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><blockquote>\"Testimonial placeholder quote about location convenience, BTS access, and gym atmosphere.\"<\/blockquote><div class=\"t-author\"><div class=\"t-avatar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div><div><div class=\"t-name\">Name TBA<\/div><div class=\"t-tag\">Expat Member<\/div><\/div><\/div><\/div>\r\n <div class=\"testimonial\"><div class=\"stars\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><blockquote>\"Testimonial placeholder fighter or training partner quote about coaching quality and real progression.\"<\/blockquote><div class=\"t-author\"><div class=\"t-avatar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div><div><div class=\"t-name\">Name TBA<\/div><div class=\"t-tag\">Fighter<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"faq\" class=\"border-t\" style=\"position:relative;overflow:hidden\">\r\n <div class=\"deco-icon\" style=\"left:-100px;bottom:-100px;width:580px;height:580px\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm2-1.645A3.502 3.502 0 0012 6.5a3.501 3.501 0 00-3.433 2.813l1.962.393A1.5 1.5 0 1113.5 11c0 .827-.673 1.5-1.5 1.5h-1v2h1a3.5 3.5 0 000-7z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wrap\">\r\n <p class=\"sec-label reveal\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01\"\/><\/svg>\r\n FAQ\r\n <\/p>\r\n <h2 class=\"reveal\">Common questions.<\/h2>\r\n <p class=\"section-desc reveal\" style=\"margin-bottom:36px\">Everything you need to know before your first class.<\/p>\r\n <div class=\"faq-list\">\r\n <div class=\"faq-item reveal s1\">\r\n <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span>Do I need any experience to join?<\/span>\r\n <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/button>\r\n <div class=\"faq-a\"><p>Zero experience needed. We welcome total beginners and structure classes so everyone can follow along safely. Your first class will be at a pace that suits you.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item reveal s2\">\r\n <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span>What should I bring to my first class?<\/span>\r\n <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/button>\r\n <div class=\"faq-a\"><p>Just comfortable workout clothes and water. We have equipment to loan for your first session. If you're trying Muay Thai, we'll sort you out with gloves for the trial class.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item reveal s3\">\r\n <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span>How close is it to BTS Silom?<\/span>\r\n <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/button>\r\n <div class=\"faq-a\"><p>About 2 minutes on foot from BTS Silom. It's an easy walk, no need for a taxi or Grab. Full address and directions will be confirmed when you book your trial.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item reveal s4\">\r\n <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span>Can I train multiple disciplines with one membership?<\/span>\r\n <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/button>\r\n <div class=\"faq-a\"><p>Yes. The Champion plan gives you unlimited access to all classes across Muay Thai, BJJ, No-Gi and MMA. The Striker and Grappler plans cover their respective disciplines plus MMA group classes.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item reveal s5\">\r\n <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span>Is it suitable for women and children?<\/span>\r\n <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/button>\r\n <div class=\"faq-a\"><p>Absolutely. We have a dedicated Juniors BJJ program for ages 6 to 13, and our adult classes are welcoming to all genders. The culture here is inclusive and respectful.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item reveal s6\">\r\n <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span>Can I cancel my membership anytime?<\/span>\r\n <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/button>\r\n <div class=\"faq-a\"><p>Monthly memberships can be cancelled with 30 days notice. Multi-month plans run for their full term. No hidden fees and no penalties beyond the notice period.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TRIAL FORM \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"trial\" class=\"border-t\" style=\"position:relative;overflow:hidden\">\r\n <div class=\"deco-icon\" style=\"right:-130px;bottom:-130px;width:640px;height:640px\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"wrap\">\r\n <div class=\"trial-wrap\">\r\n <div>\r\n <p class=\"sec-label\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>Free Trial<\/p>\r\n <h2>Come train for free.<\/h2>\r\n <p class=\"section-desc\">Book your free intro class and experience Jaiyen MMA before committing to anything. No pressure, no hard sell.<\/p>\r\n <ul class=\"perks\">\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>One free class any discipline<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Meet the coaches and the community<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>No equipment needed for your first class<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>All levels and total beginners welcome<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Early access members get founder pricing<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"form-card\">\r\n <h3>Book Your Free Trial<\/h3>\r\n <p>Fill in your details and we'll confirm your spot.<\/p>\r\n <div class=\"fg\"><label>Full Name<\/label><input type=\"text\" placeholder=\"Your name\"\/><\/div>\r\n <div class=\"fg\"><label>Email<\/label><input type=\"email\" placeholder=\"your@email.com\"\/><\/div>\r\n <div class=\"fg\"><label>Phone \/ LINE<\/label><input type=\"text\" placeholder=\"+66 or LINE ID\"\/><\/div>\r\n <div class=\"fg\"><label>Training Interest<\/label><select><option value=\"\">Select discipline...<\/option><option>Muay Thai<\/option><option>BJJ \/ Grappling<\/option><option>MMA<\/option><option>Boxing<\/option><option>Not sure yet<\/option><\/select><\/div>\r\n <div class=\"fg\"><label>Experience Level<\/label><select><option value=\"\">Select level...<\/option><option>Complete beginner<\/option><option>Some experience<\/option><option>Intermediate<\/option><option>Advanced \/ Competitive<\/option><\/select><\/div>\r\n <a href=\"#\" class=\"btn btn-primary btn-full\" style=\"margin-top:8px\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n Book Free Trial\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"final-cta border-t\">\r\n <p class=\"sec-label\" style=\"justify-content:center;margin-bottom:18px\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0\"\/><\/svg>Stay in the loop<\/p>\r\n <h2>Opening soon.<br>Don't miss it.<\/h2>\r\n <p>Sign up for launch updates, founding member offers and first access to class booking.<\/p>\r\n <div class=\"ctas\">\r\n <a href=\"#trial\" class=\"btn btn-primary btn-lg\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>Book Free Trial<\/a>\r\n <a href=\"#trial\" class=\"btn btn-outline btn-lg\">Get Opening Updates<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"footer-top\">\r\n\r\n <!-- Logo + tagline -->\r\n <div class=\"footer-brand\">\r\n <img decoding=\"async\" src=\"https:\/\/jaiyenmma.com\/wp-content\/uploads\/2026\/06\/Logo_jaiyen.png\" alt=\"Jaiyen MMA\" style=\"height:36px;width:auto;display:block\" \/>\r\n <p>Silom \u00b7 Bang Rak \u00b7 Bangkok<\/p>\r\n <\/div>\r\n\r\n <!-- Contact pills -->\r\n <div class=\"footer-contacts\">\r\n <a href=\"mailto:info@jaiyenmma.com\" class=\"fc-pill\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n info@jaiyenmma.com\r\n <\/a>\r\n <a href=\"https:\/\/line.me\/ti\/p\/@jaiyenmma\" class=\"fc-pill\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\r\n LINE @jaiyenmma\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/66000000000\" class=\"fc-pill\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <a href=\"https:\/\/instagram.com\/jaiyenmma\" class=\"fc-pill\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n @jaiyenmma\r\n <\/a>\r\n <a href=\"https:\/\/jaiyenmma.com\" class=\"fc-pill\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg>\r\n jaiyenmma.com\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Theme toggle + legal -->\r\n <div class=\"footer-right\">\r\n <button class=\"theme-toggle\" onclick=\"toggleTheme()\" aria-label=\"Toggle theme\" title=\"Toggle light\/dark mode\">\r\n <svg class=\"toggle-icon icon-sun\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"\/>\r\n <\/svg>\r\n <svg class=\"toggle-icon icon-moon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"footer-note\">All prices include 7% VAT<br>No hidden fees \u00b7 2025\u20132026<\/div>\r\n <a href=\"https:\/\/nopastudio.com\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:5px;font-family:'DM Sans',sans-serif;font-size:11px;color:var(--text3);text-decoration:none;opacity:.6;margin-top:4px;transition:opacity .2s\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:11px;height:11px\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3\"\/><\/svg>Design by Nopastudio<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 Jaiyen MMA. All rights reserved.<\/p>\r\n <div style=\"display:flex;gap:16px\">\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <a href=\"#\">Terms<\/a>\r\n <span style=\"color:var(--border)\">\u00b7<\/span>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<script>\r\n \/\/ \u2500\u2500 THEME \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function() {\r\n const saved = localStorage.getItem('jaiyen-theme') || 'dark';\r\n document.documentElement.setAttribute('data-theme', saved);\r\n })();\r\n\r\n function toggleTheme() {\r\n const html = document.documentElement;\r\n const next = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\r\n html.setAttribute('data-theme', next);\r\n localStorage.setItem('jaiyen-theme', next);\r\n }\r\n\r\n \/\/ \u2500\u2500 COUNTDOWN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function updateCountdown() {\r\n const target = new Date('2026-07-20T00:00:00+07:00');\r\n const now = new Date();\r\n const diff = target - now;\r\n if (diff <= 0) {\r\n const el = document.getElementById('countdown');\r\n if (el) el.textContent = 'Open Now!';\r\n return;\r\n }\r\n const d = Math.floor(diff \/ 86400000);\r\n const h = Math.floor((diff % 86400000) \/ 3600000);\r\n const m = Math.floor((diff % 3600000) \/ 60000);\r\n const s = Math.floor((diff % 60000) \/ 1000);\r\n const set = (id, val) => {\r\n const el = document.getElementById(id);\r\n if (el) el.textContent = String(val).padStart(2, '0');\r\n };\r\n set('cd-d', d);\r\n }\r\n updateCountdown();\r\n setInterval(updateCountdown, 1000);\r\n\r\n \/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n const revealObs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('visible');\r\n revealObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));\r\n\r\n \/\/ \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n const scrollBar = document.getElementById('scroll-bar');\r\n\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = window.scrollY;\r\n const docH = document.documentElement.scrollHeight - window.innerHeight;\r\n const pct = docH > 0 ? (scrollTop \/ docH) * 100 : 0;\r\n if (scrollBar) scrollBar.style.width = pct + '%';\r\n }, { passive: true });\r\n\r\n \/\/ \u2500\u2500 ANIMATED COUNTERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function animateCounter(el) {\r\n const target = parseInt(el.dataset.target);\r\n const prefix = el.dataset.prefix || '';\r\n const suffix = el.dataset.suffix || '';\r\n const duration = 1200;\r\n const start = performance.now();\r\n const ease = t => t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\r\n function step(now) {\r\n const p = Math.min((now - start) \/ duration, 1);\r\n const val = Math.round(ease(p) * target);\r\n el.textContent = prefix + val.toLocaleString() + suffix;\r\n if (p < 1) requestAnimationFrame(step);\r\n else el.textContent = prefix + target.toLocaleString() + suffix;\r\n }\r\n requestAnimationFrame(step);\r\n }\r\n const counterObs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.querySelectorAll('[data-target]').forEach(animateCounter);\r\n counterObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.4 });\r\n const countersEl = document.getElementById('counters');\r\n if (countersEl) counterObs.observe(countersEl);\r\n\r\n \/\/ \u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function toggleFaq(btn) {\r\n const item = btn.closest('.faq-item');\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n }\r\n\r\n \/\/ \u2500\u2500 INTERACTIVE PRICING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n const PRICES = {\r\n striker: {\r\n 1: { p: '\u0e3f4,600', per: '\/ month', note: 'Unlimited Muay Thai + Boxing + MMA group classes' },\r\n 6: { p: '\u0e3f25,000', per: '\/ 6 months', note: 'Save \u0e3f2,600 vs monthly' },\r\n 12: { p: '\u0e3f48,600', per: '\/ year', note: 'Save \u0e3f6,600 vs monthly' }\r\n },\r\n grappler: {\r\n 1: { p: '\u0e3f4,600', per: '\/ month', note: 'Unlimited BJJ + No-Gi + MMA group classes' },\r\n 6: { p: '\u0e3f25,000', per: '\/ 6 months', note: 'Save \u0e3f2,600 vs monthly' },\r\n 12: { p: '\u0e3f48,600', per: '\/ year', note: 'Save \u0e3f6,600 vs monthly' }\r\n },\r\n champion: {\r\n 1: { p: '\u0e3f6,500', per: '\/ month', note: 'All classes \u2014 Muay Thai, Boxing, BJJ, No-Gi, MMA + seminars' },\r\n 6: { p: '\u0e3f36,000', per: '\/ 6 months', note: 'Save \u0e3f3,000 vs monthly' },\r\n 12: { p: '\u0e3f66,000', per: '\/ year', note: 'Save \u0e3f12,000 vs monthly' }\r\n }\r\n };\r\n const PLAN_NAMES = { striker: 'Striking', grappler: 'Grappling', champion: 'All Access' };\r\n const DUR_LABELS = { 1: 'Monthly', 6: '6 Months', 12: '12 Months' };\r\n const SAVES = {\r\n striker: { 6: '\u0e3f2,600', 12: '\u0e3f6,600' },\r\n grappler: { 6: '\u0e3f2,600', 12: '\u0e3f6,600' },\r\n champion: { 6: '\u0e3f3,000', 12: '\u0e3f12,000' }\r\n };\r\n let curType = 'striker';\r\n let curDur = 1;\r\n\r\n function updatePriceDisplay() {\r\n const d = PRICES[curType][curDur];\r\n const nameEl = document.getElementById('ps-plan-name');\r\n const priceEl = document.getElementById('ps-price');\r\n const perEl = document.getElementById('ps-per');\r\n const noteEl = document.getElementById('ps-note');\r\n if (nameEl) nameEl.textContent = PLAN_NAMES[curType] + ' \u2014 ' + DUR_LABELS[curDur];\r\n if (perEl) perEl.textContent = d.per;\r\n if (noteEl) noteEl.textContent = d.note;\r\n if (priceEl) {\r\n priceEl.style.transform = 'scale(0.88)';\r\n priceEl.style.opacity = '0';\r\n priceEl.style.transition = 'all 0.18s ease';\r\n setTimeout(() => {\r\n priceEl.textContent = d.p;\r\n priceEl.style.transform = 'scale(1)';\r\n priceEl.style.opacity = '1';\r\n }, 160);\r\n }\r\n const t6 = document.querySelector('[data-months=\"6\"] .ps-save');\r\n const t12 = document.querySelector('[data-months=\"12\"] .ps-save');\r\n if (t6 && SAVES[curType]) t6.textContent = 'Save ' + SAVES[curType][6];\r\n if (t12 && SAVES[curType]) t12.textContent = 'Save ' + SAVES[curType][12];\r\n }\r\n\r\n function setPriceType(type, btn) {\r\n curType = type;\r\n document.querySelectorAll('#ps-type .ps-tab').forEach(b => b.classList.remove('active'));\r\n if (btn) btn.classList.add('active');\r\n const isDrop = type === 'dropin';\r\n const durStep = document.getElementById('ps-duration-step');\r\n const result = document.querySelector('.ps-result');\r\n const dropEl = document.getElementById('ps-dropin');\r\n if (durStep) durStep.style.display = isDrop ? 'none' : '';\r\n if (result) result.style.display = isDrop ? 'none' : '';\r\n if (dropEl) dropEl.style.display = isDrop ? 'block' : 'none';\r\n if (!isDrop) updatePriceDisplay();\r\n }\r\n\r\n function setPriceDuration(months, btn) {\r\n curDur = months;\r\n document.querySelectorAll('#ps-duration .ps-tab').forEach(b => b.classList.remove('active'));\r\n if (btn) btn.classList.add('active');\r\n updatePriceDisplay();\r\n }\r\n\r\n \/\/ \u2500\u2500 MOBILE BOTTOM BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function() {\r\n var bar = document.getElementById('mobile-bar');\r\n if (!bar) return;\r\n var shown = false;\r\n function checkScroll() {\r\n if (window.innerWidth > 768) return;\r\n if (window.scrollY > 80 && !shown) {\r\n shown = true;\r\n bar.classList.add('up');\r\n } else if (window.scrollY <= 80 && shown) {\r\n shown = false;\r\n bar.classList.remove('up');\r\n }\r\n }\r\n window.addEventListener('scroll', checkScroll, { passive: true });\r\n \/\/ Show immediately if already scrolled\r\n checkScroll();\r\n })();\r\n\r\n\r\n\r\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n \/\/ ENHANCED ANIMATIONS JS\r\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\n \/\/ \u2500\u2500 1. HERO TITLE \u2014 word by word animation \u2500\u2500\r\n (function() {\r\n var h1 = document.querySelector('h1');\r\n if (!h1) return;\r\n \/\/ Split each text node into word spans, preserve .racing span\r\n h1.childNodes.forEach(function(node) {\r\n if (node.nodeType === 3) { \/\/ text node\r\n var words = node.textContent.trim().split(\/\\s+\/).filter(Boolean);\r\n var frag = document.createDocumentFragment();\r\n words.forEach(function(w, i) {\r\n var span = document.createElement('span');\r\n span.className = 'hero-word';\r\n span.textContent = w;\r\n span.style.animationDelay = (0.1 + i * 0.12) + 's';\r\n frag.appendChild(span);\r\n if (i < words.length - 1) frag.appendChild(document.createTextNode(' '));\r\n });\r\n node.parentNode.replaceChild(frag, node);\r\n } else if (node.classList && node.classList.contains('racing')) {\r\n var words2 = node.textContent.trim().split(\/\\s+\/).filter(Boolean);\r\n node.innerHTML = '';\r\n words2.forEach(function(w, i) {\r\n var span = document.createElement('span');\r\n span.className = 'hero-word racing-word';\r\n span.textContent = w;\r\n span.style.animationDelay = (0.3 + i * 0.12) + 's';\r\n node.appendChild(span);\r\n });\r\n }\r\n });\r\n })();\r\n\r\n \/\/ \u2500\u2500 2. BADGES CASCADE \u2500\u2500\r\n (function() {\r\n var badges = document.querySelectorAll('.badge');\r\n badges.forEach(function(b, i) {\r\n b.style.animationDelay = (0.55 + i * 0.08) + 's';\r\n });\r\n })();\r\n\r\n \/\/ \u2500\u2500 3. SEC-LABEL LINE SWEEP (via IntersectionObserver) \u2500\u2500\r\n var labelObs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('line-done');\r\n labelObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.8 });\r\n document.querySelectorAll('.sec-label').forEach(function(el) {\r\n labelObs.observe(el);\r\n });\r\n\r\n \/\/ \u2500\u2500 4. IMAGE STRIP STAGGER \u2500\u2500\r\n var stripObs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n var items = e.target.querySelectorAll('.strip-item');\r\n items.forEach(function(item, i) {\r\n setTimeout(function() {\r\n item.classList.add('strip-visible');\r\n }, i * 100);\r\n });\r\n stripObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n var stripEl = document.querySelector('.img-strip');\r\n if (stripEl) stripObs.observe(stripEl.parentElement || stripEl);\r\n\r\n \/\/ \u2500\u2500 5. PRICE PULSE when selector enters viewport \u2500\u2500\r\n var priceObs = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n setTimeout(function() {\r\n var priceEl = document.getElementById('ps-price');\r\n if (priceEl) {\r\n priceEl.classList.remove('price-pulsed');\r\n void priceEl.offsetWidth; \/\/ reflow\r\n priceEl.classList.add('price-pulsed');\r\n }\r\n }, 400);\r\n priceObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n var psResult = document.querySelector('.ps-result');\r\n if (psResult) priceObs.observe(psResult);\r\n\r\n \/\/ Also pulse on price type\/duration change\r\n var origUpdate = typeof updatePriceDisplay === 'function' ? updatePriceDisplay : null;\r\n if (origUpdate) {\r\n window._origUpdatePrice = origUpdate;\r\n updatePriceDisplay = function() {\r\n window._origUpdatePrice();\r\n setTimeout(function() {\r\n var priceEl = document.getElementById('ps-price');\r\n if (priceEl) {\r\n priceEl.classList.remove('price-pulsed');\r\n void priceEl.offsetWidth;\r\n priceEl.classList.add('price-pulsed');\r\n }\r\n }, 180);\r\n };\r\n }\r\n\r\n\r\n \/\/ \u2500\u2500 NAV: transparent over hero, solid after \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function(){\r\n var nav = document.querySelector('nav');\r\n if(!nav) return;\r\n var sentinel = document.getElementById('hero-sentinel');\r\n if(!sentinel){\r\n \/\/ fallback: just make it solid immediately\r\n nav.classList.add('nav-solid');\r\n return;\r\n }\r\n var obs = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n nav.classList.remove('nav-solid');\r\n } else {\r\n nav.classList.add('nav-solid');\r\n }\r\n });\r\n }, { threshold: 0, rootMargin: '-40px 0px 0px 0px' });\r\n obs.observe(sentinel);\r\n })();\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jaiyen MMA Silom Bangkok Book Now Opening 20 July 2026 \u00b7 — days Why Jaiyen Classes Pricing Location Book Free Trial Silom \u00b7 Bang Rak \u00b7 Bangkok Bangkok’sNew FightCommunity. Modern training. Real progression. Everyone welcome. Book Free Trial Join Waitlist Muay Thai, BJJ and MMA in a fully air-conditioned facility, minutes from BTS Silom. Beginner-friendly […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":5,"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/jaiyenmma.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}