{"id":13,"date":"2026-05-11T08:30:29","date_gmt":"2026-05-11T08:30:29","guid":{"rendered":"https:\/\/manvi.maputra.id\/?page_id=13"},"modified":"2026-05-21T04:33:20","modified_gmt":"2026-05-21T04:33:20","slug":"herman-service-ac","status":"publish","type":"page","link":"https:\/\/cojang.maputra.id\/","title":{"rendered":"Coach Jajang &#8211; Personal Trainer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d622f57 e-flex e-con-boxed e-con e-parent\" data-id=\"d622f57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b4d128 elementor-widget elementor-widget-html\" data-id=\"0b4d128\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   HERO SECTION WIDGET CSS (ISOLATED & ELEMENTOR-FRIENDLY)\n   ========================================================================== *\/\n#cojang-hero-widget {\n    --color-black: #050505;\n    --color-charcoal: #141414;\n    --color-white: #ffffff;\n    --color-grey-dark: #888888;\n    --color-accent: #ccff00;\n    --color-accent-hover: #b3e600;\n    --font-heading: 'Oswald', sans-serif;\n    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    \n    background-color: transparent !important; \/* Dikosongkan untuk Elementor *\/\n    color: var(--color-white);\n    font-family: 'Inter', sans-serif;\n    padding: 0 !important; \/* Tanpa padding *\/\n    margin: 0 !important;\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n}\n\n#cojang-hero-widget * {\n    box-sizing: border-box;\n}\n\n#cojang-hero-widget .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 !important; \/* Tanpa padding sisi *\/\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Typography & Badges *\/\n#cojang-hero-widget .hero__badge-wrapper {\n    margin-bottom: 20px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n#cojang-hero-widget .badge {\n    display: inline-block;\n    font-family: var(--font-heading);\n    font-size: 0.8rem;\n    padding: 6px 12px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    transform: skewX(-10deg);\n    line-height: 1;\n}\n\n#cojang-hero-widget .badge--accent {\n    background: var(--color-accent);\n    color: var(--color-black);\n}\n\n#cojang-hero-widget .badge--outline {\n    border: 1px solid var(--color-grey-dark);\n    color: var(--color-grey-dark);\n}\n\n#cojang-hero-widget .hero__title {\n    font-family: var(--font-heading);\n    font-size: clamp(3rem, 7vw, 6rem);\n    line-height: 0.96;\n    margin-bottom: 20px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    margin-top: 0;\n}\n\n#cojang-hero-widget .text-stroke {\n    color: transparent;\n    -webkit-text-stroke: 1.5px var(--color-white);\n}\n\n#cojang-hero-widget .text-highlight {\n    color: var(--color-white);\n}\n\n#cojang-hero-widget .hero__description {\n    font-size: clamp(1rem, 1.5vw, 1.2rem);\n    color: var(--color-grey-dark);\n    max-width: 520px;\n    margin-bottom: 40px;\n    line-height: 1.6;\n}\n\n\/* Actions & Buttons *\/\n#cojang-hero-widget .hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-bottom: 50px;\n}\n\n#cojang-hero-widget .btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-heading);\n    font-size: 1.15rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding: 18px 40px;\n    border: none;\n    cursor: pointer;\n    transition: var(--transition-smooth);\n    transform: skewX(-10deg);\n    text-decoration: none;\n}\n\n#cojang-hero-widget .btn:hover {\n    transform: skewX(-10deg) translateY(-3px);\n}\n\n#cojang-hero-widget .btn--primary {\n    background-color: var(--color-accent);\n    color: var(--color-black);\n}\n\n#cojang-hero-widget .btn--primary:hover {\n    background-color: var(--color-accent-hover);\n    box-shadow: 0 10px 20px rgba(204, 255, 0, 0.2);\n}\n\n#cojang-hero-widget .btn--outline {\n    background-color: transparent;\n    color: var(--color-white);\n    border: 2px solid var(--color-white);\n}\n\n#cojang-hero-widget .btn--outline:hover {\n    background-color: var(--color-white);\n    color: var(--color-black);\n}\n\n\/* Stats *\/\n#cojang-hero-widget .hero__stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 26px 40px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    padding-top: 30px;\n}\n\n#cojang-hero-widget .stat-number {\n    display: block;\n    font-family: var(--font-heading);\n    font-size: clamp(2rem, 4vw, 2.5rem);\n    color: var(--color-accent);\n    line-height: 1;\n}\n\n#cojang-hero-widget .stat-label {\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    color: var(--color-grey-dark);\n    letter-spacing: 1px;\n}\n\n\/* Visuals *\/\n#cojang-hero-widget .hero__visual {\n    position: relative;\n    height: 100%;\n}\n\n#cojang-hero-widget .hero__image-wrapper {\n    position: relative;\n    height: 80vh;\n    border-radius: 10px;\n    overflow: hidden;\n    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);\n}\n\n#cojang-hero-widget .hero__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: grayscale(20%) contrast(1.2);\n    display: block;\n}\n\n#cojang-hero-widget .hero__overlay-info {\n    position: absolute;\n    bottom: 30px;\n    left: 30px;\n    background: rgba(0,0,0,0.8);\n    padding: 14px 22px;\n    border-left: 4px solid var(--color-accent);\n    max-width: calc(100% - 60px);\n}\n\n#cojang-hero-widget .overlay-text {\n    font-family: var(--font-heading);\n    font-size: 1.15rem;\n    font-style: italic;\n    margin: 0;\n}\n\n#cojang-hero-widget .hero__floating-card {\n    position: absolute;\n    top: 20%;\n    left: -10%;\n    background: var(--color-charcoal);\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    border: 1px solid rgba(255,255,255,0.1);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n    z-index: 3;\n    animation: cojangFloat 6s ease-in-out infinite;\n}\n\n@keyframes cojangFloat {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-15px); }\n    100% { transform: translateY(0px); }\n}\n\n#cojang-hero-widget .card-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-accent);\n    flex-shrink: 0;\n}\n\n#cojang-hero-widget .card-title {\n    display: block;\n    font-family: var(--font-heading);\n    font-size: 1.2rem;\n}\n\n#cojang-hero-widget .card-desc {\n    font-size: 0.8rem;\n    color: var(--color-grey-dark);\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n    #cojang-hero-widget .container {\n        grid-template-columns: 1fr;\n        text-align: center;\n        gap: 40px;\n    }\n    #cojang-hero-widget .hero__content { order: 1; }\n    #cojang-hero-widget .hero__visual {\n        order: 2;\n        max-width: 720px;\n        margin: 0 auto;\n        width: 100%;\n    }\n    #cojang-hero-widget .hero__actions,\n    #cojang-hero-widget .hero__stats {\n        justify-content: center;\n    }\n    #cojang-hero-widget .hero__image-wrapper {\n        height: 52vh;\n        clip-path: none;\n    }\n    #cojang-hero-widget .hero__floating-card {\n        left: 5%;\n        top: 10%;\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-hero-widget .container {\n        gap: 28px;\n    }\n    #cojang-hero-widget .hero__badge-wrapper {\n        justify-content: center;\n    }\n    #cojang-hero-widget .hero__description {\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n        margin-bottom: 28px;\n    }\n    #cojang-hero-widget .hero__actions {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n        margin-bottom: 32px;\n    }\n    #cojang-hero-widget .hero__actions .btn {\n        width: 100%;\n    }\n    #cojang-hero-widget .hero__stats {\n        flex-direction: column;\n        gap: 16px;\n        align-items: center;\n        padding-top: 24px;\n    }\n    #cojang-hero-widget .hero__image-wrapper {\n        height: 58vh;\n        border-radius: 12px;\n    }\n    #cojang-hero-widget .hero__overlay-info {\n        left: 14px;\n        bottom: 14px;\n        right: 14px;\n        padding: 12px 16px;\n        max-width: none;\n        text-align: left;\n    }\n    #cojang-hero-widget .hero__floating-card {\n        left: 14px;\n        top: 14px;\n        right: 14px;\n        width: auto;\n        padding: 14px 16px;\n        gap: 12px;\n        flex-direction: row;\n        align-items: center;\n        text-align: left;\n    }\n}\n<\/style>\n\n<div id=\"cojang-hero-widget\">\n    <div class=\"container\">\n        <div class=\"hero__content\">\n            <div class=\"hero__badge-wrapper\">\n                <span class=\"badge badge--accent\">PREMIUM COACHING<\/span>\n                <span class=\"badge badge--outline\">EST. 2024<\/span>\n            <\/div>\n\n            <h1 class=\"hero__title\">\n                <span class=\"text-stroke\">DISIPLIN<\/span> <br>\n                <span class=\"text-highlight\">ADALAH<\/span> <br>\n                HARGA MATI.\n            <\/h1>\n\n            <p class=\"hero__description\">\n                Ubah mindset, bentuk karakter, dan capai fisik impian Anda bersama Coach Jajang. Bukan sekadar latihan biasa, ini adalah revolusi gaya hidup modern.\n            <\/p>\n\n            <div class=\"hero__actions\">\n                <a href=\"#programs\" class=\"btn btn--primary\">PILIH PROGRAM<\/a>\n                <a href=\"#about\" class=\"btn btn--outline\">PELAJARI FILOSOFI<\/a>\n            <\/div>\n\n            <div class=\"hero__stats\">\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\">500+<\/span>\n                    <span class=\"stat-label\">Member Aktif<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\">12+<\/span>\n                    <span class=\"stat-label\">Tahun Pengalaman<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\">98%<\/span>\n                    <span class=\"stat-label\">Tingkat Keberhasilan<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero__visual\">\n            <div class=\"hero__image-wrapper\">\n                <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/hero.webp\" alt=\"Coach Jajang Fitness Portrait\" class=\"hero__img\" width=\"800\" height=\"900\">\n                <div class=\"hero__overlay-info\">\n                    <p class=\"overlay-text\">\"The only limit is your mind.\"<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"hero__floating-card\">\n                <div class=\"card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n                    <\/svg>\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"card-title\">Live Tracking<\/span>\n                    <span class=\"card-desc\">Progress terpantau 24\/7<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec65598 e-flex e-con-boxed e-con e-parent\" data-id=\"ec65598\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65da2f elementor-widget elementor-widget-html\" data-id=\"e65da2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   ABOUT SECTION WIDGET CSS (ISOLATED & ELEMENTOR-FRIENDLY)\n   ========================================================================== *\/\n#cojang-about-widget {\n    --color-black: #050505;\n    --color-charcoal: #141414;\n    --color-charcoal-light: #222222;\n    --color-white: #ffffff;\n    --color-grey-dark: #888888;\n    --color-accent: #ccff00;\n    --font-heading: 'Oswald', sans-serif;\n    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    \n    background-color: transparent !important; \/* Dikosongkan untuk Elementor *\/\n    color: var(--color-white);\n    font-family: 'Inter', sans-serif;\n    padding: 0 !important; \n    margin: 0 !important;\n    width: 100%;\n}\n\n#cojang-about-widget * {\n    box-sizing: border-box;\n}\n\n#cojang-about-widget .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 !important;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n\/* Typography Umum *\/\n#cojang-about-widget .section-header {\n    margin-bottom: 2rem;\n    text-align: left;\n}\n\n#cojang-about-widget .subtitle {\n    display: inline-block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--color-accent);\n    letter-spacing: 3px;\n    margin-bottom: 0.7rem;\n    text-transform: uppercase;\n}\n\n#cojang-about-widget .section-title {\n    display: block;\n    font-family: var(--font-heading);\n    font-size: clamp(2.1rem, 5vw, 4rem);\n    letter-spacing: 1px;\n    margin-bottom: 1rem;\n    line-height: 1.15;\n    text-transform: uppercase;\n    color: var(--color-white);\n    margin-top: 0;\n}\n\n#cojang-about-widget .text-accent {\n    color: var(--color-accent);\n}\n\n\/* Image Block *\/\n#cojang-about-widget .about__image-block .image-stack {\n    position: relative;\n}\n\n#cojang-about-widget .about__img {\n    position: relative;\n    z-index: 2;\n    aspect-ratio: 1\/1;\n    object-fit: cover;\n    filter: grayscale(100%);\n    transition: var(--transition-smooth);\n    width: 100%;\n    display: block;\n    border-radius: 4px;\n}\n\n#cojang-about-widget .about__img:hover {\n    filter: grayscale(0%);\n}\n\n#cojang-about-widget .image-accent-box {\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 100%;\n    height: 100%;\n    border: 2px solid var(--color-accent);\n    z-index: 1;\n    border-radius: 4px;\n}\n\n\/* Text Block & Features *\/\n#cojang-about-widget .about__paragraph {\n    font-size: 1.06rem;\n    color: var(--color-grey-dark);\n    margin-bottom: 30px;\n    line-height: 1.7;\n}\n\n#cojang-about-widget .about__features-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    margin-bottom: 40px;\n}\n\n#cojang-about-widget .about-feature__title {\n    font-family: var(--font-heading);\n    font-size: 1.2rem;\n    color: var(--color-white);\n    border-bottom: 1px solid var(--color-charcoal-light);\n    padding-bottom: 10px;\n    margin-bottom: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 0;\n}\n\n#cojang-about-widget .about-feature__desc {\n    font-size: 0.92rem;\n    color: var(--color-grey-dark);\n    line-height: 1.5;\n    margin: 0;\n}\n\n\/* Blockquote *\/\n#cojang-about-widget .about__quote blockquote {\n    font-family: var(--font-heading);\n    font-size: clamp(1.2rem, 2.2vw, 1.5rem);\n    font-style: italic;\n    color: var(--color-accent);\n    line-height: 1.4;\n    margin: 0 0 10px 0;\n    padding: 0;\n}\n\n#cojang-about-widget .about__quote cite {\n    color: var(--color-grey-dark);\n    font-style: normal;\n    font-size: 0.95rem;\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n    #cojang-about-widget .container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    #cojang-about-widget .about__image-block {\n        order: 2;\n        max-width: 640px;\n        margin: 0 auto;\n        width: 100%;\n    }\n    \n    #cojang-about-widget .about__text-block {\n        order: 1;\n        text-align: center;\n    }\n    \n    #cojang-about-widget .section-header {\n        text-align: center;\n    }\n\n    #cojang-about-widget .about__features-grid {\n        justify-content: center;\n        text-align: center;\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-about-widget .container {\n        gap: 28px;\n    }\n    \n    #cojang-about-widget .section-title {\n        font-size: clamp(1.9rem, 8vw, 3rem);\n    }\n    \n    #cojang-about-widget .subtitle {\n        font-size: 0.74rem;\n        letter-spacing: 2px;\n    }\n    \n    #cojang-about-widget .about__paragraph {\n        font-size: 0.98rem;\n        margin-bottom: 24px;\n    }\n    \n    #cojang-about-widget .about__features-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        margin-bottom: 28px;\n    }\n    \n    #cojang-about-widget .image-accent-box {\n        top: -12px;\n        left: -12px;\n    }\n}\n<\/style>\n\n<div id=\"cojang-about-widget\">\n    <div class=\"container\">\n        <div class=\"about__image-block\">\n            <div class=\"image-stack\">\n                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/about.webp\" alt=\"Coach Jajang Action\" class=\"about__img\" width=\"600\" height=\"600\">\n                <div class=\"image-accent-box\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"about__text-block\">\n            <div class=\"section-header\">\n                <span class=\"subtitle\">FILOSOFI & DEDIKASI<\/span>\n                <h2 class=\"section-title\">\n                    Bukan Sekadar Angkat Beban,<br>\n                    <span class=\"text-accent\">Membangun Karakter.<\/span>\n                <\/h2>\n            <\/div>\n\n            <p class=\"about__paragraph\">\n                Coach Jajang percaya bahawa transformasi fizikal yang kekal berawal dari disiplin mental yang kuat. Dengan pendekatan peribadi yang berasaskan sains, kami membantu anda menembusi batas kemampuan diri.\n            <\/p>\n\n            <div class=\"about__features-grid\">\n                <div class=\"about-feature\">\n                    <h3 class=\"about-feature__title\">Pendekatan Peribadi<\/h3>\n                    <p class=\"about-feature__desc\">Setiap tubuh unik. Program anda dirancang khusus sesuai metabolisme dan matlamat individu.<\/p>\n                <\/div>\n                <div class=\"about-feature\">\n                    <h3 class=\"about-feature__title\">Disiplin & Konsistensi<\/h3>\n                    <p class=\"about-feature__desc\">Kami tidak memberikan janji segera, kami memberikan sistem yang membangun tabiat juara.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"about__quote\">\n                <blockquote>\n                    \"Kesihatan adalah pelaburan paling mewah yang boleh anda miliki pada masa hadapan.\"\n                <\/blockquote>\n                <cite>\u2014 Coach Jajang<\/cite>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ace19c e-flex e-con-boxed e-con e-parent\" data-id=\"0ace19c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-277021b elementor-widget elementor-widget-html\" data-id=\"277021b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   PROGRAMS SECTION WIDGET CSS (100% PRESISI PROTOTYPE)\n   ========================================================================== *\/\n#cojang-programs-widget {\n    --color-black: #050505;\n    --color-charcoal: #141414;\n    --color-charcoal-light: #222222;\n    --color-white: #ffffff;\n    --color-grey-dark: #888888;\n    --color-accent: #ccff00;\n    --color-secondary: #ff5500;\n    --font-heading: 'Oswald', sans-serif;\n    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    \n    background-color: transparent !important;\n    font-family: 'Inter', sans-serif;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n#cojang-programs-widget * {\n    box-sizing: border-box;\n}\n\n#cojang-programs-widget .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 !important;\n}\n\n\/* Section Header (Persis Prototype) *\/\n#cojang-programs-widget .section-header {\n    margin-bottom: 2rem;\n    text-align: center;\n}\n\n#cojang-programs-widget .subtitle {\n    display: inline-block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--color-accent);\n    letter-spacing: 3px;\n    margin-bottom: 0.7rem;\n    text-transform: uppercase;\n}\n\n#cojang-programs-widget .section-title {\n    display: block;\n    font-family: var(--font-heading);\n    font-size: clamp(2.1rem, 5vw, 4rem);\n    letter-spacing: 1px;\n    margin-bottom: 1rem;\n    line-height: 1.15;\n    color: var(--color-white);\n    margin-top: 0;\n    text-transform: uppercase;\n    word-break: normal;\n}\n\n\/* Grid Layout (Mengembalikan margin-top: 50px bawaan) *\/\n#cojang-programs-widget .programs__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-top: 50px;\n}\n\n\/* Card Styles *\/\n#cojang-programs-widget .program-card {\n    background-color: var(--color-charcoal-light);\n    padding: 40px 30px;\n    position: relative;\n    overflow: hidden;\n    transition: var(--transition-smooth);\n    border: 1px solid transparent;\n    height: 100%;\n}\n\n#cojang-programs-widget .program-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(45deg, transparent, rgba(204,255,0,0.05));\n    opacity: 0;\n    transition: var(--transition-smooth);\n    pointer-events: none;\n}\n\n#cojang-programs-widget .program-card:hover {\n    transform: translateY(-10px);\n    border-color: rgba(204,255,0,0.3);\n}\n\n#cojang-programs-widget .program-card:hover::before {\n    opacity: 1;\n}\n\n\/* Highlighted Card *\/\n#cojang-programs-widget .program-card--highlight {\n    background-color: var(--color-white);\n    color: var(--color-black);\n}\n\n\/* Program Number *\/\n#cojang-programs-widget .program-number {\n    font-family: var(--font-heading);\n    font-size: 3rem;\n    color: var(--color-grey-dark);\n    opacity: 0.2;\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    line-height: 1;\n}\n\n#cojang-programs-widget .program-card--highlight .program-number {\n    color: var(--color-black);\n    opacity: 0.1;\n}\n\n\/* Card Content Typography *\/\n#cojang-programs-widget .program-card__content {\n    position: relative; \/* Sesuai struktur asli *\/\n}\n\n#cojang-programs-widget .program-card__title {\n    font-family: var(--font-heading);\n    font-size: 1.7rem;\n    color: var(--color-white);\n    margin-top: 0;\n    margin-bottom: 15px;\n    position: relative;\n    z-index: 2;\n    text-transform: uppercase;\n}\n\n#cojang-programs-widget .program-card--highlight .program-card__title {\n    color: var(--color-black);\n}\n\n#cojang-programs-widget .program-card__desc {\n    font-size: 0.95rem;\n    color: var(--color-grey-dark);\n    margin-top: 0;\n    margin-bottom: 25px;\n    position: relative;\n    z-index: 2;\n    line-height: 1.6;\n}\n\n#cojang-programs-widget .program-card--highlight .program-card__desc {\n    color: var(--color-charcoal);\n}\n\n\/* Lists & SVG Arrow (Posisi Absolut persis seperti ::before) *\/\n#cojang-programs-widget .program-card__list {\n    position: relative;\n    z-index: 2;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n#cojang-programs-widget .program-card__list li {\n    font-size: 0.9rem;\n    margin-bottom: 10px;\n    padding-left: 20px; \/* Jarak untuk ikon panah *\/\n    position: relative;\n    color: var(--color-grey-dark);\n    line-height: 1.4;\n}\n\n#cojang-programs-widget .program-card--highlight .program-card__list li {\n    color: var(--color-charcoal);\n}\n\n#cojang-programs-widget .program-card__list li .svg-arrow {\n    position: absolute;\n    left: 0;\n    top: 3px; \/* Menyelaraskan tinggi panah dengan huruf *\/\n    width: 12px;\n    height: auto;\n    fill: var(--color-accent);\n}\n\n#cojang-programs-widget .program-card--highlight .program-card__list li .svg-arrow {\n    fill: var(--color-secondary);\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN (Persis dari Prototype)\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n    #cojang-programs-widget .programs__grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-programs-widget .section-title {\n        font-size: clamp(1.9rem, 8vw, 3rem);\n    }\n    \n    #cojang-programs-widget .programs__grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        margin-top: 30px;\n    }\n    \n    #cojang-programs-widget .program-card {\n        padding: 30px 22px;\n    }\n    \n    #cojang-programs-widget .program-number {\n        font-size: 2.4rem;\n        top: 16px;\n        right: 16px;\n    }\n    \n    #cojang-programs-widget .program-card__title {\n        font-size: 1.45rem;\n    }\n\n    #cojang-programs-widget .program-card__desc,\n    #cojang-programs-widget .program-card__list li {\n        font-size: 0.92rem;\n    }\n}\n<\/style>\n\n<div id=\"cojang-programs-widget\">\n    <div class=\"container\">\n        <div class=\"section-header center-align\">\n            <span class=\"subtitle\">ELITE PROGRAMS<\/span>\n            <h2 class=\"section-title\">Pilih Jalur Transformasi Anda<\/h2>\n        <\/div>\n\n        <div class=\"programs__grid\">\n            <article class=\"program-card\">\n                <div class=\"program-card__content\">\n                    <span class=\"program-number\">01<\/span>\n                    <h3 class=\"program-card__title\">Fat Loss Extreme<\/h3>\n                    <p class=\"program-card__desc\">Program intensif 12 minggu untuk membakar lemak secara maksimal dengan metode HIIT dan pengaturan nutrisi berbasis sains.<\/p>\n                    <ul class=\"program-card__list\">\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Custom Meal Plan\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            HIIT & Cardio System\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Weekly Check-in\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"program-card program-card--highlight\">\n                <div class=\"program-card__content\">\n                    <span class=\"program-number\">02<\/span>\n                    <h3 class=\"program-card__title\">Muscle Building<\/h3>\n                    <p class=\"program-card__desc\">Fokus pada hipertrofi otot dan kekuatan fungsional untuk membangun tubuh yang kokoh, proporsional, dan kuat.<\/p>\n                    <ul class=\"program-card__list\">\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Hypertrophy Training\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Nutritional Bulking Guide\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Form Correction Video\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"program-card\">\n                <div class=\"program-card__content\">\n                    <span class=\"program-number\">03<\/span>\n                    <h3 class=\"program-card__title\">Body Recomposition<\/h3>\n                    <p class=\"program-card__desc\">Seni mengubah komposisi tubuh: membakar lemak sekaligus membentuk otot secara bersamaan dalam satu siklus program.<\/p>\n                    <ul class=\"program-card__list\">\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Advanced Nutrition\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Strength Training\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Lifestyle Coaching\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"program-card\">\n                <div class=\"program-card__content\">\n                    <span class=\"program-number\">04<\/span>\n                    <h3 class=\"program-card__title\">Online Coaching<\/h3>\n                    <p class=\"program-card__desc\">Bimbingan intensif tanpa batas jarak. Akses program latihan eksklusif dan monitoring harian melalui aplikasi.<\/p>\n                    <ul class=\"program-card__list\">\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            App Based Tracking\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Video Call Consultation\n                        <\/li>\n                        <li>\n                            <svg class=\"svg-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 404.39\"><path fill-rule=\"nonzero\" d=\"M438.95 219.45 0 219.99v-34.98l443.3-.55L269.8 25.79 293.39 0 512 199.92 288.88 404.39l-23.59-25.8z\"\/><\/svg>\n                            Community Support\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f6d901 e-flex e-con-boxed e-con e-parent\" data-id=\"1f6d901\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23e119a elementor-widget elementor-widget-html\" data-id=\"23e119a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   TRANSFORMATIONS SECTION WIDGET CSS (ISOLATED)\n   ========================================================================== *\/\n#cojang-transformations-widget {\n    --color-black: #050505;\n    --color-charcoal: #141414;\n    --color-white: #ffffff;\n    --color-grey-dark: #888888;\n    --color-accent: #ccff00;\n    --font-heading: 'Oswald', sans-serif;\n    --transition-fast: 0.2s ease;\n    \n    background-color: transparent !important;\n    font-family: 'Inter', sans-serif;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n    color: var(--color-white);\n}\n\n#cojang-transformations-widget * {\n    box-sizing: border-box;\n}\n\n#cojang-transformations-widget .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 !important;\n}\n\n#cojang-transformations-widget .transformations__wrapper {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 60px;\n    align-items: center;\n}\n\n\/* Intro & Typography *\/\n#cojang-transformations-widget .section-title {\n    font-family: var(--font-heading);\n    font-size: clamp(2.1rem, 5vw, 4rem);\n    line-height: 1.15;\n    margin-bottom: 1rem;\n    color: var(--color-white);\n    text-transform: uppercase;\n    margin-top: 0;\n}\n\n#cojang-transformations-widget .transformations__intro p {\n    color: var(--color-grey-dark);\n    max-width: 500px;\n    margin-bottom: 20px;\n    line-height: 1.6;\n    margin-top: 0;\n}\n\n\/* Navigasi Slider *\/\n#cojang-transformations-widget .transformations__nav {\n    margin-top: 20px;\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n#cojang-transformations-widget .nav-btn {\n    background: transparent;\n    border: 1px solid var(--color-white);\n    color: var(--color-white);\n    font-size: 1.2rem;\n    width: 44px;\n    height: 44px;\n    cursor: pointer;\n    transition: var(--transition-fast);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n}\n\n#cojang-transformations-widget .nav-btn:hover {\n    background: var(--color-accent);\n    border-color: var(--color-accent);\n    color: var(--color-black);\n}\n\n\/* Area Slider Display *\/\n#cojang-transformations-widget .transformations__display {\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n}\n\n#cojang-transformations-widget .transformations__track {\n    display: flex;\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n    will-change: transform;\n}\n\n#cojang-transformations-widget .transformation-item {\n    min-width: 100%;\n    padding: 0 10px; \/* Jarak aman antar slide *\/\n}\n\n\/* Image Grid *\/\n#cojang-transformations-widget .transformation-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    margin-bottom: 20px;\n}\n\n#cojang-transformations-widget .image-box {\n    position: relative;\n}\n\n#cojang-transformations-widget .image-box img {\n    width: 100%;\n    aspect-ratio: 1\/1;\n    object-fit: cover;\n    border-radius: 4px;\n    display: block;\n}\n\n\/* Label Before \/ After *\/\n#cojang-transformations-widget .image-box .label {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    background: var(--color-black);\n    color: var(--color-white);\n    padding: 5px 10px;\n    font-family: var(--font-heading);\n    font-size: 0.8rem;\n    z-index: 2;\n    letter-spacing: 1px;\n}\n\n#cojang-transformations-widget .image-box .label--accent {\n    background: var(--color-accent);\n    color: var(--color-black);\n}\n\n\/* Text Detail Result *\/\n#cojang-transformations-widget .member-name {\n    font-family: var(--font-heading);\n    font-size: 1.5rem;\n    color: var(--color-accent);\n    margin-top: 15px;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n}\n\n#cojang-transformations-widget .member-result {\n    font-size: 1rem;\n    color: var(--color-grey-dark);\n    margin: 0;\n    line-height: 1.5;\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n    #cojang-transformations-widget .transformations__wrapper {\n        grid-template-columns: 1fr;\n        text-align: center;\n        gap: 30px;\n    }\n    #cojang-transformations-widget .transformations__intro p {\n        margin-left: auto;\n        margin-right: auto;\n    }\n    #cojang-transformations-widget .transformations__nav {\n        justify-content: center;\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-transformations-widget .section-title {\n        font-size: clamp(1.9rem, 8vw, 3rem);\n    }\n    #cojang-transformations-widget .transformations__wrapper {\n        gap: 22px;\n    }\n    #cojang-transformations-widget .transformations__intro {\n        text-align: left;\n    }\n    #cojang-transformations-widget .transformations__intro p {\n        max-width: 100%;\n        font-size: 0.98rem;\n    }\n    #cojang-transformations-widget .transformations__nav {\n        justify-content: flex-start;\n    }\n    #cojang-transformations-widget .transformation-images {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n    #cojang-transformations-widget .member-name {\n        font-size: 1.28rem;\n    }\n    #cojang-transformations-widget .member-result {\n        font-size: 0.92rem;\n    }\n}\n<\/style>\n\n<div id=\"cojang-transformations-widget\">\n    <div class=\"container\">\n        <div class=\"transformations__wrapper\">\n            \n            <div class=\"transformations__intro\">\n                <h2 class=\"section-title\">Bukti Nyata <br> Kerja Keras.<\/h2>\n                <p>Jangan percaya kata-kata saya, percayalah pada hasil yang mereka capai melalui konsistensi dan panduan yang tepat.<\/p>\n                <div class=\"transformations__nav\">\n                    <button class=\"nav-btn cojang-slider-prev\" type=\"button\" aria-label=\"Previous\">\u2190<\/button>\n                    <button class=\"nav-btn cojang-slider-next\" type=\"button\" aria-label=\"Next\">\u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"transformations__display\">\n                <div class=\"transformations__track\" id=\"cojang-slider-track\">\n                    \n                    <div class=\"transformation-item\">\n                        <div class=\"transformation-images\">\n                            <div class=\"image-box\">\n                                <span class=\"label\">BEFORE<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/before-1.webp\" alt=\"Before Andika Pratama\">\n                            <\/div>\n                            <div class=\"image-box\">\n                                <span class=\"label label--accent\">AFTER<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/after-1.webp\" alt=\"After Andika Pratama\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"transformation-details\">\n                            <h3 class=\"member-name\">Andika Pratama<\/h3>\n                            <p class=\"member-result\">Kehilangan 15kg Lemak & Penambahan Massa Otot (3 Bulan)<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"transformation-item\">\n                        <div class=\"transformation-images\">\n                            <div class=\"image-box\">\n                                <span class=\"label\">BEFORE<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/before-2.webp\" alt=\"Before Reza Aditya\">\n                            <\/div>\n                            <div class=\"image-box\">\n                                <span class=\"label label--accent\">AFTER<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/after-2.webp\" alt=\"After Reza Aditya\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"transformation-details\">\n                            <h3 class=\"member-name\">Reza Aditya<\/h3>\n                            <p class=\"member-result\">Body Recomposition: Turun Body Fat 8% (4 Bulan)<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"transformation-item\">\n                        <div class=\"transformation-images\">\n                            <div class=\"image-box\">\n                                <span class=\"label\">BEFORE<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/before-3.webp\" alt=\"Before Bima Saputra\">\n                            <\/div>\n                            <div class=\"image-box\">\n                                <span class=\"label label--accent\">AFTER<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/after-3.webp\" alt=\"After Bima Saputra\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"transformation-details\">\n                            <h3 class=\"member-name\">Bima Saputra<\/h3>\n                            <p class=\"member-result\">Berhasil Menurunkan Berat Badan 22kg & Memperbaiki Postur (6 Bulan)<\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const widget = document.getElementById('cojang-transformations-widget');\n    if(!widget) return;\n\n    const track = widget.querySelector('#cojang-slider-track');\n    const items = widget.querySelectorAll('.transformation-item');\n    const nextBtn = widget.querySelector('.cojang-slider-next');\n    const prevBtn = widget.querySelector('.cojang-slider-prev');\n\n    let currentIndex = 0;\n\n    function updateSlider() {\n        if (!track || items.length === 0) return;\n        \/\/ Menggunakan clientWidth dari elemen item agar lebih presisi per slide-nya\n        const width = items[0].clientWidth; \n        track.style.transform = `translateX(-${currentIndex * width}px)`;\n    }\n\n    if (nextBtn && prevBtn && items.length > 0) {\n        \/\/ Tombol Next\n        nextBtn.addEventListener(\"click\", () => {\n            currentIndex = (currentIndex + 1) % items.length;\n            updateSlider();\n        });\n\n        \/\/ Tombol Previous\n        prevBtn.addEventListener(\"click\", () => {\n            currentIndex = (currentIndex - 1 + items.length) % items.length;\n            updateSlider();\n        });\n\n        \/\/ Sesuaikan ulang saat layar di-resize (responsif)\n        let resizeTimeout;\n        window.addEventListener(\"resize\", () => {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(updateSlider, 150);\n        });\n\n        \/\/ Trigger pertama kali untuk memastikan posisi benar\n        setTimeout(updateSlider, 100);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-628f480 e-flex e-con-boxed e-con e-parent\" data-id=\"628f480\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45a2f35 elementor-widget elementor-widget-html\" data-id=\"45a2f35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   FEATURES SECTION WIDGET CSS (ISOLATED)\n   ========================================================================== *\/\n#cojang-features-widget {\n    --color-black: #050505;\n    --color-charcoal: #141414;\n    --color-white: #ffffff;\n    --color-grey-dark: #888888;\n    --color-accent: #ccff00;\n    --font-heading: 'Oswald', sans-serif;\n    \n    background-color: transparent !important;\n    font-family: 'Inter', sans-serif;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n#cojang-features-widget * {\n    box-sizing: border-box;\n}\n\n#cojang-features-widget .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 !important;\n}\n\n\/* Grid Layout *\/\n#cojang-features-widget .features__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n}\n\n\/* Card Styling *\/\n#cojang-features-widget .feature-card {\n    text-align: center;\n    padding: 30px 20px;\n}\n\n\/* Wrapper SVG & Helper CSS agar SVG selalu rapi *\/\n#cojang-features-widget .feature-card__icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 20px;\n    color: var(--color-accent);\n}\n\n#cojang-features-widget .feature-card__icon svg {\n    width: 40px;\n    height: 40px;\n    stroke: currentColor; \n}\n\n\/* Typography *\/\n#cojang-features-widget .feature-card__title {\n    font-family: var(--font-heading);\n    font-size: 1.3rem;\n    color: var(--color-white);\n    margin-bottom: 10px;\n    text-transform: uppercase;\n    margin-top: 0;\n}\n\n#cojang-features-widget .feature-card__desc {\n    color: var(--color-grey-dark);\n    font-size: 0.92rem;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n    #cojang-features-widget .features__grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-features-widget .features__grid {\n        grid-template-columns: 1fr;\n        gap: 8px;\n    }\n    \n    #cojang-features-widget .feature-card {\n        padding: 24px 14px;\n    }\n    \n    #cojang-features-widget .feature-card__title {\n        font-size: 1.18rem;\n    }\n    \n    #cojang-features-widget .feature-card__desc {\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n\n<div id=\"cojang-features-widget\">\n    <div class=\"container\">\n        <div class=\"features__grid\">\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-card__icon\">\n                    <?xml version=\"1.0\" encoding=\"utf-8\"?><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"122.88px\" height=\"122.88px\" viewBox=\"0 0 122.88 122.88\" enable-background=\"new 0 0 122.88 122.88\" xml:space=\"preserve\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M61.438,0c33.938,0,61.442,27.509,61.442,61.442S95.375,122.88,61.438,122.88 C27.509,122.88,0,95.376,0,61.442S27.509,0,61.438,0L61.438,0z M61.442,43.027c10.17,0,18.413,8.245,18.413,18.416 c0,10.17-8.243,18.413-18.413,18.413c-10.171,0-18.416-8.243-18.416-18.413C43.026,51.272,51.271,43.027,61.442,43.027 L61.442,43.027z M61.438,18.389c23.778,0,43.054,19.279,43.054,43.054s-19.275,43.049-43.054,43.049 c-23.77,0-43.049-19.274-43.049-43.049S37.668,18.389,61.438,18.389L61.438,18.389z\"\/><\/g><\/svg>\n                <\/div>\n                <h3 class=\"feature-card__title\">Program Personal<\/h3>\n                <p class=\"feature-card__desc\">Bukan template generik. Setiap set dan repetisi didesain khusus untuk kondisi fisik Anda.<\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-card__icon\">\n                    <?xml version=\"1.0\" encoding=\"utf-8\"?><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"122.88px\" height=\"102.85px\" viewBox=\"0 0 122.88 102.85\" enable-background=\"new 0 0 122.88 102.85\" xml:space=\"preserve\"><g><path d=\"M122.88,35.619v28.67c0,2.608-0.466,5.046-1.4,7.315c-0.933,2.264-2.322,4.319-4.174,6.169 c-0.802,0.797-1.645,1.511-2.526,2.14c-0.906,0.646-1.832,1.194-2.777,1.644c-0.05,0.024-0.101,0.047-0.152,0.067 c-1.21,0.563-2.47,0.986-3.779,1.271c-1.357,0.295-2.763,0.443-4.215,0.443h-8.544h-0.017h-0.017h-0.018h-0.017h-0.456 c0.181,0.577,0.37,1.149,0.566,1.716c0.555,1.603,1.18,3.182,1.875,4.731l0.01,0.021l0.001-0.001 c0.626,1.431,1.464,2.826,2.509,4.186c1.077,1.402,2.394,2.792,3.945,4.167c1.109,0.982,1.213,2.678,0.231,3.787 c-0.691,0.781-1.736,1.063-2.682,0.819v0.001c-3.333-0.864-6.479-1.944-9.443-3.236c-2.965-1.292-5.762-2.807-8.393-4.54 l-0.005,0.008c-2.613-1.709-5.059-3.633-7.331-5.768c-1.925-1.81-3.724-3.773-5.392-5.892h-0.908h-0.017h-0.017h-0.018h-0.017 h-8.543c-1.779,0-3.482-0.222-5.108-0.661c-1.628-0.44-3.18-1.109-4.652-2.003c-1.266-0.767-1.671-2.415-0.905-3.682 c0.767-1.267,2.415-1.671,3.682-0.904c1.009,0.612,2.097,1.077,3.264,1.393c1.16,0.313,2.4,0.472,3.72,0.472h8.543h0.017h0.018 h0.017h0.017h2.222v0.011c0.814,0,1.619,0.371,2.146,1.072c1.695,2.264,3.567,4.358,5.614,6.281 c2.021,1.899,4.222,3.627,6.595,5.179l-0.006,0.008l0.006,0.003c2.254,1.485,4.672,2.803,7.254,3.95 c-0.487-0.827-0.916-1.662-1.285-2.505h0.001c-0.736-1.644-1.415-3.363-2.034-5.151c-0.589-1.7-1.116-3.447-1.582-5.235 c-0.104-0.287-0.161-0.597-0.161-0.92c0-1.487,1.206-2.692,2.692-2.692h4.011h0.017h0.018h0.017h0.017h8.544 c1.082,0,2.108-0.105,3.078-0.316c0.923-0.2,1.801-0.493,2.632-0.876c0.04-0.021,0.081-0.042,0.123-0.063 c0.702-0.334,1.361-0.721,1.978-1.16c0.642-0.458,1.261-0.981,1.854-1.571c1.34-1.34,2.338-2.807,2.995-4.401 c0.654-1.588,0.98-3.347,0.98-5.275v-28.67c0-1.917-0.326-3.669-0.98-5.255c-0.657-1.592-1.655-3.059-2.995-4.399l0,0l-0.011-0.01 c-1.34-1.341-2.807-2.338-4.398-2.995c-1.586-0.654-3.338-0.98-5.255-0.98h-7.702h-5.612c-1.487,0-2.693-1.206-2.693-2.693 c0-1.487,1.206-2.693,2.693-2.693h5.612h7.702c2.597,0,5.028,0.466,7.295,1.401c2.256,0.931,4.309,2.317,6.155,4.163l0.006,0.005 l0.005,0.005l0.002,0.002c1.845,1.847,3.23,3.898,4.161,6.153C122.414,30.589,122.88,33.021,122.88,35.619L122.88,35.619z M48.405,5.386H32.34H19.025c-1.917,0-3.669,0.326-5.255,0.98c-1.592,0.657-3.059,1.655-4.399,2.995l-0.01,0.011l0,0 c-1.341,1.34-2.338,2.807-2.995,4.399c-0.654,1.586-0.98,3.338-0.98,5.255v28.67c0,1.929,0.326,3.687,0.98,5.276 c0.657,1.595,1.655,3.062,2.995,4.401c1.348,1.339,2.822,2.341,4.421,3.002c1.584,0.654,3.332,0.984,5.243,0.984h12.621 c1.487,0,2.693,1.205,2.693,2.692c0,0.323-0.057,0.633-0.161,0.92c-0.465,1.787-0.993,3.535-1.582,5.235 c-0.62,1.788-1.297,3.508-2.034,5.151h0c-0.369,0.843-0.797,1.678-1.285,2.505c2.583-1.147,5-2.465,7.255-3.95l0.005-0.003 l-0.005-0.008c2.373-1.552,4.573-3.279,6.595-5.18c2.047-1.922,3.919-4.018,5.614-6.28c0.526-0.702,1.331-1.072,2.146-1.073v-0.01 h10.833c1.911,0,3.659-0.33,5.243-0.984c1.599-0.661,3.073-1.663,4.422-3.002c1.34-1.34,2.338-2.807,2.995-4.401 c0.653-1.589,0.979-3.347,0.979-5.276v-28.67c0-1.917-0.326-3.669-0.979-5.255c-0.657-1.592-1.655-3.059-2.995-4.399l-0.011-0.011 l0,0c-1.341-1.34-2.807-2.338-4.399-2.995c-1.586-0.654-3.338-0.98-5.255-0.98H48.405L48.405,5.386z M32.34,0h16.065h13.314 c2.597,0,5.029,0.466,7.296,1.401c2.255,0.93,4.307,2.316,6.153,4.161l0.002,0.001l0.005,0.006l0.006,0.005 c1.845,1.848,3.231,3.899,4.162,6.156c0.936,2.267,1.401,4.699,1.401,7.295v28.67c0,2.608-0.466,5.046-1.401,7.316 c-0.932,2.264-2.322,4.318-4.173,6.169c-1.849,1.836-3.905,3.225-6.167,4.159c-2.262,0.934-4.69,1.404-7.284,1.404H52.2 c-1.669,2.118-3.467,4.083-5.392,5.892c-2.273,2.136-4.718,4.06-7.332,5.769l-0.004-0.008c-2.632,1.733-5.428,3.248-8.393,4.54 c-2.964,1.292-6.11,2.372-9.443,3.236v-0.001c-0.945,0.244-1.991-0.038-2.683-0.819c-0.981-1.11-0.878-2.806,0.232-3.787 c1.552-1.375,2.868-2.765,3.946-4.167c1.045-1.359,1.882-2.755,2.509-4.186h0.001l0.009-0.021c0.695-1.549,1.32-3.128,1.875-4.73 c0.196-0.567,0.385-1.139,0.566-1.717h-9.067c-2.594,0-5.022-0.471-7.283-1.404c-2.263-0.935-4.319-2.324-6.167-4.159 c-1.851-1.851-3.241-3.905-4.173-6.169C0.466,52.742,0,50.304,0,47.696v-28.67c0-2.597,0.466-5.029,1.401-7.295 c0.931-2.255,2.316-4.307,4.161-6.154l0.002-0.002l0.005-0.005l0.005-0.006c1.847-1.845,3.899-3.231,6.155-4.162 C13.997,0.466,16.429,0,19.025,0H32.34L32.34,0z\"\/><\/g><\/svg>\n                <\/div>\n                <h3 class=\"feature-card__title\">Konsultasi Langsung<\/h3>\n                <p class=\"feature-card__desc\">Akses komunikasi langsung via WhatsApp untuk pertanyaan seputar nutrisi dan teknik latihan.<\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-card__icon\">\n                    <?xml version=\"1.0\" encoding=\"utf-8\"?><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 122.88 115.23\" style=\"enable-background:new 0 0 122.88 115.23\" xml:space=\"preserve\"><g><path d=\"M60.89,8.37c2.99-4.67,6.96-7.16,11.12-8.03c3.95-0.82,8-0.11,11.49,1.65c3.44,1.74,6.39,4.52,8.2,7.88 c0.68,1.26,1.21,2.6,1.55,3.98c2.03-0.04,4.1,0.31,6.11,0.99c3.82,1.29,7.49,3.82,10.33,7.17c2.85,3.37,4.88,7.62,5.4,12.33 c0.24,2.17,0.15,4.43-0.32,6.74c2.09,1.87,3.83,3.98,5.14,6.23c2.03,3.47,3.09,7.32,2.98,11.23c-0.11,3.94-1.41,7.88-4.09,11.51 c-1.69,2.29-3.92,4.44-6.73,6.37c0.26,6.02-1.52,11.42-4.4,15.6c-3.26,4.72-7.98,7.92-12.88,8.78c-1.08,4.19-3.86,7.88-7.45,10.45 c-4.54,3.25-10.46,4.78-15.87,3.3c-3.99-1.09-7.62-3.73-10.11-8.38c-3.03,5.11-7.19,7.81-11.55,8.72 c-5.23,1.09-10.64-0.52-14.72-3.7c-3.26-2.54-5.71-6.11-6.59-10.16c-1.71-0.07-3.44-0.41-5.13-0.98c-3.73-1.26-7.32-3.7-10.13-6.95 c-2.82-3.25-4.87-7.34-5.51-11.89c-0.33-2.37-0.28-4.85,0.24-7.4c-1.83-1.66-3.4-3.53-4.65-5.56C1.14,64.78-0.05,60.86,0,56.83 c0.05-4.06,1.34-8.18,4.14-12c1.63-2.22,3.78-4.34,6.5-6.28c-0.03-0.74-0.03-1.48-0.01-2.21c0.22-5.93,2.4-11.14,5.59-15.03 c3.3-4.03,7.72-6.67,12.26-7.31l0.02,0c0.16-0.67,0.35-1.32,0.59-1.96c1.46-3.97,4.47-7.34,8.16-9.49 c3.71-2.16,8.17-3.11,12.51-2.21C53.93,1.2,57.9,3.7,60.89,8.37L60.89,8.37z M93.02,21.89c-0.66,2.18-1.84,4.37-3.64,6.5 c-1.37,1.63-3.8,1.84-5.43,0.47c-1.63-1.37-1.84-3.8-0.47-5.43c2.9-3.45,2.93-7.07,1.4-9.9c-1.06-1.96-2.81-3.6-4.87-4.64 c-2.01-1.01-4.28-1.44-6.44-0.99c-2.88,0.6-5.67,2.83-7.6,7.36c0.03,0.2,0.05,0.41,0.05,0.62v79.69c0.06,0.19,0.11,0.4,0.15,0.6 c1.11,6.75,4.03,10,7.31,10.9c3.03,0.83,6.52-0.14,9.3-2.14c2.73-1.96,4.68-4.82,4.7-7.83c0.03-3.43-2.49-7.31-9.23-10.75 c-1.91-0.97-2.66-3.31-1.69-5.22c0.97-1.91,3.31-2.66,5.22-1.69c7.44,3.8,11.36,8.46,12.8,13.17c2.39-0.78,4.71-2.6,6.47-5.14 c2.21-3.19,3.46-7.48,2.86-12.3c-0.35-1.65,0.37-3.41,1.9-4.3c2.92-1.71,5.07-3.6,6.53-5.59c1.66-2.24,2.46-4.62,2.53-6.96 c0.07-2.36-0.61-4.74-1.91-6.96c-1.19-2.03-2.87-3.9-4.98-5.48c-1.47-0.98-2.17-2.87-1.57-4.62c0.71-2.1,0.9-4.14,0.69-6.06 c-0.33-3.02-1.67-5.77-3.54-8c-1.89-2.24-4.31-3.92-6.78-4.75C95.5,22.01,94.22,21.81,93.02,21.89L93.02,21.89z M28.85,93.03 c1.54-4.84,5.6-9.67,13.26-13.58c1.91-0.97,4.24-0.22,5.22,1.69c0.97,1.91,0.22,4.24-1.69,5.22c-7.1,3.63-9.77,7.79-9.77,11.42 c0,2.83,1.61,5.48,3.96,7.31c2.38,1.85,5.46,2.81,8.36,2.21c3.62-0.75,7.11-4.1,8.92-11.39V19.22C55.3,11.98,51.81,8.65,48.2,7.9 c-2.38-0.5-4.91,0.07-7.07,1.33c-2.18,1.27-3.94,3.22-4.77,5.47c-1.11,3-0.45,6.69,3.3,10.16c1.56,1.45,1.66,3.88,0.21,5.44 c-1.45,1.56-3.88,1.66-5.44,0.21c-2.92-2.7-4.72-5.57-5.62-8.43c-2.3,0.55-4.57,2.07-6.4,4.3c-2.15,2.62-3.62,6.16-3.77,10.23 c-0.04,1.08,0.02,2.22,0.18,3.39l-0.01,0c0.21,1.52-0.47,3.09-1.86,3.95c-2.81,1.73-4.89,3.63-6.34,5.61 c-1.76,2.4-2.57,4.92-2.6,7.35c-0.03,2.47,0.73,4.92,2.09,7.13c1.15,1.87,2.73,3.57,4.65,5c1.44,0.99,2.12,2.85,1.53,4.59 c-0.76,2.25-0.93,4.44-0.64,6.47c0.41,2.93,1.77,5.6,3.63,7.75c1.87,2.16,4.23,3.77,6.65,4.59C26.9,92.8,27.89,92.99,28.85,93.03 L28.85,93.03z M29.73,38.54c1.52-1.49,3.96-1.47,5.46,0.05c1.49,1.52,1.47,3.96-0.05,5.46c-3.31,3.26-5.04,7.46-5.22,11.76 c-0.18,4.43,1.26,8.98,4.28,12.73c1.34,1.66,1.07,4.09-0.59,5.43c-1.66,1.34-4.09,1.07-5.43-0.59c-4.23-5.24-6.24-11.62-5.98-17.87 C22.47,49.29,24.96,43.23,29.73,38.54L29.73,38.54z M84.51,42.25c-1.73-1.25-2.11-3.67-0.86-5.4c1.25-1.73,3.67-2.12,5.4-0.86 c0.77,0.56,1.5,1.15,2.18,1.77c5.03,4.54,7.78,10.53,8.28,16.73c0.5,6.14-1.21,12.48-5.08,17.8c-0.57,0.78-1.18,1.54-1.84,2.27 c-1.43,1.59-3.87,1.72-5.46,0.29c-1.59-1.43-1.72-3.87-0.29-5.46c0.48-0.53,0.92-1.08,1.33-1.64c2.76-3.8,3.98-8.3,3.63-12.66 c-0.35-4.29-2.25-8.44-5.74-11.58C85.57,43.07,85.06,42.65,84.51,42.25L84.51,42.25z\"\/><\/g><\/svg>\n                <\/div>\n                <h3 class=\"feature-card__title\">Support Mindset<\/h3>\n                <p class=\"feature-card__desc\">Kami melatih otak Anda untuk mencintai proses, bukan hanya sekadar mengejar hasil akhir.<\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-card__icon\">\n                    <?xml version=\"1.0\" encoding=\"utf-8\"?><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 122.88 68.04\" style=\"enable-background:new 0 0 122.88 68.04\" xml:space=\"preserve\"><g><path d=\"M2.03,56.52c-2.66,2.58-2.72,6.83-0.13,9.49c2.58,2.66,6.83,2.72,9.49,0.13l27.65-26.98l23.12,22.31 c2.67,2.57,6.92,2.49,9.49-0.18l37.77-38.22v19.27c0,3.72,3.01,6.73,6.73,6.73s6.73-3.01,6.73-6.73V6.71h-0.02 c0-1.74-0.67-3.47-2-4.78c-1.41-1.39-3.29-2.03-5.13-1.91H82.4c-3.72,0-6.73,3.01-6.73,6.73c0,3.72,3.01,6.73,6.73,6.73h17.63 L66.7,47.2L43.67,24.97c-2.6-2.5-6.73-2.51-9.33,0.03L2.03,56.52L2.03,56.52z\"\/><\/g><\/svg>\n                <\/div>\n                <h3 class=\"feature-card__title\">Progress Tracking<\/h3>\n                <p class=\"feature-card__desc\">Laporan mingguan mendalam untuk memastikan Anda selalu berada di jalur yang benar.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-704c11e e-flex e-con-boxed e-con e-parent\" data-id=\"704c11e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0277378 elementor-widget elementor-widget-html\" data-id=\"0277378\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   ATMOSPHERE GALLERY WIDGET CSS (100% PRESISI PROTOTYPE & SEAMLESS)\n   ========================================================================== *\/\n#cojang-atmosphere-gallery {\n    --color-black: #050505;\n    --color-white: #ffffff;\n    --color-accent: #ccff00;\n    --font-heading: 'Oswald', sans-serif;\n    \n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n#cojang-atmosphere-gallery * {\n    box-sizing: border-box;\n}\n\n#cojang-atmosphere-gallery .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 !important;\n}\n\n\/* Header Section (Persis dengan section lain) *\/\n#cojang-atmosphere-gallery .section-header {\n    margin-bottom: 2rem;\n    text-align: center;\n}\n\n#cojang-atmosphere-gallery .subtitle {\n    display: inline-block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--color-accent);\n    letter-spacing: 3px;\n    margin-bottom: 0.7rem;\n    text-transform: uppercase;\n}\n\n#cojang-atmosphere-gallery .section-title {\n    display: block;\n    font-family: var(--font-heading);\n    font-size: clamp(2.1rem, 5vw, 4rem);\n    letter-spacing: 1px;\n    margin-bottom: 1rem;\n    line-height: 1.15;\n    color: var(--color-white);\n    margin-top: 0;\n    text-transform: uppercase;\n}\n\n\/* Seamless Grid Layout (Tanpa Bento) *\/\n#cojang-atmosphere-gallery .gallery__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0; \/* Tanpa celah antar gambar *\/\n    margin-top: 50px;\n}\n\n#cojang-atmosphere-gallery .gallery__item {\n    position: relative;\n    overflow: hidden;\n    line-height: 0; \/* Menghilangkan white-space di bawah gambar *\/\n    background-color: var(--color-black);\n}\n\n\/* Gambar dengan efek grayscale *\/\n#cojang-atmosphere-gallery .gallery__img {\n    width: 100%;\n    height: 380px; \/* Tinggi seragam agar rapi *\/\n    object-fit: cover;\n    display: block;\n    filter: grayscale(100%);\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;\n}\n\n\/* Efek Hover (Zoom & Muncul Warna Asli) *\/\n#cojang-atmosphere-gallery .gallery__item:hover .gallery__img {\n    transform: scale(1.05);\n    filter: grayscale(0%);\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n    #cojang-atmosphere-gallery .gallery__grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-atmosphere-gallery .section-title {\n        font-size: clamp(1.9rem, 8vw, 3rem);\n    }\n    \n    #cojang-atmosphere-gallery .gallery__grid {\n        grid-template-columns: 1fr;\n        margin-top: 30px;\n    }\n    \n    #cojang-atmosphere-gallery .gallery__img {\n        height: 280px;\n    }\n}\n<\/style>\n\n<div id=\"cojang-atmosphere-gallery\">\n    <div class=\"container\">\n        <div class=\"section-header\">\n            <span class=\"subtitle\">ATMOSPHERE<\/span>\n            <h2 class=\"section-title\">Visualisasi Energi<\/h2>\n        <\/div>\n\n        <div class=\"gallery__grid\">\n            <div class=\"gallery__item\">\n                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-1.webp\" alt=\"Atmosphere 1\" class=\"gallery__img\" loading=\"lazy\">\n            <\/div>\n            <div class=\"gallery__item\">\n                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-2.webp\" alt=\"Atmosphere 2\" class=\"gallery__img\" loading=\"lazy\">\n            <\/div>\n            <div class=\"gallery__item\">\n                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-3.webp\" alt=\"Atmosphere 3\" class=\"gallery__img\" loading=\"lazy\">\n            <\/div>\n            <div class=\"gallery__item\">\n                <img decoding=\"async\" src=\"https:\/\/cojang.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-4.webp\" alt=\"Atmosphere 4\" class=\"gallery__img\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95dff4a e-flex e-con-boxed e-con e-parent\" data-id=\"95dff4a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06f02d2 elementor-widget elementor-widget-html\" data-id=\"06f02d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   STEPS SECTION WIDGET CSS (SEAMLESS \/ NON-BENTO)\n   ========================================================================== *\/\n#cojang-steps-widget {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n    color: var(--color-white);\n}\n\n#cojang-steps-widget .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n#cojang-steps-widget .steps__header {\n    margin-bottom: 60px;\n    text-align: center;\n}\n\n#cojang-steps-widget .subtitle {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--color-accent);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 10px;\n}\n\n#cojang-steps-widget .section-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: clamp(2.1rem, 5vw, 3.5rem);\n    text-transform: uppercase;\n    margin: 0;\n}\n\n\/* Grid & Dashed Lines *\/\n#cojang-steps-widget .steps__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    position: relative;\n    border-top: 1px dashed #333; \/* Garis penghubung atas *\/\n}\n\n#cojang-steps-widget .step-item {\n    padding: 40px 20px;\n    border-right: 1px dashed #333; \/* Garis vertikal antar langkah *\/\n    text-align: center;\n}\n\n#cojang-steps-widget .step-item:last-child {\n    border-right: none;\n}\n\n\/* Penomoran & Konten *\/\n#cojang-steps-widget .step-number {\n    font-family: 'Oswald', sans-serif;\n    font-size: 1.5rem;\n    color: var(--color-accent);\n    margin-bottom: 15px;\n    display: block;\n    border: 1px solid #333;\n    width: 50px;\n    height: 50px;\n    line-height: 50px;\n    margin: 0 auto 20px auto;\n}\n\n#cojang-steps-widget .step-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 1.25rem;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n}\n\n#cojang-steps-widget .step-desc {\n    font-size: 0.9rem;\n    color: var(--color-grey-dark);\n    line-height: 1.6;\n}\n\n\/* Responsif *\/\n@media (max-width: 1024px) {\n    #cojang-steps-widget .steps__grid {\n        grid-template-columns: repeat(2, 1fr);\n        border-bottom: 1px dashed #333;\n    }\n    #cojang-steps-widget .step-item:nth-child(2) {\n        border-right: none;\n    }\n}\n\n@media (max-width: 767px) {\n    #cojang-steps-widget .steps__grid {\n        grid-template-columns: 1fr;\n    }\n    #cojang-steps-widget .step-item {\n        border-right: none;\n        border-bottom: 1px dashed #333;\n    }\n}\n<\/style>\n\n<div id=\"cojang-steps-widget\">\n    <div class=\"container\">\n        <div class=\"steps__header\">\n            <span class=\"subtitle\">PROSES TRANSFORMASI<\/span>\n            <h2 class=\"section-title\">Langkah Kerja<\/h2>\n        <\/div>\n\n        <div class=\"steps__grid\">\n            <div class=\"step-item\">\n                <span class=\"step-number\">01<\/span>\n                <h3 class=\"step-title\">Konsultasi<\/h3>\n                <p class=\"step-desc\">Sesi awal untuk menganalisis kondisi fisik, riwayat cedera, dan target utama Anda.<\/p>\n            <\/div>\n            <div class=\"step-item\">\n                <span class=\"step-number\">02<\/span>\n                <h3 class=\"step-title\">Perencanaan<\/h3>\n                <p class=\"step-desc\">Penyusunan jadwal latihan dan nutrisi yang dipersonalisasi sesuai metabolisme tubuh Anda.<\/p>\n            <\/div>\n            <div class=\"step-item\">\n                <span class=\"step-number\">03<\/span>\n                <h3 class=\"step-title\">Eksekusi<\/h3>\n                <p class=\"step-desc\">Memulai fase latihan intensif dengan pemantauan teknik yang ketat dari Coach Jajang.<\/p>\n            <\/div>\n            <div class=\"step-item\">\n                <span class=\"step-number\">04<\/span>\n                <h3 class=\"step-title\">Evaluasi<\/h3>\n                <p class=\"step-desc\">Peninjauan progress mingguan untuk melakukan penyesuaian strategi menuju hasil maksimal.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-671ce9e e-flex e-con-boxed e-con e-parent\" data-id=\"671ce9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2508ece elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2508ece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   TESTIMONIALS SECTION (TYPOGRAPHIC GRID - NO CARDS)\n   ========================================================================== *\/\n#cojang-testimonials-minimal {\n    padding: 80px 20px;\n    background: transparent;\n    color: var(--color-white);\n    width: 100%;\n}\n\n#cojang-testimonials-minimal .container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* Header *\/\n#cojang-testimonials-minimal .section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n#cojang-testimonials-minimal .subtitle {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--color-accent);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 10px;\n}\n\n#cojang-testimonials-minimal .section-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: clamp(2.1rem, 5vw, 3.5rem);\n    text-transform: uppercase;\n    margin: 0;\n}\n\n\/* Grid Tanpa Kotak\/Bento *\/\n#cojang-testimonials-minimal .testimonials__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n#cojang-testimonials-minimal .testimonial-item {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n#cojang-testimonials-minimal .quote-mark {\n    font-family: 'Oswald', sans-serif;\n    font-size: 3rem;\n    color: #222;\n    line-height: 0;\n    margin-bottom: 30px;\n}\n\n#cojang-testimonials-minimal .testi-content {\n    font-family: 'Inter', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 300;\n    line-height: 1.6;\n    margin-bottom: 30px;\n    color: var(--color-grey-dark);\n    font-style: italic;\n    max-width: 300px;\n}\n\n#cojang-testimonials-minimal .testi-author {\n    font-family: 'Oswald', sans-serif;\n    font-size: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--color-white);\n}\n\n#cojang-testimonials-minimal .author-role {\n    display: block;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.75rem;\n    color: var(--color-accent);\n    margin-top: 5px;\n    letter-spacing: 1px;\n}\n\n\/* Responsif *\/\n@media (max-width: 992px) {\n    #cojang-testimonials-minimal .testimonials__grid {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n}\n<\/style>\n\n<div id=\"cojang-testimonials-minimal\">\n    <div class=\"container\">\n        <div class=\"section-header\">\n            <span class=\"subtitle\">TESTIMONIALS<\/span>\n            <h2 class=\"section-title\">Apa Kata Mereka<\/h2>\n        <\/div>\n\n        <div class=\"testimonials__grid\">\n            <div class=\"testimonial-item\">\n                <span class=\"quote-mark\">\u201c<\/span>\n                <p class=\"testi-content\">\"Program Coach Jajang benar-benar mengubah cara pandang saya soal disiplin. Hasilnya tidak instan, tapi permanen.\"<\/p>\n                <div class=\"testi-author\">\n                    Andika Pratama\n                    <span class=\"author-role\">Fat Loss Extreme<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-item\">\n                <span class=\"quote-mark\">\u201c<\/span>\n                <p class=\"testi-content\">\"Saya tidak pernah menyangka bisa mencapai bentuk tubuh seperti ini. Panduan nutrisinya sangat mudah diikuti.\"<\/p>\n                <div class=\"testi-author\">\n                    Reza Aditya\n                    <span class=\"author-role\">Muscle Building<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-item\">\n                <span class=\"quote-mark\">\u201c<\/span>\n                <p class=\"testi-content\">\"Coach Jajang tidak hanya melatih fisik, tapi juga mental. Ini investasi terbaik yang pernah saya buat.\"<\/p>\n                <div class=\"testi-author\">\n                    Bima Saputra\n                    <span class=\"author-role\">Body Recomposition<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c623a56 e-flex e-con-boxed e-con e-parent\" data-id=\"c623a56\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:99,&quot;url&quot;:&quot;https:\\\/\\\/cojang.maputra.id\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cat.webp&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df55c67 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"df55c67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================================\n   CTA SECTION WIDGET CSS (NO PADDING & TRANSPARENT)\n   ========================================================================== *\/\n#cojang-cta-widget {\n    background-color: transparent !important;\n    padding: 0 !important; \n    margin: 0 !important;\n    width: 100%;\n    text-align: center;\n}\n\n#cojang-cta-widget .container {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 !important;\n}\n\n\/* Judul Tegas (Oswald) *\/\n#cojang-cta-widget .cta-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\n    text-transform: uppercase;\n    color: #ffffff;\n    margin-bottom: 20px;\n    margin-top: 0;\n    line-height: 1.1;\n    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8); \n}\n\n\/* Deskripsi Modern (Inter) *\/\n#cojang-cta-widget .cta-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 1.1rem;\n    color: #e0e0e0;\n    margin-bottom: 50px;\n    margin-top: 0;\n    line-height: 1.6;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);\n}\n\n\/* Tombol Aksi Skewed *\/\n#cojang-cta-widget .btn-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px 50px;\n    background-color: #ccff00;\n    color: #050505;\n    font-family: 'Oswald', sans-serif;\n    font-size: 1.3rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-decoration: none;\n    transform: skewX(-10deg);\n    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;\n    box-shadow: 0 10px 30px rgba(204, 255, 0, 0.25);\n    border: none;\n}\n\n#cojang-cta-widget .btn-cta:hover {\n    transform: skewX(-10deg) translateY(-5px);\n    background-color: #ffffff;\n    color: #050505;\n    box-shadow: 0 15px 35px rgba(255, 255, 255, 0.2);\n}\n\n\/* Teks Catatan Tambahan (Gratis) *\/\n#cojang-cta-widget .cta-note {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    color: #ccff00; \/* Warna hijau menyala agar menarik perhatian *\/\n    margin-top: 20px;\n    font-style: italic;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 767px) {\n    #cojang-cta-widget .btn-cta {\n        width: 100%;\n        padding: 20px;\n    }\n}\n<\/style>\n\n<div id=\"cojang-cta-widget\">\n    <div class=\"container\">\n        <h2 class=\"cta-title\">SIAP UNTUK<br>LEVEL SELANJUTNYA?<\/h2>\n        <p class=\"cta-desc\">Jangan tunda lagi. Slot terbatas untuk kualitas coaching maksimal.<\/p>\n        \n        <a href=\"https:\/\/wa.me\/62812xxxxxxx\" class=\"btn-cta\">HUBUNGI VIA WHATSAPP<\/a>\n        \n        <p class=\"cta-note\">*Konsultasi pertama GRATIS<\/p>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\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>PREMIUM COACHING EST. 2024 DISIPLIN ADALAH HARGA MATI. Ubah mindset, bentuk karakter, dan capai fisik impian Anda bersama Coach Jajang. Bukan sekadar latihan biasa, ini adalah revolusi gaya hidup modern. PILIH PROGRAM PELAJARI FILOSOFI 500+ Member Aktif 12+ Tahun Pengalaman 98% Tingkat Keberhasilan &#8220;The only limit is your mind.&#8221; Live Tracking Progress terpantau 24\/7 FILOSOFI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":48,"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/cojang.maputra.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}